:root{--input-color: var(--color-black);--input-bg-color: var(--color-grey-1);--input-cursor: pointer;--input-px: var(--spacing-horizontal)}.input{position:relative;align-items:start;flex-direction:column;flex-shrink:0;justify-content:center;display:flex;height:var(--spacing-4);padding:0 var(--input-px)}@media (min-width: 992px){:root{--input-px: 0}}.input,.input__label,.input__success{align-items:start;flex-direction:column;flex-shrink:0;justify-content:center}.input:has(+.input,+.select){margin-bottom:1px}.input:has(.input__control[disabled]){--input-color: var(--color-grey-4);--input-cursor: not-allowed}.input__label,.input__success{position:absolute;top:0;display:flex;height:100%;padding:0 var(--spacing-1)}.input__label{left:var(--input-px);color:var(--input-color);cursor:var(--input-cursor);pointer-events:none}.input__label:has(+.input__control:not(:placeholder-shown)),.input__label:has(+.input__control:focus){top:var(--spacing-1);display:block;height:auto;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.33333;color:var(--color-grey-5)}.input__control{align-items:center;align-self:stretch;flex:1 0 0;justify-content:space-between;display:flex;width:100%;padding:0 var(--spacing-1);padding-top:var(--spacing-1-5);background:var(--input-bg-color);border:none;border-radius:0}.input__control:focus,.input__control:focus-visible{outline:none}@supports (-webkit-overflow-scrolling: touch){.input__control:where(.font-mobile-ui-14):focus{font-size:1rem!important}}.input__control::placeholder{color:var(--input-bg-color)}.input__control[aria-invalid=true]{--input-bg-color: var(--color-error-tint)}.input__success{right:var(--input-px)}.input-checkbox,.input-radio{position:relative;align-items:start;flex-direction:column;flex-shrink:0;justify-content:center;display:flex;height:var(--spacing-4);padding:0 var(--input-px)}.input-checkbox--no-spacing,.input-radio--no-spacing{height:auto;padding-inline:0}.input-checkbox input,.input-radio input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden}.input-checkbox__label,.input-radio__label{align-items:center;align-self:stretch;flex:1 0 0;justify-content:start;display:flex;width:100%;padding:0;gap:2px;border:none;cursor:pointer}.input-checkbox__label:before,.input-radio__label:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.input-checkbox__icon,.input-radio__icon{flex-shrink:0;order:-9999;display:block;width:var(--spacing-1);height:var(--spacing-1);margin-top:-2px}.input-checkbox__icon--hover,.input-checkbox__icon--active,.input-radio__icon--hover,.input-radio__icon--active{display:none}.input-checkbox__text,.input-radio__text{color:var(--color-grey-5);transition:color var(--timing-normal) ease}.input-checkbox:has(input:checked) .input-checkbox__icon--active,.input-radio:has(input:checked) .input-radio__icon--active{display:block}.input-checkbox:has(input:checked) .input-checkbox__icon:not(.input-checkbox__icon--active),.input-checkbox:has(input:checked):hover .input-checkbox__icon:not(.input-checkbox__icon--active),.input-radio:has(input:checked) .input-radio__icon:not(.input-radio__icon--active),.input-radio:has(input:checked):hover .input-radio__icon:not(.input-radio__icon--active){display:none}.input-checkbox:has(:not(input:checked)):hover .input-checkbox__icon--hover,.input-radio:has(:not(input:checked)):hover .input-radio__icon--hover{display:block}.input-checkbox:has(:not(input:checked)):hover .input-checkbox__icon:not(.input-checkbox__icon--hover),.input-radio:has(:not(input:checked)):hover .input-radio__icon:not(.input-radio__icon--hover){display:none}.input-checkbox:has(input:checked):hover .input-checkbox__icon.input-checkbox__icon--active,.input-radio:has(input:checked):hover .input-radio__icon.input-radio__icon--active{display:block}.input-checkbox:has(.input-checkbox__text),.input-radio:has(.input-radio__text){display:flex;height:auto;row-gap:var(--spacing-1)}.input-checkbox:hover .input-checkbox__text,.input-radio:hover .input-radio__text,.input-checkbox:has(input:checked) .input-checkbox__text,.input-radio:has(input:checked) .input-radio__text{color:var(--color-black)}
/*# sourceMappingURL=/cdn/shop/t/229/assets/input.css.map */