epicply-contact-form{display:block;width:100%}.epicply-contact__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-lg)}.epicply-contact__field{display:flex;flex-direction:column;gap:var(--gap-xs);min-width:0}.epicply-contact__full{grid-column:1 / -1}epicply-contact-form :is(input:not([type=checkbox],[type=radio],[type=hidden]),select,textarea){width:100%;min-width:0;min-height:44px;font:inherit;font-size:max(16px,1em);color:var(--color-input-text);background:var(--color-input-background);border:var(--style-border-width-inputs) solid var(--color-input-border);border-radius:var(--style-border-radius-inputs);padding:var(--padding-md)}epicply-contact-form textarea{resize:vertical}epicply-contact-form input[type=color]{-webkit-appearance:auto;appearance:auto;height:48px;padding:4px;cursor:pointer}epicply-contact-form fieldset{min-width:0;margin:0;padding:var(--padding-md);border:1px solid var(--color-input-border);border-radius:var(--style-border-radius-inputs)}epicply-contact-form legend{font-weight:600;padding-inline:var(--padding-xs)}epicply-contact-form [hidden]{display:none!important}.epicply-contact__honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.epicply-contact__consent{display:flex;align-items:flex-start;gap:var(--gap-sm);cursor:pointer}epicply-contact-form :is(input[type=checkbox],input[type=radio]){-webkit-appearance:auto;appearance:auto;flex:0 0 auto;width:20px;height:20px;margin:2px 0;accent-color:var(--color-foreground)}.epicply-contact__error{color:var(--color-error, #b42318);font-size:.875em}.epicply-contact__error:empty,.epicply-contact__status:empty{display:none}epicply-contact-form [aria-invalid=true]{outline:2px solid var(--color-error, #b42318);outline-offset:2px}.epicply-contact__swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:var(--gap-sm)}.epicply-contact__swatch{display:flex;align-items:center;gap:var(--gap-xs);padding:var(--padding-sm);border:1px solid var(--color-input-border);border-radius:var(--style-border-radius-inputs);min-height:52px;cursor:pointer}.epicply-contact__swatch:has(:checked){outline:2px solid var(--color-foreground);outline-offset:1px}.epicply-contact__swatch:focus-within{outline:2px solid var(--color-foreground);outline-offset:3px}.epicply-contact__chip{background:var(--swatch-color);border:1px solid var(--color-input-border);width:28px;height:28px;border-radius:50%;flex:0 0 auto}.epicply-contact__swatch small{display:block}.epicply-contact__custom-color{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:var(--gap-sm);margin-block:var(--margin-md)!important}.epicply-contact__custom-color .epicply-contact__error{grid-column:1 / -1}.epicply-contact__dialog{color:var(--color-foreground);background:var(--color-background);padding:var(--padding-xl);width:min(760px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain}.epicply-contact__header{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-md);position:sticky;top:calc(-1 * var(--padding-xl));background:var(--color-background);padding-block:var(--padding-md);z-index:1}.epicply-contact__header h2{margin:0}.epicply-contact__close{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;background:#b42318;color:#fff;border-radius:var(--style-border-radius-buttons-primary, 6px)}.epicply-contact__close:hover{background:#8f1c13;color:#fff}.epicply-contact__close:focus-visible{outline-color:#b42318;outline-offset:3px}.epicply-contact__details{display:grid;gap:var(--gap-md)}.epicply-contact__close svg{width:20px;height:20px}.epicply-contact__trigger{width:var(--contact-button-width);max-width:100%;font-size:var(--contact-button-font-size);border-radius:var(--contact-button-radius)}.epicply-contact-section{max-width:var(--contact-width, 760px);margin-inline:auto;padding:var(--padding-xl);text-align:var(--contact-align, left)}.epicply-contact-section epicply-contact-form{text-align:start}@media(min-width:750px){.epicply-contact__grid,.epicply-contact__details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.epicply-contact__dialog{width:100dvw;height:100dvh;max-width:100%;max-height:100%;margin:0;border-radius:0}.epicply-contact__header{top:calc(-1*max(var(--padding-md),var(--safe-area-inset-top, 0px)))}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/epicply-contact-form.css.map */
