.pack-selector,.content-chips{--pack-accent: #77b8e2;--pack-accent-soft: color-mix(in srgb, var(--pack-accent) 12%, #fff);--pack-success: #9ed683;--pack-ink: #4a4a4a;--pack-muted: #8c8c8c;--pack-border: #e2e2e2;--pack-radius: 12px;display:block}@supports not (background: color-mix(in srgb,red 50%,blue)){.pack-selector,.content-chips{--pack-accent-soft: #f2f9fd}}.pack-selector__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.pack-selector__label{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--pack-ink)}.pack-selector__hint{font-size:13px;color:var(--pack-muted)}.pack-selector__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}.pack-pill{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;min-height:96px;padding:16px 8px 10px;border:2px solid var(--pack-border);border-radius:var(--pack-radius);background:#fff;cursor:pointer;text-align:center;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;-webkit-appearance:none;appearance:none}@media(hover:hover),(hover:none)and (min-width:1025px){.pack-pill:not(.is-active):not(.is-soldout):hover{border-color:var(--pack-accent);transform:translateY(-2px)}}.pack-pill:focus-visible{outline:2px solid var(--pack-accent);outline-offset:2px}.pack-pill.is-active{border-color:var(--pack-accent);background:var(--pack-accent-soft);box-shadow:0 4px 14px #00000012}.pack-pill.is-active:after{content:"";position:absolute;top:8px;right:8px;width:16px;height:16px;border-radius:50%;background:var(--pack-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.2 4.6 8.8 10 3.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}.pack-pill.is-soldout{opacity:.45;cursor:not-allowed}.pack-pill__badge{position:absolute;top:-9px;left:50%;transform:translate(-50%);padding:2px 8px;border-radius:999px;background:var(--pack-success);color:#fff;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;line-height:1.5}.pack-pill__badge--star{background:var(--pack-accent)}.pack-selector.pack-selector--hidden,.pack-selector__grid--hidden{display:none}.pack-pill__name{font-size:20px;font-weight:800;line-height:1.1;color:var(--pack-ink, #4a4a4a)}.pack-pill__name--long{font-size:13px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.pack-pill__pieces{font-size:12px;font-weight:600;color:var(--pack-ink)}.pack-pill__unit{font-size:12px;color:var(--pack-muted);white-space:nowrap}.pack-pill__save{min-height:14px;font-size:11px;font-weight:800;color:#d63031}.pack-pill__save:empty{min-height:0}.pack-selector{--pack-hero-bg: color-mix(in srgb, var(--pack-accent) 12%, #fff);--pack-hero-icon-bg: var(--pack-accent);--pack-hero-icon: #fff;--pack-hero-text: #4a4a4a;--pack-hero-number: var(--pack-accent);--pack-hero-radius: 18px;--pack-price-now: #1a2c3d;--pack-savings-bg: #fff1ee;--pack-savings-color: #e2664b;--pack-savings-border: #ffd6cb;--pack-unit-bg: #fff;--pack-unit-color: #1a2c3d;--pack-unit-border: #e2e8f0}@supports not (background: color-mix(in srgb,red 50%,blue)){.pack-selector{--pack-hero-bg: #eef7fd}}.pack-hero{display:flex;align-items:center;gap:14px;margin-top:14px;padding:18px 22px;border-radius:var(--pack-hero-radius);background:var(--pack-hero-bg)}.pack-hero[hidden]{display:none}.pack-hero__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--pack-hero-icon-size, 52px);height:var(--pack-hero-icon-size, 52px);border-radius:50%;background:var(--pack-hero-icon-bg);color:var(--pack-hero-icon)}.pack-hero__icon svg,.pack-hero__icon img{width:54%;height:54%;object-fit:contain}.pack-hero__body{display:flex;flex-direction:column;gap:2px;min-width:0}.pack-hero__title{font-size:var(--pack-hero-title-size, 22px);font-weight:500;line-height:1.15;color:var(--pack-hero-text);padding-top:.06em}.pack-hero__sub[hidden],.pack-hero__title[hidden]{display:none}.pack-hero__title strong{color:var(--pack-hero-number);font-weight:800;font-size:var(--pack-hero-number-size, 26px);letter-spacing:-.015em}.pack-hero__sub{font-size:var(--pack-hero-sub-size, 14px);color:var(--pack-muted);line-height:1.35}.pack-price{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:16px}.pack-price[hidden]{display:none}.pack-price__main{display:inline-flex;align-items:baseline;gap:10px}.pack-price__now{font-size:var(--pack-price-size, 44px);font-weight:800;line-height:1;color:var(--pack-price-now);letter-spacing:-.02em}.pack-price__was{font-size:var(--pack-price-was-size, 18px);color:var(--pack-muted);text-decoration:line-through}.pack-price__was[hidden]{display:none}.pack-price__chips{display:inline-flex;align-items:stretch;flex-wrap:wrap;gap:10px}.pack-price__save,.pack-price__unit{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;font-size:var(--pack-chip-size, 14px);line-height:1.25;white-space:nowrap}.pack-price__save{background:var(--pack-savings-bg);color:var(--pack-savings-color);border:1px solid var(--pack-savings-border);font-weight:600}.pack-price__save[hidden]{display:none}.pack-price__save-body{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:0 5px}.pack-price__save .pack-price__chip-label{color:inherit}.pack-price__save strong{font-weight:800}.pack-price__save-icon{width:18px;height:18px;flex:0 0 auto}.pack-price__unit{background:var(--pack-unit-bg);color:var(--pack-unit-color);border:1px solid var(--pack-unit-border);font-weight:500;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 14px}.pack-price__unit[hidden]{display:none}.pack-price__unit strong{color:var(--pack-unit-price, var(--pack-price-now));font-weight:800;font-size:var(--pack-chip-strong-size, 17px);line-height:1.1}.pack-price__chip-label{font-size:var(--pack-chip-label-size, 12px);color:var(--pack-muted);font-weight:500;line-height:1.2}.pack-summary{margin-top:14px;padding:14px 16px;border:1px solid var(--pack-border);border-left:4px solid var(--pack-accent);border-radius:var(--pack-radius);background:#fafafa}.pack-summary[hidden]{display:none}.pack-summary p{margin:0;line-height:1.45}.pack-summary__chips,.content-chips__out{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;text-align:left}.content-chips{display:block}.content-chips__out:empty{display:none}.content-chips .prd-block-desc.is-chipped{display:none}.content-chips__out .pack-chip{white-space:normal}.pack-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 14px 7px 11px;border:1px solid var(--pack-border, #e2e2e2);border-radius:999px;background:#fff;font-size:14px;line-height:1.2;color:var(--pack-ink, #4a4a4a);white-space:nowrap}.pack-chip strong{font-weight:800}.pack-chip--primary{border-color:var(--pack-accent, #77b8e2);background:var(--pack-accent, #77b8e2);color:#fff}.pack-chip__icon{flex:0 0 auto;width:18px;height:18px;fill:none!important;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.pack-chip--primary .pack-chip__icon{opacity:1}.pack-summary__meta{margin-top:10px!important;font-size:14px;color:var(--pack-muted)}.pack-summary__meta strong{color:var(--pack-accent);font-weight:800}.pack-summary__save{margin-top:6px!important;font-size:14px;font-weight:700;color:#d63031}.pack-summary__save[hidden]{display:none}.pack-selector__native-hidden{display:none!important}@media(max-width:767px){.pack-hero{gap:12px;margin-top:12px;padding:14px 16px}.pack-hero__icon{width:var(--pack-hero-icon-size-m, 42px);height:var(--pack-hero-icon-size-m, 42px)}.pack-hero__title{font-size:var(--pack-hero-title-size-m, 16px);line-height:1.2}.pack-hero__title strong{font-size:var(--pack-hero-number-size-m, 21px)}.pack-hero__sub{font-size:var(--pack-hero-sub-size-m, 12.5px)}.pack-price{gap:12px;margin-top:14px}.pack-price__main{width:100%;gap:8px}.pack-price__now{font-size:var(--pack-price-size-m, 32px)}.pack-price__was{font-size:var(--pack-price-was-size-m, 15px)}.pack-price__chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(142px,1fr));width:100%;gap:8px}.pack-price__save,.pack-price__unit{font-size:var(--pack-chip-size-m, 12px);padding:8px 10px;white-space:normal;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1px}.pack-price__save-body{flex-direction:column;align-items:center;gap:1px}.pack-price__save strong,.pack-price__unit strong{font-size:var(--pack-chip-strong-size-m, 16px);line-height:1.15}.pack-price__chip-label{font-size:var(--pack-chip-label-size-m, 11px)}.pack-price__save-icon{display:none}}@media(max-width:480px){.pack-selector__grid{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px}.pack-pill{min-height:88px;padding:14px 6px 8px}.pack-pill__name{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/pack-selector.css.map */