.ethossence-form{max-width:900px;margin:0 auto;padding:2rem}.form-title{font-size:calc(var(--font-heading-scale) * 2rem);margin-bottom:2rem;text-align:center;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);line-height:calc(1 + .3 / var(--font-body-scale))}.form-dropdown{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease-in-out,opacity .3s ease-in-out;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:.8rem;margin:1rem 0}.form-dropdown--active{max-height:200vh;opacity:1}.form-dropdown__header{padding:1.5rem 2rem 1rem;display:flex;justify-content:space-between;align-items:center}.form-dropdown__content{opacity:0;transform:translateY(-10px);transition:opacity .3s ease-in-out .1s,transform .3s ease-in-out .1s}.form-dropdown--active .form-dropdown__content{opacity:1;transform:translateY(0)}.drawer{position:fixed;top:0;right:-100%;width:100%;max-width:500px;height:100vh;background:rgb(var(--color-background));z-index:1000;transition:right .3s ease-in-out;box-shadow:-2px 0 10px #0000001a;overflow-y:auto}.drawer--active{right:0}.drawer__header{padding:2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1);display:flex;justify-content:space-between;align-items:center}.drawer__heading{margin:0;font-size:2.4rem}.drawer__close,.dropdown__close{background:none;border:none;float:right;font-size:1.27rem;cursor:pointer;color:rgb(var(--color-foreground));padding:.5rem;line-height:1;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;margin:0 2.25rem 2.25rem 0;transition:opacity .2s,background-color .2s;min-height:calc(2.25rem + var(--buttons-border-width) * 2)}.drawer__close:hover,.dropdown__close:hover{opacity:.7;background-color:rgba(var(--color-foreground),.1);border-radius:.3rem}.drawer__inner{padding:2rem}.drawer__overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.drawer__overlay--active{opacity:1;visibility:visible}.drawer-open{overflow:hidden}#register-trigger.hidden{opacity:0;transform:scale(.95);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin:1.5rem 0;text-align:left}.field.checkbox-field{display:flex;align-items:flex-start;gap:1rem}.field.checkbox-field .field__label{flex-shrink:0;min-width:150px;margin-top:.5rem}.field.checkbox-field .checkbox-group{flex:1;margin-top:0}.checkbox-item{margin-bottom:.25rem}.field__legend{font-size:1.6rem;padding:1.5rem 4.5rem 0 1.5rem;font-weight:500}.field__legend.required:after{content:"*";color:#ef4444;margin-left:.25rem}.error-message{color:#ef4444;font-size:1.2rem;margin:.25rem 0 .25rem 1rem}.field-help{font-size:1.2rem;color:rgba(var(--color-foreground),.7);margin-top:.25rem}#fieldCountry .field__input{padding:1rem 1.5rem 1.5rem}#fieldCountry .field__input:focus,#fieldCountry .field__input:not(:placeholder-shown),#fieldCountry .field__input:-webkit-autofill,#fieldCountry .customer .field input:focus,#fieldCountry .customer .field input:not(:placeholder-shown),#fieldCountry .customer .field input:-webkit-autofill{padding:1rem 1.5rem 1.5rem}.loading-spinner{display:none;width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-message,.error-banner{display:none;padding:1rem;border-radius:var(--border-radius, .5rem);margin-top:1rem}.success-message{background-color:#10b981;color:#fff;text-align:center}.error-banner{background-color:#ef4444;color:#fff;text-align:left}.error-login-link{color:#fff;text-decoration:underline;font-weight:500}.error-login-link:hover{opacity:.8}.contact img{max-width:100%}.contact .form__message{align-items:flex-start}.contact .icon-success{margin-top:.2rem}.contact .field{margin-bottom:1.5rem}@media screen and (min-width:750px){.contact .field{margin-bottom:2rem}}.contact__button{margin-top:3rem}@media screen and (min-width:750px){.contact__button{margin-top:4rem}.contact__fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:2rem}}@media screen and (max-width:749px){.drawer{width:100%;max-width:none}.form-dropdown__header{padding:1rem 1.5rem}.form-dropdown__content{padding:1.5rem}.ethossence-form{margin:1rem;padding:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/ethossence-forms.css.map */