.SelectMenu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;display:flex;padding:16px;pointer-events:none;flex-direction:column}@media (min-width: 544px){.SelectMenu{position:absolute;top:auto;right:auto;bottom:auto;left:auto;padding:0}}.SelectMenu::before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background-color:var(--color-select-menu-backdrop-bg)}@media (min-width: 544px){.SelectMenu::before{display:none}}.SelectMenu-modal{position:relative;z-index:99;display:flex;max-height:66%;margin:auto 0;overflow:hidden;pointer-events:auto;flex-direction:column;background-color:var(--color-bg-overlay);border:1px solid var(--color-select-menu-backdrop-border);border-radius:12px;box-shadow:var(--color-select-menu-shadow);animation:SelectMenu-modal-animation 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards}@keyframes SelectMenu-modal-animation{0%{opacity:0;transform:scale(0.9)}}@keyframes SelectMenu-modal-animation--sm{0%{opacity:0;transform:translateY(-16px)}}@media (min-width: 544px){.SelectMenu-modal{width:300px;height:auto;max-height:480px;margin:8px 0 16px 0;font-size:12px;border-color:var(--color-border-primary);border-radius:6px;box-shadow:var(--color-shadow-large);animation-name:SelectMenu-modal-animation--sm}}.SelectMenu-header{display:flex;padding:16px;flex:none;align-items:center;border-bottom:1px solid var(--color-select-menu-border-secondary)}@media (min-width: 544px){.SelectMenu-header{padding:7px 7px 7px 16px}}.SelectMenu-title{flex:1;font-size:14px;font-weight:600}@media (min-width: 544px){.SelectMenu-title{font-size:inherit}}.SelectMenu-closeButton{padding:16px;margin:-16px;line-height:1;color:var(--color-icon-tertiary);background-color:transparent;border:0}@media (min-width: 544px){.SelectMenu-closeButton{padding:8px;margin:-8px -7px}}.SelectMenu-filter{padding:16px;margin:0;border-bottom:1px solid var(--color-select-menu-border-secondary)}@media (min-width: 544px){.SelectMenu-filter{padding:8px}}.SelectMenu-input{display:block;width:100%}@media (min-width: 544px){.SelectMenu-input{font-size:14px}}.SelectMenu-list{position:relative;padding:0;margin:0;margin-bottom:-1px;flex:auto;overflow-x:hidden;overflow-y:auto;background-color:var(--color-bg-overlay);-webkit-overflow-scrolling:touch}.SelectMenu-item{display:flex;align-items:center;width:100%;padding:16px;overflow:hidden;color:var(--color-text-primary);text-align:left;cursor:pointer;background-color:var(--color-bg-overlay);border:0;border-bottom:1px solid var(--color-select-menu-border-secondary)}@media (min-width: 544px){.SelectMenu-item{padding-top:7px;padding-bottom:7px}}.SelectMenu-list--borderless .SelectMenu-item{border-bottom:0}.SelectMenu-icon{width:16px;margin-right:8px;flex-shrink:0}.SelectMenu-icon--check{visibility:hidden;transition:transform 0.12s cubic-bezier(0.5, 0.1, 1, 0.5),visibility 0s 0.12s linear;transform:scale(0)}.SelectMenu-tabs{display:flex;flex-shrink:0;overflow-x:auto;overflow-y:hidden;box-shadow:inset 0 -1px 0 var(--color-select-menu-border-secondary);-webkit-overflow-scrolling:touch}.SelectMenu-tabs::-webkit-scrollbar{display:none}@media (min-width: 544px){.SelectMenu-tabs{padding:8px 8px 0 8px}}.SelectMenu-tab{flex:1;padding:8px 16px;font-size:12px;font-weight:500;color:var(--color-text-tertiary);text-align:center;background-color:transparent;border:0;box-shadow:inset 0 -1px 0 var(--color-select-menu-border-secondary)}@media (min-width: 544px){.SelectMenu-tab{flex:none;padding:4px 16px;border:1px solid transparent;border-bottom-width:0;border-top-left-radius:6px;border-top-right-radius:6px}}.SelectMenu-tab[aria-selected="true"]{z-index:1;color:var(--color-text-primary);cursor:default;background-color:var(--color-bg-overlay);box-shadow:0 0 0 1px var(--color-select-menu-border-secondary)}@media (min-width: 544px){.SelectMenu-tab[aria-selected="true"]{border-color:var(--color-select-menu-border-secondary);box-shadow:none}}.SelectMenu-message{padding:7px 16px;text-align:center;background-color:var(--color-bg-overlay);border-bottom:1px solid var(--color-select-menu-border-secondary)}.SelectMenu-blankslate,.SelectMenu-loading{padding:24px 16px;text-align:center;background-color:var(--color-bg-overlay)}.SelectMenu-divider{padding:4px 16px;margin:0;font-size:12px;font-weight:500;color:var(--color-text-tertiary);background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--color-select-menu-border-secondary)}.SelectMenu-list--borderless .SelectMenu-divider{border-top:1px solid var(--color-select-menu-border-secondary)}.SelectMenu-list--borderless .SelectMenu-divider:empty{padding:0;border-top:0}.SelectMenu-footer{z-index:0;padding:8px 16px;font-size:12px;color:var(--color-text-tertiary);text-align:center;border-top:1px solid var(--color-select-menu-border-secondary)}@media (min-width: 544px){.SelectMenu-footer{padding:7px 16px}}.SelectMenu--hasFilter .SelectMenu-modal{height:80%;max-height:none;margin-top:0}@media (min-width: 544px){.SelectMenu--hasFilter .SelectMenu-modal{height:auto;max-height:480px;margin-top:8px}}.SelectMenu-closeButton:focus,.SelectMenu-tab:focus,.SelectMenu-item:focus{outline:0}.SelectMenu-item:hover{text-decoration:none}.SelectMenu-item[aria-checked=true]{font-weight:500;color:var(--color-text-primary)}.SelectMenu-item[aria-checked=true] .SelectMenu-icon--check{visibility:visible;transition:transform 0.12s cubic-bezier(0, 0, 0.2, 1),visibility 0s linear;transform:scale(1)}.SelectMenu-item:disabled,.SelectMenu-item[aria-disabled=true]{color:var(--color-text-disabled);pointer-events:none}@media (hover: hover){body:not(.intent-mouse) .SelectMenu-closeButton:focus,.SelectMenu-closeButton:hover{color:var(--color-text-primary)}.SelectMenu-closeButton:active{color:var(--color-text-secondary)}body:not(.intent-mouse) .SelectMenu-item:focus,.SelectMenu-item:hover{background-color:var(--color-state-hover-secondary-bg)}.SelectMenu-item:active{background-color:var(--color-bg-secondary)}body:not(.intent-mouse) .SelectMenu-tab:focus{background-color:var(--color-select-menu-tap-focus-bg)}.SelectMenu-tab:hover{color:var(--color-text-primary)}.SelectMenu-tab:not([aria-selected="true"]):active{color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}}@media (hover: none){.SelectMenu-item:focus,.SelectMenu-item:active{background-color:var(--color-bg-secondary)}.SelectMenu-item{-webkit-tap-highlight-color:var(--color-select-menu-tap-highlight)}}

/*# sourceMappingURL=select-menu.css.map */