.t8-spin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:96;display:flex;align-items:center;justify-content:center;padding:2.4rem}.t8-spin[hidden]{display:none}.t8-spin__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e09078c;animation:t8-spin-fade .25s ease-out}.t8-spin>.t8-spin__backdrop{display:block}.t8-spin__dialog{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:3.2rem;width:min(96rem,100%);max-height:calc(100svh - 4.8rem);overflow:auto;scrollbar-width:none;box-sizing:border-box;padding:4rem 4.8rem 4rem 4rem;border-radius:2.4rem;background:var(--t-ivory-500);box-shadow:0 0 2rem #00000029;font-family:var(--t-font-body);animation:t8-spin-in .3s var(--t-ease)}.t8-spin__dialog::-webkit-scrollbar{display:none}.t8-spin__dialog:focus{outline:none}.t8-spin__close{position:absolute;top:1.6rem;right:1.6rem;z-index:2;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;background:#fff;color:var(--t-brand);display:grid;place-items:center;cursor:pointer;box-shadow:0 .2rem .6rem #0000001f}.t8-spin__wheelwrap{position:relative;width:min(100%,44rem,calc(100svh - 12rem));aspect-ratio:1 / 1;justify-self:center}.t8-spin__wheel{width:100%;height:100%;border-radius:50%;box-shadow:.8rem 1.2rem #412e2e1f;transform:rotate(0)}.t8-spin__wheel.is-spinning{transition:transform 5.5s cubic-bezier(.12,.62,.1,1)}.t8-spin__svg{display:block;width:100%;height:100%;max-width:none;overflow:visible}.t8-spin__svg text{font-family:var(--t-font-body);font-size:9.5px;letter-spacing:-.01em;fill:#fff;dominant-baseline:middle}.t8-spin__pointer{position:absolute;top:-1.4rem;left:50%;width:4rem;height:5.2rem;transform:translate(-50%);color:var(--t-gold-500);filter:drop-shadow(0 .3rem .4rem rgba(65,46,46,.25));z-index:1}.t8-spin__pointer svg{display:block;width:100%;height:100%;max-width:none}.t8-spin__side{min-width:0;display:grid}.t8-spin__side>*{grid-area:1 / 1;min-width:0}.t8-spin__form[hidden]{display:flex;visibility:hidden}.t8-spin__result{align-self:center}.t8-spin__form,.t8-spin__result>div{display:flex;flex-direction:column;gap:1.6rem}.t8-spin__title{margin:0 0 .8rem;font-family:var(--t-font-display);font-weight:600;font-size:var(--t-h4);line-height:1.1;letter-spacing:-.03em;color:var(--t-neutral-600);text-align:center;text-transform:none}.t8-spin__title span{display:block;font-size:var(--t-h3);color:var(--t-brand)}.t8-spin__text,.t8-spin__text p{margin:0;font-size:var(--t-body-m);line-height:1.4;letter-spacing:-.01em;color:var(--t-neutral-300);text-align:center}.t8-spin__text strong,.t8-spin__text b{font-weight:var(--t-w-regular);color:var(--t-neutral-500)}.t8-spin__label{margin-top:.8rem;font-size:var(--t-body-m);line-height:1;letter-spacing:-.01em;color:var(--t-neutral-500)}.t8-spin__phone{display:flex;align-items:stretch;gap:.8rem;height:4.8rem}.t8-spin__cc{display:inline-flex;align-items:center;gap:.8rem;padding:0 1.6rem;border:.8px solid var(--t-gold-200);border-radius:1.2rem;background:#fff;font-size:var(--t-body-m);line-height:1;color:var(--t-neutral-500)}.t8-spin__cc svg{border-radius:.2rem;box-shadow:0 0 0 .5px #00000026}.t8-spin__input{flex:1 1 auto;min-width:0;padding:0 1.6rem;border:.8px solid var(--t-gold-200);border-radius:1.2rem;background:#fff;font:inherit;font-size:var(--t-body-m);letter-spacing:-.01em;color:var(--t-neutral-500)}.t8-spin__input::placeholder{color:var(--t-neutral-300)}.t8-spin__input:focus{outline:none;border-color:var(--t-gold-500);box-shadow:0 0 0 .3rem #c3884c2e}.t8-spin__input[aria-invalid=true]{border-color:var(--t-error-500)}.t8-spin__error{margin:-.8rem 0 0;font-size:var(--t-body-s);line-height:1.4;color:var(--t-error-500)}.t8-spin__error[hidden]{display:none}.t8-spin__go{width:100%;box-sizing:border-box;height:4.8rem;padding:0 2.4rem;border:0;border-radius:1.2rem;text-decoration:none;cursor:pointer}.t8-spin__go:disabled{opacity:.6;cursor:default}.t8-spin__check{display:flex;align-items:center;gap:1.2rem;font-size:var(--t-body-m);line-height:1.4;letter-spacing:-.01em;color:var(--t-neutral-500);cursor:pointer}.t8-spin__check input{flex:none;width:2rem;height:2rem;margin:0;accent-color:var(--t-brand)}.t8-spin__fine{margin:0;font-size:1.2rem;line-height:1.4;letter-spacing:-.01em;color:var(--t-neutral-300)}.t8-spin__fine a{color:var(--t-brand);text-underline-offset:.2rem}.t8-spin__note{margin:0;font-size:1.2rem;line-height:1.4;color:var(--t-neutral-300);text-align:center}.t8-spin__result[hidden],.t8-spin__result>[hidden]{display:none}.t8-spin__code{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:.8rem .8rem .8rem 2rem;border:.8px dashed var(--t-gold-500);border-radius:1.2rem;background:#fff}.t8-spin__code b{font-weight:var(--t-w-regular);font-size:var(--t-body-l);letter-spacing:-.01em;color:var(--t-brand)}.t8-spin__copy{padding:1rem 1.6rem;border:0;border-radius:.8rem;background:var(--t-ivory-500);color:var(--t-neutral-500);font:inherit;font-size:var(--t-body-s);cursor:pointer}.t8-spin__copy:hover{background:var(--t-gold-100)}body.t8-spin-open{overflow:hidden}@keyframes t8-spin-fade{0%{opacity:0}}@keyframes t8-spin-in{0%{opacity:0;transform:translateY(1.6rem) scale(.98)}}@media(max-width:860px){.t8-spin{padding:1.2rem;align-items:flex-end}.t8-spin__dialog{grid-template-columns:1fr;gap:2rem;padding:3.2rem 2rem 2.4rem;border-radius:2rem;max-height:calc(100svh - 2.4rem)}.t8-spin__wheelwrap{width:min(28rem,72vw,calc(100svh - 46rem));min-width:18rem}.t8-spin__title{font-size:2.4rem}.t8-spin__title span{font-size:var(--t-h4)}.t8-spin__form,.t8-spin__result>div{gap:1.2rem}}@media(prefers-reduced-motion:reduce){.t8-spin__backdrop,.t8-spin__dialog{animation:none}.t8-spin__wheel.is-spinning{transition-duration:1.2s}}@media(max-width:860px)and (max-height:740px){.t8-spin__dialog{gap:1.2rem;padding:2.4rem 1.6rem 1.6rem}.t8-spin__wheelwrap{width:min(28rem,72vw,calc(100svh - 50rem));min-width:14rem}.t8-spin__title{margin-bottom:0;font-size:2.2rem}.t8-spin__title span{font-size:2.8rem}.t8-spin__text,.t8-spin__text p{font-size:1.4rem}.t8-spin__label{margin-top:0}.t8-spin__form,.t8-spin__result>div{gap:1rem}.t8-spin__phone,.t8-spin__go{height:4.4rem}.t8-spin__note{display:none}}@media(min-width:861px)and (max-height:620px){.t8-spin__dialog{padding-block:2.4rem}.t8-spin__form,.t8-spin__result>div{gap:1.2rem}.t8-spin__note{display:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/t8-spin-wheel.css.map */