html,body{max-width:100%;overflow-x:clip}body{min-width:320px}main,main>*,.os-shell-content,.os-shell-content>*{min-width:0;max-width:100%}img,svg,video,canvas,iframe{max-width:100%}.os-shell-content{padding-left:0}@media (min-width:1024px){.os-shell-content{padding-left:var(--os-sidebar-width,284px)}}@media (max-width:1023px){body:has(.os-shell-content) aside{max-width:calc(100vw - 48px)}body:has(main) aside[class*=fixed][class*=left-0]{max-width:calc(100vw - 48px)}}:is(.os-shell-content,[class*=lg\:pl-]) :is(table,[role=table]){max-width:100%}:is(.os-shell-content,[class*=lg\:pl-]) table{width:100%}:is(.os-shell-content,[class*=lg\:pl-]) :is(.overflow-x-auto,[data-table-scroll]){overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}:is(.os-shell-content,[class*=lg\:pl-]) :is(input,select,textarea,button){max-width:100%}:is(.os-shell-content,[class*=lg\:pl-]) :is([class*=recharts],[class*=chart],canvas){min-width:0!important;max-width:100%!important}:is([role=dialog],[aria-modal=true]){overscroll-behavior:contain;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}@media (max-width:767px){:is(.os-shell-content,[class*=lg\:pl-]) header>div{min-width:0}:is(.os-shell-content,[class*=lg\:pl-]) main{width:100%}:is(.os-shell-content,[class*=lg\:pl-]) h1,:is(.os-shell-content,[class*=lg\:pl-]) [class*=tracking-\[]{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}