.counterField{position:relative}@media (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{transition:all .3s;position:absolute;top:0;left:12rem;transform:translateY(100%)}.isError.counterField .textField__Wrapper{box-shadow:inset 0 0 0 2px #c61736}.hasFocus.counterField:not(.isError) .textField__Wrapper{border-color:var(--themeColor);box-shadow:0 0 0 3px var(--themeColor) inset;border-radius:4rem}.isDisabled.counterField .textField__Wrapper{background-color:#eee;border-color:#aaa}.isDisabled.counterField input{background-color:#eee}.counterField.isError .counterField__Input,.isError.counterField .textField__Wrapper{border-color:#c61736}@media screen and (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{flex-wrap:wrap;justify-content:space-between}.counterField.isInline .form__Errors{text-align:right;width:100%;margin-top:6rem;padding:0}.counterField.isSmall button{width:22rem;height:22rem}.counterField.isSmall button svg{width:20rem}.counterField.isSmall .counterField__Value{min-width:auto;margin:0 6rem;font-size:10rem}.counterField.isDisabled{opacity:.5;pointer-events:none;cursor:default}.conterField__Controls,.conterField__Controls button{align-items:center;display:flex}.conterField__Controls button{border:1px solid #454342;border-radius:50%;justify-content:center;width:40rem;height:40rem}@media (width<=768px){.conterField__Controls button{width:36rem;height:36rem}}.conterField__Controls button.isDisable{color:#ccc;cursor:default;pointer-events:none;border-color:#ccc}.conterField__Controls button svg{width:27rem}.counterField__Value{text-align:center;min-width:20rem;margin:0 10rem}.counterField__Input{width:44rem;height:40rem;font:inherit;text-align:center;background-color:#fff;border:1px solid #ccc;border-radius:4rem;margin:0 6rem}.counterField__Input:focus{border-color:#454342;outline:none}@media (width<=768px){.counterField__Input{height:36rem}}.counterField__Error{color:red}
