.contact{--contact-surface: var(--color-brand-surface);--contact-heading: var(--color-brand-text);--contact-info-heading: var(--color-brand-secondary);--contact-muted: var(--color-brand-muted);--contact-divider: var(--color-brand-border);--contact-divider-opacity: 45%;--contact-badge-background: var(--color-brand-background);--contact-badge-text: var(--color-brand-secondary);--contact-badge-dot: var(--color-brand-secondary);--contact-card-background: var(--color-brand-background);--contact-icon-background: var(--color-brand-surface);--contact-value-color: var(--color-brand-text);--contact-form-background: var(--color-brand-background);--contact-input-background: var(--color-brand-surface);--contact-input-border: var(--color-brand-text);--contact-input-border-opacity: 8%;--contact-placeholder: var(--color-brand-border);--contact-button-background: var(--color-brand-primary);--contact-button-text: var(--color-brand-surface);position:relative;background:var(--contact-surface)}.contact__decoration{position:absolute;z-index:0;top:-395px;left:-321px;width:932px;height:932px;pointer-events:none}.contact__decoration img{display:block;width:100%;height:100%;object-fit:contain}.contact__hero,.contact__main{position:relative;z-index:1}.contact__hero:after,.contact__main:after{content:"";position:absolute;background:#c7c7c7;height:1px;width:calc(100% - 40px);bottom:0;left:0;right:0;margin:auto}.contact__hero-heading{width:min(100%,758px);margin-inline:auto}.contact__hero-heading .tcp-section-heading__title-group,.contact__hero-heading .tcp-section-heading{width:100%}.contact__hero-heading .tcp-section-badge,.contact__info .tcp-section-badge{--tcp-section-badge-background: var(--contact-badge-background);--tcp-section-badge-text: var(--contact-badge-text);--tcp-section-badge-dot: var(--contact-badge-dot)}.contact__hero-heading .tcp-section-badge__dot,.contact__info .tcp-section-badge__dot{width:6px;height:6px;flex-basis:6px}.contact__hero-heading .tcp-section-heading__title{color:var(--contact-heading)}.contact__hero-heading .tcp-section-heading__description,.contact__info .tcp-section-heading__description{color:var(--contact-muted)}.contact__hero-heading .tcp-section-heading__description.rte p:last-child,.contact__info .tcp-section-heading__description.rte p:last-child{margin-bottom:0}.contact__layout{display:grid;grid-template-columns:386px minmax(0,1fr);gap:48px;align-items:start}.contact__info{display:flex;min-width:0;flex-direction:column;gap:24px}.contact__info .tcp-section-heading__title{color:var(--contact-info-heading)}.contact__details{display:flex;flex-direction:column;gap:16px}.contact__detail{display:flex;min-width:0;min-height:76px;align-items:center;gap:16px;padding:16px;border-radius:16px;background:var(--contact-card-background)}.contact__detail-icon{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:12px;background:var(--contact-icon-background)}.contact__detail-icon img{display:block;width:20px;height:20px;object-fit:contain}.contact__detail-copy{display:flex;min-width:0;flex-direction:column;gap:6px}.contact__detail-label{color:var(--contact-muted);text-transform:uppercase}.contact__detail-value{display:block;color:var(--contact-value-color);overflow-wrap:anywhere}a.contact__detail-value:focus-visible{outline:2px solid var(--contact-button-background);outline-offset:3px}.contact__detail:nth-of-type(2) a.contact__detail-value{white-space:nowrap}.contact__form-shell{min-width:0;padding:48px;border-radius:16px;background:var(--contact-form-background)}.contact__form{display:flex;flex-direction:column;gap:24px}.contact .form__message{align-items:flex-start}.contact .icon-success{margin-top:2px}.contact__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact__field-group{display:flex;min-width:0;flex-direction:column;gap:8px}.contact .contact__field-label{position:static;display:block;width:auto;height:auto;margin:0;transform:none;color:var(--contact-muted)}.contact .field{min-width:0;margin:0}.contact .field:before,.contact .field:after{display:none}.contact .contact__field-input{width:100%;height:48px;min-height:48px;padding:13px 20px;border:1px solid color-mix(in srgb,var(--contact-input-border) var(--contact-input-border-opacity),transparent);border-radius:12px;background:var(--contact-input-background);box-shadow:none;color:var(--contact-value-color)}.contact .contact__field-input::placeholder{opacity:1;color:var(--contact-placeholder)}.contact .contact__field-input:hover{border-color:color-mix(in srgb,var(--contact-input-border) 20%,transparent)}.contact .contact__field-input:focus-visible{border-color:var(--contact-button-background);outline:2px solid color-mix(in srgb,var(--contact-button-background) 28%,transparent);outline-offset:2px;box-shadow:none}.contact .contact__field-group--message .field,.contact .contact__field-group--message .contact__field-input{min-height:106px;max-height:250px}.contact .contact__field-group--message .contact__field-input{height:106px;resize:vertical}.contact__field-error{color:var(--contact-value-color)}.contact__button{margin:0}.contact__button .primary-button1{min-width:178px;border-color:var(--contact-button-background);background:var(--contact-button-background);color:var(--contact-button-text)}@media(hover:hover){.contact__button .primary-button1:hover{background:var(--color-brand-secondary);color:var(--contact-button-text)}}@media screen and (max-width:1199.98px){.contact__layout{grid-template-columns:34% minmax(0,1fr);gap:40px}.contact__form-shell{padding:40px}}@media screen and (max-width:991.98px){.contact:before,.contact:after{display:none}.contact__layout{grid-template-columns:minmax(0,1fr);gap:48px}.contact__info .tcp-section-heading{max-width:420px}.contact__details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.contact__detail{align-items:flex-start}}@media screen and (max-width:767.98px){.contact__decoration{top:-210px;left:-260px}.contact__layout{gap:40px}.contact__details{grid-template-columns:minmax(0,1fr)}.contact__form-shell{padding:24px;border-radius:12px}.contact__fields{grid-template-columns:minmax(0,1fr);gap:20px}.contact__form{gap:20px}.contact__button .primary-button1{width:100%}.contact__decoration{width:450px;height:550px}}@media screen and (max-width:375.98px){.contact__form-shell{padding:20px}.contact .contact__field-input{padding-inline:16px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-contact-form.css.map */