.mcc-dropdown{--mds-dropdown-base-border-width: var(--mds-dropdown-border-width, 1px);--mds-dropdown-base-border-color: var(--mds-dropdown-border-color, var(--mds-overlay-border-color, #a5a5b6));--mds-dropdown-base-background-color: var(--mds-dropdown-background-color, var(--mds-overlay-bg-color, #fff));--mds-dropdown-base-color: var(--mds-dropdown-color, var(--mds-text-color-default, #161616));--mds-dropdown-base-item-color: var(--mds-dropdown-item-color, inherit);--mds-dropdown-base-item-background-color-hover: var(--mds-dropdown-item-background-color-hover, var(--mds-hover-color, rgba(102, 102, 121, .1)));--mds-dropdown-base-item-color-hover: var(--mds-dropdown-item-color-hover, inherit);--mds-dropdown-base-item-background-color-active: var(--mds-dropdown-item-background-color-active, var(--mds-active-color, #348cd6));--mds-dropdown-base-item-color-active: var(--mds-dropdown-item-color-active, var(--mds-active-color-on, #fff));--mds-dropdown-base-danger-item-color: var(--mds-dropdown-danger-item-color, var(--mds-text-color-danger, #dc3545));--mds-dropdown-base-danger-item-icon-fill: var(--mds-dropdown-danger-item-icon-fill, var(--mds-color-danger, #dc3545));--mds-dropdown-base-danger-item-color-hover: var(--mds-dropdown-danger-item-color-hover, var(--mds-text-color-danger, #dc3545));--mds-dropdown-base-danger-item-color-active: var(--mds-dropdown-danger-item-color-active, var(--mds-color-danger-on, #fff));--mds-dropdown-base-danger-item-background-color-active: var(--mds-dropdown-danger-item-background-color-active, var(--mds-color-danger, #dc3545));--mds-dropdown-base-item-color-disabled: var(--mds-dropdown-item-color-disabled, var(--mds-disabled-color, #a5a5b6));--mds-dropdown-base-item-icon-size: var(--mds-dropdown-item-icon-size, 1.5rem);--mds-dropdown-base-divider-color: var(--mds-dropdown-divider-color, var(--mds-border-color, #e0e0e7));--mds-dropdown-base-overline-color: var(--mds-dropdown-overline-color, var(--mds-text-color-muted, #666679));position:relative;display:inline-flex}.mcc-dropdown>summary{list-style:none;line-height:normal}.mcc-dropdown>summary::marker{display:none;content:""}.mcc-dropdown>summary::-webkit-details-marker{display:none;content:""}.mcc-dropdown>summary:focus{--mds-outline-offset: .125rem;--mds-outline-color: var(--mds-ui-color-07, #161616);outline:.125rem solid var(--mds-dropdown-summary-focus-ouline-color, var(--mds-outline-color));outline-offset:calc(var(--mds-outline-offset) * -1);border-radius:.375rem}.mcc-dropdown>summary .mcc-button:focus{outline:none}.mcc-dropdown>summary .mcc-button__dropdown-caret svg{transform:rotate(0);transition:.11s cubic-bezier(.2,0,.38,.9);transition-property:transform}[open].mcc-dropdown>summary .mcc-button__dropdown-caret svg{transform:rotate(-180deg)}.mcc-dropdown__menu{position:absolute;inset:100% auto auto 0;margin:.5rem 0 0;width:12.5rem;box-shadow:0 1px 15px 1px var(--mds-overlay-shadow-color, rgba(0, 0, 0, .15));border-radius:.375rem;border:var(--mds-dropdown-base-border-width) solid var(--mds-dropdown-base-border-color);padding:.5rem 0;background:var(--mds-dropdown-base-background-color);color:var(--mds-dropdown-base-color);background-clip:padding-box;list-style:none;z-index:1000;transition:max-height .11s cubic-bezier(.2,0,.38,.9);max-height:0;overflow:hidden;transition:.11s cubic-bezier(.2,0,.38,.9);transition-property:max-height}@media (forced-colors: active){.mcc-dropdown__menu{border-width:2px}}.mcc-dropdown__menu *>a,.mcc-dropdown__menu *>button:not(.mcc-button){display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:2.5rem;border:none;padding:.5rem 1rem;background:transparent;color:var(--mds-dropdown-base-item-color);text-align:left;text-decoration:none;transition:70ms cubic-bezier(0,0,.38,.9);transition-property:background-color,border-color;cursor:pointer}.mcc-dropdown__menu *>a .mcc-icon:first-child,.mcc-dropdown__menu *>button:not(.mcc-button) .mcc-icon:first-child{margin-right:.5rem}.mcc-dropdown__menu *>a .mcc-icon:first-child svg,.mcc-dropdown__menu *>button:not(.mcc-button) .mcc-icon:first-child svg{--mds-icon-fill: currentcolor;width:var(--mds-dropdown-base-item-icon-size);height:var(--mds-dropdown-base-item-icon-size);transition:70ms cubic-bezier(0,0,.38,.9);transition-property:fill}@media (forced-colors: active){.mcc-dropdown__menu *>a,.mcc-dropdown__menu *>button:not(.mcc-button){color:LinkText}}@media (forced-colors: none){.mcc-dropdown__menu *>a.mcc-dropdown__danger-button,.mcc-dropdown__menu *>button:not(.mcc-button).mcc-dropdown__danger-button{color:var(--mds-dropdown-base-danger-item-color)}.mcc-dropdown__menu *>a.mcc-dropdown__danger-button svg,.mcc-dropdown__menu *>button:not(.mcc-button).mcc-dropdown__danger-button svg{fill:var(--mds-dropdown-base-danger-item-icon-fill)}.mcc-dropdown__menu *>a.mcc-dropdown__danger-button:hover,.mcc-dropdown__menu *>button:not(.mcc-button).mcc-dropdown__danger-button:hover{color:var(--mds-dropdown-base-danger-item-color-hover)}.mcc-dropdown__menu *>a.mcc-dropdown__danger-button:active,.mcc-dropdown__menu *>button:not(.mcc-button).mcc-dropdown__danger-button:active{background-color:var(--mds-dropdown-base-danger-item-background-color-active);color:var(--mds-dropdown-base-danger-item-color-active)}.mcc-dropdown__menu *>a.mcc-dropdown__danger-button:active svg,.mcc-dropdown__menu *>button:not(.mcc-button).mcc-dropdown__danger-button:active svg{fill:currentcolor}}.mcc-dropdown__menu *>a:where(:not([disabled],.mu-is-disabled)):hover,.mcc-dropdown__menu *>button:not(.mcc-button):where(:not([disabled],.mu-is-disabled)):hover{background:var(--mds-dropdown-base-item-background-color-hover);text-decoration:none}@media (forced-colors: none){.mcc-dropdown__menu *>a:where(:not([disabled],.mu-is-disabled)):hover,.mcc-dropdown__menu *>button:not(.mcc-button):where(:not([disabled],.mu-is-disabled)):hover{color:var(--mds-dropdown-base-item-color-hover)}}.mcc-dropdown__menu *>a:where(:not([disabled],.mu-is-disabled)):active,.mcc-dropdown__menu *>button:not(.mcc-button):where(:not([disabled],.mu-is-disabled)):active{background:var(--mds-dropdown-base-item-background-color-active);text-decoration:none;outline:0}@media (forced-colors: none){.mcc-dropdown__menu *>a:where(:not([disabled],.mu-is-disabled)):active,.mcc-dropdown__menu *>button:not(.mcc-button):where(:not([disabled],.mu-is-disabled)):active{color:var(--mds-dropdown-base-item-color-active)}}.mcc-dropdown__menu *>a:where(:not([disabled],.mu-is-disabled)):active svg,.mcc-dropdown__menu *>button:not(.mcc-button):where(:not([disabled],.mu-is-disabled)):active svg{fill:currentcolor}.mcc-dropdown__menu *>a:is([disabled],.mu-is-disabled),.mcc-dropdown__menu *>button:not(.mcc-button):is([disabled],.mu-is-disabled){color:var(--mds-dropdown-base-item-color-disabled);cursor:not-allowed}.mcc-dropdown__menu *>a:is([disabled],.mu-is-disabled):focus,.mcc-dropdown__menu *>button:not(.mcc-button):is([disabled],.mu-is-disabled):focus{outline:0}.mcc-dropdown__menu *>a:focus,.mcc-dropdown__menu *>button:not(.mcc-button):focus{--mds-outline-offset: .125rem;--mds-outline-color: var(--mds-ui-color-07, #161616);outline:.125rem solid var(--mds-dropdown-item-focus-ouline-color, var(--mds-outline-color));outline-offset:calc(var(--mds-outline-offset) * -1)}.mcc-dropdown__menu ul{margin:0;padding:0;list-style:none}.mcc-dropdown__drilldown ul,.mcc-dropdown__drilldown li{padding:0;margin:0;list-style:none}.mcc-dropdown__drilldown li>button{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:2.5rem;border:none;padding:.5rem 1rem;background:transparent;color:var(--mds-dropdown-base-item-color);text-align:left;text-decoration:none;transition:70ms cubic-bezier(0,0,.38,.9);transition-property:background-color,border-color;cursor:pointer}.mcc-dropdown__drilldown li>button .mcc-icon:first-child{margin-right:.5rem}.mcc-dropdown__drilldown li>button .mcc-icon:first-child svg{--mds-icon-fill: currentcolor;width:var(--mds-dropdown-base-item-icon-size);height:var(--mds-dropdown-base-item-icon-size);transition:70ms cubic-bezier(0,0,.38,.9);transition-property:fill}@media (forced-colors: active){.mcc-dropdown__drilldown li>button{color:LinkText}}@media (forced-colors: none){.mcc-dropdown__drilldown li>button.mcc-dropdown__danger-button{color:var(--mds-dropdown-base-danger-item-color)}.mcc-dropdown__drilldown li>button.mcc-dropdown__danger-button svg{fill:var(--mds-dropdown-base-danger-item-icon-fill)}.mcc-dropdown__drilldown li>button.mcc-dropdown__danger-button:hover{color:var(--mds-dropdown-base-danger-item-color-hover)}.mcc-dropdown__drilldown li>button.mcc-dropdown__danger-button:active{background-color:var(--mds-dropdown-base-danger-item-background-color-active);color:var(--mds-dropdown-base-danger-item-color-active)}.mcc-dropdown__drilldown li>button.mcc-dropdown__danger-button:active svg{fill:currentcolor}}.mcc-dropdown__drilldown li>button:where(:not([disabled],.mu-is-disabled)):hover{background:var(--mds-dropdown-base-item-background-color-hover);text-decoration:none}@media (forced-colors: none){.mcc-dropdown__drilldown li>button:where(:not([disabled],.mu-is-disabled)):hover{color:var(--mds-dropdown-base-item-color-hover)}}.mcc-dropdown__drilldown li>button:where(:not([disabled],.mu-is-disabled)):active{background:var(--mds-dropdown-base-item-background-color-active);text-decoration:none;outline:0}@media (forced-colors: none){.mcc-dropdown__drilldown li>button:where(:not([disabled],.mu-is-disabled)):active{color:var(--mds-dropdown-base-item-color-active)}}.mcc-dropdown__drilldown li>button:where(:not([disabled],.mu-is-disabled)):active svg{fill:currentcolor}.mcc-dropdown__drilldown li>button:is([disabled],.mu-is-disabled){color:var(--mds-dropdown-base-item-color-disabled);cursor:not-allowed}.mcc-dropdown__drilldown li>button:is([disabled],.mu-is-disabled):focus{outline:0}.mcc-dropdown__drilldown .mcc-drilldown-submenu{background-color:var(--mds-dropdown-base-background-color)}.mcc-dropdown__flyout ul,.mcc-dropdown__flyout li{padding:0;margin:0;list-style:none}.mcc-dropdown__flyout li>button{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:2.5rem;border:none;padding:.5rem 1rem;background:transparent;color:var(--mds-dropdown-base-item-color);text-align:left;text-decoration:none;transition:70ms cubic-bezier(0,0,.38,.9);transition-property:background-color,border-color;cursor:pointer}.mcc-dropdown__flyout li>button .mcc-icon:first-child{margin-right:.5rem}.mcc-dropdown__flyout li>button .mcc-icon:first-child svg{--mds-icon-fill: currentcolor;width:var(--mds-dropdown-base-item-icon-size);height:var(--mds-dropdown-base-item-icon-size);transition:70ms cubic-bezier(0,0,.38,.9);transition-property:fill}@media (forced-colors: active){.mcc-dropdown__flyout li>button{color:LinkText}}@media (forced-colors: none){.mcc-dropdown__flyout li>button.mcc-dropdown__danger-button{color:var(--mds-dropdown-base-danger-item-color)}.mcc-dropdown__flyout li>button.mcc-dropdown__danger-button svg{fill:var(--mds-dropdown-base-danger-item-icon-fill)}.mcc-dropdown__flyout li>button.mcc-dropdown__danger-button:hover{color:var(--mds-dropdown-base-danger-item-color-hover)}.mcc-dropdown__flyout li>button.mcc-dropdown__danger-button:active{background-color:var(--mds-dropdown-base-danger-item-background-color-active);color:var(--mds-dropdown-base-danger-item-color-active)}.mcc-dropdown__flyout li>button.mcc-dropdown__danger-button:active svg{fill:currentcolor}}.mcc-dropdown__flyout li>button:where(:not([disabled],.mu-is-disabled)):hover{background:var(--mds-dropdown-base-item-background-color-hover);text-decoration:none}@media (forced-colors: none){.mcc-dropdown__flyout li>button:where(:not([disabled],.mu-is-disabled)):hover{color:var(--mds-dropdown-base-item-color-hover)}}.mcc-dropdown__flyout li>button:where(:not([disabled],.mu-is-disabled)):active{background:var(--mds-dropdown-base-item-background-color-active);text-decoration:none;outline:0}@media (forced-colors: none){.mcc-dropdown__flyout li>button:where(:not([disabled],.mu-is-disabled)):active{color:var(--mds-dropdown-base-item-color-active)}}.mcc-dropdown__flyout li>button:where(:not([disabled],.mu-is-disabled)):active svg{fill:currentcolor}.mcc-dropdown__flyout li>button:is([disabled],.mu-is-disabled){color:var(--mds-dropdown-base-item-color-disabled);cursor:not-allowed}.mcc-dropdown__flyout li>button:is([disabled],.mu-is-disabled):focus{outline:0}.mcc-dropdown__flyout .mcc-flyout-submenu{width:180px;box-shadow:0 1px 15px 1px var(--mds-overlay-shadow-color, rgba(0, 0, 0, .15));border-radius:.375rem;border:var(--mds-dropdown-base-border-width) solid var(--mds-dropdown-base-border-color);padding:.5rem 0;background:var(--mds-dropdown-base-background-color);color:var(--mds-dropdown-base-color);background-clip:padding-box;list-style:none;z-index:1000;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}@media (forced-colors: active){.mcc-dropdown__flyout .mcc-flyout-submenu{border-width:2px}}details.mcc-dropdown[open]>summary:before{position:fixed;inset:0;z-index:80;display:block;cursor:default;content:"";background:transparent}details.mcc-dropdown[open]>summary .mcc-button__dropdown-caret svg{transform:rotate(-180deg)}details.mcc-dropdown[open]>summary .mcc-button--primary{--mds-button-border-color: var(--mds-color-primary-active, #134773);--mds-button-background-color: var(--mds-color-primary-active, #134773)}details.mcc-dropdown[open]>summary .mcc-button--secondary{--mds-button-border-color: var(--mds-color-secondary-active, #32333d);--mds-button-background-color: var(--mds-color-secondary-active, #32333d)}details.mcc-dropdown[open]>summary .mcc-button--success{--mds-button-border-color: var(--mds-color-success-active, #2e4b2e);--mds-button-background-color: var(--mds-color-success-active, #2e4b2e)}details.mcc-dropdown[open]>summary .mcc-button--info{--mds-button-border-color: var(--mds-color-info-active, #16484b);--mds-button-background-color: var(--mds-color-info-active, #16484b)}details.mcc-dropdown[open]>summary .mcc-button--warning{--mds-button-border-color: var(--mds-color-warning-active, #84600b);--mds-button-background-color: var(--mds-color-warning-active, #84600b);--mds-button-color: #fff}details.mcc-dropdown[open]>summary .mcc-button--danger{--mds-button-border-color: var(--mds-color-danger-active, #79262e);--mds-button-background-color: var(--mds-color-danger-active, #79262e)}details.mcc-dropdown[open]>summary .mcc-button--muted{--mds-button-border-color: var(--mds-color-muted-active, #7e7e96);--mds-button-background-color: var(--mds-color-muted-active, #7e7e96)}details.mcc-dropdown[open]>summary .mcc-button--light{--mds-button-border-color: var(--mds-color-light-active, #a5a5b6);--mds-button-background-color: var(--mds-color-light-active, #a5a5b6)}details.mcc-dropdown[open]>summary .mcc-button--dark{--mds-button-border-color: var(--mds-color-dark-active, #41424f);--mds-button-background-color: var(--mds-color-dark-active, #41424f)}details.mcc-dropdown[open]>summary .mcc-button--soft-primary{--mds-button-background-color: var(--mds-color-primary-soft-active, #88bce7)}details.mcc-dropdown[open]>summary .mcc-button--soft-secondary{--mds-button-background-color: var(--mds-color-secondary-soft-active, #d5d6e0)}details.mcc-dropdown[open]>summary .mcc-button--soft-success{--mds-button-background-color: var(--mds-color-success-soft-active, #a2c0a2)}details.mcc-dropdown[open]>summary .mcc-button--soft-info{--mds-button-background-color: var(--mds-color-info-soft-active, #8abdc0)}details.mcc-dropdown[open]>summary .mcc-button--soft-warning{--mds-button-background-color: var(--mds-color-warning-soft-active, #f9d480)}details.mcc-dropdown[open]>summary .mcc-button--soft-danger{--mds-button-background-color: var(--mds-color-danger-soft-active, #ee9aa2)}details.mcc-dropdown[open]>summary .mcc-button--soft-muted{--mds-button-background-color: var(--mds-color-muted-active, #bfc1d0)}details.mcc-dropdown[open]>summary .mcc-button--soft-light{--mds-button-background-color: var(--mds-color-light-soft-active, #d5d6e0)}details.mcc-dropdown[open]>summary .mcc-button--soft-dark{--mds-button-background-color: var(--mds-color-dark-soft-active, #7f7f95)}details.mcc-dropdown[open]>summary .mcc-button--outline{--mds-button-background-color: var(--mds-ui-color-04, #d5d6e0)}details.mcc-dropdown[open]>summary .mcc-button--ghost{--mds-button-background-color: var(--mds-color-secondary-soft-active, #d5d6e0)}mcc-dropdown details.mcc-dropdown[open]>summary:before{content:unset}details.mcc-dropdown[open] .mcc-dropdown__menu{max-height:200em;overflow:auto;transition:.11s cubic-bezier(0,0,.38,.9);transition-property:max-height}.mcc-dropdown.mcc-dropdown--nw .mcc-dropdown__menu{position:absolute;inset:auto 0 100% auto;margin:0 0 .5rem}.mcc-dropdown.mcc-dropdown--n .mcc-dropdown__menu{position:absolute;inset:auto 50% 100% auto;margin:0 0 .5rem;transform:translate(50%)}.mcc-dropdown.mcc-dropdown--ne .mcc-dropdown__menu{position:absolute;inset:auto auto 100% 0;margin:0 0 .5rem}.mcc-dropdown.mcc-dropdown--e .mcc-dropdown__menu{position:absolute;inset:0 auto auto 100%;margin:0 0 0 .5rem}.mcc-dropdown.mcc-dropdown--se .mcc-dropdown__menu{position:absolute;inset:100% auto auto 0;margin:.5rem 0 0}.mcc-dropdown.mcc-dropdown--s .mcc-dropdown__menu{position:absolute;inset:100% 50% auto auto;margin:.5rem 0 0;transform:translate(50%)}.mcc-dropdown.mcc-dropdown--sw .mcc-dropdown__menu{position:absolute;inset:100% 0 auto auto;margin:.5rem 0 0}.mcc-dropdown.mcc-dropdown--w .mcc-dropdown__menu{position:absolute;inset:0 100% auto auto;margin:0 .5rem 0 0}.mcc-dropdown__toggle-icon{margin-left:.5rem;transform:rotate(0);transition:.11s cubic-bezier(.2,0,.38,.9);transition-property:transform}[open].mcc-dropdown__toggle-icon,.mcc-dropdown[open] .mcc-dropdown__toggle-icon{transform:rotate(-180deg)}.mcc-dropdown__header{display:block;padding:.5rem 1rem;margin-bottom:0;white-space:nowrap;text-transform:uppercase;font-size:.75rem;line-height:1.833em;font-weight:700;color:var(--mds-dropdown-base-overline-color)}.mcc-dropdown__divider{display:block;height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid var(--mds-dropdown-base-divider-color)}.mcc-dropdown__item{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:2.5rem;border:none;padding:.5rem 1rem;background:transparent;color:var(--mds-dropdown-base-item-color);text-align:left;text-decoration:none}.mcc-dropdown__item .mcc-icon:first-child{margin-right:.5rem}.mcc-dropdown__item .mcc-icon:first-child svg{--mds-icon-fill: currentcolor;width:var(--mds-dropdown-base-item-icon-size);height:var(--mds-dropdown-base-item-icon-size);transition:70ms cubic-bezier(0,0,.38,.9);transition-property:fill}
/* Mosaic Design System | dropdown | v1.7.3 */
/*# sourceMappingURL=dropdown.min.css.map */