.tf-spin,.tf-spin *{box-sizing:border-box}.tf-spin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px;font-family:var(--tf-font, ui-sans-serif, system-ui, sans-serif);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}.tf-spin[data-open=true]{opacity:1;visibility:visible;transition-delay:0s}.tf-spin[hidden]{display:none}.tf-spin__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#080808a8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tf-spin__card{position:relative;width:min(440px,100%);max-height:calc(100vh - 32px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background:#f6f3ec;background-image:radial-gradient(rgba(0,0,0,.028) 1px,transparent 1px);background-size:5px 5px;border-radius:12px;box-shadow:0 30px 80px #00000080;padding:26px 24px 24px;text-align:center;transform:translateY(14px) scale(.97);transition:transform .35s cubic-bezier(.2,.8,.3,1)}.tf-spin__card::-webkit-scrollbar{display:none;width:0;height:0}.tf-spin[data-open=true] .tf-spin__card{transform:translateY(0) scale(1)}.tf-spin__close{position:absolute;top:10px;right:10px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#333;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;z-index:2}.tf-spin__close:hover{color:#000;background:#0000000f}.tf-spin__close svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.tf-spin__title{font-family:var(--tf-display, var(--tf-font));font-size:clamp(24px,6vw,30px);font-weight:900;font-style:italic;letter-spacing:.01em;text-transform:uppercase;color:#101010;margin:0;display:flex;align-items:center;justify-content:center;gap:12px}.tf-spin__marks{color:#aa1314;font-style:normal;letter-spacing:-1px;font-size:.72em}.tf-spin__sub{font-size:12.5px;color:#5c5c5c;margin:7px 0 0}.tf-spin__stage{position:relative;margin:20px auto 8px;width:min(330px,90%)}.tf-spin__pointer{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:34px;z-index:4;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45))}.tf-spin__pointer svg{display:block;width:100%}.tf-spin__wheelwrap{position:relative;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 16px 30px #00000061}.tf-spin__rotor{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(0);transform-origin:50% 50%;transition:transform 5.2s cubic-bezier(.22,.1,.08,1);will-change:transform;backface-visibility:hidden}.tf-spin__plate{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;display:block}.tf-spin__ovl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tf-spin__gloss{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.tf-spin__hubcap{position:absolute;top:50%;left:50%;width:19.5%;transform:translate(-50%,-50%);z-index:3}.tf-spin__hubcap svg{display:block;width:100%}.tf-spin__label{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#101010;margin:14px 0 8px}.tf-spin__row{display:flex;gap:8px}.tf-spin__input{flex:1;min-width:0;border:1px solid #cfc9bd;border-radius:6px;background:#fff;padding:12px 13px;font-family:inherit;font-size:13.5px;color:#101010}.tf-spin__input:focus{outline:2px solid #aa1314;outline-offset:1px;border-color:#aa1314}.tf-spin__go{flex:none;border:0;border-radius:6px;background:#101010;color:#fff;font-family:inherit;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:0 18px;cursor:pointer;transition:background-color .16s ease}.tf-spin__go:hover{background:#2b2b2b}.tf-spin__error{color:#aa1314;font-size:11.5px;margin:7px 0 0}.tf-spin__btn{display:inline-block;width:100%;border:0;border-radius:6px;background:#aa1314;color:#fff;font-family:inherit;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:15px 18px;cursor:pointer;margin-top:14px;box-shadow:inset 0 -3px #00000047;transition:background-color .16s ease,transform .16s ease;text-decoration:none}.tf-spin__btn:hover{background:#8e0f10}.tf-spin__btn[disabled]{opacity:.55;cursor:wait}.tf-spin__btn--shop{background:#101010;box-shadow:inset 0 -3px #ffffff1f}.tf-spin__btn--shop:hover{background:#2b2b2b}.tf-spin__fine{font-size:10.5px;color:#8a8478;margin:9px 0 0}.tf-spin__won{font-family:var(--tf-display, var(--tf-font));font-size:19px;font-weight:900;text-transform:uppercase;letter-spacing:.01em;color:#101010;margin:14px 0 0}.tf-spin__won strong{color:#aa1314}.tf-spin__hold{font-size:13px;line-height:1.55;color:#4c4c4c;margin:8px auto 0;max-width:34ch}.tf-spin__hold b{color:#aa1314;font-variant-numeric:tabular-nums}@media(max-width:420px){.tf-spin__card{padding:22px 16px 18px}.tf-spin__stage{width:min(280px,92%)}.tf-spin__row{flex-direction:column}.tf-spin__go{padding:12px}}@media(prefers-reduced-motion:reduce){.tf-spin,.tf-spin__card{transition:none}.tf-spin__rotor{transition:transform .8s ease-out}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/tf-spin.css.map */