@property --drawer-translate{syntax:"*";inherits:false}@property --drawer-nesting-offset{syntax:"*";inherits:false}@property --drawer-scale{syntax:"*";inherits:false}@property --drawer-footer-shift{syntax:"*";inherits:false}.drawer{--icon-size:1rem;--accordion-icon-size:var(--icon-size);height:auto;max-height:calc(100svh - var(--drawer-gap,5svh));background-color:var(--color-neutral-0);border-radius:var(--drawer-radius,var(--border-radius-2xl)) var(--drawer-radius,var(--border-radius-2xl)) 0 0;overscroll-behavior:none;contain:layout style paint;width:100%;transform:translateY(calc(var(--drawer-translate,100%) - var(--drawer-nesting-offset,0px))) scale(var(--drawer-scale,1));z-index:calc(var(--z-modal) + var(--drawer-depth,0));transform-origin:top;flex-direction:column;display:flex;position:fixed;bottom:0;overflow:hidden}@media screen and (width>=64rem){.drawer{height:100dvh;max-height:none;width:min(100%, var(--side-panel-max-width));transform:translateX(calc(var(--drawer-translate,100%) - var(--drawer-nesting-offset,0px)));transform-origin:0;touch-action:pan-y;border-radius:0;top:0;bottom:auto;right:0}}.drawer--panel{height:100dvh;max-height:none;transform:translateX(calc(var(--drawer-translate,100%) - var(--drawer-nesting-offset,0px)));transform-origin:0;touch-action:pan-y;border-radius:0;top:0;bottom:auto}@media screen and (width<=63.9375rem){.drawer--tall{height:calc(100svh - var(--drawer-gap,5svh))}}.drawer.is-open{will-change:transform;view-transition-name:var(--drawer-view-transition-name);view-transition-class:overlay}.drawer:not(.is-open){content-visibility:hidden}.drawer.is-swiping{will-change:transform}.drawer:focus-visible{outline:none}.drawer__header{z-index:var(--z-sticky);padding-inline:var(--grid-margin);touch-action:none;position:sticky;top:0}.drawer__header-inner{padding-block:var(--space-500);border-bottom:var(--border-width-md) var(--border-style-solid) var(--color-neutral-900);justify-content:space-between;align-items:center;display:flex}.drawer__body{overscroll-behavior:none;-webkit-overflow-scrolling:touch;min-height:0;padding-inline:var(--grid-margin);view-transition-name:none;flex:auto;padding-block-end:var(--space-600);overflow:hidden auto}@media screen and (width>=64rem){.drawer__body{touch-action:pan-y}}.drawer__footer{z-index:var(--z-sticky);touch-action:none;padding:var(--space-300);transform:translateY(var(--drawer-footer-shift,0));position:sticky;bottom:0}@media screen and (width>=64rem){.drawer__footer{padding:var(--space-500);transform:none}}.drawer__close{cursor:pointer;transition:transform var(--animation-press);justify-content:center;align-items:center;display:flex}.drawer__close:active{transform:scale(.9)}.drawer__close svg{width:var(--icon-size);height:var(--icon-size)}