.contact-page{--contact-page-width: 48rem;display:block;padding-block:var(--contact-padding-top) var(--contact-padding-bottom);background:var(--color-background-gradient);color:var(--color-text)}.contact-page--width-narrow{--contact-page-width: 48rem}.contact-page--width-standard{--contact-page-width: 64rem}.contact-page--width-wide{--contact-page-width: 80rem}.contact-page__inner{width:min(100% - 2rem,var(--contact-page-width));margin-inline:auto}.contact-page__header{margin-block-end:clamp(1.5rem,3vw,2.5rem)}.contact-page__heading{margin:0}.contact-page__intro,.contact-page__page-content{margin-block-start:1rem}.contact-page__form-shell{padding:clamp(1.25rem,3vw,2rem);border:1px solid color-mix(in srgb,var(--color-border),transparent 35%);border-radius:18px;background:color-mix(in srgb,var(--color-background),var(--color-text) 3%)}.contact-page__form{display:grid;gap:1.25rem}.contact-page__required-note{margin:0;font-size:.9rem;opacity:.8}.contact-page__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.contact-page__field{display:grid;gap:.45rem}.contact-page__field--full{grid-column:1 / -1}.contact-page__label{font-weight:700}.contact-page__input,.contact-page__select,.contact-page__textarea{width:100%;min-height:3rem;padding:.75rem .9rem;border:1px solid color-mix(in srgb,var(--color-border),transparent 25%);border-radius:10px;background:var(--color-background);color:var(--color-text);font:inherit}.contact-page__textarea{min-height:11rem;resize:vertical}.contact-page__input:focus,.contact-page__select:focus,.contact-page__textarea:focus{outline:2px solid var(--color-accent);outline-offset:2px}.contact-page__field-error{color:var(--color-accent);font-weight:700}.contact-page__status{padding:1rem;border-radius:12px;font-weight:700}.contact-page__status--success{border:1px solid color-mix(in srgb,var(--color-accent),transparent 35%);background:color-mix(in srgb,var(--color-accent),transparent 88%)}.contact-page__status--error{border:1px solid color-mix(in srgb,var(--color-accent),transparent 20%);background:color-mix(in srgb,var(--color-accent),transparent 90%)}.contact-page__status-heading{margin-block:0 .5rem}.contact-page__status ul{margin-block:0}.contact-page__submit{justify-self:start}@media screen and (max-width:749px){.contact-page__fields{grid-template-columns:1fr}.contact-page__submit{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/css-contact-form.css.map */