.xy-tabbar{background:#fff;border-top:1px solid #e8edf5;box-shadow:0 -6px 18px #0f23410f}.xy-tabbar-row{grid-template-columns:repeat(4,1fr);align-items:center;min-height:64px;padding:4px 6px;display:grid}.xy-tab{-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;min-height:56px;transition:transform .16s ease-out;display:flex}.xy-tab:active{transform:translateY(1px)scale(.98)}.xy-tab-inner{border:1px solid #0000;border-radius:15px;flex-direction:column;align-items:center;gap:4px;padding:7px 14px 6px;transition:background .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out;display:flex}.xy-tab-ico{color:#8a96a8;transition:color .16s ease-out;display:inline-flex}.xy-tab-label{color:#7d899b;font-size:11.5px;font-weight:500;line-height:1;transition:color .16s ease-out}@media (hover:hover){.xy-tab:hover .xy-tab-inner{background:#f3f7fd}}.xy-tab--active .xy-tab-inner{background:linear-gradient(#eff7ff 0%,#e5f0ff 100%);border-color:#bfd7ff;box-shadow:0 4px 10px #1557b81f}.xy-tab--active .xy-tab-ico{color:#1557b8}.xy-tab--active .xy-tab-label{color:#1557b8;font-weight:700}.xy-tab:focus-visible{outline:none}.xy-tab:focus-visible .xy-tab-inner{outline-offset:1px;outline:2px solid #9cc2ff}