.site-footer .footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:16px 32px}
.site-footer .footer-navigation,.site-footer .footer-social{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}
.site-footer a,.site-footer button{line-height:1.35;gap:8px}
.site-footer .return-link{gap:24px}
@media(max-width:650px){
 .site-footer{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;margin-inline:var(--ui-gutter,24px);padding:20px 0 max(24px,env(safe-area-inset-bottom));font-size:13px;line-height:1.35}
 .site-footer .return-link{width:max-content;min-height:44px}
 .site-footer .footer-links{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%}
 .site-footer .footer-navigation,.site-footer .footer-social{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;width:100%}
 .site-footer .footer-social{padding-top:8px;border-top:1px solid #333}
 .site-footer .footer-legal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding-top:12px;border-top:1px solid #333;width:100%;font-size:11px;line-height:1.35}
 .site-footer .footer-copyright{grid-column:1/-1;padding:0 0 12px;line-height:1.4}
 .site-footer .footer-legal>a,.site-footer .footer-legal>button{min-height:44px;max-width:100%;padding:8px 0;align-items:center;overflow-wrap:anywhere}
}

.ui-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle;pointer-events:none;color:inherit}
.dialog-close{display:inline-flex;align-items:center;justify-content:center}
.dialog-close .ui-icon{width:22px;height:22px}
.menu-trigger>span,.play-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.menu-trigger .ui-icon{width:20px;height:20px}
.play-icon .ui-icon{width:24px;height:24px}
.room-actions button:not(#room-overview){display:inline-flex;align-items:center;justify-content:center}
.room-actions .ui-icon{width:22px;height:22px}
.line-button .ui-icon,.study-title .ui-icon,.artist-links .ui-icon,.scroll-link .ui-icon{width:24px;height:24px}
.phone .ui-icon{width:24px;height:24px}
.dialog-paging button{display:inline-flex;align-items:center;gap:8px}
.catalog-caption>.ui-icon{width:20px;height:20px}
.footer-links .ui-icon,.footer-legal .ui-icon,.header-nav .ui-icon,.room-top .ui-icon{width:16px;height:16px}
@media(max-width:650px){.study-title .ui-icon,.artist-links .ui-icon,.line-button .ui-icon{width:20px;height:20px}}