.sexyhair-freeform-input-container{display:flex;flex-direction:column;position:relative;width:100%}@media screen and (min-width:750px){.sexyhair-freeform-input-container{width:fit-content}}.sexyhair-freeform-input-container.focused{outline:none;box-shadow:none;outline-offset:0}.sexyhair-freeform-input-wrapper{position:relative;width:100%}.sexyhair-freeform-input-wrapper .sexyhair-freeform-label{position:absolute;top:6px;left:12px;pointer-events:none;z-index:10;transition:opacity .2s ease;padding-left:7px}.sexyhair-freeform-input-wrapper textarea{width:100%;min-height:44px;padding:16px 12px 8px;resize:none;border-radius:5px;border:1px solid var(--color-cloudy);box-shadow:none;outline:none;font-family:var(--font-body);font-weight:300;font-style:normal;font-size:14px;line-height:24px;letter-spacing:.25px;overflow-y:auto;transition:height .2s ease,border-color .2s ease}@media screen and (min-width:750px){.sexyhair-freeform-input-wrapper textarea{width:455px}}.sexyhair-freeform-input-wrapper textarea.sexyhair-freeform-input:focus{border-color:var(--color-regal-blue);box-shadow:none;height:110px!important}.sexyhair-freeform-input-wrapper textarea::placeholder{font-family:var(--font-body);font-weight:300;font-style:normal;font-size:14px;line-height:24px;letter-spacing:.25px;color:var(--color-cloudy);opacity:1}.sexyhair-freeform-input-wrapper textarea:focus::placeholder{color:var(--color-rich-black)}.sexyhair-freeform-input-wrapper textarea:focus~.sexyhair-freeform-label,.sexyhair-freeform-input-wrapper textarea:not(:placeholder-shown)~.sexyhair-freeform-label{opacity:0;visibility:hidden}.sexyhair-freeform-input-container a.sexyhair-freeform-save-link,.sexyhair-freeform-input-container a.sexyhair-freeform-save-link.link-small{align-self:flex-end;width:100%;text-align:right;text-decoration:underline;text-decoration-style:solid;text-decoration-color:var(--color-cloudy);color:var(--color-cloudy);transition:color .2s ease,text-decoration-color .2s ease}.sexyhair-freeform-input-container.focused a.sexyhair-freeform-save-link,.sexyhair-freeform-input-container.focused a.sexyhair-freeform-save-link.link-small,.sexyhair-freeform-input-container a.sexyhair-freeform-save-link.saved,.sexyhair-freeform-input-container a.sexyhair-freeform-save-link.saved.link-small{color:var(--color-regal-blue);text-decoration-color:var(--color-regal-blue)}
/*# sourceMappingURL=/cdn/shop/t/45/assets/sexyhair-component-freeform-input.css.map */