.section--sweet-quiz{padding:0}.sweet-quiz [hidden]{display:none!important}.sweet-quiz{display:contents;--sq-maroon: #4A0D22;--sq-maroon-deep: #24060F;--sq-saffron: #FF8A1F;--sq-gold: #FFC23D;--sq-gold-soft: #FFE3A1;--sq-cream: #FFF6E3;--sq-ink: #FFFFFF;--sq-muted: #F2CFA9;--sq-line: rgb(255 194 61 / .22);--sq-paper: rgb(255 255 255 / .06);--sq-right: #2FBF71;--sq-wrong: #E5484D;--sq-ease: cubic-bezier(.16, 1, .3, 1);--sq-font-display: var(--font-heading-family, Georgia, serif);--sq-font-body: var(--font-body-family, system-ui, sans-serif)}.sweet-quiz__launcher{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:140;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 32px);padding:8px 18px 8px 8px;border:1.5px solid var(--sq-gold);border-radius:14px;background:radial-gradient(circle at 12% 50%,rgb(255 194 61 / .25),transparent 55%),linear-gradient(100deg,#7A1230,var(--sq-maroon) 55%,#2E0816);color:var(--sq-ink);font-family:var(--sq-font-body);line-height:1.2;text-align:left;cursor:pointer;box-shadow:0 10px 26px #24060f59,0 0 18px #ffc23d59;transition:transform .2s var(--sq-ease);animation:sq-heartbeat 2.4s ease-in-out infinite}.sweet-quiz__launcher:after{content:"";position:absolute;inset:3px 10px auto;height:3px;border-radius:3px;background:repeating-linear-gradient(90deg,var(--sq-gold) 0 6px,transparent 6px 10px,var(--sq-saffron) 10px 14px,transparent 14px 18px);opacity:.55;pointer-events:none}.sweet-quiz__launcher:hover{transform:translateY(-3px)}.sweet-quiz__launcher:focus-visible{outline:2px solid var(--sq-gold);outline-offset:3px}.sweet-quiz__launcher-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:10px;background:radial-gradient(circle at 50% 40%,#FFF1C7,var(--sq-gold) 70%);box-shadow:inset 0 0 0 2px #ffffff80}.sweet-quiz__launcher-text{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.sweet-quiz__launcher b{font-size:15px;font-weight:700;letter-spacing:.01em}.sweet-quiz__launcher small{font-size:12px;color:var(--sq-gold)}@keyframes sq-heartbeat{0%,30%,to{scale:1}8%{scale:1.045}16%{scale:1.01}24%{scale:1.035}}@media screen and (max-width:989px){.sweet-quiz__launcher{right:auto;left:50%;translate:-50% 0;bottom:calc(var(--mobile-nav-h, 68px) + env(safe-area-inset-bottom,0px) + 12px);padding:6px 16px 6px 6px}.sweet-quiz__launcher-icon{width:40px;height:40px}.sweet-quiz__launcher-icon svg{width:32px;height:32px}.sweet-quiz__launcher b{font-size:14px}.sweet-quiz__launcher small{font-size:11px}}html.sweet-quiz-open{overflow:hidden}.sweet-quiz__dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(940px,calc(100vw - 24px));height:fit-content;max-width:none;max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:24px;background:transparent;color:var(--sq-ink);font-family:var(--sq-font-body);overflow:visible}.sweet-quiz__dialog[open]{display:block;animation:sq-pop .32s var(--sq-ease)}.sweet-quiz__dialog::backdrop{background:radial-gradient(circle at 50% 30%,#4a0d22c7,#140409e6)}@keyframes sq-pop{0%{transform:scale(.94);opacity:0}}.sweet-quiz__frame{--sq-gap-y: 24px;position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);max-height:calc(100dvh - var(--sq-gap-y));overflow:hidden auto;overscroll-behavior:contain;border:2px solid var(--sq-gold);border-radius:24px;background:radial-gradient(circle at 0 0,rgb(255 138 31 / .22),transparent 40%),radial-gradient(circle at 100% 100%,rgb(255 194 61 / .16),transparent 45%),linear-gradient(160deg,var(--sq-maroon),var(--sq-maroon-deep));box-shadow:0 0 0 6px #4a0d2299,0 0 40px #ffc23d4d}.sweet-quiz__frame:before,.sweet-quiz__frame:after{content:"";position:absolute;z-index:0;width:70px;height:70px;pointer-events:none;opacity:.35;--sq-at: 0 0;background:radial-gradient(circle at var(--sq-at),var(--sq-saffron) 0 14px,transparent 15px),repeating-conic-gradient(from 0deg at var(--sq-at),var(--sq-gold) 0 10deg,transparent 10deg 30deg);-webkit-mask:radial-gradient(circle at var(--sq-at),#000 0 62px,transparent 64px);mask:radial-gradient(circle at var(--sq-at),#000 0 62px,transparent 64px)}.sweet-quiz__frame:before{top:0;left:0}.sweet-quiz__frame:after{bottom:0;right:0;--sq-at: 100% 100%}.sweet-quiz__head{position:relative;z-index:1;flex:none;display:flex;align-items:flex-start;gap:16px;padding:22px 22px 16px 32px;border-bottom:1px solid var(--sq-line)}.sweet-quiz__titles{flex:1;min-width:0}.sweet-quiz__title{margin:0;font-family:var(--sq-font-display);font-size:30px;font-weight:700;line-height:1.1;color:var(--sq-gold);text-shadow:0 0 22px rgb(255 194 61 / .35)}.sweet-quiz__subtitle{margin:6px 0 0;font-size:14px;color:var(--sq-muted)}.sweet-quiz__close{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid var(--sq-line);border-radius:50%;background:var(--sq-paper);color:var(--sq-ink);cursor:pointer}.sweet-quiz__close:hover{background:#ffffff1f}.sweet-quiz__close:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.sweet-quiz__play,.sweet-quiz__result{grid-area:2 / 1}.sweet-quiz__play{position:relative;z-index:1;padding:16px 32px 28px}.sweet-quiz__play.is-behind{visibility:hidden}.sweet-quiz__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--sq-muted)}.sweet-quiz__score b{margin-left:4px;font-size:18px;color:var(--sq-gold);font-variant-numeric:tabular-nums}.sweet-quiz__dots{display:flex;gap:8px;margin:0;padding:0;list-style:none}.sweet-quiz__dots li{width:28px;height:8px;border-radius:8px;background:#ffffff2e;transition:background .25s,width .25s var(--sq-ease)}.sweet-quiz__dots li.is-current{width:40px;background:var(--sq-gold)}.sweet-quiz__dots li.is-right{background:var(--sq-right)}.sweet-quiz__dots li.is-wrong{background:var(--sq-wrong)}.sweet-quiz__body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:32px}.sweet-quiz__stage{position:relative}.sweet-quiz__plate{position:relative;aspect-ratio:1;width:100%;border-radius:50%;background:var(--sq-plate) center / contain no-repeat}.sweet-quiz__plate--css{background:radial-gradient(circle,transparent 0 60%,rgb(120 60 0 / .35) 61%,transparent 63%),repeating-conic-gradient(from 0deg,rgb(255 255 255 / .08) 0 6deg,transparent 6deg 12deg),radial-gradient(circle at 40% 35%,#FFE7A6,#E9AE3C 45%,#B9781A 70%,#8E5410 74%,#F2C25A 76%,#A86B14 86%,transparent 87%);filter:drop-shadow(0 18px 24px rgb(0 0 0 / .45))}.sweet-quiz__sweet{position:absolute;top:18%;right:18%;bottom:18%;left:18%;display:grid;place-items:center}.sweet-quiz__sweet img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 12px rgb(60 20 0 / .45));user-select:none;-webkit-user-select:none}.sweet-quiz__sweet.is-in>*{animation:sq-drop .55s var(--sq-ease) both}.sweet-quiz__sweet.is-shake>*{animation:sq-shake .35s}@keyframes sq-drop{0%{transform:translateY(-28%) scale(.7);opacity:0}60%{opacity:1}}@keyframes sq-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.sweet-quiz__placeholder{width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f7b267,#b5541a 60%,#6e2a0b);box-shadow:inset -8px -10px 18px #0000004d}.sweet-quiz__plate.has-photo{width:min(100%,calc((100dvh - var(--sq-chrome, 250px)) * 1.6));margin-inline:auto;aspect-ratio:16 / 10;border-radius:18px;overflow:hidden;background:#3a0a18;filter:none;box-shadow:0 0 0 2px #ffc23d8c,0 16px 34px #00000073}.sweet-quiz__plate.has-photo .sweet-quiz__sweet{top:0;right:0;bottom:0;left:0}.sweet-quiz__plate.has-photo .sweet-quiz__sweet img{object-fit:cover;filter:none}.sweet-quiz__plate.has-photo .sweet-quiz__sweet.is-in>*{animation:sq-reveal .5s var(--sq-ease) both}@keyframes sq-reveal{0%{opacity:0;transform:scale(1.06)}}.sweet-quiz__timer{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#24060fc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px #00000059;color:var(--sq-ink);font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;transition:opacity .25s}.sweet-quiz__timer svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.sweet-quiz__timer circle{fill:none;stroke-width:4}.sweet-quiz__timer-track{stroke:#ffffff2e}.sweet-quiz__timer-ring{stroke:var(--sq-gold);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;transition:stroke .25s,stroke-dashoffset .1s linear}.sweet-quiz__timer span{position:relative}.sweet-quiz__timer.is-low .sweet-quiz__timer-ring{stroke:var(--sq-wrong)}.sweet-quiz__timer.is-low{color:#ffd3d4;animation:sq-tick 1s ease-in-out infinite}.sweet-quiz__timer.is-stopped{opacity:.55;animation:none}@keyframes sq-tick{0%,to{scale:1}50%{scale:1.08}}.sweet-quiz__toast{position:absolute;left:50%;bottom:4%;z-index:2;transform:translate(-50%,6px);padding:8px 18px;border-radius:999px;background:var(--sq-gold);color:var(--sq-maroon-deep);font-size:14px;font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s,transform .25s var(--sq-ease)}.sweet-quiz__toast[data-tone=right]{background:var(--sq-right);color:#fff}.sweet-quiz__toast[data-tone=wrong]{background:var(--sq-wrong);color:#fff}.sweet-quiz__toast.is-visible{opacity:1;transform:translate(-50%)}.sweet-quiz__panel{display:flex;flex-direction:column;gap:16px}.sweet-quiz__prompt{margin:0;font-family:var(--sq-font-display);font-size:22px;font-weight:700;color:var(--sq-ink)}.sweet-quiz__options{display:grid;gap:10px}.sweet-quiz__option{display:flex;align-items:center;gap:12px;min-height:54px;padding:8px 16px 8px 8px;border:1.5px solid var(--sq-line);border-radius:14px;background:var(--sq-paper);color:var(--sq-ink);font:inherit;font-size:16px;font-weight:600;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,opacity .25s,transform .15s var(--sq-ease)}.sweet-quiz__option:hover:not(:disabled){border-color:var(--sq-gold);background:#ffc23d1f;transform:translate(2px)}.sweet-quiz__option:focus-visible{outline:2px solid var(--sq-gold);outline-offset:2px}.sweet-quiz__option:disabled{cursor:default}.sweet-quiz__option-key{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:#ffc23d29;color:var(--sq-gold);font-size:14px;font-weight:700}.sweet-quiz__option-label{flex:1;min-width:0}.sweet-quiz__option.is-right{border-color:var(--sq-right);background:#2fbf7133}.sweet-quiz__option.is-right .sweet-quiz__option-key{background:var(--sq-right);color:#fff}.sweet-quiz__option.is-right .sweet-quiz__option-key:before{content:"\2713"}.sweet-quiz__option.is-wrong{border-color:var(--sq-wrong);background:#e5484d33}.sweet-quiz__option.is-wrong .sweet-quiz__option-key{background:var(--sq-wrong);color:#fff}.sweet-quiz__option.is-wrong .sweet-quiz__option-key:before{content:"\2715"}.sweet-quiz__option.is-right .sweet-quiz__option-key,.sweet-quiz__option.is-wrong .sweet-quiz__option-key{font-size:0}.sweet-quiz__option.is-right .sweet-quiz__option-key:before,.sweet-quiz__option.is-wrong .sweet-quiz__option-key:before{font-size:16px}.sweet-quiz__option.is-dim{opacity:.45}.sweet-quiz__option.is-removed{opacity:.18;text-decoration:line-through;transform:none}.sweet-quiz__controls{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px}.sweet-quiz__hint{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border-radius:999px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s var(--sq-ease),opacity .2s}.sweet-quiz__hint{white-space:nowrap;border:1.5px solid var(--sq-gold);background:transparent;color:var(--sq-gold)}.sweet-quiz__hint small{font-size:12px;font-weight:500;opacity:.85}.sweet-quiz__hint:hover:not(:disabled){background:#ffc23d1f}.sweet-quiz__hint:disabled{opacity:.4;cursor:default}.sweet-quiz__hint:focus-visible{outline:2px solid var(--sq-ink);outline-offset:3px}.sweet-quiz__result{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:16px 24px 20px;text-align:center;overflow:hidden;animation:sq-pop .35s var(--sq-ease)}.sweet-quiz__result canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.sweet-quiz__result>:not(canvas){position:relative}.sweet-quiz__greeting{margin:0;font-family:var(--sq-font-display);font-style:italic;font-size:18px;color:var(--sq-muted)}.sweet-quiz__greeting:before,.sweet-quiz__greeting:after{content:"\1fa94";margin:0 8px;font-style:normal}.sweet-quiz__final-score{display:block;font-family:var(--sq-font-display);font-size:clamp(44px,9dvh,72px);font-weight:700;line-height:1;color:var(--sq-gold);text-shadow:0 0 30px rgb(255 194 61 / .45)}.sweet-quiz__final-heading{margin:4px 0 2px;font-family:var(--sq-font-display);font-size:24px;font-weight:700}.sweet-quiz__final-text{max-width:46ch;margin:0 auto 12px;font-size:14px;color:var(--sq-muted)}.sweet-quiz__coupon{display:flex;flex-direction:column;gap:10px;width:min(380px,100%);margin:2px 0 14px;padding:14px 18px 12px;border-radius:16px;background:linear-gradient(100deg,#f7c95a,#f08a3a);color:var(--sq-maroon-deep);text-align:left;box-shadow:0 0 40px #ffa02859}.sweet-quiz__coupon-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding-bottom:10px;border-bottom:2px dashed var(--sq-maroon-deep)}.sweet-quiz__coupon-top b{font-family:var(--sq-font-display);font-size:32px;line-height:1}.sweet-quiz__coupon-top span{font-size:14px;font-weight:600}.sweet-quiz__coupon-row{display:flex;gap:8px}.sweet-quiz__code{flex:1;min-width:0;padding:10px 14px;border-radius:10px;background:var(--sq-cream);font-family:ui-monospace,Menlo,monospace;font-size:19px;font-weight:700;letter-spacing:.08em;text-align:center;word-break:break-all}.sweet-quiz__copy{flex:none;padding:0 18px;border:0;border-radius:10px;background:var(--sq-maroon-deep);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.sweet-quiz__copy:focus-visible{outline:2px solid var(--sq-maroon-deep);outline-offset:2px}.sweet-quiz__coupon-note{font-size:11px}.sweet-quiz__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.sweet-quiz__btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border:1.5px solid var(--sq-gold);border-radius:999px;background:linear-gradient(90deg,var(--sq-gold),var(--sq-saffron));color:var(--sq-maroon-deep);font:inherit;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .15s var(--sq-ease)}.sweet-quiz__btn:hover{transform:translateY(-2px)}.sweet-quiz__btn:focus-visible{outline:2px solid var(--sq-ink);outline-offset:3px}.sweet-quiz__btn--ghost{background:transparent;border-color:#ffffffb3;color:var(--sq-ink)}.sweet-quiz__result:not(.is-win) .sweet-quiz__btn--ghost{order:-1;background:linear-gradient(90deg,var(--sq-gold),var(--sq-saffron));border-color:var(--sq-gold);color:var(--sq-maroon-deep)}.sweet-quiz__result:not(.is-win) [data-sq-shop]{background:transparent;border-color:#ffffffb3;color:var(--sq-ink)}@media screen and (max-width:749px){.sweet-quiz__dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.sweet-quiz__frame{--sq-gap-y: 16px;border-radius:20px}.sweet-quiz__head{align-items:center;padding:12px 12px 10px 16px}.sweet-quiz__title{font-size:21px}.sweet-quiz__subtitle{margin-top:2px;font-size:12px;line-height:1.35}.sweet-quiz__close{width:36px;height:36px}.sweet-quiz__plate.has-photo{--sq-chrome: 430px;border-radius:14px}.sweet-quiz__timer{top:8px;right:8px;width:46px;height:46px;font-size:16px}.sweet-quiz__coupon-top b{font-size:28px}.sweet-quiz__btn{min-height:46px;padding:0 22px}.sweet-quiz__play{padding:12px 16px 18px}.sweet-quiz__meta{margin-bottom:8px;font-size:11px}.sweet-quiz__dots li{width:18px}.sweet-quiz__dots li.is-current{width:28px}.sweet-quiz__body{grid-template-columns:1fr;gap:12px}.sweet-quiz__stage{width:100%;margin:0 auto}.sweet-quiz__plate:not(.has-photo){width:min(64vw,30dvh,300px);margin:0 auto}.sweet-quiz__toast{font-size:13px;padding:6px 14px}.sweet-quiz__prompt{font-size:17px;text-align:center}.sweet-quiz__panel{gap:12px}.sweet-quiz__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sweet-quiz__option{min-height:50px;gap:8px;padding:6px 10px 6px 6px;font-size:14px;border-radius:12px}.sweet-quiz__option-key{width:28px;height:28px;font-size:12px;border-radius:8px}.sweet-quiz__hint,.sweet-quiz__result{padding:16px 16px 20px}.sweet-quiz__final-heading{font-size:22px}.sweet-quiz__frame:before,.sweet-quiz__frame:after{width:90px;height:90px}}@media screen and (max-width:749px)and (max-height:640px){.sweet-quiz__subtitle{display:none}.sweet-quiz__plate.has-photo{--sq-chrome: 390px}}@media(prefers-reduced-motion:reduce){.sweet-quiz *,.sweet-quiz__launcher{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/sweet-quiz.css.map */