required-contact-fields .required-contact__content{display:grid;gap:1.5rem;color:rgb(var(--color-foreground))}required-contact-fields .required-contact__intro>*{margin:0}required-contact-fields .required-contact__heading{font-size:calc(var(--font-heading-scale) * 1.8rem);line-height:calc(1 + .3 / var(--font-body-scale))}required-contact-fields .required-contact__description{margin-top:.5rem}required-contact-fields .required-contact__fields{display:grid;gap:1.25rem}required-contact-fields .required-contact__field-group{display:grid;gap:.5rem}required-contact-fields .field__input[aria-invalid=true]{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-background)),0 0 0 .3rem rgba(var(--color-foreground),.55)}required-contact-fields .field__input:focus-visible,required-contact-fields .button:focus-visible,required-contact-dialog .button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}required-contact-fields .required-contact__hint,required-contact-fields .required-contact__error,required-contact-fields .required-contact__status{margin:0;font-size:1.3rem;line-height:calc(1 + .5 / var(--font-body-scale))}required-contact-fields .required-contact__hint{color:rgba(var(--color-foreground),.75)}required-contact-fields .required-contact__error{color:rgb(var(--color-foreground));font-weight:600}required-contact-fields .required-contact__status:not([hidden]){padding:.75rem 1rem;border:.1rem solid rgba(var(--color-foreground),var(--inputs-border-opacity));border-radius:var(--inputs-radius)}required-contact-fields .required-contact__save-area,required-contact-dialog .required-contact-dialog__actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}required-contact-fields .required-contact__save-area .button,required-contact-dialog .required-contact-dialog__actions .button{min-width:min(100%,16rem)}required-contact-fields .button[disabled],required-contact-fields .button[aria-busy=true],required-contact-dialog .button[disabled],required-contact-dialog .button[aria-busy=true]{cursor:wait;opacity:.6}required-contact-dialog{display:contents}required-contact-dialog .required-contact-dialog__native:not([open]){display:none}required-contact-dialog .required-contact-dialog__native{width:min(100% - 2rem,56rem);max-width:none;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);margin:auto;padding:0;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),var(--inputs-border-opacity));border-radius:var(--popup-corner-radius);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}required-contact-dialog .required-contact-dialog__native::backdrop{background:rgba(var(--color-foreground),.45)}required-contact-dialog .required-contact-dialog__panel,required-contact-dialog .required-contact-dialog__fallback-panel{max-height:inherit;overflow:auto;padding:clamp(1.5rem,4vw,3rem)}required-contact-dialog .required-contact-dialog__actions{padding:0 clamp(1.5rem,4vw,3rem) clamp(1.5rem,4vw,3rem)}required-contact-dialog .required-contact-dialog__fallback[hidden]{display:none}required-contact-dialog .required-contact-dialog__fallback:not([hidden]){position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:rgba(var(--color-foreground),.45)}required-contact-dialog .required-contact-dialog__fallback-panel{width:min(100%,56rem);max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),var(--inputs-border-opacity));border-radius:var(--popup-corner-radius);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}@media screen and (max-width:479px){required-contact-fields .required-contact__save-area .button,required-contact-dialog .required-contact-dialog__actions .button{width:100%}}@media(prefers-reduced-motion:reduce){required-contact-fields *,required-contact-dialog *{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/required-contact.css.map */