.ui-icon{display:block;width:24px;height:24px;flex-shrink:0;pointer-events:none}
header nav a{display:inline-flex;align-items:center;gap:7px}
header .nav-icon{display:inline-flex;color:inherit}
header .nav-icon .ui-icon{width:18px;height:18px}
header #refill{display:inline-flex;align-items:center;justify-content:center}
header #refill .ui-icon{width:19px;height:19px}
.modecards a>span,.promos .ico,.banner .bigicon{display:flex;align-items:center;justify-content:center}
.modecards a>span .ui-icon{width:32px;height:32px}
.promos .ico .ui-icon{width:28px;height:28px}
.banner .bigicon .ui-icon{width:54px;height:54px}
@media(max-width:760px){
 .mobile-dock a>span,.mobile-dock button>span{display:flex;align-items:center;justify-content:center}
 .mobile-dock .ui-icon{width:23px;height:23px}
 .mobile-dock #dock-refill .ui-icon{width:24px;height:24px;stroke-width:2}
 .modecards a>span .ui-icon{width:27px;height:27px}
}