.drawer{background-color:var(--settings-color-background);overscroll-behavior:none;contain:layout style paint;width:100%;max-height:95dvh;transform:translateY(var(--drawer-translate,100%));z-index:calc(var(--z-modal) + var(--drawer-depth,0));transform-origin:top;transition:transform var(--animation-overlay);flex-direction:column;display:flex;position:fixed;bottom:0;overflow:hidden}@media screen and (width>=64rem){.drawer{min-width:475px;height:100%;max-height:none;width:round(up, (100% + var(--spacing-gutter)) / 12 * 5, 1px);transform:translateX(var(--drawer-translate,100%));transform-origin:0;border-radius:0;top:0;right:0}}.drawer.is-fullscreen{transform:translateX(var(--drawer-translate,100%))}@media screen and (width<=63.9375rem){.drawer.is-fullscreen{max-height:100dvh;top:0}}.drawer.is-fullscreen.from-left{transform:translateX(calc(-1 * var(--drawer-translate,100%)))}.drawer.is-resizing{transition:none}.drawer.is-open{--drawer-translate:0%}.drawer.is-closing{--drawer-translate:100%}.drawer__header{z-index:var(--z-sticky);background-color:var(--settings-color-background);padding-inline:var(--spacing-gutter-side);padding-block:var(--space-400);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.drawer__header-content{width:100%}.drawer__body{overscroll-behavior:none;-webkit-overflow-scrolling:touch;padding-inline:var(--spacing-gutter-side);view-transition-name:none;flex:1;padding-block-end:var(--space-350);overflow:hidden auto}.drawer__footer{z-index:var(--z-sticky);background-color:var(--settings-color-background);touch-action:none;padding-block:var(--space-1100) var(--space-600);padding-inline:var(--space-250);position:sticky;bottom:0}@media screen and (width>=64rem){.drawer__footer{padding-inline:var(--space-500)}}.drawer__close{cursor:pointer;padding:var(--space-400);transition:transform var(--animation-press);color:var(--color-black);font-size:0;position:absolute;top:0;right:0}.drawer__close:active{transform:scale(.9)}