.application{width:100%;background-color:#fcfaf8}.application-module{--theme-accent: #f4a825;--theme-accent-medium: #fcdda3;--theme-accent-light: #f6e3c1;--brand-warning: #f4a825;--brand-med-warning: #fcdda3;--brand-light-warning: #f6e3c1;--brand-red: #ff0000;--brand-med-red: #ffcccc;--brand-light-red: #ffe5e5;--brand-green: #27b060;--brand-med-green: #d1e7da;--brand-light-green: #e4f5eb;--brand-light-grey: #e2e2e2;--brand-dark-grey: #c4c4c4;--brand-heading-family: century-old-style-std, serif;--infobox-background: #e2e2e2;--infobox-border: #c4c4c4;width:100%;max-width:1400px;margin-inline:auto;padding-block:40px;display:block}.application__navigation{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;margin-block-end:30px;padding-inline:20px}.navigation__steps{color:var(--brand-dark-grey);font-weight:600}.navigation__percentage{color:var(--theme-accent);font-weight:600}.navigation__progress{flex-grow:1;width:100%;height:6px;border-radius:10px;background-color:var(--brand-light-grey);overflow:hidden;position:relative;margin-block-end:10px}.progress__inner{display:block;height:100%;background-color:var(--theme-accent);width:0;border-radius:6px;transition:width .2s ease}.navigation__titles{flex-grow:1;width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px}.navigation__title{display:flex;align-items:center;gap:10px}.title__name{font-weight:600}.title__index{flex-shrink:0;line-height:1;border-radius:50%;background-color:var(--brand-green);width:30px;height:30px;font-weight:600;display:grid;place-items:center;color:var(--brand-green);position:relative;transition:background-color .2s ease,color .2s ease}.title__index:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:10px;display:block;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translate(-50%,-60%) rotate(45deg) scale(1);transition:transform .2s ease}[data-current]~.navigation__title .title__index:after,[data-current] .title__index:after{transform:translate(-50%,-60%) rotate(45deg) scale(0)}[data-current]~.navigation__title .title__index{color:var(--ttTextColor);background-color:var(--brand-light-grey)}[data-current] .title__index{color:var(--ttTextColor);background-color:var(--theme-accent)}[data-current]~.navigation__title .title__name{font-weight:400}.application-form{display:grid;align-items:start;position:relative}.application-form>*{grid-row:1;grid-column:1}.application__page{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transform:translate(-100%);transition:opacity .2s ease,visibility .2s ease,transform .2s ease,grid-template-rows .2s ease}.application__page--inner{overflow:hidden;padding-inline:20px}.application__page[data-current-page=true],.application-form:not(:has([data-current-page=true])) .application__page:first-of-type{grid-template-rows:1fr;opacity:1;visibility:visible;transform:translate(0)}.application__page[data-current-page=true]~.application__page,.application-form:not(:has([data-current-page=true])) .application__page:first-of-type~.application__page{transform:translate(100%)}.application__group{margin-block-end:40px}.application__group[data-conditional-id][aria-hidden=true]{display:none}.group__title{font-family:var(--brand-heading-family);font-weight:600;font-size:1.5rem;flex-grow:1;width:100%;display:block;margin-block-end:10px}.group__title:has(+.group__description){margin-block-end:5px}.group__description{color:var(--brand-dark-grey);font-weight:600;margin-block-end:20px}.group__fields{display:flex;flex-wrap:wrap;gap:20px}.group__fields>*{flex-basis:calc(50% - 10px)}.field__checkbox--container{display:flex;gap:10px;align-items:center}.application__field:has(.field__checkbox) label{margin:0}.application__field--select:has(.field__invalid) .field__buttons,.application__field--multiselect:has(.field__invalid) .field__buttons,.application__field--upload:has(.field__invalid) .field__buttons{border-color:var(--brand-red)}.application__field--full,.summary__group--full{flex-grow:1;flex-basis:100%;width:100%}.application__field--upload[data-valid=false] .field__uploadsuccess,.application__field--upload[data-valid=true] .field__buttons{display:none}.field__uploadsuccess{display:flex;align-items:center;gap:10px}.field__uploadsuccess span{font-size:1rem;color:var(--brand-green);font-weight:700}.field__uploadsuccess .checkmark{width:20px;height:20px;border-radius:50%;border:2px solid var(--brand-green);position:relative;flex-shrink:0}.field__uploadsuccess .checkmark:before{content:"";position:absolute;width:5px;height:8px;border-right:2px solid var(--brand-green);border-bottom:2px solid var(--brand-green);top:50%;left:50%;transform:translate(-50%,-60%) rotate(45deg)}.field__errormessages{display:none;width:100%}.field__errormessage{color:var(--brand-red);padding:5px 15px;border:1px solid var(--brand-red);width:max-content;display:block;border-radius:10px;background-color:#ffecec;margin-block-start:10px}.application__field:has(.field__invalid) .field__errormessages{display:block}.field__label{margin-block-end:5px;display:inline-block;-webkit-user-select:none;user-select:none}span.field__label{display:block;-webkit-user-select:none;user-select:none;width:100%;font-weight:600}[data-required=true]>.field__label:after,[data-required=true]:not(.application__field--select):not(.application__field--multiselect) .field__buttons .field__label:after{content:" *"}input.field__input,select.field__select{border-radius:10px;margin:0;border-color:var(--brand-light-grey);padding:10px 15px;background-color:#fff}select.field__select:has(+.field__buttons){display:none}input:placeholder{color:var(--brand-dark-grey)}.field__buttons{align-items:center;padding:1px;display:inline-flex;flex-wrap:wrap;gap:10px;border:1px solid transparent;border-radius:10px}input.field__checkbox[type=checkbox],input.field__checkbox[type=radio]{width:30px;height:30px;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:10px;border:1px solid var(--brand-light-grey);background-color:#fff;flex-shrink:0;padding:0;transition:background-color .2s ease;position:relative;display:grid;place-items:center}input.field__checkbox[type=checkbox]:checked,input.field__checkbox[type=radio]:checked{background-color:var(--theme-accent);animation:shortpulse .2s ease}input.field__checkbox[type=checkbox]:before{content:"";width:8px;height:12px;border-right:3px solid var(--ttTextColor);border-bottom:3px solid var(--ttTextColor);transform:rotate(45deg) translate(-1px,-1px) scale(0)}input.field__checkbox[type=checkbox]:checked:before{transform:rotate(45deg) translate(-1px,-1px) scale(1)}input.field__invalid,input.field__invalid.field__checkbox[type=checkbox],input.field__invalid.field__checkbox[type=radio],select.field__invalid{border-color:var(--brand-red)}@keyframes shortpulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shortpushright{0%{transform:translate(0) rotate(-45deg)}50%{transform:translate(4px) rotate(-45deg)}to{transform:translate(0) rotate(-45deg)}}@keyframes shortpushleft{0%{transform:translate(0) rotate(135deg)}50%{transform:translate(-4px) rotate(135deg)}to{transform:translate(0) rotate(135deg)}}select.field__multiselect{display:none}.field__checkbox--container{border:1px solid var(--brand-light-grey);background-color:#fff;border-radius:10px;flex-shrink:0;gap:0;padding-inline-start:12px}.field__checkbox--container label{padding:10px 15px 10px 10px}.field__checkbox--container:has(input.field__checkbox:checked){border-color:var(--theme-accent)}.field__checkbox--container input.field__checkbox{border-color:var(--theme-accent);background-color:#fff;border-radius:50%;width:20px;height:20px}.field__checkbox--container input.field__checkbox:checked{background-color:#fff}.field__checkbox--container input.field__checkbox[type=checkbox]:before,.field__checkbox--container input.field__checkbox[type=radio]:before{content:"";width:12px;height:12px;background-color:var(--theme-accent);border:none;border-radius:50%;transform:scale(0)}.field__checkbox--container input.field__checkbox:checked:before{transform:scale(1)}.field__info{margin-block-start:10px}.field__info--small{font-size:.75rem}.page__buttons{display:flex;align-items:center;justify-content:space-between;padding-block-end:5px}.page__button{-webkit-appearance:none;appearance:none;border:1px solid var(--button-border);background-color:var(--button-background);color:var(--button-text);padding:10px 20px;font-weight:600;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;transition:box-shadow .1s ease}.page__button[data-next],.page__button[data-submit]{--button-background: var(--theme-accent);--button-border: var(--theme-accent);--button-text: var(--ttTextColor)}.page__button[data-prev]{--button-background: transparent;--button-border: var(--brand-dark-grey);--button-text: var(--brand-dark-grey)}.page__button[data-disabled]{--button-background: var(--brand-dark-grey);--button-border: var(--brand-dark-grey);--button-text: var(--ttTextColor)}.page__button[data-next]:hover,.page__button[data-submit]:hover{box-shadow:0 0 0 3px var(--theme-accent-light)}.page__button[data-prev]:hover{box-shadow:0 0 0 3px var(--brand-light-grey)}.arrow__icon{position:relative;pointer-events:none;width:8px;height:8px;border-right:2px solid var(--button-text);border-bottom:2px solid var(--button-text);flex-shrink:0;display:block;transform:rotate(-45deg)}.arrow__icon:before{content:"";position:absolute;width:10px;height:2px;top:50%;left:50%;background-color:var(--button-text);transform:translate(-50%,-50%) rotate(45deg)}.page__button[data-prev] .arrow__icon{transform:rotate(135deg)}.page__button[data-next]:hover .arrow__icon{animation:shortpushright .2s ease}.page__button[data-prev]:hover .arrow__icon{animation:shortpushleft .2s ease}.submit__icon{width:18px;height:18px;pointer-events:none;display:grid;place-items:center;position:relative;border:2px solid var(--button-text);border-radius:50%;flex-shrink:0}.submit__icon:before{content:"";width:5px;height:8px;display:block;border-right:2px solid var(--button-text);border-bottom:2px solid var(--button-text);transform:translate(-1px,-1px) rotate(45deg)}[data-page="0"] .page__button[data-prev]{display:none}[data-page="0"] .page__button[data-next]{margin-inline-start:auto}[data-page]:last-child .page__button[data-next],.page__button[data-submit]{display:none}[data-page]:last-child .page__button[data-submit]{display:flex}.summary__group{border-radius:10px;background-color:#fff;padding:20px 25px;border:1px solid var(--brand-light-grey)}.summary__group .group__title{font-size:1.25rem}.summary__field{display:grid;grid-template-columns:200px minmax(0,2fr);padding-block:10px;gap:10px;border-bottom:1px solid var(--brand-light-grey)}.summary__field:last-child{border:none}.application__infobox{padding:15px;border-radius:10px;border:1px solid var(--infobox-border);background-color:var(--infobox-background);display:flex;gap:10px;margin-block-end:20px}.box-style__info{--infobox-accent: var(--brand-green);--infobox-border: var(--brand-med-green);--infobox-background: var(--brand-light-green)}.box-style__warn{--infobox-accent: var(--brand-warning);--infobox-border: var(--brand-med-warning);--infobox-background: var(--brand-light-warning)}.box-style__critical{--infobox-accent: var(--brand-red);--infobox-border: var(--brand-med-red);--infobox-background: var(--brand-light-red)}.infobox__icon{flex-shrink:0;width:20px;height:20px;border:2px solid var(--infobox-accent);border-radius:50%;position:relative}.infobox__icon:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:8px;display:block;border-right:2px solid var(--infobox-accent);border-bottom:2px solid var(--infobox-accent);transform:translate(-50%,-60%) rotate(45deg)}.infobox__content{flex-grow:1}h4.infobox__title{font-size:1rem;font-weight:600;color:var(--ttTextColor);margin:0}p.infobox__copy{font-size:.875rem;color:var(--ttTextColor);opacity:.7;margin:0}@media screen and (max-width:767px){.title__name{display:none}.group__title{font-size:1.125rem}.group__fields>*{flex-basis:100%}input.field__input,select.field__select{font-size:.875rem}.summary__group{padding:15px}.summary__field{grid-template-columns:100%}.summary__field-label{font-weight:600}}
/*# sourceMappingURL=/cdn/shop/t/415/assets/application-form.css.map */