.student-portal-shell{--student-sidebar-width:16rem}.student-portal-sidebar{width:var(--student-sidebar-width)}.student-portal-drawer,.student-portal-sidebar{right:0}.student-portal-header{right:0;left:0}.student-portal-drawer-close{left:1rem}@media (min-width:48rem){.student-portal-header{right:var(--student-sidebar-width)}.student-portal-main{margin-right:var(--student-sidebar-width)}}.student-portal-shell[data-sidebar-collapsed=true]{--student-sidebar-width:4.25rem}[dir=ltr].student-portal-shell .student-portal-drawer,[dir=ltr].student-portal-shell .student-portal-sidebar{right:auto;left:0}[dir=ltr].student-portal-shell .student-portal-drawer-close{right:1rem;left:auto}@media (min-width:48rem){[dir=ltr].student-portal-shell .student-portal-header{right:0;left:var(--student-sidebar-width)}[dir=ltr].student-portal-shell .student-portal-main{margin-right:0;margin-left:var(--student-sidebar-width)}}@media (prefers-reduced-motion:reduce){.student-portal-sidebar{transition:none}}.student-portal-shell{background-color:var(--color-page);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 1.6875rem,color-mix(in srgb,var(--color-ink) 5%,transparent) 1.6875rem,color-mix(in srgb,var(--color-ink) 5%,transparent) 1.75rem)}.dark .student-portal-shell{background-image:repeating-linear-gradient(180deg,transparent 0,transparent 1.6875rem,color-mix(in srgb,#7dd3fc 6%,transparent) 0,color-mix(in srgb,#7dd3fc 6%,transparent) 1.75rem)}@media (prefers-reduced-motion:reduce){.student-portal-shell *,.student-portal-shell :after,.student-portal-shell :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sticker-tile{border:2px solid var(--color-ink);border-radius:1.25rem;background-color:var(--color-surface);box-shadow:5px 5px 0 0 var(--color-ink)}.dark .sticker-tile{border-color:#38bdf8;box-shadow:5px 5px 0 0 #020617}.sticker-btn{border:2px solid var(--color-ink);border-radius:999px;background-color:var(--color-brand-600);color:#fff;box-shadow:3px 3px 0 0 var(--color-ink);transition:transform .15s ease-out,box-shadow .15s ease-out,background-color .15s ease-out}.sticker-btn:hover{background-color:var(--color-brand-700)}.sticker-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 0 var(--color-ink)}.dark .sticker-btn{border-color:#e0f2fe;box-shadow:3px 3px 0 0 #020617}.dark .sticker-btn:active{box-shadow:1px 1px 0 0 #020617}.sticker-btn-outline{border:2px solid var(--color-ink);border-radius:999px;background-color:var(--color-surface);color:var(--color-ink);box-shadow:3px 3px 0 0 var(--color-ink);transition:transform .15s ease-out,box-shadow .15s ease-out}.sticker-btn-outline:active{transform:translate(2px,2px);box-shadow:1px 1px 0 0 var(--color-ink)}.dark .sticker-btn-outline{border-color:#38bdf8;background-color:transparent;color:#e0f2fe;box-shadow:3px 3px 0 0 #020617}.sticker-badge{border:2px solid var(--color-ink);border-radius:999px;box-shadow:2px 2px 0 0 var(--color-ink)}.dark .sticker-badge{border-color:#38bdf8;box-shadow:2px 2px 0 0 #020617}.sticker-numeral{font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.02em}.student-portal-shell ::selection{background-color:var(--color-brand-600);color:#fff}.student-portal-shell :focus-visible{outline:3px solid var(--color-brand-600);outline-offset:2px}.student-portal-shell{scrollbar-color:var(--color-brand-600) transparent}