:root{--mcc-drawer-width: 17.5rem;--mcc-drawer-height: 8rem}.mcc-drawer{--mds-drawer-base-background-color: var(--mds-drawer-background-color, var(--mds-ui-color-01, #fff));--mds-drawer-base-color: var(--mds-drawer-color, currentcolor);--mds-drawer-base-border-width: var(--mds-drawer-border-width, 1px);--mds-drawer-base-border-color: var(--mds-drawer-border-color, var(--mds-border-color, #e0e0e7));--mds-drawer-base-subtitle-color: var(--mds-drawer-subtitle-color, var(--mds-text-color-muted, #666679));--mds-drawer-resize-control-inset-inline: auto;--mds-drawer-resize-control-justify-content: normal;--mds-drawer-base-resize-control-inline-size: var(--mds-drawer-resize-control-inline-size, var(--mds-spacing-06, 1.5rem));--mds-drawer-base-grab-area-line-inline-size: var(--mds-drawer-grab-area-line-inline-size, var(--mds-spacing-02, .25rem));--mds-drawer-base-grab-area-line-background-color: var(--mds-drawer-grab-area-line-background-color, transparent);--mds-drawer-base-grab-area-line-background-color-focus: var(--mds-drawer-grab-area-line-background-color-focus, var(--mds-color-secondary, #666679));background-color:var(--mds-drawer-base-background-color)}.mcc-drawer:not(:is(.mcc-drawer--top,.mcc-drawer--bottom)){width:min(var(--mcc-drawer-width),100%)}.mcc-drawer:not(:is(.mcc-drawer--top,.mcc-drawer--bottom)):has(.mcc-drawer__resize-control button:is(:hover,:focus-within)){z-index:1041}.mcc-drawer:not(:is(.mcc-drawer--top,.mcc-drawer--bottom)) .mcc-drawer__resize-control{position:absolute;overflow:hidden;inset-block:0;inset-inline:var(--mds-drawer-resize-control-inset-inline)}.mcc-drawer:not(:is(.mcc-drawer--top,.mcc-drawer--bottom)) .mcc-drawer__resize-control button{display:flex;justify-content:var(--mds-drawer-resize-control-justify-content);outline:0;border:0;padding:0;block-size:100%;inline-size:var(--mds-drawer-base-resize-control-inline-size);background-color:transparent;cursor:ew-resize}.mcc-drawer:not(:is(.mcc-drawer--top,.mcc-drawer--bottom)) .mcc-drawer__resize-control button .mcc-drawer__grab-area-line{display:block;opacity:var(--mds-drawer-grab-area-line-opacity, 0);transition:.15s cubic-bezier(0,0,.3,1);transition-property:opacity;block-size:100%;inline-size:var(--mds-drawer-base-grab-area-line-inline-size);background-color:var(--mds-drawer-base-grab-area-line-background-color)}.mcc-drawer:not(:is(.mcc-drawer--top,.mcc-drawer--bottom)) .mcc-drawer__resize-control button .mcc-drawer__grab-area-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mcc-drawer:not(:is(.mcc-drawer--top,.mcc-drawer--bottom)) .mcc-drawer__resize-control button:is(:hover,:focus-within){--mds-drawer-base-grab-area-line-background-color: var(--mds-drawer-base-grab-area-line-background-color-focus);--mds-drawer-grab-area-line-opacity: 1;--mds-drawer-grab-area-line-transition: global.$duration-fast-01 global.motion(exit, expressive)}.mcc-drawer.mcc-drawer--start{--mds-drawer-resize-control-inset-inline: 100% auto;--mds-drawer-resize-control-justify-content: flex-start;border-right:var(--mds-drawer-base-border-width) solid var(--mds-drawer-base-border-color);height:100%;min-height:100vh;min-height:100dvh}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none) and (display: flow-root){.mcc-drawer.mcc-drawer--start{min-height:100vh}}}.mcc-drawer.mcc-drawer--end{--mds-drawer-resize-control-inset-inline: auto 100%;--mds-drawer-resize-control-justify-content: flex-end;border-left:var(--mds-drawer-base-border-width) solid var(--mds-drawer-base-border-color);height:100%;min-height:100vh;min-height:100dvh}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none) and (display: flow-root){.mcc-drawer.mcc-drawer--end{min-height:100vh}}}.mcc-drawer:not(.mcc-drawer--start):not(.mcc-drawer--end){height:min(var(--mcc-drawer-height),100%);width:100%}.mcc-drawer.mcc-drawer--top{border-bottom:var(--mds-drawer-base-border-width) solid var(--mds-drawer-base-border-color)}.mcc-drawer.mcc-drawer--bottom{border-top:var(--mds-drawer-base-border-width) solid var(--mds-drawer-base-border-color)}[type=modal].mcc-drawer--w-sm{--mcc-drawer-width: 18.75rem}[type=modal].mcc-drawer--w-md{--mcc-drawer-width: 33.75rem}[type=modal].mcc-drawer--w-lg{--mcc-drawer-width: 41.25rem}[type=modal].mcc-drawer--w-xl{--mcc-drawer-width: 45rem}.mcc-drawer__content{height:100vh;height:100dvh;overflow-y:auto}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none) and (display: flow-root){.mcc-drawer__content{height:100vh}}}.mcc-drawer__header{padding:1rem}@media (min-width: 48em){.mcc-drawer__header{padding:1.5rem}}@media (min-width: 62em){.mcc-drawer__header{padding:2rem}}@media (min-width: 80em){.mcc-drawer__header{padding:2.5rem}}.mcc-drawer__header~.mcc-drawer__body{padding-top:0}.mcc-drawer__title{margin-block-end:0;font-size:1.125rem;font-weight:600;line-height:1.556em;color:var(--mds-drawer-base-color)}@media (max-width: 1280px){.mcc-drawer__title{font-size:calc(1.0125rem + .140625vw)}}.mcc-drawer__subtitle{font-size:.875rem;color:var(--mds-drawer-base-subtitle-color)}.mcc-drawer__body{flex:1;padding:1rem}@media (min-width: 48em){.mcc-drawer__body{padding:1.5rem}}@media (min-width: 62em){.mcc-drawer__body{padding:2rem}}@media (min-width: 80em){.mcc-drawer__body{padding:2.5rem}}.mcc-drawer__footer{border-top:var(--mds-drawer-base-border-width) solid var(--mds-drawer-base-border-color);padding:1rem}@media (min-width: 48em){.mcc-drawer__footer{padding:1rem 1.5rem}}@media (min-width: 62em){.mcc-drawer__footer{padding:1rem 2rem}}@media (min-width: 80em){.mcc-drawer__footer{padding:1.5rem 2.5rem}}.mcc-drawer-app-content{flex:1;height:100%;margin-left:0;margin-right:0;overflow:auto}.mcc-drawer-frame{display:flex;height:100vh;height:100dvh}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none) and (display: flow-root){.mcc-drawer-frame{height:100vh}}}
/* Mosaic Design System | drawer | v1.7.5 */
/*# sourceMappingURL=drawer.min.css.map */
