.freq-selector{--fs-font-body: var(--text-font-family, "brownregular", "Helvetica Neue", Helvetica, Arial, sans-serif);--fs-font-display: var(--dss-font-austin-roman, "Austin-Roman", "Austin", Georgia, serif);--fs-font-italic: var(--dss-font-austin-roman-italic, "Austin Roman Italic", "Austin", Georgia, serif);--fs-charcoal: var(--dss-text-color, #363636);--fs-charcoal-2: #5a5a5a;--fs-pink: #f01380;--fs-pink-deep: #c20a64;--fs-pink-soft: #fde4ef;--fs-save-bg: var(--dss-pink, #e23185);--fs-pill-border: #ecd5e0;--fs-pill-border-hover: #e3a8c2;--fs-panel-bg: var(--dss-ozone, #f5f5f5);--fs-ease: cubic-bezier(.2, .6, .2, 1);display:block;margin-top:clamp(28px,2vw,2vw);container-type:inline-size;container-name:freq-selector;font-family:var(--fs-font-body);color:var(--fs-charcoal)}.freq-selector__q{font-weight:400;font-size:clamp(12px,.97vw,.97vw);letter-spacing:clamp(.2px,.014vw,.014vw);text-transform:uppercase;color:var(--fs-charcoal);margin:0 0 clamp(10px,.7vw,.7vw)}.freq-selector__options{display:flex;flex-direction:column;gap:clamp(8px,.7vw,.7vw)}.freq-selector__opt{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid var(--fs-pill-border);border-radius:20px;padding:12px 20px;font-family:var(--fs-font-body);font-size:15px;color:var(--fs-charcoal);cursor:pointer;text-align:left;display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;transition:border-color .16s var(--fs-ease),box-shadow .16s var(--fs-ease),background .16s}.freq-selector__opt:hover{border-color:var(--fs-pill-border-hover)}.freq-selector__opt[aria-pressed=true]{border:2px solid var(--fs-pink);padding:11px 19px}.freq-selector__opt:focus-visible{outline:none;border-color:var(--fs-pink);box-shadow:0 0 0 3px #f0138026}.freq-selector__header{display:flex;align-items:center;gap:12px;width:100%}.freq-selector__copy{flex:1;display:flex;align-items:baseline;gap:12px;min-width:0}.freq-selector__freq{font-weight:400;font-size:clamp(12px,.97vw,.97vw);letter-spacing:clamp(.2px,.014vw,.014vw);text-transform:uppercase;color:var(--fs-charcoal);flex-shrink:0}.freq-selector__hint{font-size:clamp(13px,.97vw,.97vw);color:var(--fs-charcoal)}.freq-selector__hint:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background-color:var(--fs-charcoal);vertical-align:middle;margin-right:12px;position:relative;top:-2px}.freq-selector__badges{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.freq-selector__price-badge{background:var(--fs-pink-soft);color:var(--fs-pink-deep);border-radius:999px;padding:6px 12px;font-size:12px;letter-spacing:.06em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}.freq-selector__save-badge{background:var(--fs-save-bg);color:#fff;border-radius:999px;padding:6px 12px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;line-height:1;white-space:nowrap}.freq-selector__panel{display:none}.freq-selector__opt[aria-pressed=true] .freq-selector__panel{display:flex;flex-direction:column;margin-top:14px;margin-bottom:6px;padding:20px;background:var(--fs-panel-bg);border-radius:14px}.freq-selector__ships-text{display:block;font-family:var(--fs-font-body);font-size:12px;line-height:1.5;color:var(--fs-charcoal-2);margin-top:16px}.freq-selector__ships-text strong{font-weight:400;color:var(--fs-charcoal);border-bottom:1px solid var(--fs-charcoal);padding-bottom:1px}.freq-selector__refill-card{display:flex;align-items:center;gap:16px;min-width:0}.freq-selector__refill-thumb{width:84px;height:84px;flex-shrink:0;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #1f1f1f0a;overflow:hidden}.freq-selector__refill-thumb img{width:100%;height:100%;object-fit:contain;display:block}.freq-selector__refill-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.freq-selector__refill-name{font-family:var(--fs-font-display);font-weight:400;font-size:24px;line-height:1.1;color:var(--fs-charcoal);letter-spacing:-.01em}.freq-selector__refill-sub{font-family:var(--fs-font-italic);font-style:italic;font-weight:500;font-size:15px;line-height:1.4;color:var(--fs-charcoal)}.freq-selector__refill-price{font-family:var(--fs-font-display);font-weight:400;font-size:24px;color:var(--fs-charcoal);letter-spacing:-.01em;font-variant-numeric:tabular-nums;flex-shrink:0}.freq-selector__atc{margin-top:clamp(16px,1.2vw,1.2vw);width:100%;border:none;background:linear-gradient(90deg,var(--buy-button-interior, #FF2E91) 0%,var(--buy-button-exterior, #AE0B58) 47.03%,var(--buy-button-interior, #FF2E91) 82.08%);color:var(--buy-button-text, #fff);font-family:var(--fs-font-body);font-weight:400;font-size:clamp(13px,.97vw,.97vw);letter-spacing:clamp(1.5px,.12vw,.12vw);text-transform:uppercase;padding:clamp(16px,1.2vw,1.6vw) clamp(16px,1.6vw,24px);cursor:pointer;border-radius:0;transition:filter .16s;display:inline-flex;align-items:center;justify-content:center;gap:clamp(6px,.5vw,10px)}.freq-selector__atc:hover{filter:brightness(1.04)}.freq-selector__atc:active{filter:brightness(.96)}.freq-selector__atc[disabled]{opacity:.6;cursor:not-allowed}.freq-selector__atc-sep{opacity:.85}.freq-selector__atc-price{font-variant-numeric:tabular-nums}@container freq-selector (max-width: 640px){.freq-selector__q{margin-bottom:10px}.freq-selector__options{gap:8px}.freq-selector__opt{border-radius:14px;padding:12px 14px}.freq-selector__opt[aria-pressed=true]{padding:11px 13px}.freq-selector__header{display:grid;grid-template-columns:1fr auto;grid-template-areas:"freq badges" "hint hint";align-items:center;column-gap:8px;row-gap:3px}.freq-selector__header>.freq-selector__copy{display:contents}.freq-selector__freq{grid-area:freq;flex:1}.freq-selector__hint{grid-area:hint;line-height:1.35}.freq-selector__hint:before{content:none}.freq-selector__badges{grid-area:badges;align-self:flex-start}.freq-selector__price-badge{padding:4px 9px;font-size:11px}.freq-selector__save-badge{padding:4px 9px;font-size:10px;letter-spacing:.12em}.freq-selector__opt[aria-pressed=true] .freq-selector__panel{margin-top:12px;margin-bottom:4px;padding:14px 12px;border-radius:10px}.freq-selector__ships-text{font-size:11px;margin-top:12px}.freq-selector__refill-card{gap:12px}.freq-selector__refill-thumb{width:56px;height:56px;border-radius:10px}.freq-selector__refill-name{font-size:17px}.freq-selector__refill-sub{font-size:12px}.freq-selector__refill-price{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/frequency-selector.css.map */