@layer payload-default{.drawer{--gutter-h:var(--spacer-4);--gutter-v:var(--spacer-4);justify-content:flex-end;display:flex;position:fixed;inset:0;overflow:hidden}@media (max-width:768px){.drawer{--gutter-h:var(--spacer-3)}}.drawer.drawer--is-open{visibility:visible}.drawer__blur-bg{z-index:1;background:var(--color-drawer-backdrop);opacity:0;position:absolute;inset:0}.drawer__content{z-index:2;background-color:var(--color-bg);width:clamp(600px,40vw,1080px);max-width:100vw;box-shadow:var(--elevation-400-menu-panel);opacity:0;transition:transform .1s ease-out;position:relative;container:drawer/inline-size}.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{gap:var(--spacer-1);padding:var(--spacer-2-5) var(--spacer-3) var(--spacer-2-5) var(--spacer-2);background:var(--color-bg);border-bottom:var(--stroke-width-small) solid var(--color-border);align-items:center;display:flex}.drawer__header__title{text-overflow:ellipsis;min-width:0;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);color:var(--color-text);letter-spacing:var(--text-body-medium-strong-letter-spacing);white-space:nowrap;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}}
@layer payload-default{dialog:has(>.dialog){background:var(--color-modalbackdrop);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{--dialog-max-height:calc(100dvh - var(--spacer-5));width:var(--dialog-width);max-width:calc(100vw - var(--spacer-5));max-height:var(--dialog-max-height);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text);letter-spacing:var(--text-body-medium-letter-spacing);background:var(--color-bg);border-radius:var(--radius-large);box-shadow:var(--elevation-500-modal-window);flex-direction:column;display:flex;position:relative;overflow:clip}.dialog--small{--dialog-width:280px}.dialog--medium{--dialog-width:480px}.dialog--large{--dialog-width:640px}.dialog__header{gap:var(--spacer-2);min-height:var(--spacer-6);padding:var(--spacer-2) var(--spacer-3);border-bottom:var(--stroke-width-small) solid var(--color-border);flex-shrink:0;align-items:center;display:flex}.dialog__header--has-close{padding-inline-end:var(--spacer-2)}.dialog__title{min-width:0;font-weight:var(--text-body-medium-strong-font-weight);letter-spacing:var(--text-body-medium-letter-spacing);flex:1 0 0;margin:0}.dialog__header-extras{gap:var(--spacer-1);align-items:center;display:flex}.dialog__body{min-height:0;padding:var(--spacer-3);flex:auto;overflow-y:auto}.dialog:has(.dialog__header) .dialog__body{padding-top:var(--spacer-2)}.dialog:has(.dialog__footer) .dialog__body{padding-bottom:var(--spacer-2)}.dialog__footer{gap:var(--spacer-2);padding-block:var(--spacer-2);flex-shrink:0;justify-content:flex-end;padding-inline-start:var(--spacer-3);padding-inline-end:var(--spacer-2);display:flex}}
@layer payload-default{.confirmation-modal__body{gap:var(--spacer-2);flex-direction:column;display:flex}}
@layer payload-default{.spinner{gap:var(--spacer-1);color:var(--color-icon-secondary);align-items:center;display:flex}.spinner--sm{gap:calc(var(--spacer-1) / 2)}.spinner--sm .spinner__text{font-size:var(--text-caption-font-size)}.spinner--md .spinner__text{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.spinner--lg .spinner__text{font-family:var(--text-body-large-font-family);font-size:var(--text-body-large-font-size);font-weight:var(--text-body-large-font-weight);line-height:var(--text-body-large-line-height);letter-spacing:var(--text-body-large-letter-spacing)}}
@layer payload-default{.loading-overlay{z-index:calc(var(--z-status) + 1);pointer-events:none;isolation:isolate;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:left .25s,width .25s;display:flex;position:fixed;top:0;bottom:0;left:0}.loading-overlay--entering{pointer-events:all;opacity:1;animation:fade-in}.loading-overlay--exiting{opacity:0;animation:fade-out}.loading-overlay--drawer:after{background-color:var(--color-bg);opacity:1}.loading-overlay--drawer.loading-overlay--entering{opacity:1;animation:none}.loading-overlay--drawer .spinner{opacity:0;animation:.2s .45s forwards fade-in}@media (prefers-reduced-motion:reduce){.loading-overlay--drawer .spinner{opacity:1;animation:none}}.loading-overlay:after{z-index:-1;content:"";background-color:var(--color-bg);opacity:.85;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}}
