:root{--primary-color: #F2AC0F;--primary-bg: rgb(253.7, 246.7, 231);--primary-card: rgb(254.35, 250.85, 243);--primary-text: rgb(24.1897233202, 17.1343873518, 1.3102766798);--primary-header: #F2AC0F;--primary-header-text: rgb(24.1897233202, 17.1343873518, 1.3102766798);--primary-icon: rgb(186.9090909091, 132.3939393939, 10.1242424242);--primary-icon-outline: rgb(24.1897233202, 17.1343873518, 1.3102766798);--primary-border: rgb(48.4, 34.4, 3);--primary-button: rgb(244.6, 188.6, 63);--primary-button-hover: rgb(243.3, 180.3, 39);--primary-button-active: #f2ac0f;--primary-button-text: rgb(24.1897233202, 17.1343873518, 1.3102766798);--primary-success-text: rgb(5.2822134387, 97.5177865613, 5.2822134387);--primary-error-text: rgb(170.6561264822, 9.2438735178, 9.2438735178);--primary-red-color: #f20f0f;--primary-focus: rgb(186.9090909091, 132.3939393939, 10.1242424242);--secondary-color: #5A8DF6;--secondary-bg: rgb(238.5, 243.6, 254.1);--secondary-card: rgb(246.75, 249.3, 254.55);--secondary-text: rgb(1.3189655172, 8.7931034483, 24.1810344828);--secondary-header: #5A8DF6;--secondary-header-text: rgb(1.3189655172, 8.7931034483, 24.1810344828);--secondary-icon: rgb(79.3793103448, 133.6620689655, 245.4206896552);--secondary-icon-outline: rgb(1.3189655172, 8.7931034483, 24.1810344828);--secondary-border: rgb(18, 28.2, 49.2);--secondary-button: rgb(123, 163.8, 247.8);--secondary-button-hover: rgb(106.5, 152.4, 246.9);--secondary-button-active: #5a8df6;--secondary-button-text: rgb(1.3189655172, 8.7931034483, 24.1810344828);--secondary-success-text: rgb(5.2137931034, 95.5862068966, 5.2137931034);--secondary-error-text: rgb(169.9310344828, 9.2689655172, 9.2689655172);--secondary-red-color: #f65a5a;--secondary-focus: rgb(79.3793103448, 133.6620689655, 245.4206896552);--text-color: var(--primary-text);--primary-border-color: var(--primary-border);--valid-color: var(--primary-success-text);--error-color: var(--primary-error-text);--card-padding: rem(16);--card-padding: clamp(1rem, 2vw, 3rem);--card-padding-vertical: calc(var(--card-padding) / 2);--card-padding-horizontal: var(--card-padding);--cta-padding: clamp(.375rem, 2vw, 1.25rem) clamp(.75rem, 4vw, 2.5rem);--gap: calc(var(--card-padding) * 2);--content-gap: var(--card-padding);--icon-padding: .4rem;--icon-size: 2.5rem;--checkbox-size: rem(20);--border-width: .125rem;--border-style: solid;--border-radius: clamp(.5rem, 2vw, 1.5rem);--border: var(--border-width) var(--border-style) var(--primary-border-color);--header-font: clamp(1.5rem, 1.1rem + 2vw, 2.5rem);--paragraph-font: clamp(.875rem, .85rem + .5vw, 1.15rem);--cta-font: clamp(1.125rem, 4vw, 1.5rem);--wheel-width: 300px;--wheel-height: 300px;--wheel-border-width: 349px;--wheel-border-height: 349px;--rotation: 0deg}@media (prefers-color-scheme: dark){:root{--primary-color: #F2AC0F;--primary-bg: rgb(24.3794466403, 17.2687747036, 1.3205533597);--primary-card: rgb(48.7588932806, 34.5375494071, 2.6411067194);--primary-text: rgb(253.6897233202, 246.6343873518, 230.8102766798);--primary-header: #F2AC0F;--primary-header-text: rgb(24.1897233202, 17.1343873518, 1.3102766798);--primary-icon: #f2ac0f;--primary-icon-outline: rgb(24.1897233202, 17.1343873518, 1.3102766798);--primary-border: rgb(252.4, 238.4, 207);--primary-button: rgb(244.6, 188.6, 63);--primary-button-hover: rgb(243.3, 180.3, 39);--primary-button-active: #f2ac0f;--primary-button-text: rgb(24.1897233202, 17.1343873518, 1.3102766798);--primary-button-hover-text: rgb(24.1897233202, 17.1343873518, 1.3102766798);--primary-button-active-text: rgb(24.1897233202, 17.1343873518, 1.3102766798);--primary-success-text: #0ff20f;--primary-error-text: rgb(249.3666666667, 151, 151);--primary-red-color: #f20f0f;--primary-focus: #f2ac0f;--secondary-color: #5A8DF6;--secondary-bg: rgb(1.7379310345, 11.5862068966, 31.8620689655);--secondary-card: rgb(3.475862069, 23.1724137931, 63.724137931);--secondary-text: rgb(230.8189655172, 238.2931034483, 253.6810344828);--secondary-header: #5A8DF6;--secondary-header-text: rgb(1.3189655172, 8.7931034483, 24.1810344828);--secondary-icon: #5a8df6;--secondary-icon-outline: rgb(1.3189655172, 8.7931034483, 24.1810344828);--secondary-border: rgb(222, 232.2, 253.2);--secondary-button: rgb(123, 163.8, 247.8);--secondary-button-hover: rgb(106.5, 152.4, 246.9);--secondary-button-active: #5a8df6;--secondary-button-text: rgb(1.3189655172, 8.7931034483, 24.1810344828);--secondary-button-hover-text: rgb(1.3189655172, 8.7931034483, 24.1810344828);--secondary-button-active-text: rgb(1.3189655172, 8.7931034483, 24.1810344828);--secondary-success-text: #5af65a;--secondary-error-text: rgb(248.1, 128.5, 128.5);--secondary-red-color: #f65a5a;--secondary-focus: #5a8df6}}@media (max-width: 380px){:root{--wheel-width: calc(100vw - 90px) ;--wheel-height: calc(100vw - 90px) ;--wheel-border-width: calc(100vw - 61px) ;--wheel-border-height: calc(100vw - 61px) }}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;font-size:clamp(1rem,-.0354545455rem + .0142045455vw,1.125rem)}body{font-family:Roboto,sans-serif;color:var(--text-color);background:var(--primary-bg)}section{display:flex;justify-content:center;align-items:center;height:100vh}section .card{z-index:2;display:flex;flex-direction:column;width:90vw;max-width:37.5rem;max-height:90vh;min-height:75%;aspect-ratio:2/4;overflow:hidden;border-radius:var(--border-radius);background:var(--primary-card);border:var(--border)}section .card>*{display:flex;justify-content:center;align-items:center;padding-left:var(--card-padding-horizontal);padding-right:var(--card-padding-horizontal)}section .card .card-header{flex:2.5;padding-top:var(--card-padding-vertical);background:var(--primary-header);color:var(--primary-text)}section .card .card-header .card-header-title{font-size:var(--header-font);font-weight:700;text-align:center}section .card .card-body{position:relative;flex:7;padding-top:var(--card-padding-vertical);padding-bottom:var(--card-padding-vertical);flex-direction:column;gap:var(--gap)}section .card .card-body>*{width:100%}section .card .card-body .card-body-title{font-size:var(--header-font);text-align:center;font-weight:700}section .card .card-body .card-body-text{font-size:var(--paragraph-font);display:flex;align-items:center;gap:var(--content-gap);line-height:1.4;color:var(--text-color)}section .card .card-body .card-body-text .card-body-text-icon{width:var(--icon-size);height:var(--icon-size);flex-shrink:0;padding:var(--icon-padding);background-color:var(--secondary-icon);border-radius:50%;color:var(--secondary-icon-outline);stroke:currentColor}section .card .card-body .card-body-text:has(b){display:block}section .card .card-body .wheel{position:relative;width:var(--wheel-border-width);height:var(--wheel-border-width);display:flex;justify-content:center;align-items:center}section .card .card-body .wheel .canvas-border{width:var(--wheel-border-width);height:var(--wheel-border-width);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center}section .card .card-body .wheel .canvas-wheel{transform:rotate(var(--rotation, 0deg));width:var(--wheel-width);height:var(--wheel-width)}section .card .card-footer{flex:.5;border-radius:0 0 var(--border-radius) var(--border-radius);padding-bottom:var(--card-padding-vertical)}section .card .card-footer-button{white-space:nowrap;background:var(--primary-button);border:var(--border);border-radius:var(--border-radius);padding:var(--cta-padding);font-size:var(--cta-font);color:var(--primary-text);cursor:pointer}section .card .card-footer-button:hover{background:var(--primary-button-hover);border-color:var(--secondary-icon)}section .card .card-footer-button:active{background:var(--primary-button-active)}section .form{z-index:1;width:100%;display:flex;flex-direction:column;justify-content:space-between}section .form .form-header{padding-top:var(--card-padding-vertical);padding-bottom:var(--card-padding-vertical);flex:1!important}section .form .form-body{display:flex;flex-direction:column;padding:var(--card-padding-vertical) var(--card-padding-horizontal);gap:1.5rem}section .form .form-body .form-group{display:flex;flex-direction:column;gap:.1rem}section .form .form-body .form-group label{position:relative;font-size:var(--paragraph-font);color:var(--text-color)}section .form .form-body .form-group p{font-size:var(--paragraph-font);text-align:left}section .form .form-body .form-group p.error{font-size:var(--paragraph-font);color:var(--error-color)}section .form .form-body .form-group p.success{color:var(--valid-color)}section .form .form-body .form-group input,section .form .form-body .form-group textarea,section .form .form-body .form-group select{padding:.5rem;border:var(--border);border-radius:.25rem;font-size:var(--paragraph-font);outline:none;color:var(--text-color);background:var(--primary-card)}section .form .form-body .form-group input:focus,section .form .form-body .form-group textarea:focus,section .form .form-body .form-group select:focus{border-color:var(--secondary-focus);outline:none}section .form .form-body .form-group:has(input[type=checkbox]){display:flex;justify-content:space-between;flex-direction:row;align-items:center}section .form .form-body .form-group input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.25rem;height:1.25rem;padding-left:0;padding-right:0;border:var(--border);border-radius:.25rem;background:var(--primary-card);cursor:pointer;position:relative;margin:0;z-index:2;transition:border-color}section .form .form-body .form-group input[type=checkbox]:after{content:"";position:absolute;top:35%;left:50%;width:.375rem;height:.625rem;border:solid var(--secondary-focus);border-width:0 .125rem .125rem 0;transform:translate(-50%,-50%) rotate(45deg);opacity:0;transition:opacity}section .form .form-body .form-group input[type=checkbox]:checked:after{opacity:1}section .form .form-body .form-group input[type=checkbox]:checked{border-color:var(--secondary-focus)}section .form .form-body button{padding:.625rem;background-color:var(--primary-button);color:var(--text-color);border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background .2s,color .2s}section .form .form-body button:hover{background:var(--primary-button-hover);color:var(--primary-button-hover-text)}section .form .form-body button:active{background:var(--primary-button-active);color:var(--primary-button-active-text)}section .form .form-footer{flex:.2!important}section .form .form-footer .card-footer-button:disabled{cursor:not-allowed;pointer-events:none;transition:none!important;animation:none!important;opacity:.6}section #confetti{position:absolute;z-index:1;pointer-events:none}section .loading .pl{display:block;width:6.25em;height:6.25em}section .loading .pl__ring,section .loading .pl__ball{animation:ring 2s ease-out infinite}section .loading .pl__ball{animation-name:ball}@keyframes ring{0%{stroke-dasharray:0 257 0 0 1 0 0 258}25%{stroke-dasharray:0 0 0 0 257 0 258 0}50%,to{stroke-dasharray:0 0 0 0 0 515 0 0}}@keyframes ball{0%,50%{animation-timing-function:ease-in;stroke-dashoffset:1}64%{animation-timing-function:ease-in;stroke-dashoffset:-109}78%{animation-timing-function:ease-in;stroke-dashoffset:-145}92%{animation-timing-function:ease-in;stroke-dashoffset:-157}57%,71%,85%,99%,to{animation-timing-function:ease-out;stroke-dashoffset:-163}}