.catalog-action-button[data-v-f7a15309]{--catalog-action-button-size:32px;--catalog-action-icon-size:24px;width:var(--catalog-action-button-size);height:var(--catalog-action-button-size);color:var(--dark);border-radius:50%;place-items:center;transition:background-color .16s,color .16s,opacity .16s,transform .16s;display:grid}.catalog-action-button[data-v-f7a15309]:focus-visible{outline-offset:1px;outline:2px solid #1c212647}.catalog-action-button[data-v-f7a15309] .icon{font-size:var(--catalog-action-icon-size);transition:transform .16s}.catalog-action-button[data-v-f7a15309] svg{transition:transform .16s}@media (hover:hover) and (pointer:fine){.catalog-action-button[data-v-f7a15309]:hover svg{transform:scale(1.08)}}.catalog-action-button_sm[data-v-f7a15309]{--catalog-action-button-size:28px;--catalog-action-icon-size:22px}.catalog-action-button_md[data-v-f7a15309]{--catalog-action-button-size:32px;--catalog-action-icon-size:24px}.catalog-action-button_lg[data-v-f7a15309]{--catalog-action-button-size:40px;--catalog-action-icon-size:32px}@media (hover:hover) and (pointer:fine){.catalog-action-button_favorite[data-v-f7a15309]:hover{color:var(--accent)}.catalog-action-button_favorite[data-v-f7a15309]:hover svg path{stroke:var(--accent)}}.catalog-action-button_favorite.catalog-action-button_active[data-v-f7a15309]{color:var(--accent)}.catalog-action-button_favorite.catalog-action-button_active[data-v-f7a15309] svg path{fill:var(--accent)!important;stroke:var(--accent)!important}@media (hover:hover) and (pointer:fine){.catalog-action-button_compare[data-v-f7a15309]:hover{color:#01b0ce}}.catalog-action-button_compare.catalog-action-button_active[data-v-f7a15309]{color:#01b0ce}