.counterField{position:relative}@media (min-width:769px){.counterField:not(.hasFocus):not(.isError):hover .textField__Wrapper{border-color:#454342}}.absoluteLabelsForm .hasFocus.counterField .form__Label,.absoluteLabelsForm .hasPlaceholder.counterField .form__Label,.absoluteLabelsForm .hasValue.counterField .form__Label{font-size:12rem;transform:translateY(8rem)}.absoluteLabelsForm .counterField .form__Label{left:12rem;position:absolute;top:0;transform:translateY(100%);transition:all .3s}.isError.counterField .textField__Wrapper{box-shadow:inset 0 0 0 2px #c61736}.hasFocus.counterField:not(.isError) .textField__Wrapper{border-color:var(--themeColor);border-radius:4rem;box-shadow:0 0 0 3px var(--themeColor) inset}.isDisabled.counterField .textField__Wrapper{background-color:#eee;border-color:#aaa}.isDisabled.counterField input{background-color:#eee}.isError.counterField .textField__Wrapper{border-color:#c61736}@media screen and (min-width:769px){.isInline.counterField{align-items:center;display:flex}.isInline.counterField .textField__Wrapper{margin:0 0 0 10rem}.isInline.counterField .textField__Wrapper+*{margin-left:10rem}}.counterField .form__Label{font-size:16rem}.counterField.isInline{justify-content:space-between}.counterField.isSmall button{height:22rem;width:22rem}.counterField.isSmall button svg{width:20rem}.counterField.isSmall .counterField__Value{font-size:10rem;margin:0 6rem;min-width:auto}.conterField__Controls,.conterField__Controls button{align-items:center;display:flex}.conterField__Controls button{border:1px solid #454342;border-radius:50%;height:40rem;justify-content:center;width:40rem}@media (max-width:768px){.conterField__Controls button{height:36rem;width:36rem}}.conterField__Controls button.isDisable{border-color:#ccc;color:#ccc;cursor:default;pointer-events:none}.conterField__Controls button svg{width:27rem}.counterField__Value{margin:0 10rem;min-width:20rem;text-align:center}.counterField__Error{color:red}