.hh-icon-control{--hh-icon-control-size: 3rem;display:inline-flex;align-items:center;justify-content:center;width:var(--hh-icon-control-size);height:var(--hh-icon-control-size);min-width:44px;min-height:44px;padding:0;box-sizing:border-box;-webkit-appearance:none;appearance:none;border:.1rem solid var(--hh-color-light, #f1eee8);border-radius:50%;background-color:var(--hh-color-background, #f6f4f0);color:var(--hh-color-foreground, #000);cursor:pointer;transition:background var(--hh-duration-default, .3s),color var(--hh-duration-default, .3s),border-color var(--hh-duration-default, .3s)}@media(hover:hover)and (pointer:fine){.hh-icon-control:hover{background-color:var(--hh-color-rebrand-2);color:var(--hh-color, #f6f4f0);border-color:var(--hh-color-rebrand-2)}}.hh-icon-control:focus{outline:none}.hh-icon-control:focus-visible{outline:.2rem solid var(--hh-color-focus, #393939);outline-offset:.2rem}
/*# sourceMappingURL=/cdn/shop/t/295/assets/component-icon-control.css.map */