/* Koledar365 material vector identity, optical sizes for navigation and cards. */
.ui-icon{display:inline-block;flex:0 0 auto;width:26px;height:26px;vertical-align:middle;overflow:visible;filter:none;stroke:none}
.ui-icon use{pointer-events:none}
.subnav a{display:inline-flex;align-items:center;gap:8px}
.subnav .ui-icon{width:25px;height:25px}
.panel h2 .ui-icon,.feature-grid h3 .ui-icon{width:30px;height:30px;margin-right:5px;vertical-align:-7px}
.quick-links .ui-icon{width:27px;height:27px;margin-right:7px}
.stats .ui-icon{width:36px;height:36px}
.tool-icon .ui-icon{width:52px;height:52px}
.brand-symbol{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:8px;flex:0 0 44px;line-height:1}
.brand-mark{display:block;width:44px;height:44px;max-width:none}
footer .brand .brand-symbol,footer .brand-mark{width:32px;height:32px;flex-basis:32px}
.country{display:inline-flex;align-items:center;gap:8px}
.country-flag{display:block;width:36px;height:22px;object-fit:contain;flex-shrink:0}
.check .ui-icon{width:22px;height:22px;margin-right:0}
.category-chip .ui-icon{width:23px;height:23px;flex-shrink:0}
button .ui-icon,.button .ui-icon{width:23px;height:23px}
button.primary .ui-icon,.button.primary .ui-icon{background:#ffffffed;border-radius:5px;padding:1px}
.icon-chevron-right{width:17px;height:17px}
.sun-result .ui-icon{width:50px;height:50px;margin-bottom:8px}
@media(max-width:1250px){.topbar .country{display:none}}
@media(max-width:700px){.brand-symbol,.brand-mark{width:37px;height:37px;flex-basis:37px}.brand-symbol{margin-right:6px}.subnav .ui-icon{width:24px;height:24px}.category-chip .ui-icon{width:21px;height:21px}.stats .ui-icon{width:30px;height:30px}}
@media print{.ui-icon,.brand-mark,.country-flag{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.date-tabs__icon .ui-icon{width:25px;height:25px}
.school-page .sp-icon{stroke:none}
.school-page .sp-primary .sp-icon{background:#ffffffed;border-radius:4px;padding:1px}
.topbar .brand{font-weight:800;letter-spacing:-1.2px}
@media(min-width:851px) and (max-width:1250px){.topbar .country{display:inline-flex;margin-left:auto}.topbar .search{margin-left:auto}}
@media(max-width:850px){.topbar .country{display:inline-flex;margin-left:auto;font-size:11px;order:1}.topbar .search{order:2;width:100%;max-width:none}.topbar .brand{order:0}.country-flag{width:31px;height:20px}}