@layer legacy-overrides{.drawer{padding-inline:unset;padding-block-end:unset}.drawer-items__item:first-child>*{padding-top:unset}.drawer__link{padding-inline-start:unset}}.drawer{opacity:0;transform:translate(calc(100% * var(--sys-layout-direction)));transition:transform var(--sys-motion-duration-medium-1) var(--sys-motion-easing-standard-accelerate),opacity var(--sys-motion-duration-medium-1) var(--sys-motion-easing-standard-accelerate);&.is-active{opacity:1;transform:translate(0)}&.is-disappearing{opacity:0;transform:translate(calc(10% * var(--sys-layout-direction) * -1));transition:transform var(--sys-motion-duration-medium-1) var(--sys-motion-easing-standard-accelerate),opacity var(--sys-motion-duration-short-3) var(--sys-motion-easing-standard-accelerate)}}.drawer__toggle,.drawer__link{display:flex;align-items:center;width:100%;padding-block:var(--sys-spacing-3);border-bottom:1px solid var(--sys-color-outline);transition:border-bottom var(--sys-motion-duration-short-1) var(--sys-motion-easing-standard-decelerate);&:hover,&:focus{border-bottom:1px solid var(--sys-color-foreground)}}.drawer__icon{--comp-icon-size: 1rem;width:var(--comp-icon-size);height:var(--comp-icon-size)}.drawer__heading{padding-top:var(--sys-spacing-6);padding-bottom:var(--sys-spacing-1)}.drawer__toggle--backwards{justify-content:flex-start;padding-top:unset;border-bottom:none;&:hover,&:focus{border-bottom:unset}}.drawer-items__item:first-child>.drawer__heading{padding-top:unset}.drawer__toggle-label,.drawer__link-label{display:flex;align-items:center;gap:var(--sys-spacing-2);flex-grow:1;pointer-events:none}