﻿.form-choices{margin-left:auto;margin-right:auto;max-width:50rem}.form-input,.form-checkbox,.form-submit{margin:var(--gap-m)}@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:var(--gap-2xl);margin-bottom:var(--gap-2xl);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% - var(--gap-l)/2)}.form-choices>li:not(:last-child)::after{content:"";display:block;margin:var(--gap-l) auto;width:15rem;height:1px;background-color:#d6d6d6}.form-choices.narrow{margin-top:var(--gap-l);margin-bottom:var(--gap-l)}.form-choices.narrow>li::after{display:none}.form-choices>li>a{padding:var(--gap-s) var(--gap-m);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:var(--gap-s);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:var(--weight-emph);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:var(--gap-s);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:var(--gap-s)}@media screen and (min-width: 80rem){.form-input>:last-child{margin-top:0;margin-left:var(--gap-m)}}.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:calc(-1*var(--gap-l));top:50%;transform:translateY(-50%);opacity:.3}.radio-input:checked+.form-input>label{font-weight:var(--weight-emph);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% - 2remvar(--gap-s));margin-left:var(--gap-s)}.form-submit{justify-content:flex-end}.form-submit>input{flex-basis:60%}.blanked-out-form{position:relative;padding:var(--gap-l) 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 var(--gap-l), black calc(100% - var(--gap-l)), transparent 100%)}/*# sourceMappingURL=forms.css.map */
