@layer payload-default{.drawer{--gutter-h:var(--spacer-3);--gutter-v:var(--spacer-4);justify-content:flex-end;display:flex;position:fixed;inset:0;overflow:hidden}@media (min-width:768px){.drawer{--gutter-h:var(--spacer-4)}}.drawer.drawer--is-open{visibility:visible}.drawer__blur-bg{z-index:1;opacity:0;background:var(--color-drawer-backdrop);position:absolute;inset:0}.drawer__content{opacity:0;z-index:2;width:clamp(600px,40vw,1080px);max-width:calc(100vw - var(--spacer-3));background-color:var(--color-bg);box-shadow:var(--elevation-400-menu-panel);transition:transform .1s ease-out;position:relative;container:drawer/inline-size}@media (min-width:768px){.drawer__content{max-width:100vw}}.drawer__content-children{z-index:1;flex-direction:column;height:100%;display:flex;position:relative;overflow:clip auto}.drawer__fade-in{flex-direction:column;flex:1 0 auto;animation:.2s ease-out both drawer-content-fade-in;display:flex}@keyframes drawer-content-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.drawer__fade-in{animation:none}}.drawer--is-open .drawer__content,.drawer--is-open .drawer__blur-bg{opacity:1}.drawer--is-open .drawer__content{transform:translateX(calc(-1 * var(--drawer-layer-offset,0px)))}.drawer__close{z-index:1;cursor:pointer;background:0 0;border:0;flex-grow:1;flex-shrink:0;position:relative}.drawer__close:active,.drawer__close:focus{outline:0}.drawer__header{padding:var(--spacer-2-5) var(--spacer-3) var(--spacer-2-5) var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border);background:var(--color-bg);align-items:center;gap:var(--spacer-1);display:flex}.drawer__header__title{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--color-text);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-strong-letter-spacing);flex:1 0 0;margin:0;overflow:hidden}.drawer__header__close{border:0;margin:0;padding:0}.drawer__header__actions{gap:var(--spacer-2);align-items:center;display:flex}}
