@layer components{.c-unit-input{color:var(--unit-input-color,#fff);font-size:16px;font-variation-settings:"wght" 400}.c-unit-input:focus-within{--border-color-active:var(--brand-yellow)}.c-unit-input__label{display:block;font-size:16px}.c-unit-input__input{align-items:center;border:1px solid var(--border-color-active,var(--brand-gray));border-radius:4px;display:flex;gap:5px;margin-top:20px;padding:12px;position:relative}.c-unit-input__input__el{background-color:transparent;border:none;color:inherit;flex:1;font-family:sans-serif;font-weight:700;width:100%}.c-unit-input__input__unit{font-variation-settings:"wght" 375}.c-unit-input__input__el::-webkit-inner-spin-button,.c-unit-input__input__el::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.c-unit-input__input__el{-moz-appearance:textfield}@media (max-width:800px){.c-unit-input__input{margin-top:10px}}}