.app-counter[data-v-cdb4fc38]{width:100%;color:var(--ui-text-primary);border-radius:100px;justify-content:space-between;align-items:center;transition:background-color .2s,color .2s;display:inline-flex;position:relative}.app-counter__value[data-v-cdb4fc38]{text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;margin:0 auto;font-weight:800}.app-counter__button--hidden[data-v-cdb4fc38]{pointer-events:none;visibility:hidden;opacity:0}.app-counter__overlay[data-v-cdb4fc38]{position:absolute}.app-counter--size-sm[data-v-cdb4fc38]{font-size:12px;line-height:16px}.app-counter--size-lg[data-v-cdb4fc38]{font-size:16px;line-height:20px}.app-counter--variant-primary[data-v-cdb4fc38]{color:var(--ui-color-supporting-01);background-color:var(--ui-color-primary-500)}.app-counter--variant-primary.app-counter--disabled[data-v-cdb4fc38]{background-color:var(--ui-color-primary-300)}@media (width>=1024px){.app-counter--variant-primary[data-v-cdb4fc38]:hover,.app-counter--variant-primary:hover .app-button[data-v-cdb4fc38]:not(:active){background-color:var(--ui-color-primary-600)}}.app-counter--variant-tertiary[data-v-cdb4fc38]{color:var(--ui-text-primary);background-color:var(--ui-color-neutral-50)}.app-counter--variant-tertiary.app-counter--disabled[data-v-cdb4fc38]{color:var(--ui-color-neutral-400)}@media (width>=1024px){.app-counter--variant-tertiary[data-v-cdb4fc38]:hover,.app-counter--variant-tertiary:hover .app-button[data-v-cdb4fc38]:not(:active){background-color:var(--ui-color-neutral-100)}}.app-counter--disabled[data-v-cdb4fc38]{pointer-events:none}