.dosed{--lh-tight: 1.1;--color-surface-warm: #f2f1ef;--color-accent-red: #d63b2e;--color-ink-20: rgba(25, 25, 25, .2);--section-gap: clamp(69px, calc(130px * (var(--max-vw) / var(--vw-base))), 130px)}@media(max-width:767px){.dosed{--section-gap: clamp(51px, calc(60px + (var(--max-vw) - 375px) * .015), 130px)}}@media(min-width:768px)and (max-width:1023px){.dosed{--section-gap: clamp(65.88px, calc(65.88px + (var(--max-vw) - 768px) * .025), 130px)}}.dosed{--dosed-track: #cccccc;--dosed-pad-block: clamp(17px, calc(20px + (var(--max-vw) - 375px) * .015), 60px);--dosed-inner-gap: clamp(17px, calc(20px + (var(--max-vw) - 375px) * .015), 20px);--dosed-head-gap: clamp(10px, calc(12px + (var(--max-vw) - 375px) * .015), 20px);--dosed-content-gap: clamp(17px, calc(20px + (var(--max-vw) - 375px) * .015), 80px);--dosed-tab-size: clamp(11px, calc(13px + (var(--max-vw) - 375px) * .015), 20px);--dosed-tab-gap: clamp(13px, calc(15px + (var(--max-vw) - 375px) * .015), 50px);--dosed-bar-gap: clamp(9px, calc(10px + (var(--max-vw) - 375px) * .015), 10px);--dosed-block-gap: clamp(17px, calc(20px + (var(--max-vw) - 375px) * .015), 30px);--dosed-row-gap: clamp(17px, calc(20px + (var(--max-vw) - 375px) * .015), 20px);--dosed-thumb: clamp(27px, calc(32px + (var(--max-vw) - 375px) * .015), 60px);--dosed-logo-h: clamp(16.27px, calc(19.07px + (var(--max-vw) - 375px) * .015), 26.16px);--dosed-typical: clamp(13px, calc(15px + (var(--max-vw) - 375px) * .015), 18px);--dosed-value-ours: clamp(13px, calc(15px + (var(--max-vw) - 375px) * .015), 16px);--dosed-value-typ: clamp(14px, calc(16px + (var(--max-vw) - 375px) * .015), 16px);--dosed-value-gap: clamp(7px, calc(8px + (var(--max-vw) - 375px) * .015), 15px);--dosed-row-inner-gap: 5px;background:var(--color-surface-warm);padding-block:var(--dosed-pad-block);margin-top:var(--section-gap)}.dosed__inner{display:flex;flex-direction:column;align-items:stretch;gap:var(--dosed-inner-gap)}.dosed__content{display:flex;flex-direction:column;align-items:stretch;gap:var(--dosed-content-gap);min-width:0}.dosed__head{display:flex;flex-direction:column;gap:var(--dosed-head-gap);color:var(--color-ink)}.dosed__title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:500;line-height:var(--lh-base);letter-spacing:var(--ls-tight)}.dosed__lead{font-family:var(--font-body);font-size:var(--text-body-lg);font-weight:400;line-height:var(--lh-base);letter-spacing:var(--ls-tight)}.dosed__tabs-block{display:flex;flex-direction:column;gap:var(--dosed-block-gap);min-width:0}.dosed__tabs{position:relative;display:flex;flex-direction:column;gap:var(--dosed-bar-gap);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.dosed__tabs::-webkit-scrollbar{display:none}.dosed__tablist,.dosed__tabs-bar{width:max-content;min-width:100%}.dosed__tablist{display:flex;align-items:baseline;height:calc(var(--dosed-tab-size) * 1.15);column-gap:var(--dosed-tab-gap)}.dosed__tab{flex:0 0 auto;font-family:var(--font-display);font-size:var(--dosed-tab-size);font-weight:500;line-height:var(--lh-base);letter-spacing:var(--ls-tight);color:var(--color-ink);white-space:nowrap;cursor:pointer;transition:opacity .2s ease}.dosed__tab--switzer{font-family:var(--font-alt)}.dosed__tab[aria-selected=false]{opacity:.5}.dosed__tab[aria-selected=false]:hover{opacity:.8}.dosed__tab:focus-visible{outline-offset:-2px}.dosed__tabs-bar{position:relative;height:3px}.dosed__rule{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--color-ink-20)}.dosed__indicator{position:absolute;top:0;left:0;height:3px;width:var(--dosed-ind-w, 0px);transform:translate(var(--dosed-ind-x, 0px));background:var(--color-ink);transition:transform .3s ease,width .3s ease}.dosed__indicator.is-instant{transition:none}.dosed__panel{display:flex;flex-direction:column;gap:var(--dosed-row-gap)}.dosed__panel:focus-visible{outline-offset:4px}.dosed__row{display:flex;flex-direction:column;align-items:stretch;gap:var(--dosed-row-inner-gap)}.dosed__row--ours{--fill: var(--fill-ours-m, 0%)}.dosed__row--typical{--fill: var(--fill-typical-m, 0%)}.dosed__label{display:flex;align-items:center;gap:4px}.dosed__thumb{flex:0 0 auto;width:var(--dosed-thumb);height:var(--dosed-thumb);object-fit:cover}.dosed__logo{flex:0 0 auto;width:auto;height:var(--dosed-logo-h)}.dosed__label-text{font-family:var(--font-badge);font-size:var(--dosed-typical);font-weight:400;line-height:1.2;letter-spacing:0;color:var(--color-ink);white-space:nowrap}.dosed__meter{display:flex;flex-direction:column;align-items:stretch;gap:var(--dosed-value-gap);min-width:0}.dosed__value{font-family:var(--font-alt);font-weight:500;line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--color-ink);white-space:nowrap}.dosed__row--ours .dosed__value{font-size:var(--dosed-value-ours)}.dosed__row--typical .dosed__value{font-size:var(--dosed-value-typ)}.dosed__bar{position:relative;width:100%;height:3px;border-radius:5px;background:var(--dosed-track)}.dosed__fill{position:absolute;left:0;top:-1px;height:5px;width:var(--fill);border-radius:5px;background:var(--color-accent-red);transition:width .4s ease}.dosed__knob{position:absolute;top:50%;left:calc(var(--fill) - 5px);width:10px;height:10px;border-radius:50%;background:var(--color-ink);translate:0 -50%;transition:left .4s ease}.dosed__media{width:min(100%,clamp(285px,calc(335px + (var(--max-vw) - 375px) * .015),385px));align-self:center;aspect-ratio:335 / 273}.dosed__image{width:100%;height:100%;object-fit:contain}@media(min-width:768px){.dosed{--dosed-pad-block: clamp(25.88px, calc(25.88px + (var(--max-vw) - 768px) * .025), 60px);--dosed-inner-gap: clamp(20px, calc(20px + (var(--max-vw) - 768px) * .025), 20px);--dosed-head-gap: clamp(17.88px, calc(17.88px + (var(--max-vw) - 768px) * .025), 20px);--dosed-content-gap: clamp(25.88px, calc(25.88px + (var(--max-vw) - 768px) * .025), 80px);--dosed-tab-size: clamp(17.88px, calc(17.88px + (var(--max-vw) - 768px) * .025), 20px);--dosed-tab-gap: clamp(20.88px, calc(20.88px + (var(--max-vw) - 768px) * .025), 50px);--dosed-bar-gap: 10px;--dosed-block-gap: clamp(25.88px, calc(25.88px + (var(--max-vw) - 768px) * .025), 30px);--dosed-row-gap: 20px;--dosed-thumb: clamp(37.88px, calc(37.88px + (var(--max-vw) - 768px) * .025), 60px);--dosed-logo-h: clamp(24.95px, calc(24.95px + (var(--max-vw) - 768px) * .025), 26.16px);--dosed-typical: 18px;--dosed-value-ours: 16px;--dosed-value-typ: 16px;--dosed-value-gap: clamp(13.88px, calc(13.88px + (var(--max-vw) - 768px) * .025), 15px)}.dosed__inner{flex-direction:row;align-items:flex-start}.dosed__media{order:-1;flex:0 0 32%;align-self:auto;aspect-ratio:385 / 403}.dosed__content{flex:1 1 0}}@media(min-width:1024px){.dosed{--dosed-pad-block: clamp(32px, calc(60px * (var(--max-vw) / var(--vw-base))), 60px);--dosed-inner-gap: clamp(11px, calc(20px * (var(--max-vw) / var(--vw-base))), 20px);--dosed-head-gap: clamp(11px, calc(20px * (var(--max-vw) / var(--vw-base))), 20px);--dosed-content-gap: clamp(43px, calc(80px * (var(--max-vw) / var(--vw-base))), 80px);--dosed-tab-size: clamp(20px, calc(20px * (var(--max-vw) / var(--vw-base))), 20px);--dosed-tab-gap: clamp(27px, calc(50px * (var(--max-vw) / var(--vw-base))), 50px);--dosed-bar-gap: clamp(5px, calc(10px * (var(--max-vw) / var(--vw-base))), 10px);--dosed-block-gap: clamp(16px, calc(30px * (var(--max-vw) / var(--vw-base))), 30px);--dosed-row-gap: clamp(11px, calc(20px * (var(--max-vw) / var(--vw-base))), 20px);--dosed-thumb: clamp(32px, calc(60px * (var(--max-vw) / var(--vw-base))), 60px);--dosed-logo-h: clamp(13.95px, calc(26.16px * (var(--max-vw) / var(--vw-base))), 26.16px);--dosed-typical: clamp(18px, calc(18px * (var(--max-vw) / var(--vw-base))), 18px);--dosed-value-ours: clamp(16px, calc(16px * (var(--max-vw) / var(--vw-base))), 16px);--dosed-value-typ: clamp(16px, calc(16px * (var(--max-vw) / var(--vw-base))), 16px);--dosed-value-gap: clamp(8px, calc(15px * (var(--max-vw) / var(--vw-base))), 15px);--dosed-row-inner-gap: clamp(11px, calc(20px * (var(--max-vw) / var(--vw-base))), 20px);--dosed-img-w: clamp(205px, calc(385px * (var(--max-vw) / var(--vw-base))), 385px);--dosed-head-w: clamp(206px, calc(386px * (var(--max-vw) / var(--vw-base))), 386px);--dosed-label-w: clamp(110px, calc(206px * (var(--max-vw) / var(--vw-base))), 206px)}.dosed__media{flex:0 0 var(--dosed-img-w);width:var(--dosed-img-w)}.dosed__head{width:var(--dosed-head-w);max-width:100%}.dosed__row{flex-direction:row;align-items:center}.dosed__row--ours{--fill: var(--fill-ours-d, 0%)}.dosed__row--typical{--fill: var(--fill-typical-d, 0%)}.dosed__label{flex:0 0 var(--dosed-label-w);width:var(--dosed-label-w)}.dosed__meter{flex:1 1 0}}@media(prefers-reduced-motion:reduce){.dosed__indicator,.dosed__fill,.dosed__knob,.dosed__tab{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/fullspan-dosed.css.map */