.spin{--plum: #6E1F4F;--rose: #C9A27E;--ink: #111;--paper: #F6F1EC}.spin__tab{position:fixed;z-index:60;bottom:calc(96px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.spin--left .spin__tab{left:12px}.spin--right .spin__tab{right:12px;bottom:calc(160px + env(safe-area-inset-bottom,0px))}.spin__orb{position:relative;display:block;width:64px;height:64px;border-radius:50%;box-shadow:0 0 0 3px #c9a27e,0 0 0 5px #111111d9,0 14px 30px -8px #6e1f4fd9}.spin__orb:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;border:2px solid rgba(201,162,126,.9);opacity:0}.spin__disc{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,#fff0 0 44deg,#ffffff8c 44deg 46deg),conic-gradient(var(--plum) 0 90deg,var(--rose) 90deg 180deg,var(--ink) 180deg 270deg,var(--paper) 270deg 360deg)}.spin__hub{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:#111;border:2px solid #C9A27E;color:#f3dfc5}.spin__hub .icon{width:14px;height:14px}.spin__orb:after{content:"";position:absolute;left:50%;top:-9px;margin-left:-6px;border:6px solid transparent;border-top:10px solid #F3DFC5;border-bottom:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.spin__label{margin-top:-8px;position:relative;padding:5px 9px;border-radius:999px;white-space:nowrap;font:800 10px/1 var(--font-body, inherit);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#8A2C63,var(--plum));border:1px solid #C9A27E;box-shadow:0 6px 14px -6px #0009}.spin__tab:focus-visible{outline:none}.spin__tab:focus-visible .spin__orb{outline:2px solid var(--rose);outline-offset:8px}.spin.is-done .spin__tab{opacity:.8}.spin.is-done .spin__tab .spin__orb:before{display:none}@media(prefers-reduced-motion:no-preference){.spin__disc{animation:spinIdle 7s linear infinite}.spin:not(.is-done) .spin__orb:before{animation:spinRing 2.4s ease-out infinite}.spin:not(.is-done) .spin__tab{animation:spinNudge 6s ease-in-out 3s infinite}.spin__tab:hover .spin__disc{animation-duration:1.4s}}@keyframes spinIdle{to{rotate:360deg}}@keyframes spinRing{0%{opacity:.9;transform:scale(.88)}to{opacity:0;transform:scale(1.25)}}@keyframes spinNudge{0%,86%,to{transform:none}90%{transform:rotate(-8deg) scale(1.06)}94%{transform:rotate(6deg) scale(1.06)}97%{transform:none}}@media(min-width:750px){.spin--phones{display:none}}.spin__tab{flex-direction:row;gap:7px;height:40px;padding:0 14px 0 5px;border-radius:999px;color:#111;background:linear-gradient(160deg,#ffffffeb,#faf2f6cc);border:1px solid rgba(110,31,79,.18);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:inset 0 1px #fff,0 10px 24px -12px #6e1f4f8c}.spin__tab .spin__orb{width:30px;height:30px;flex:none;box-shadow:none}.spin__tab .spin__orb:after,.spin__tab .spin__disc{display:none}.spin__tab .spin__orb:before{top:-4px;right:-4px;bottom:-4px;left:-4px;border-width:1.5px}.spin__tab .spin__hub{width:30px;height:30px;margin:-15px 0 0 -15px;border:0;color:#fff;background:linear-gradient(135deg,#8a2c63,#6e1f4f)}.spin__tab .spin__label{margin:0;padding:0;border:0;background:none;box-shadow:none;color:#6e1f4f;font:700 10.5px/1 var(--font-body, inherit);letter-spacing:.12em;text-transform:uppercase}.spin__dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:end center}.spin__dialog[hidden]{display:none}.spin__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1111118c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spin__panel{position:relative;width:min(440px,100%);max-height:100dvh;overflow:auto;padding:26px 22px calc(22px + env(safe-area-inset-bottom,0px));border-radius:26px 26px 0 0;text-align:center;color:var(--ink);background:radial-gradient(120% 60% at 50% 0%,#fff,var(--paper) 60%);box-shadow:0 -20px 60px -20px #00000080}@media(min-width:750px){.spin__dialog{place-items:center}.spin__panel{border-radius:26px}}.spin__close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#1111110f;color:var(--ink);cursor:pointer}.spin__close .icon{width:18px;height:18px}.spin__title{margin:0;font-family:var(--font-heading);font-weight:800;font-size:28px;letter-spacing:-.02em}.spin__text{margin:6px 0 0;font-size:14px;color:#111111b3}.spin__stage{position:relative;width:min(300px,78vw);aspect-ratio:1;margin:18px auto 16px}.spin__pointer{position:absolute;left:50%;top:-8px;z-index:2;width:0;height:0;transform:translate(-50%);border-left:14px solid transparent;border-right:14px solid transparent;border-top:26px solid var(--plum);filter:drop-shadow(0 3px 4px rgba(0,0,0,.3))}.spin__wheel{width:100%;height:100%;border-radius:50%;box-shadow:0 18px 40px -16px #6e1f4f8c,0 0 0 6px #fff;will-change:transform}.spin__wheel svg{display:block;width:100%;height:100%}.spin__label{font:800 10px/1 var(--font-body, sans-serif);letter-spacing:.02em}.spin__go,.spin__shop,.spin__copy{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border:0;border-radius:999px;cursor:pointer;font:700 13px/1 var(--font-body, inherit);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:#fff;background:var(--plum)}.spin__go{width:100%}.spin__go:disabled{opacity:.55;cursor:default}.spin__go[hidden]{display:none}.spin__go:focus-visible,.spin__shop:focus-visible,.spin__copy:focus-visible,.spin__close:focus-visible{outline:2px solid var(--plum);outline-offset:3px}.spin__result{margin-top:4px}.spin__result[hidden],.spin__code[hidden],.spin__shop[hidden]{display:none}.spin__result-title{margin:0;font-family:var(--font-heading);font-weight:800;font-size:24px;color:var(--plum)}.spin__result-note{margin:6px 0 12px;font-size:14px;line-height:1.5;color:#111111bf}.spin__code{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 18px;margin-bottom:12px;border:1.5px dashed var(--plum);border-radius:999px;background:#fff}.spin__code strong{font-size:18px;letter-spacing:.14em}.spin__copy{min-height:40px;padding:0 18px;font-size:11.5px;background:var(--ink)}.spin__shop{width:100%}.spin__terms{margin:12px 0 0;font-size:11.5px;color:#1111118c}
/*# sourceMappingURL=/cdn/shop/t/72/assets/spin-win.css.map */