:root{--drawer-fade:linear-gradient(0deg,rgb(255 255 255/85%),rgb(255 255 255/25%),transparent);--drawer-top-fade:linear-gradient(180deg,rgb(255 255 255/85%),rgb(255 255 255/25%),transparent)}.dark{--drawer-fade:linear-gradient(0deg,rgb(23 23 23/85%),rgb(23 23 23/35%),transparent);--drawer-top-fade:linear-gradient(180deg,rgb(23 23 23/85%),rgb(23 23 23/35%),transparent)}@supports (animation-timeline:scroll()){.drawer-scroll-source{scroll-timeline-name:--drawer-body;scroll-timeline-axis:y}.drawer-scroll-scope{timeline-scope:--drawer-body}@keyframes drawer-bottom-fade-out{0%{opacity:1}to{opacity:0}}@keyframes drawer-top-fade-in{0%{opacity:0}to{opacity:1}}.drawer-top-fade{animation:drawer-top-fade-in 1ms linear;animation-timeline:--drawer-body;animation-range:0 6rem;animation-fill-mode:both}.drawer-bottom-fade{animation:drawer-bottom-fade-out 1ms linear;animation-timeline:--drawer-body;animation-range:calc(100% - 6rem) 100%;animation-fill-mode:both}}