.stress-calculator{--sc-marker-color: #FFC700;--sc-text-color: #ffffff;--sc-bar-color: rgba(255, 255, 255, .6);--sc-handle-color: #FFC700;--sc-bg: radial-gradient(circle at center, #d9e4ff 0%, #b8a4d9 30%, rgba(184, 164, 217, 0) 55%);--sc-seam-gradient: linear-gradient(to right, #478e9f 0%, #246270 85%, #003540 100%);position:relative;padding:60px 16px;background:radial-gradient(circle at center,#176e7d 53%,#0b4c58 63%);background-color:#0b4c58;color:var(--sc-text-color);overflow-x:clip;z-index:2}@media(min-width:768px){.stress-calculator{padding:60px 16px}}.stress-calculator:before{content:"";position:absolute;left:0;right:0;top:0;height:320px;background:var(--sc-seam-gradient);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000,#0000);pointer-events:none;z-index:-1}@media(max-width:767px){.stress-calculator:before{height:200px}}.stress-calculator:after{content:"";position:absolute;top:30%;left:50%;width:55%;aspect-ratio:1;transform:translate(-50%,-50%) scale(1);transform-origin:center;background:var(--sc-bg);pointer-events:none;z-index:-1;will-change:transform,opacity;animation:sc-pulse 7s ease-in-out infinite}@media(max-width:767px){.stress-calculator:after{width:90%}}@keyframes sc-pulse{0%,to{transform:translate(-50%,-50%) scale(.95);opacity:.85}50%{transform:translate(-50%,-50%) scale(1.08);opacity:1}}@media(prefers-reduced-motion:reduce){.stress-calculator:after{animation:none;transform:translate(-50%,-50%) scale(1);opacity:1}}.stress-calculator__inner{position:relative;max-width:1440px;margin:0 auto;display:flex;flex-direction:column}.stress-calculator__heading,h2.stress-calculator__heading,.stress-calculator__heading h1,.stress-calculator__heading h2,.stress-calculator__heading h3,.stress-calculator__heading p{font-family:Red Hat Display,sans-serif;font-style:normal;font-weight:700;font-size:28px;line-height:1.25;color:#fff;text-align:center;margin:0}.stress-calculator__heading{margin:0 0 40px}@media(min-width:768px){.stress-calculator__heading,h2.stress-calculator__heading,.stress-calculator__heading h1,.stress-calculator__heading h2,.stress-calculator__heading h3,.stress-calculator__heading p{font-size:40px;line-height:53px}.stress-calculator__heading{margin-bottom:60px}}.stress-calculator__heading .sc-mark{color:var(--sc-marker-color)}.stress-calculator__bar{position:relative;margin:0;padding:0;width:24px;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:4;grid-area:bar;align-self:stretch}@media(min-width:768px){.stress-calculator__bar{position:sticky;bottom:32px;width:100%;max-width:1440px;margin:40px auto 0;padding:0 32px;flex-direction:row;align-items:center;gap:36px;align-self:auto}}.stress-calculator__bar-label{flex:0 0 auto;font-family:Red Hat Display,sans-serif;font-style:normal;font-weight:700;font-size:11px;line-height:14px;text-align:center;color:#fff;text-transform:uppercase;white-space:nowrap}@media(min-width:768px){.stress-calculator__bar-label{font-size:20px;line-height:26px}}.stress-calculator__bar-track{position:relative;flex:1 1 auto;width:1px;height:auto;background:var(--sc-bar-color);touch-action:none;cursor:pointer}@media(min-width:768px){.stress-calculator__bar-track{width:auto;height:1px}}.stress-calculator__bar-ticks{position:absolute;top:0;right:0;bottom:0;left:0}.stress-calculator__bar-tick{position:absolute;top:var(--tick-pos, 0);left:50%;width:14px;height:1px;background:var(--sc-bar-color);transform:translate(-50%,-50%);pointer-events:none}@media(min-width:768px){.stress-calculator__bar-tick{top:50%;left:var(--tick-pos, 0);width:1px;height:14px}}.stress-calculator__bar-handle{position:absolute;top:var(--sc-handle-pos, 0);left:50%;width:18px;height:44px;border-radius:999px;background:var(--sc-handle-color);transform:translate(-50%,-50%);cursor:grab;touch-action:none;transition:top .25s ease,left .25s ease;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(min-width:768px){.stress-calculator__bar-handle{top:50%;left:var(--sc-handle-pos, 0);width:44px;height:18px;flex-direction:row}}.stress-calculator__bar-handle:before,.stress-calculator__bar-handle:after{content:"";width:8px;height:2px;background:#00000059;margin:1px 0;border-radius:1px}@media(min-width:768px){.stress-calculator__bar-handle:before,.stress-calculator__bar-handle:after{width:2px;height:8px;margin:0 1px}}.stress-calculator__bar-handle.is-dragging{cursor:grabbing;transition:none}.stress-calculator__slides{position:relative;top:80px;width:100%;max-width:1440px;margin:0 auto;opacity:0;clip-path:inset(40% 32% 40% 32% round 24px);transition:top .9s cubic-bezier(.22,1,.36,1),opacity .6s ease,clip-path 1s cubic-bezier(.22,1,.36,1);display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.stress-calculator__slides::-webkit-scrollbar{display:none}.stress-calculator__slide{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.stress-calculator__slide picture,.stress-calculator__slide img{border-top-left-radius:20px;border-top-right-radius:20px}@media(max-width:767px){.stress-calculator__inner{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;grid-template-areas:"heading heading" "slides bar";column-gap:16px}.stress-calculator__heading{grid-area:heading}.stress-calculator__slides{grid-area:slides;top:60px;height:70vh;max-height:600px;flex-direction:column;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-x:auto;overscroll-behavior-y:contain;clip-path:inset(35% 18% 35% 18% round 18px)}.stress-calculator__slide{flex:0 0 100%;height:100%;width:100%}.stress-calculator__slide picture,.stress-calculator__slide img{height:100%;object-fit:cover;border-radius:0 20px 20px 0}}.stress-calculator.is-in-view .stress-calculator__slides{top:0;opacity:1;clip-path:inset(0 0 0 0 round 0)}@media(prefers-reduced-motion:reduce){.stress-calculator__slides{top:0;opacity:1;clip-path:inset(0 0 0 0 round 0);transition:none}}@media(max-width:767px){.stress-calculator__slides{border-radius:14px}}.stress-calculator__slide picture{display:block;width:100%}.stress-calculator__slide img{display:block;width:100%;height:auto;margin:0}.stress-calculator__swipe{position:absolute;right:20px;bottom:16px;color:var(--sc-marker-color);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;display:inline-flex;align-items:center;gap:6px;pointer-events:none;z-index:3}.stress-calculator__swipe svg{width:18px;height:12px}
/*# sourceMappingURL=/cdn/shop/t/474/assets/stress-calculator.css.map */