html.absorption-guide-scroll-lock{overflow:hidden}.absorption-guide-modal{color:#1a1a1a;font-family:Montserrat,sans-serif;top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;transition:visibility 0s linear .55s;visibility:hidden;z-index:999}.absorption-guide-modal.is-open{pointer-events:auto;transition:visibility 0s;visibility:visible}.absorption-guide-modal__overlay{background:#0006;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity .15s ease .4s}.absorption-guide-modal.is-open .absorption-guide-modal__overlay{opacity:1;transition-delay:0s}.absorption-guide-modal__panel{background:#fff;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease;width:560px}.absorption-guide-modal.is-open .absorption-guide-modal__panel{opacity:1}.absorption-guide-modal__header{align-items:center;border-bottom:1px solid rgba(26,26,26,.12);box-sizing:border-box;display:flex;flex:none;gap:16px;justify-content:center;min-height:66px;padding:20px 28px;position:relative;text-align:center}.absorption-guide-modal__heading{min-width:0}.absorption-guide-modal__title{color:#1a1a1a;display:block;font-family:Montserrat,sans-serif;font-size:20px;font-style:normal;font-weight:700;letter-spacing:-.4px;line-height:20px;margin:0;overflow-wrap:anywhere;text-transform:none;width:auto}.absorption-guide-modal__close{-webkit-appearance:none;appearance:none;background:#fff;border:0;border-radius:9999px;color:#1a1a1a;cursor:pointer;display:grid;height:48px;margin:0;padding:0;place-items:center;position:absolute;right:20px;top:9px;width:48px}.absorption-guide-modal__close svg{fill:none;height:24px;stroke:currentColor;stroke-width:2;width:24px}.absorption-guide-modal__close:focus-visible{outline:2px solid #3b425b;outline-offset:2px}.absorption-guide-modal__body{display:block;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none}.absorption-guide-modal__body::-webkit-scrollbar{display:none}.absorption-guide__support{color:#3b425b;font-size:13px;line-height:1.5;margin:18px auto 28px;max-width:440px;padding-inline:20px;text-align:center}.absorption-guide__support strong{display:block;font-weight:500}.absorption-guide__support a{color:inherit;text-decoration:none}.absorption-guide__support a:after{content:" \2192"}.absorption-guide__support a:hover{color:#202742}.absorption-guide__support a:focus-visible{outline:2px solid #3b425b;outline-offset:3px}.absorption-guide-page>.absorption-guide__support{margin-top:16px}.absorption-guide{--guide-text: #1a1a1a;--guide-muted: #3b425b;--guide-border: #dad0ff;--guide-surface: #fff1f8;--guide-icon-color: #3b425b;--guide-selected-outline: #ff521b;--guide-menstruation: #fc65c4;--guide-menstruation-drops: #f8393a;--guide-incontinence: #3b425b;--guide-incontinence-drops: #059bff;color:var(--guide-text);font-family:Montserrat,sans-serif;margin:0!important;min-width:0;width:100%}.absorption-guide__sticky-controls{background:#fff;border-bottom:1px solid var(--guide-border);padding:6px 0 15px;position:sticky;top:0;z-index:2}.absorption-guide__tabs{border:1px solid var(--guide-border);border-radius:8px;display:grid;gap:2px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 20px;overflow:hidden;padding:1px 0}.absorption-guide__tabs button{-webkit-appearance:none;appearance:none;background:#fff;border:0;color:#1a1a1a;cursor:pointer;font:inherit;font-size:12px;font-weight:500;align-items:center;display:flex;justify-content:center;min-height:32px;padding:6px 12px;text-align:center}.absorption-guide__tabs button[aria-selected=true]{background:#ffaccc;color:var(--guide-text)}.absorption-guide[data-active-context=incontinence] .absorption-guide__tabs button[aria-selected=true]{background:#dad0ff;color:var(--guide-incontinence)}.absorption-guide__tabs button:focus-visible,.absorption-guide__levels button:focus-visible{outline:2px solid #3b425b;outline-offset:2px}.absorption-guide__levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 10px 0;padding:0}.absorption-guide--locked-context .absorption-guide__levels{margin-top:0}.absorption-guide__levels button{-webkit-appearance:none;appearance:none;align-items:center;background:#fff;border:1px solid var(--guide-border);border-radius:8px;color:#1a1a1a;cursor:pointer;display:flex;flex-direction:column;font:inherit;font-size:11px;gap:8px;justify-content:center;min-height:66px;padding:9px 2px;text-align:center}.absorption-guide__levels button>span:last-child{order:-1}.absorption-guide__levels button:hover{background:#fafafa}.absorption-guide__levels button[aria-current=true]{background:#fff;border-color:var(--guide-selected-outline);box-shadow:inset 0 0 0 1px var(--guide-selected-outline)}.absorption-guide .absorption-drops{display:inline-flex;flex:0 0 auto;gap:2px}.absorption-guide .absorption-drops svg{fill:currentColor;height:16px;stroke:currentColor;stroke-width:1.2;width:12px}.absorption-guide .absorption-drops .is-empty{fill:transparent;opacity:.75}.absorption-guide .absorption-drops--menstruation{color:var(--guide-menstruation-drops, #f8393a)}.absorption-guide .absorption-drops--incontinence{color:var(--guide-incontinence-drops, #059bff)}.absorption-guide__panel{display:grid;gap:0;margin:0!important;padding:0!important}.absorption-guide__panel[hidden]{display:none}.absorption-card{background:var(--guide-surface);border:0;border-bottom:1px solid var(--guide-border);border-radius:8px 8px 0 0;margin:0!important;overflow:hidden;scroll-margin-top:135px}.absorption-card[aria-current=true]{--guide-selected-border: var(--guide-selected-outline);position:relative;z-index:1}.absorption-card[aria-current=true]:after{border:2px solid var(--guide-selected-border);border-radius:8px 8px 0 0;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:3}.absorption-card header{margin:0!important;padding:16px 28px 0}.absorption-card header>div{align-items:center;display:flex;justify-content:space-between;gap:8px}.absorption-card header .absorption-drops{order:2;gap:3px}.absorption-card header .absorption-drops svg{height:14px;width:11px}.absorption-card h3{color:var(--guide-text);font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;line-height:1.3;margin:0!important;order:1}.absorption-card>p{-webkit-box-orient:vertical;-webkit-line-clamp:4;box-sizing:border-box;color:#1a1a1a;display:-webkit-box;font-size:13px;line-height:1.45;margin:0!important;max-height:112px;min-height:0;overflow:hidden;padding:8px 28px 16px}.absorption-card__label{color:var(--guide-text);display:block;font-weight:600}.absorption-card__metrics{background:#fff;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0!important;min-height:150px;padding-inline:10px}.absorption-guide [data-guide-panel=incontinence] .absorption-card__metrics{gap:8px;grid-template-columns:42% minmax(0,1fr);min-height:116px;padding:12px 14px}.absorption-guide [data-guide-panel=incontinence] .absorption-metric{min-width:0;padding:0 3px}.absorption-guide [data-guide-panel=incontinence] .absorption-metric__text,.absorption-guide [data-guide-panel=incontinence] .absorption-metric__text strong,.absorption-guide [data-guide-panel=incontinence] .absorption-metric__text span{font-size:15px;line-height:1.3;overflow-wrap:normal;word-break:normal}.absorption-metric{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:start;min-width:0;padding:20px 6px 22px;text-align:center}.absorption-metric+.absorption-metric{border-left:0}.absorption-metric__icon{align-items:center;background:#ffaccc;border-radius:999px;color:var(--guide-icon-color);display:flex;flex:0 0 56px;height:56px;justify-content:center;width:56px}.absorption-metric__icon svg{fill:none;height:calc(28px * var(--guide-icon-scale, 1));overflow:visible;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:calc(28px * var(--guide-icon-scale, 1))}.absorption-metric__icon[data-guide-icon=spoon]{--guide-icon-scale: 1.15}.absorption-metric__icon[data-guide-icon=pad]{--guide-icon-scale: 1.045}.absorption-metric__icon[data-guide-icon=tampon]{--guide-icon-scale: 1.122}.absorption-metric__icon[data-guide-icon=cup]{--guide-icon-scale: 1.278}.absorption-metric__icon[data-guide-icon=glass]{--guide-icon-scale: 1.095}.absorption-metric__icon[data-guide-icon=liner]{--guide-icon-scale: 1.025}.absorption-metric__icon[data-guide-icon=incontinence-pad]{--guide-icon-scale: .929}.absorption-metric__icon[data-guide-icon=leak-pattern]{--guide-icon-scale: 1.095}.absorption-metric__icon svg path{vector-effect:non-scaling-stroke}.absorption-metric__icon[data-guide-icon=liner] svg g,.absorption-metric__icon[data-guide-icon=incontinence-pad] svg g{stroke-width:1.8}.absorption-metric__icon[data-guide-icon=liner] svg g path:nth-child(2){stroke-width:1}.absorption-metric__icon[data-guide-icon=incontinence-pad] svg g path:nth-child(2){stroke-width:1.3}.absorption-metric__icon svg .is-solid{fill:currentColor;stroke:none}.absorption-metric__icon svg .absorption-glass__fill{fill:var(--guide-incontinence-drops, #059bff);opacity:.55}.absorption-metric__text{align-items:center;color:#3b425b;display:flex;flex-wrap:wrap;font-size:10px;font-weight:400;justify-content:center;line-height:14px;min-height:28px;overflow-wrap:normal;word-break:normal}.absorption-metric__text strong,.absorption-metric__text span{font-weight:400}.absorption-metric__text strong{margin:0 .18em}.absorption-metric__line{flex:0 0 100%;margin-inline:0!important;width:100%}.absorption-metric__line--value{align-items:baseline;display:flex;gap:.25em;justify-content:center}.absorption-metric__line--value strong{margin:0}.absorption-guide-page{margin-inline:auto;max-width:960px;padding:64px 20px 96px}.absorption-guide-page__header{margin:0 auto 24px;max-width:680px;text-align:center}.absorption-guide-page__header h1,.absorption-guide-page__header h2{color:#1a1a1a;font-size:clamp(30px,4vw,46px);line-height:1.1;margin:0 0 16px}.absorption-guide-page__header p{color:#3b425b;font-size:16px;line-height:1.6;margin:0}.absorption-guide-page__guide{border:1px solid var(--guide-border, #dad0ff);border-radius:12px;overflow:hidden}.absorption-guide-page__cta{margin-top:32px;padding-inline:20px}.absorption-guide-page__cta--combined{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);width:100%}.absorption-guide-page__cta--combined [hidden]{display:none!important}.absorption-guide--page .absorption-guide__sticky-controls{position:static}@media screen and (min-width:700px){.absorption-guide__levels{margin:19px 16px 0}.absorption-guide__sticky-controls{padding-bottom:14px}}@media screen and (min-width:1000px){.absorption-guide-modal .absorption-guide-modal__panel{border-radius:12px;bottom:auto;max-height:calc(100dvh - 24px);overflow:visible;right:50%;top:50%;transform:translate(50%,-50%);width:min(1120px,calc(100vw - 32px))}.absorption-guide-modal__body{border-radius:0 0 12px 12px}.absorption-guide-modal .absorption-guide__panel:not([hidden]){gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px!important}.absorption-guide-modal .absorption-card{border:1px solid #dad0ff;border-radius:8px}.absorption-guide-modal .absorption-card[aria-current=true]:after{border-radius:8px}.absorption-guide-modal .absorption-card__metrics{min-height:130px}.absorption-guide-modal .absorption-metric{padding-block:15px}.absorption-guide-modal .absorption-guide__support{margin-block:12px 16px}}@media screen and (min-width:1000px)and (min-height:900px){.absorption-guide-modal__close{left:50%;right:auto;top:-64px;transform:translate(-50%)}}@media screen and (max-width:699px){.absorption-guide-page{padding:40px 0 64px}.absorption-guide-page__header{margin-bottom:20px;padding-inline:20px}.absorption-guide-page__header p{font-size:14px}.absorption-guide-page__guide{border-left:0;border-radius:0;border-right:0}.absorption-guide-modal .absorption-guide-modal__panel{border-radius:12px 12px 0 0;bottom:0;height:66dvh;left:0;max-height:calc(100dvh - 56px);opacity:1;top:auto;transform:translateY(100%);transition:transform .4s cubic-bezier(.86,0,.07,1);width:100%}.absorption-guide-modal.is-open .absorption-guide-modal__panel{transform:translateY(0);transition-delay:.15s}.absorption-guide-modal__header{padding-inline:20px}.absorption-guide-modal__close{left:50%;right:auto;top:-64px;transform:translate(-50%)}.absorption-guide-modal__close:focus-visible{outline-offset:-2px}.absorption-guide-modal.is-pointer-opened .absorption-guide-modal__close:focus-visible{box-shadow:none;outline:none}.absorption-guide-modal__title{width:auto}.absorption-guide__sticky-controls{padding:6px 0 8px}.absorption-guide__tabs{margin-inline:20px}.absorption-guide__levels{gap:7px;margin:19px 10px 0}.absorption-guide__levels button{font-size:11px;min-height:60px;padding:6px 1px}.absorption-guide__levels .absorption-drops{gap:3px}.absorption-guide__levels .absorption-drops svg{height:13px;width:9px}.absorption-card header{padding:16px 20px 0}.absorption-card header .absorption-drops{gap:3px}.absorption-card header .absorption-drops svg{height:13px;width:10px}.absorption-card h3{font-size:14px}.absorption-card>p{font-size:12px;line-height:1.5;max-height:104px;min-height:0;padding:8px 20px 14px}.absorption-card__metrics{grid-template-columns:.8fr 1.2fr 1.2fr .8fr;min-height:104px}.absorption-metric{gap:6px;padding:10px 3px 4px}.absorption-guide [data-guide-panel=incontinence] .absorption-card__metrics{min-height:96px;padding-block:4px}.absorption-metric__icon{flex-basis:48px;height:48px;width:48px}.absorption-metric__text{font-size:10px;line-height:14px}.absorption-guide [data-guide-panel=incontinence] .absorption-metric__icon{flex-basis:42px;height:42px;width:42px}.absorption-guide [data-guide-panel=incontinence] .absorption-metric__icon svg{height:calc(22px * var(--guide-icon-scale, 1));width:calc(22px * var(--guide-icon-scale, 1))}.absorption-guide [data-guide-panel=incontinence] .absorption-metric__text,.absorption-guide [data-guide-panel=incontinence] .absorption-metric__text strong,.absorption-guide [data-guide-panel=incontinence] .absorption-metric__text span{font-size:12px;line-height:1.35}}@media screen and (max-width:699px)and (max-height:540px){.absorption-guide-modal__close{left:auto;right:16px;top:9px;transform:none}}@media(prefers-reduced-motion:reduce){.absorption-card{scroll-behavior:auto}.absorption-guide-modal,.absorption-guide-modal__overlay,.absorption-guide-modal__panel{transition-duration:0s!important;transition-delay:0s!important}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/absorption-guide.css.map */
