@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-tracking:initial}}}.spin-wheel{max-width:var(--container-6xl,72rem);padding-inline:calc(var(--spacing,.25rem)*5);padding-block:calc(var(--spacing,.25rem)*8);margin-inline:auto}@media (min-width:48rem){.spin-wheel{padding-block:calc(var(--spacing,.25rem)*12)}}.spin-wheel__title{margin-bottom:calc(var(--spacing,.25rem)*8);text-align:center}@media (min-width:48rem){.spin-wheel__title{margin-bottom:calc(var(--spacing,.25rem)*10)}}.spin-wheel__layout{gap:calc(var(--spacing,.25rem)*10);flex-direction:column;display:flex}@media (min-width:48rem){.spin-wheel__layout{justify-content:center;align-items:flex-start;gap:calc(var(--spacing,.25rem)*12);flex-direction:row}}.spin-wheel__panel{flex-shrink:0;width:100%}@media (min-width:48rem){.spin-wheel__panel{width:min(100%,280px)}}.spin-wheel__label{margin-bottom:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:#fffc;display:block}@supports (color:color-mix(in lab, red, red)){.spin-wheel__label{color:color-mix(in oklab,var(--color-white,#fff)80%,transparent)}}.spin-wheel__textarea{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff40;width:100%;min-height:360px}@supports (color:color-mix(in lab, red, red)){.spin-wheel__textarea{border-color:color-mix(in oklab,var(--color-white,#fff)25%,transparent)}}.spin-wheel__textarea{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.spin-wheel__textarea{background-color:color-mix(in oklab,var(--color-black,#000)40%,transparent)}}.spin-wheel__textarea{padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-white,#fff);resize:vertical}.spin-wheel__textarea:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:#fff6;border-color:#0000}@supports (color:color-mix(in lab, red, red)){.spin-wheel__textarea:focus{--tw-ring-color:color-mix(in oklab,var(--color-white,#fff)40%,transparent)}}.spin-wheel__textarea:focus{--tw-outline-style:none;outline-style:none}.spin-wheel__hint{margin-top:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.spin-wheel__hint{color:color-mix(in oklab,var(--color-white,#fff)50%,transparent)}}.spin-wheel__actions{margin-top:calc(var(--spacing,.25rem)*4);gap:calc(var(--spacing,.25rem)*3);flex-direction:column;display:flex}.spin-wheel__btn{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-white,#fff);background-color:var(--color-white,#fff);width:100%;padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-black,#000);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px}@media (hover:hover){.spin-wheel__btn:hover{opacity:.9}}.spin-wheel__btn:disabled{cursor:not-allowed;opacity:.4}.spin-wheel__result{margin-top:calc(var(--spacing,.25rem)*4);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:#fff3;justify-content:center;align-items:center;min-height:3rem;display:flex}@supports (color:color-mix(in lab, red, red)){.spin-wheel__result{border-color:color-mix(in oklab,var(--color-white,#fff)20%,transparent)}}.spin-wheel__result{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.spin-wheel__result{background-color:color-mix(in oklab,var(--color-white,#fff)5%,transparent)}}.spin-wheel__result{padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);text-align:center}.spin-wheel__result-label{margin-bottom:calc(var(--spacing,.25rem)*1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-tracking:var(--tracking-wider,.05em);letter-spacing:var(--tracking-wider,.05em);color:#ffffff80;display:block}@supports (color:color-mix(in lab, red, red)){.spin-wheel__result-label{color:color-mix(in oklab,var(--color-white,#fff)50%,transparent)}}.spin-wheel__result-label{text-transform:uppercase}.spin-wheel__result-name{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-white,#fff)}.spin-wheel__stage{aspect-ratio:1;flex:1;justify-content:center;align-items:center;width:min(100%,440px);margin-inline:auto;display:flex;position:relative}@media (min-width:768px){.spin-wheel__stage{width:min(100%,560px)}}@media (min-width:1024px){.spin-wheel__stage{width:min(100%,640px)}}.spin-wheel__pointer{z-index:2;border-left:18px solid #0000;border-right:18px solid #0000;border-top:28px solid var(--color-surface-white,#fff);filter:drop-shadow(0 2px 4px #0006);width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.spin-wheel__wheel-clip{border-radius:3.40282e38px;width:100%;height:100%;overflow:hidden;box-shadow:0 8px 32px #00000073}.spin-wheel__wheel{transform-origin:50%;width:100%;height:100%;transition:transform 5.2s cubic-bezier(.12,.85,.15,1);display:block}.spin-wheel__wheel--idle{transition-duration:0s}.spin-wheel__name-text{fill:#0a0a0a;text-anchor:middle;dominant-baseline:central;font-size:6px;font-weight:600}@media (min-width:400px){.spin-wheel__name-text{font-size:7px}}@media (min-width:768px){.spin-wheel__name-text{font-size:8px}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-tracking{syntax:"*";inherits:false}