﻿.form-choices{margin-left:auto;margin-right:auto;max-width:50rem}.form-input,.form-checkbox,.form-submit{margin:1.5rem 1.5rem}@media screen and (min-width: 80rem){.form-input,.form-checkbox,.form-submit{margin-left:auto;margin-right:auto;max-width:50rem}}.form-choices{margin-top:6rem;margin-bottom:6rem;list-style:none;text-align:center}.form-choices>li{position:relative}.form-choices>li:before{content:"❱";display:inline-block;position:absolute;left:0;top:50%;transform:translateY(-50%)}.form-choices>li:not(:last-child):before{top:calc(50% - 1.25rem)}.form-choices>li:not(:last-child)::after{content:"";display:block;margin:2.5rem auto;width:15rem;height:1px;background-color:#d6d6d6}.form-choices.narrow{margin-top:2.5rem;margin-bottom:2.5rem}.form-choices.narrow>li::after{display:none}.form-choices>li>a{padding:.5rem 1.5rem;display:inline-block;line-height:2.5;text-decoration:none;transition:.1s cubic-bezier(0.56, 0.03, 0.35, 0.9) background-color,.1s cubic-bezier(0.56, 0.03, 0.35, 0.9) box-shadow}@keyframes form-choice-hover{0%{background-position:-100% 0}100%{background-position:200% 0}}.form-choices>li>a:hover,.form-choices>li>a:focus-visible{background-color:#e8d823;background-image:linear-gradient(-45deg, transparent 0%, rgba(255, 255, 0, 0.4) 50%, transparent 100%);background-size:200% 100%;background-repeat:no-repeat;color:inherit;box-shadow:.1rem .4rem .4rem rgba(255, 255, 0, 0.1),.25rem 1rem 1rem rgba(255, 255, 0, 0.1);animation:.7s cubic-bezier(0.45, 0.16, 0.38, 0.7) 0s 1 normal both running form-choice-hover}.form-choices>li>a:hover>em,.form-choices>li>a:focus-visible>em{background-color:rgba(0,0,0,0)}.form-choices>li>a>em{padding-block:.5rem;font-style:inherit;background-color:#e8d823;transition:.1s cubic-bezier(0.56, 0.03, 0.35, 0.9) background-color}.form-submit,.form-checkbox,.form-input{display:flex;flex-direction:column;align-items:stretch}@media screen and (min-width: 80rem){.form-submit,.form-checkbox,.form-input{flex-direction:row;align-items:center}}.form-checkbox>span,.form-input>:first-child{font-weight:600;color:#484d6d}[data-coderdojo] .form-checkbox>span,[data-coderdojo] .form-input>:first-child{color:#55433c}.form-checkbox>div,.form-submit>input,.form-input>:last-child{background-color:rgba(0,0,0,0);border:.1rem solid #484d6d}[data-coderdojo] .form-checkbox>div,[data-coderdojo] .form-submit>input,[data-coderdojo] .form-input>:last-child{border-color:#55433c}.radio-input:focus-visible+.form-input>label,.form-submit>input:focus-visible,.form-input>:focus-visible:last-child,.form-submit>input:active,.form-input>:active:last-child{outline:none;background-color:#ff0}[data-coderdojo] .radio-input:focus-visible+.form-input>label,[data-coderdojo] .form-submit>input:focus-visible,[data-coderdojo] .form-input>:focus-visible:last-child,[data-coderdojo] .form-submit>input:active,[data-coderdojo] .form-input>:active:last-child{background-color:#af0}.form-submit>input,.form-input>:last-child{padding:.5rem;font:inherit;transition:.1s cubic-bezier(0.56, 0.03, 0.35, 0.9) background-color}.form-submit>input:hover,.form-input>:hover:last-child{background-color:#d6d6d6;cursor:pointer}.form-input.isolated{position:absolute;top:-100%;opacity:0;pointer-events:none}.form-input>:first-child{flex-grow:1}@media screen and (min-width: 80rem){.form-input>:first-child{text-align:right}}.form-input>:last-child{flex-basis:60%;margin-top:.5rem}@media screen and (min-width: 80rem){.form-input>:last-child{margin-top:0;margin-left:1.5rem}}.radio-input{position:absolute;opacity:0}.radio-input+.form-input>label{position:relative;color:#212121}.radio-input+.form-input>label::before{content:"❱";display:inline-block;position:absolute;left:-2.5rem;top:50%;transform:translateY(-50%);opacity:.3}.radio-input:checked+.form-input>label{font-weight:600;color:#4d8b87;border-color:#4d8b87}[data-coderdojo] .radio-input:checked+.form-input>label{color:#f45520}.radio-input:checked+.form-input>label::before{opacity:1}.radio-input:disabled+.form-input>label{background-color:#d6d6d6}.radio-input:disabled+.form-input>label:hover{cursor:default}.form-checkbox{justify-content:flex-end}.form-checkbox:hover>div{background-color:#d6d6d6}.form-checkbox>input{opacity:0}.form-checkbox>input:checked+div::before{content:"✓";font-size:1.8rem;line-height:2rem}.form-checkbox>input:focus-visible+div{background-color:#e8d823}[data-coderdojo] .form-checkbox>input:focus-visible+div{background-color:#c4e823}.form-checkbox>div{width:2rem;height:2rem;text-align:center}.form-checkbox>span{flex-basis:calc(60% - 2.5rem);margin-left:.5rem}.form-submit{justify-content:flex-end}.form-submit>input{flex-basis:60%}.blanked-out-form{position:relative;padding:2.5rem 0;pointer-events:none}.blanked-out-form::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.6;background-image:repeating-linear-gradient(-45deg, transparent 0rem, transparent 2rem, #f9f9f9 2.2rem, #f9f9f9 2.4rem, #ffffa4 2.4rem, #ffffa4 2.8rem, #ffff00 3rem, #ffffa4 3.2rem, #ffffa4 3.6rem, #f9f9f9 3.6rem, #f9f9f9 3.8rem);mask-image:linear-gradient(transparent 0%, black 2.5rem, black calc(100% - 2.5rem), transparent 100%)}/*# sourceMappingURL=forms.css.map */
