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