@font-face{font-family:SpsboQuicksand;src:url('quicksand-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:SpsboQuicksand;src:url('quicksand-700.ttf') format('truetype');font-weight:700;font-display:swap}
.spsbo-dialog,.spsbo-dialog *{box-sizing:border-box}
.spsbo-dialog{--spsbo-ink:#2e3549;--spsbo-purple:#7963c5;position:fixed;inset:0;margin:auto;padding:0;border:0;border-radius:21px;background:#fff;color:var(--spsbo-ink);width:min(470px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;box-shadow:0 25px 100px #23173540;font:500 14px/1.5 SpsboQuicksand,system-ui,sans-serif;text-align:center;overscroll-behavior:contain;-webkit-font-smoothing:antialiased}
.spsbo-dialog::backdrop{background:#2723378c;backdrop-filter:blur(4px)}
.spsbo-dialog button{font-family:inherit;cursor:pointer;border:0;box-shadow:none;margin:0;text-transform:none;letter-spacing:0}
.spsbo-dialog button:focus-visible{outline:3px solid #ac98e6;outline-offset:3px}
.spsbo-dialog .spsbo-close{position:absolute;right:13px;top:13px;z-index:20;width:29px;height:29px;min-height:0;padding:0;border-radius:50%;background:#f9f7fc;color:#a396af;font:400 23px/1 system-ui;display:grid;place-items:center}
.spsbo-copy{padding:36px 29px 0}
.spsbo-confirmation{min-height:31px;display:flex;align-items:center;justify-content:center;gap:10px;color:#727987;font-size:12px;font-weight:500;line-height:1.4}
.spsbo-receipt{position:relative;display:block;width:21px;height:26px;flex-shrink:0;margin-right:3px}
.spsbo-receipt>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px;box-shadow:0 1px 3px #3430241c;animation:spsbo-cover .4s ease-out both}
.spsbo-tick{display:grid;place-items:center;position:absolute;right:-5px;bottom:-3px;width:12px;height:12px;border-radius:50%;background:#f5faf6;border:1px solid #d9e6dc;color:#7c9b84;font:700 8px/1 system-ui;animation:spsbo-tick .25s .3s ease-out both}
.spsbo-book-fallback{display:grid;place-items:center;width:21px;height:26px;border:1px solid #dbd7e1;border-radius:2px;color:#9d94aa;font-size:17px}
.spsbo-dialog h2{font:700 28px/1.25 SpsboQuicksand,system-ui,sans-serif;letter-spacing:-.9px;text-wrap:balance;color:var(--spsbo-ink);margin:17px 0 0;padding:0}
.spsbo-dialog h2 em{font-style:normal;color:#7661c2;white-space:nowrap}
.spsbo-question{font-size:14px;color:#9a8ba6;margin:7px 0 0;padding:0}
.spsbo-urgency{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:14px auto 0;padding:7px 10px;background:#fff1f3;color:#b34b59;border-radius:5px;font-size:9px;font-weight:500;line-height:1.4}
.spsbo-urgency>span:nth-child(2){font-size:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}
.spsbo-urgency time{font-size:12px;font-weight:700;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.spsbo-dot{display:block;width:4px;height:4px;border-radius:50%;background:#cb8b95;flex-shrink:0}
.spsbo-fan{position:relative;width:100%;height:224px;overflow:hidden;isolation:isolate;pointer-events:none;user-select:none;contain:layout paint;background:none}
.spsbo-book{display:block;position:absolute;top:0;left:0;border-radius:3px 7px 7px 3px;box-shadow:0 6px 12px #302c261c,2px 2px 0 #ffffffb3,-3px 0 0 #d0cbc4;overflow:hidden;background:#eee;backface-visibility:hidden;transform-origin:center;will-change:transform}
.spsbo-book:after{content:'';position:absolute;inset:0;border-left:5px solid #1f103127;background:linear-gradient(90deg,transparent 3%,#ffffff0a 7%,transparent 14%);border-radius:inherit}
.spsbo-book img{display:block;width:100%;height:100%;object-fit:cover}
.spsbo-prices{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;margin:1px 24px 22px}
.spsbo-prices del{color:#b1a5b8;font-size:17px;white-space:nowrap;text-decoration-thickness:1px}
.spsbo-prices strong{font-size:40px;font-weight:700;line-height:1;letter-spacing:-1.8px;white-space:nowrap;color:var(--spsbo-ink)}
.spsbo-price-arrow{color:#c2b3cf;font:400 16px system-ui}
.spsbo-from{font-size:10px;color:#a69aaf;width:100%;line-height:1;margin-bottom:-3px}
.spsbo-actions{padding:0 29px 14px}
.spsbo-dialog .spsbo-primary{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;min-height:49px;padding:11px 16px;border-radius:11px;background:var(--spsbo-purple);color:#fff;font-size:12px;font-weight:700;line-height:1.4}
.spsbo-primary .spsbo-arrow{font:400 21px/1 system-ui}
.spsbo-dialog .spsbo-decline{display:block;min-height:36px;margin:5px auto 0;padding:8px 12px;background:transparent;color:#a69aaf;font-size:10px;font-weight:500;line-height:1.4;border-radius:0}
.spsbo-dialog .spsbo-decline:hover{text-decoration:underline;text-underline-offset:3px}
.spsbo-reminder{padding:11px 20px;background:#f4effc;color:#766394;text-align:center;font:500 12px/1.5 SpsboQuicksand,system-ui,sans-serif}
@keyframes spsbo-cover{from{opacity:0;transform:translateY(5px) rotate(-8deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes spsbo-tick{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
.spsbo-test-page{background:#f7f6fa!important;color:#2e3549;font-family:SpsboQuicksand,system-ui,sans-serif!important}
.spsbo-test{width:min(780px,calc(100% - 40px));margin:65px auto;padding:35px;background:#fff;border:1px solid #ebe5f1;border-radius:20px;font:500 14px/1.6 SpsboQuicksand,system-ui,sans-serif}
.spsbo-test h1{font:700 32px/1.2 SpsboQuicksand,system-ui,sans-serif;letter-spacing:-1px;margin:15px 0;color:#2e3549}
.spsbo-test-label{font-size:10px;letter-spacing:1.1px;color:#a596b7}.spsbo-test>p{font-size:13px;color:#8e829c}
.spsbo-test form{display:flex;gap:13px;align-items:end;flex-wrap:wrap;margin:25px 0}.spsbo-test label{font-size:11px;color:#9b8ca8;display:grid;gap:6px;flex:1;min-width:140px}.spsbo-test select{font:500 12px SpsboQuicksand,system-ui,sans-serif;border:1px solid #ded6e9;border-radius:7px;padding:9px;background:#fff;max-width:100%;min-height:38px;color:#76678b}.spsbo-test button{font:700 12px/1.5 SpsboQuicksand,system-ui,sans-serif;background:#7963c5;color:#fff;border:0;border-radius:8px;padding:10px 16px;cursor:pointer}.spsbo-test-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.spsbo-test button:disabled{opacity:.5;cursor:wait}.spsbo-test button[data-spsbo-open-cart],.spsbo-test form button{background:#f2edf9;color:#8a75ac}.spsbo-test .spsbo-test-note{font-size:11px;color:#aaa0b3}.spsbo-test a{font-size:12px;color:#8d72bf;text-decoration:underline}.spsbo-test [role=alert]{color:#b34b59}
@media(max-width:560px){.spsbo-dialog{width:calc(100% - 24px);border-radius:19px}.spsbo-copy{padding:35px 17px 0}.spsbo-confirmation{font-size:11.5px;gap:8px}.spsbo-dialog h2{font-size:24px}.spsbo-question{font-size:13px}.spsbo-urgency{font-size:8px;gap:5px}.spsbo-urgency time{font-size:11px}.spsbo-urgency>span:nth-child(2){font-size:8px}.spsbo-fan{height:215px}.spsbo-prices{gap:11px}.spsbo-prices strong{font-size:36px}.spsbo-prices del{font-size:16px}.spsbo-actions{padding:0 23px 14px}.spsbo-dialog .spsbo-primary{font-size:11px}.spsbo-test{margin:30px auto;padding:24px}.spsbo-test h1{font-size:26px}.spsbo-test form{display:grid;grid-template-columns:1fr}.spsbo-test label{min-width:0}}
@media(prefers-reduced-motion:reduce){.spsbo-dialog *{animation:none!important;transition:none!important}.spsbo-book{will-change:auto}}
