.main-content{transition:padding-left .2s ease-in-out,padding-bottom .2s ease-in-out}.side-nav{position:fixed;bottom:0;left:0;right:0;height:calc(4.5rem + env(safe-area-inset-bottom));background-color:hsl(var(--background)/.5);backdrop-filter:blur(8px);border-top:1px solid hsl(var(--border)/.5);z-index:110;padding-bottom:env(safe-area-inset-bottom)}.side-nav-mobile-grid{display:grid;grid-template-columns:repeat(5,1fr);height:100%;align-items:center}.side-nav-desktop-grid{display:none}.nav-item-play{position:relative;width:64px;height:64px;border-radius:50%;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));transform:translateY(-20px);justify-self:center}.nav-item-play .nav-item-label{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:100%;color:hsl(var(--foreground));font-weight:500;text-align:center}body.has-side-nav .main-content{padding-bottom:4.5rem}@media (min-width:768px){body.has-side-nav .main-content{padding-left:16rem;padding-bottom:0;contain:layout style}.side-nav{top:0;width:16rem;min-width:16rem;max-width:16rem;height:100vh;border-top:none;border-right:1px solid hsl(var(--border)/.5);padding:1.5rem;contain:layout style}.side-nav-mobile-grid{display:none}.side-nav-desktop-grid{display:flex;flex-direction:column;height:100%;align-items:flex-start;contain:layout}.logo-container{width:100%;margin-bottom:1.5rem;padding-left:.75rem}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_75b79f{font-family:Inter,Inter Fallback,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-style:normal}.__variable_75b79f{--font-inter:"Inter","Inter Fallback",system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}