.contact-form{position:relative;display:block;padding:36px;border-radius:24px;background:var(--color-cream);--field-border: var(--color-line-strong)}.contact-form--sage{background:var(--color-sage);--field-border: var(--color-line-sage)}.contact-form__body{display:flex;flex-direction:column;gap:18px}.contact-form__body--grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.contact-form__full{grid-column:1 / -1}.contact-form__note{margin-bottom:6px;font-size:.9375rem;line-height:1.5}.contact-form__banner{margin-bottom:4px;padding:12px 16px;border-radius:14px;background:#fff}.contact-form__field{position:relative}.contact-form__input{display:block;width:100%;height:60px;padding:22px 18px 6px;border:1.5px solid var(--field-border);border-radius:14px;background:#fff;font-size:.9375rem;outline:0;-webkit-appearance:none;appearance:none;transition:border-color .25s,box-shadow .25s}.contact-form--sage .contact-form__input{height:56px}textarea.contact-form__input{height:132px;min-height:110px;padding-top:28px;line-height:1.5;resize:vertical}.contact-form__label{position:absolute;left:19px;top:19px;font-size:.9375rem;color:var(--color-grey);pointer-events:none;transform-origin:left top;transition:transform .25s var(--ease-out),color .25s,top .25s var(--ease-out)}.contact-form--sage .contact-form__label{top:17px}.contact-form__label i{font-style:normal;color:var(--color-olive)}.contact-form__input:focus{border-color:var(--color-ink);box-shadow:0 0 0 4px rgba(var(--color-ink-rgb),.08)}.contact-form__input:hover:not(:focus){border-color:var(--color-line-hover)}.contact-form__input:focus+.contact-form__label,.contact-form__input:not(:placeholder-shown)+.contact-form__label{top:9px;transform:scale(.74);font-weight:600;letter-spacing:.04em;color:var(--color-olive)}.contact-form__field.is-invalid .contact-form__input{border-color:var(--color-error)}.contact-form__field.is-invalid .contact-form__input:focus{box-shadow:0 0 0 4px #a3322a1f}.contact-form__field.is-valid input.contact-form__input{padding-right:40px;background-repeat:no-repeat;background-position:right 16px center;background-size:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233E8E4A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E")}.contact-form__error{font-size:.8125rem;line-height:1.4;color:var(--color-error)}.contact-form__error:empty{display:none}.contact-form__error:not(:empty){display:flex;align-items:flex-start;gap:6px;margin-top:6px;padding-left:4px;animation:fade-up .3s var(--ease-out)}.contact-form__error:not(:empty):before{content:"!";width:15px;height:15px;margin-top:1px;flex:none;border-radius:50%;background:var(--color-error);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700}.contact-form.is-shaking{animation:contact-form-shake .4s var(--ease)}@keyframes contact-form-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.contact-form__field--select .icon{position:absolute;right:18px;top:20px;width:16px;height:16px;pointer-events:none}select.contact-form__input{padding:22px 44px 6px 18px;cursor:pointer}select.contact-form__input.is-empty{padding-top:0;padding-bottom:0;color:var(--color-grey)}select.contact-form__input+.contact-form__label{top:9px;transform:scale(.74);font-weight:600;letter-spacing:.04em;color:var(--color-olive)}select.contact-form__input.is-empty+.contact-form__label{opacity:0}.contact-form__topics{min-width:0;border:0}.contact-form__legend{margin-bottom:10px;padding:0;font-size:.875rem;font-weight:600}.contact-form__chips{display:flex;flex-wrap:wrap;gap:8px}.contact-form__chip{position:relative;cursor:pointer}.contact-form__chip input{position:absolute;width:1px;height:1px;opacity:0}.contact-form__chip span{height:40px;padding:0 16px;border:1.5px solid var(--color-line-strong);border-radius:999px;background:#fff;display:flex;align-items:center;font-size:.8125rem;font-weight:600;transition:background .25s,border-color .25s,color .25s,transform .2s}.contact-form__chip:hover span{border-color:var(--color-ink)}.contact-form__chip input:checked+span{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.contact-form__chip input:focus-visible+span{outline:2px solid var(--color-ink);outline-offset:3px}.contact-form__chip:active span{transform:scale(.95)}.contact-form__hint{margin-top:12px;font-size:.8125rem;color:var(--color-grey);animation:fade-up .35s var(--ease-out)}.contact-form__hint a{color:var(--color-ink);font-weight:600}.multi-select{position:relative;display:block}.multi-select__button{width:100%;height:56px;padding:0 18px;display:flex;align-items:center;gap:10px;text-align:left;border:1.5px solid var(--field-border);border-radius:14px;background:#fff;transition:border-color .25s,box-shadow .25s}.multi-select__button:hover{border-color:var(--color-line-hover)}.multi-select__button[aria-expanded=true]{border-color:var(--color-ink);box-shadow:0 0 0 4px rgba(var(--color-ink-rgb),.08)}.multi-select__button .icon{width:16px;height:16px;margin-left:auto;transition:transform .3s var(--ease)}.multi-select__button[aria-expanded=true] .icon{transform:rotate(180deg)}.multi-select__label{font-size:.9375rem;color:var(--color-grey);white-space:nowrap}.multi-select__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem}.multi-select.has-value .multi-select__button{position:relative;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding-right:44px}.multi-select.has-value .multi-select__label{font-size:.6875rem;font-weight:600;letter-spacing:.04em;line-height:1.2;color:var(--color-olive)}.multi-select.has-value .multi-select__value{max-width:100%;line-height:1.4}.multi-select.has-value .multi-select__button .icon{position:absolute;right:18px;top:20px}.multi-select__list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;padding:8px;display:flex;flex-direction:column;border-radius:16px;background:#fff;box-shadow:var(--shadow-lg);animation:fade-up .25s var(--ease-out)}.multi-select__option{min-height:42px;padding:0 10px;display:flex;align-items:center;gap:12px;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.multi-select__option:hover{background:var(--color-surface-hover)}.multi-select__option input{width:18px;height:18px;flex:none;accent-color:var(--color-ink)}.contact-form__send{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px}.contact-form__send p{max-width:220px;font-size:.8125rem;line-height:1.45;color:var(--color-grey)}.contact-form__done{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 4px;outline:0;animation:fade-up .5s var(--ease-out)}.contact-form__tick{width:56px;height:56px;border-radius:50%;background:var(--color-ink);color:#fff;display:flex;align-items:center;justify-content:center;animation:contact-form-pop .6s var(--ease-out)}.contact-form__tick .icon{width:26px;height:26px;stroke-width:3;stroke-dasharray:24;stroke-dashoffset:24;animation:contact-form-draw .5s .25s var(--ease-out) forwards}.contact-form__done-title{margin-top:6px;font-size:1.625rem;line-height:1.2}.contact-form__done p{color:var(--color-grey);overflow-wrap:anywhere}@keyframes contact-form-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}@keyframes contact-form-draw{to{stroke-dashoffset:0}}@media(max-width:768px){.contact-form{padding:24px 18px;border-radius:20px}}@media(max-width:560px){.contact-form__body--grid{grid-template-columns:1fr}.contact-form__send{flex-direction:column;align-items:stretch}.contact-form__send .button{width:100%}.contact-form__send p{max-width:none;text-align:center}.contact-form__done-title{font-size:1.375rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-contact-form.css.map */