.sf-timer-popup{--sf-timer-color: #ff101b;--sf-button-color: #ff101b;--sf-white: #ffffff;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:none;align-items:center;justify-content:center;overflow:hidden;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.sf-timer-popup.is-open{display:flex}.sf-timer-popup__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7}.sf-timer-popup__artboard{position:relative;width:100vw;height:100dvh;overflow:hidden;background:#101010;color:#fff;isolation:isolate;outline:none;border-radius:0;box-shadow:none}.sf-timer-popup__photo,.sf-timer-popup__shade{position:absolute;top:0;right:0;bottom:0;left:0}.sf-timer-popup__photo{z-index:0;overflow:hidden;background:#101010}.sf-timer-popup__photo-image{width:100%;height:100%;object-fit:cover;object-position:51% center}.sf-timer-popup__shade{z-index:1;background:rgba(0,0,0,var(--sf-overlay-opacity))}.sf-timer-popup__content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2}.sf-timer-popup__close{position:absolute;z-index:4;top:3.05%;left:5.1%;width:5.8%;aspect-ratio:1;padding:0;border:0;background:transparent;cursor:pointer}.sf-timer-popup__close span{position:absolute;top:47%;left:0;width:100%;height:max(3px,.36vw);border-radius:10px;background:#fff;transform-origin:center}.sf-timer-popup__close span:first-child{transform:rotate(45deg)}.sf-timer-popup__close span:last-child{transform:rotate(-45deg)}.sf-timer-popup__logo-wrap{position:absolute;top:8.45%;left:50%;width:50.7%;transform:translate(-50%)}.sf-timer-popup__logo{display:block;width:100%;height:auto;object-fit:contain}.sf-timer-popup__logo-fallback{color:#fff;font-size:clamp(36px,8.6vw,72px);font-weight:700;line-height:1;letter-spacing:-.045em;white-space:nowrap}.sf-timer-popup__logo-fallback sup{position:relative;top:-.75em;margin-left:.08em;font-size:.27em}.sf-digital-clock{position:absolute;top:28.55%;left:50%;display:flex;align-items:center;justify-content:center;gap:1.75%;width:68.2%;height:13.8%;transform:translate(-50%);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--sf-timer-color) 80%,transparent)) drop-shadow(0 0 10px color-mix(in srgb,var(--sf-timer-color) 38%,transparent)) drop-shadow(0 0 18px color-mix(in srgb,var(--sf-timer-color) 16%,transparent))}.sf-digit{position:relative;flex:0 0 20.6%;height:100%}.sf-digit-segment{position:absolute;opacity:.075;background:var(--sf-timer-color);transition:opacity 25ms linear;filter:blur(.2px)}.sf-digit-segment.is-active{opacity:1;filter:blur(0)}.sf-digit-segment--a,.sf-digit-segment--g,.sf-digit-segment--d{left:15%;width:70%;height:8.5%;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%)}.sf-digit-segment--a{top:0}.sf-digit-segment--g{top:45.75%}.sf-digit-segment--d{bottom:0}.sf-digit-segment--b,.sf-digit-segment--c,.sf-digit-segment--e,.sf-digit-segment--f{width:11%;height:40%;clip-path:polygon(50% 0,100% 8%,100% 92%,50% 100%,0 92%,0 8%)}.sf-digit-segment--b{top:5%;right:0}.sf-digit-segment--c{right:0;bottom:5%}.sf-digit-segment--e{bottom:5%;left:0}.sf-digit-segment--f{top:5%;left:0}.sf-clock-colon{display:flex;flex:0 0 7.5%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:22%}.sf-clock-colon span{width:44%;aspect-ratio:1;border-radius:50%;background:var(--sf-timer-color);box-shadow:0 0 2px color-mix(in srgb,var(--sf-timer-color) 45%,transparent),0 0 7px color-mix(in srgb,var(--sf-timer-color) 16%,transparent)}.sf-timer-popup__heading{position:absolute;top:46.18%;left:50%;width:100%;margin:0;transform:translate(-50%);color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(42px,10.6vw,88px);font-weight:700;line-height:.98;letter-spacing:-.047em;text-align:center;white-space:nowrap}.sf-timer-popup__description{position:absolute;top:55.05%;left:50%;width:82%;margin:0;transform:translate(-50%);color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(22px,5.1vw,43px);font-weight:400;line-height:1.31;letter-spacing:-.026em;text-align:center}.sf-timer-popup__description strong{font-weight:700}.sf-timer-popup__play{position:absolute;top:67.4%;left:50%;width:59.5%;height:8.35%;padding:0 4%;transform:translate(-50%);border:0;border-radius:3.1%;background:linear-gradient(180deg,color-mix(in srgb,var(--sf-button-color) 92%,white 8%) 0%,var(--sf-button-color) 100%);box-shadow:0 8px 20px #00000029,inset 0 1px #ffffff17;color:#fff;cursor:pointer;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(22px,4.8vw,42px);font-weight:700;line-height:1;letter-spacing:-.012em;text-align:center;white-space:nowrap;-webkit-appearance:none;appearance:none}.sf-timer-popup__play:active{transform:translate(-50%) scale(.985)}.sf-timer-popup__decline{position:absolute;top:80.35%;left:50%;width:max-content;max-width:80%;margin:0;padding:0;transform:translate(-50%);border:0;background:transparent;color:#fff;cursor:pointer;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(18px,3.8vw,33px);font-weight:400;line-height:1.15;letter-spacing:-.025em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.08em;white-space:nowrap}.sf-timer-popup__result{position:absolute;top:46%;left:50%;width:84%;transform:translate(-50%);text-align:center}.sf-timer-popup__result-heading{margin:0 0 5%;color:#fff;font-size:clamp(40px,9.7vw,82px);font-weight:700;line-height:1;letter-spacing:-.045em}.sf-timer-popup__result-message{margin:0;color:#fff;font-size:clamp(22px,5vw,42px);font-weight:400;line-height:1.3;letter-spacing:-.025em}.sf-timer-popup [hidden]{display:none!important}body.sf-timer-popup-open{overflow:hidden!important;touch-action:none}@media screen and (max-width:749px){.sf-timer-popup__artboard{max-width:none;max-height:none;border-radius:0;box-shadow:none}.sf-timer-popup__photo-image{object-position:52.5% center}.sf-timer-popup__close{top:max(3.05%,env(safe-area-inset-top))}}@media screen and (min-width:750px){.sf-timer-popup__artboard{display:block}.sf-timer-popup__shade{background:linear-gradient(90deg,rgba(0,0,0,calc(var(--sf-overlay-opacity) * 1.08)),rgba(0,0,0,calc(var(--sf-overlay-opacity) * .94)) 42%,rgba(0,0,0,calc(var(--sf-overlay-opacity) * .28)) 60%,rgba(0,0,0,calc(var(--sf-overlay-opacity) * .08)))}.sf-timer-popup__content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0}.sf-timer-popup__close{top:15px;left:15px;width:1.75%}.sf-timer-popup__close span{height:max(2px,.24vw)}.sf-timer-popup__logo-wrap{position:absolute;top:9.55%;left:15.5%;width:clamp(195px,16.5vw,270px);transform:none;margin:0}.sf-timer-popup__logo{width:100%}.sf-timer-popup__logo-fallback{font-size:clamp(36px,4vw,62px)}.sf-digital-clock{position:absolute;top:24.9%;left:15.5%;width:clamp(430px,31vw,560px);height:clamp(100px,11vw,148px);margin:0;transform:none}.sf-timer-popup__heading,.sf-timer-popup__description,.sf-timer-popup__play,.sf-timer-popup__decline{position:absolute;top:auto;left:15.5%;transform:none}.sf-timer-popup__heading{top:45.8%;width:auto;text-align:left;white-space:normal;font-size:clamp(42px,3.5vw,58px);line-height:.98;margin:0}.sf-timer-popup__description{top:55.2%;width:min(100%,520px);text-align:left;font-size:clamp(18px,1.6vw,22px);line-height:1.28;margin:0}.sf-timer-popup__play{top:67.6%;width:clamp(360px,32vw,500px);height:clamp(74px,7.5vh,108px);margin:0;font-size:clamp(22px,2vw,30px)}.sf-timer-popup__decline{top:81%;width:auto;max-width:none;text-align:left;font-size:clamp(16px,1.2vw,20px);margin:0}.sf-timer-popup__initial,.sf-timer-popup__result{display:block;height:100%;padding:0}.sf-timer-popup__result{top:0;width:100%}.sf-timer-popup__result-heading{position:absolute;top:45.8%;left:15.5%;width:auto;text-align:left;margin:0;font-size:clamp(44px,3.6vw,60px)}.sf-timer-popup__result-message{position:absolute;top:55.2%;left:15.5%;max-width:520px;text-align:left;font-size:clamp(18px,1.4vw,24px)}.sf-timer-popup__photo-image{object-fit:cover;object-position:center center}.sf-timer-popup__play:active{transform:translateY(1px)}}@media(prefers-reduced-motion:reduce){.sf-digit-segment,.sf-timer-popup__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/splitflask-timer-popup.css.map */