@layer organisms{.phxsg-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);&.phxsg-is-active{opacity:1;transform:translate(0)}&.phxsg-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)}}.phxsg-drawer__toggle,.phxsg-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)}}.phxsg-drawer__icon{--comp-icon-size: 1rem;width:var(--comp-icon-size);height:var(--comp-icon-size)}.phxsg-drawer__heading{padding-top:var(--sys-spacing-6);padding-bottom:var(--sys-spacing-1)}.phxsg-drawer__toggle--backwards{justify-content:flex-start;padding-top:unset;border-bottom:none;&:hover,&:focus{border-bottom:unset}}.phxsg-drawer-items__item:first-child>.phxsg-drawer__heading{padding-top:unset}.phxsg-drawer__toggle-label,.phxsg-drawer__link-label{display:flex;align-items:center;gap:var(--sys-spacing-2);flex-grow:1;pointer-events:none}}