.icon-button{--base-transparency:0;color:var(--local-color);position:relative;border-radius:50%;cursor:pointer;display:inline-flex;flex-direction:column;gap:var(--icon-button_gap,0);align-items:center;justify-content:center;flex-shrink:0;padding:var(--icon-button_padding,2px);transition:background-color var(--ui-animation-speed);font-size:var(--icon-button_font-size);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.icon-button._has-text{border-radius:var(--icon-button_border-radius,var(--q-round))}.icon-button svg{display:block;width:100%;height:100%}.icon-button:before{position:absolute;inset:0;content:"";background-color:rgba(var(--icon-button_base-color,50,50,50),var(--base-transparency))}@media(min-width:1024px)and (max-width:1279px),(min-width:1280px),(min-width:768px)and (max-width:1023px){.icon-button:hover{--base-transparency:.2}}.icon-button:active{--base-transparency:.3}