.mcc-dialog-drawer{--mcc-dialog-drawer-position: static;--mcc-dialog-drawer-display: none;--mcc-dialog-drawer-transform: none;--mcc-dialog-drawer-transition: initial;--mds-dialog-drawer-slot-border-block-start: 0;--mds-dialog-drawer-slot-background-color: transparent;position:var(--mcc-dialog-drawer-position);z-index:1050;inset-block-end:0;inset-inline:0;display:var(--mcc-dialog-drawer-display);transform:var(--mcc-dialog-drawer-transform);transition:var(--mcc-dialog-drawer-transition);transition-property:transform;border-start-start-radius:.375rem;border-start-end-radius:.375rem;border-block-start:1px solid var(--mds-border-color, #e0e0e7);background-color:var(--mds-ui-color-01, #fff)}.mcc-dialog-drawer--open{--mcc-dialog-drawer-display: block}.mcc-dialog-drawer--closed{--mcc-dialog-drawer-display: none}.mcc-dialog-drawer--animate{--mcc-dialog-drawer-transform: translateY(100%)}.mcc-dialog-drawer--opening{--mcc-dialog-drawer-transform: translateY(0);--mcc-dialog-drawer-transition: .24s cubic-bezier(0, 0, .38, .9)}.mcc-dialog-drawer--closing{--mcc-dialog-drawer-transform: translateY(100%);--mcc-dialog-drawer-transition: .15s cubic-bezier(.2, 0, 1, .9)}.mcc-dialog-drawer[position=absolute]{--mcc-dialog-drawer-position: absolute}.mcc-dialog-drawer[position=fixed]{--mcc-dialog-drawer-position: fixed}.mcc-dialog-drawer+.mcc-dialog-drawer__scrim{--mcc-dialog-drawer-scrim-display: none;--mcc-dialog-drawer-scrim-opacity: 1;--mcc-dialog-drawer-scrim-transition: initial;position:absolute;z-index:1049;inset:0;display:var(--mcc-dialog-drawer-scrim-display);opacity:var(--mcc-dialog-drawer-scrim-opacity);transition:var(--mcc-dialog-drawer-scrim-transition);transition-property:opacity;background-color:var(--mds-backdrop)}.mcc-dialog-drawer--animate+.mcc-dialog-drawer__scrim{--mcc-dialog-drawer-scrim-opacity: 0}.mcc-dialog-drawer--opening+.mcc-dialog-drawer__scrim{--mcc-dialog-drawer-scrim-opacity: 1;--mcc-dialog-drawer-scrim-transition: .24s cubic-bezier(0, 0, .38, .9)}.mcc-dialog-drawer--closing+.mcc-dialog-drawer__scrim{--mcc-dialog-drawer-scrim-opacity: 0;--mcc-dialog-drawer-scrim-transition: .15s cubic-bezier(.2, 0, 1, .9)}.mcc-dialog-drawer--open+.mcc-dialog-drawer__scrim{--mcc-dialog-drawer-scrim-display: block}.mcc-dialog-drawer__slot{z-index:inherit;overflow-y:auto;block-size:100%;inline-size:100%;border-block-start:var(--mds-dialog-drawer-slot-border-block-start);border-start-start-radius:.375rem;border-start-end-radius:.375rem;background-color:var(--mds-dialog-drawer-slot-background-color)}.mcc-dialog-drawer--primary .mcc-dialog-drawer__slot{--mds-dialog-drawer-slot-background-color: var(--mds-color-primary-soft, #e7f2fa);--mds-dialog-drawer-slot-border-block-start: 6px solid var(--mds-color-primary-border, #1078cf)}.mcc-dialog-drawer--secondary .mcc-dialog-drawer__slot{--mds-dialog-drawer-slot-background-color: var(--mds-color-secondary-soft, #eeeef1);--mds-dialog-drawer-slot-border-block-start: 6px solid var(--mds-color-secondary-border, #666679)}.mcc-dialog-drawer--success .mcc-dialog-drawer__slot{--mds-dialog-drawer-slot-background-color: var(--mds-color-success-soft, #ecf2ec);--mds-dialog-drawer-slot-border-block-start: 6px solid var(--mds-color-success-border, #458045)}.mcc-dialog-drawer--info .mcc-dialog-drawer__slot{--mds-dialog-drawer-slot-background-color: var(--mds-color-info-soft, #e8f2f2);--mds-dialog-drawer-slot-border-block-start: 6px solid var(--mds-color-info-border, #157a80)}.mcc-dialog-drawer--warning .mcc-dialog-drawer__slot{--mds-dialog-drawer-slot-background-color: var(--mds-color-warning-soft, #fef6e6);--mds-dialog-drawer-slot-border-block-start: 6px solid var(--mds-color-warning-border, #f2a900)}.mcc-dialog-drawer--danger .mcc-dialog-drawer__slot{--mds-dialog-drawer-slot-background-color: var(--mds-color-danger-soft, #fcebec);--mds-dialog-drawer-slot-border-block-start: 6px solid var(--mds-color-danger-border, #dc3545)}.mcc-dialog-drawer--muted .mcc-dialog-drawer__slot{--mds-dialog-drawer-slot-background-color: var(--mds-color-muted, #d5d6e0);--mds-dialog-drawer-slot-border-block-start: 6px solid var(--mds-color-muted-border, #9393a7)}.mcc-dialog-drawer--light .mcc-dialog-drawer__slot{--mds-dialog-drawer-slot-background-color: var(--mds-color-light-soft, #eeeef1);--mds-dialog-drawer-slot-border-block-start: 6px solid var(--mds-color-light-border, #d5d6e0)}.mcc-dialog-drawer--dark .mcc-dialog-drawer__slot{--mds-dialog-drawer-slot-background-color: var(--mds-color-dark-soft, #a5a5b6);--mds-dialog-drawer-slot-border-block-start: 6px solid var(--mds-color-dark-border, #7f7f95)}.mcc-dialog-drawer__content{overflow-y:auto;padding:var(--mds-spacing-05, 1rem);max-block-size:100vh;max-block-size:100dvh}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none) and (display: flow-root){.mcc-dialog-drawer__content{max-block-size:100vh}}}@media (min-width: 62em){.mcc-dialog-drawer__content{padding:calc(var(--mds-spacing-05, 1rem) * 2)}}
/* Mosaic Design System | dialog-drawer | v0.2.4 */
/*# sourceMappingURL=dialog-drawer.js.min.css.map */