.form{width:100%;margin-top:60px}.form__container{position:relative}.form__fields{margin-top:60px}.form__field{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:var(--bsu)}.form__input{width:100%;border-radius:8px;padding:13px 16px;border:1px solid #bdbdbd;transition:border-color var(--ease-smooth)}.form__input.form__input--password{padding-right:90px}@media screen and (min-width: 800px){.form__input.form__input--password{padding-right:100px}}@media screen and (min-width: 800px){.form__input{padding:17px 24px}}.form__input:focus,.form__input:active,.form__input.active,.form__input:hover{border-color:var(--offblack)}.form__input:focus::placeholder,.form__input:active::placeholder,.form__input.active::placeholder,.form__input:hover::placeholder{opacity:.6}.form__input::placeholder{opacity:.3;color:var(--black);transition:opacity var(--trans)}.form__input.error{border-color:var(--red)}.form__label{display:flex;align-items:center;text-align:left;order:-1;margin-bottom:var(--bsu-xs)}.form__labelIcon{margin-right:8px;font-size:13px}.form__labelText{font-size:11px;line-height:1.45;letter-spacing:.04em;text-transform:uppercase;font-weight:700}.form__link{display:block;margin-top:var(--bsu-xs);line-height:14px;text-transform:capitalize}.form__link--password{margin-left:auto;text-align:right;margin-top:var(--bsu);text-transform:uppercase}.form__inputToggleButton{position:absolute;top:40px;right:20px;padding:4px 8px;border:1px solid var(--beige);border-radius:4px;background:var(--white);cursor:pointer}@media only screen and (min-width: 800px){.form__inputToggleButton{top:45px;right:24px}}.form__message--error{color:var(--red);text-transform:inherit;margin-top:var(--bsu-xs)}.form__message--error--reset{position:absolute;bottom:-24px}@media only screen and (min-width: 800px){.form__message--error{margin-top:12px}.form__message--error--reset{bottom:-28px}}.form__select{-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="6" fill="none"><path fill="%23232323" fill-opacity=".5" d="M4.846 1.786A6.07 6.07 0 0 1 7.536.504c.232 0 .464.115.464.42 0 .307-.143.403-.41.67a19.69 19.69 0 0 0-2.334 2.623C4.83 4.83 4.526 5.5 4.01 5.5c-.517 0-.838-.67-1.247-1.283A19.373 19.373 0 0 0 .428 1.595C.214 1.385 0 1.193 0 .925a.467.467 0 0 1 .145-.32.383.383 0 0 1 .318-.1 6.07 6.07 0 0 1 2.69 1.281c.553.402.66.575.856.575.196 0 .285-.173.837-.575Z"/></svg>');background-repeat:no-repeat;background-position:right 16px center;background-size:auto}@media only screen and (min-width: 800px){.form__select{background-position:right 24px center}}.form__checkbox{display:inline-block;position:relative}.form__checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.form__checkbox label{position:relative;padding-left:36px;cursor:pointer}.form__checkbox label:before{content:"";position:absolute;left:0;top:0;height:var(--bsu);width:var(--bsu);border:1px solid var(--beige);border-radius:4px;transition:all var(--ease-smooth)}.form__checkbox label:after{position:absolute;top:0;left:0;opacity:0;content:"";height:var(--bsu);width:var(--bsu);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="none"><path fill="%23fff" d="M7.174 1.55c.17-.175.35-.35.528-.518.502-.463 1.05-1.03 1.772-1.03a.527.527 0 0 1 .501.263c.086.22-.073.4-.194.575a54.424 54.424 0 0 0-4.445 7.157 9.182 9.182 0 0 1-.906 1.54c-.637.798-1.531.451-1.97-.187C1.873 8.5 1.212 7.718.594 6.896.346 6.57-.074 6.118.011 5.663a.679.679 0 0 1 .172-.31.653.653 0 0 1 .302-.176c.82-.26 1.714.574 2.282 1.085a.84.84 0 0 0 .408.263c.19.02.248-.12.353-.267.226-.32.447-.634.68-.946A36.413 36.413 0 0 1 7.175 1.55Z"/></svg>');background-position:center;background-repeat:no-repeat;transition:opacity var(--ease-smooth)}.form__checkbox input:checked~label:before{background-color:var(--teal);border-color:var(--teal)}.form__checkbox input:checked~label:after{opacity:1}.form__checkbox input:not(:checked)~label:hover:before{opacity:.5;background-color:var(--teal);border-color:var(--teal)}.form__checkbox input:not(:checked)~label:hover:after{opacity:.5}
/*# sourceMappingURL=/cdn/shop/t/36/assets/forms.css.map */
