@layer theme,base,components,utilities;@layer components{.mx-shell{display:flex;min-height:100vh;min-height:100dvh}.mx-sidebar,.mx-rail{display:none;position:sticky;top:0;height:100vh;height:100dvh;flex:none;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.mx-sidebar{width:232px}.mx-rail{width:80px}@media(min-width:600px)and (max-width:1199.98px){.mx-rail{display:flex}}@media(min-width:1200px){.mx-sidebar{display:flex}}.mx-body{display:flex;flex:1 1 auto;min-width:0;flex-direction:column}.mx-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:8px;min-height:56px;padding:env(safe-area-inset-top,0px) 16px 0}@media(min-width:600px){.mx-topbar{padding-inline:24px}}@media(min-width:1200px){.mx-topbar{padding-inline:32px}}.mx-main{flex:1 1 auto;width:100%;max-width:1184px;margin-inline:auto;padding:16px 16px calc(var(--bottomnav-h, 0px) + 24px);overflow-x:clip;outline:none}@media(min-width:600px){.mx-main{padding:24px 24px 40px}}@media(min-width:1200px){.mx-main{padding:32px 32px 48px}}.mx-banner{padding-inline:16px}@media(min-width:600px){.mx-banner{padding-inline:24px}}@media(min-width:1200px){.mx-banner{padding-inline:32px}}.mx-bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}@media(min-width:600px){.mx-bottom-nav{display:none}}.mx-bottom-item{display:flex;min-width:0;min-height:56px;flex-direction:column;align-items:center;justify-content:center;gap:2px}.mx-target{min-width:40px;min-height:40px}@media(max-width:1199.98px),(pointer:coarse){.mx-target{min-width:44px;min-height:44px}}.mx-focus:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.mx-on-night .mx-focus:focus-visible,.mx-on-night.mx-focus:focus-visible{outline-color:#fff}.mx-skip{position:fixed;top:8px;left:16px;z-index:100;transform:translateY(-200%)}.mx-skip:focus,.mx-skip:focus-visible{transform:none}.mx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mx-tabular{font-variant-numeric:tabular-nums}.mx-initials:before{content:attr(data-initials)}.mx-create>svg:last-child{display:none}@media(min-width:1200px){.mx-create>svg:last-child{display:inline}}.mx-menu-row{display:flex;width:100%;min-height:44px;align-items:center;gap:12px;padding:8px 12px;text-align:left}@media print{.mx-sidebar,.mx-rail,.mx-topbar,.mx-bottom-nav,.mx-skip{display:none!important}}}
