.wb-contact{--wb-contact-shadow: #018ba9;position:relative;isolation:isolate;padding-block-start:3.4rem;padding-block-end:var(--wb-contact-padding-bottom-mobile, 2.8rem);padding-inline:var(--wb-gutter-mobile, 1.6rem);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.wb-contact--overlap{margin-block-start:calc(-1 * var(--header-height, 7.2rem));padding-block-start:calc(var(--header-height, 7.2rem) + 3.4rem)}.wb-contact__decor{position:absolute;inset-block-start:0;inset-inline:0;z-index:-1;inset-block-end:calc(var(--wb-contact-padding-bottom-mobile, 3.2rem) + var(--wb-contact-overflow-mobile, 32rem));overflow:hidden;border-end-start-radius:2.4rem;border-end-end-radius:2.4rem;background-color:#00d2ff14;pointer-events:none}.wb-contact__wash{position:absolute}.wb-contact__wash img{display:block;width:100%;height:auto;max-width:none}.wb-contact__wash--blue{inset-inline-start:-116.933vw;inset-block-start:-18.533vw;width:176.267vw}.wb-contact__wash--yellow{inset-inline-start:-26vw;inset-block-start:-18.267vw;width:176.267vw}.wb-contact__wash--green{inset-inline-start:55.467vw;inset-block-start:-27.733vw;width:170.933vw}.wb-contact__card{display:flex;flex-direction:column;width:100%;max-width:128rem;margin-inline:auto;padding:1.6rem;border-radius:4rem;background-color:#fff;box-shadow:0 0 6rem 3rem #00000008;color:var(--wb-ink)}.wb-contact__details{position:relative;display:flex;flex-direction:column;gap:2.4rem;padding:2.4rem;border-radius:4rem;background-color:var(--wb-ink);color:#fff}.wb-contact__details-text{display:flex;flex-direction:column;gap:2.4rem}.wb-contact__heading,.wb-contact__form-heading{margin:0;font-family:var(--wb-font-display);font-size:3.2rem;font-weight:var(--wb-weight-heading, 500);letter-spacing:-.02em;line-height:5.6rem}.wb-contact__heading{color:#fff}.wb-contact__list{display:flex;flex-direction:column;gap:2rem;margin:0;padding:0;list-style:none}.wb-contact__row{display:flex;align-items:center;gap:1.2rem;margin:0}.wb-contact__icon{flex:0 0 auto;display:flex;width:2rem;height:2rem}.wb-contact__icon svg{display:block;width:100%;height:100%}.wb-contact__text{min-width:0;font-family:var(--wb-font-ui);font-size:1.4rem;font-weight:400;letter-spacing:.4px;line-height:2rem;overflow-wrap:anywhere}.wb-contact__link{color:inherit;text-decoration:none}.wb-contact__link:hover,.wb-contact__link:focus-visible{text-decoration:underline;text-underline-offset:.3rem}.wb-contact__link:focus-visible{outline:.2rem solid #fff;outline-offset:.3rem;border-radius:.2rem}.wb-contact__decoration{position:relative;flex:0 0 auto;height:12rem;margin-block-start:auto}.wb-contact__logo{display:block;width:12rem;height:12rem;border-radius:50%;object-fit:cover}.wb-contact__marble{position:absolute;height:auto;max-width:none}.wb-contact__marble--yellow{width:4.4rem;inset-inline-start:calc(15.2rem - .3rem);inset-block-start:calc(.7rem - .3rem)}.wb-contact__marble--red{width:6.2rem;inset-inline-end:calc(1.4rem - .3rem);inset-block-start:4.4rem}.wb-contact__panel{display:flex;flex-direction:column;gap:2rem;padding:1.6rem;border-radius:4rem;background-color:#fff}.wb-contact__intro{display:flex;flex-direction:column;gap:.8rem}.wb-contact__form-heading{color:var(--wb-ink);line-height:4.3rem}.wb-contact__intro-body{max-width:51.2rem;font-family:var(--wb-font-ui);font-size:1.4rem;letter-spacing:.4px;line-height:2rem}.wb-contact__intro-body p{margin:0}.wb-contact__form{display:flex;flex-direction:column;gap:2rem}.wb-contact__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}.wb-contact__field{display:flex;flex-direction:column;min-width:0}.wb-contact__label{margin-block-end:.95rem;font-family:var(--wb-font-display);font-size:1.6rem;font-weight:var(--wb-weight-body, 500);letter-spacing:0;line-height:2.15rem;color:var(--wb-ink)}.wb-contact__input{display:block;width:100%;height:4.4rem;margin:0;padding:0 2.4rem;border:.2rem solid var(--wb-brand-cyan);border-radius:var(--wb-radius-pill, 999px);background-color:transparent;box-shadow:none;font-family:var(--wb-font-ui);font-size:1.4rem;font-weight:500;line-height:2rem;color:var(--wb-ink);-webkit-appearance:none;appearance:none}.wb-contact__input::placeholder{color:#8d8d8d;opacity:1}.wb-contact__input:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.wb-contact__input[aria-invalid=true]{border-color:var(--wb-accent-pink)}.wb-contact__input--area{height:auto;min-height:10.8rem;padding:2.4rem 2.4rem 1.6rem;border-radius:var(--wb-radius-md, 2.4rem);resize:vertical}.wb-contact__error{margin-block-start:.6rem;padding-inline:2.4rem;font-family:var(--wb-font-ui);font-size:1.4rem;line-height:2rem;color:var(--wb-accent-pink)}.wb-contact__status{margin:0}.wb-contact__submit{--wb-btn-fill: var(--wb-brand-cyan);--wb-btn-label: #fff;--wb-btn-shadow: .4rem .4rem 0 var(--wb-contact-shadow);--wb-btn-shadow-hover: .2rem .2rem 0 var(--wb-contact-shadow)}@media screen and (min-width:750px){.wb-contact{padding-block-start:4.4rem;padding-block-end:var(--wb-contact-padding-bottom, 3.6rem);padding-inline:3.2rem}.wb-contact--overlap{padding-block-start:calc(var(--header-height, 12.1rem) + 4.4rem)}.wb-contact__decor{inset-block-end:calc(var(--wb-contact-padding-bottom, 3.6rem) + var(--wb-contact-overflow, 20.8rem));border-end-start-radius:4rem;border-end-end-radius:4rem}.wb-contact__wash--blue{inset-inline-start:-35.451vw;inset-block-start:10.243vw;width:69.861vw}.wb-contact__wash--yellow{inset-inline-start:65.764vw;inset-block-start:-33.958vw;width:69.861vw}.wb-contact__wash--green{inset-inline-start:47.153vw;inset-block-start:13.472vw;width:66.667vw}.wb-contact__details{padding:4rem}.wb-contact__heading,.wb-contact__form-heading{font-size:4.8rem}.wb-contact__text{font-size:1.6rem;letter-spacing:.6px;line-height:2.4rem}.wb-contact__panel{padding:4rem}.wb-contact__intro{gap:2rem}.wb-contact__form-heading{line-height:5.6rem}.wb-contact__intro-body{font-size:1.6rem;letter-spacing:.6px;line-height:2.4rem}.wb-contact__label{margin-block-end:1.3rem;font-size:1.8rem;line-height:1.8rem}.wb-contact__input{height:5.6rem}}@media screen and (min-width:990px){.wb-contact__card{flex-direction:row}.wb-contact__details{flex:491 1 0}.wb-contact__panel{flex:757 1 0}.wb-contact__marble--yellow{inset-inline-start:calc(60.1% - .3rem);inset-block-start:calc(-1.6rem - .3rem)}.wb-contact__marble--red{inset-inline-end:-.3rem;inset-block-start:5.7rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/wb-component-contact.css.map */