.ws-dropdown{position:absolute;width:16.5rem}.ws-dropdown>button{border:1px solid var(--color-neutral-400);border-radius:var(--border-radius-xs);height:100%;min-height:2.5rem;padding:calc(var(--spacer-3xs) - 1px) var(--spacer-lg) calc(var(--spacer-3xs) - 1px) var(--spacer-xs);position:relative;text-align:left;width:100%}.ws-dropdown>button:before{position:absolute;right:var(--spacer-3xs);top:calc(50% - var(--spacer-2xs));transform:rotate(180deg);transition:transform .2s}.ws-dropdown>button{font-size:1rem;font-weight:400;line-height:1.5rem}.ws-dropdown>button[disabled]{background-color:var(--color-neutral-300);color:var(--color-neutral-600)}.ws-dropdown>button[disabled]:before{background-image:var(--arrow-drop-grey)}.ws-dropdown.opened>button:before{transform:rotate(0)}.ws-dropdown>button:focus{box-shadow:var(--shadow-base);outline:none}@media (hover:hover) and (min-width:1024px){.ws-dropdown button:hover:before{transform:rotate(180deg)}}.ws-dropdown>ul{background:var(--color-white);border-radius:var(--border-radius-xs);box-shadow:var(--shadow-base);font-size:1rem;font-weight:400;left:0;line-height:1.5rem;list-style-type:none;margin:0;max-height:calc(22.5rem + 1px);overflow-y:scroll;padding:var(--spacer-3xs) 0;position:absolute;top:3.125rem;width:100%;z-index:var(--z-dropdown)}.ws-dropdown>ul::-webkit-scrollbar{background-color:transparent;width:var(--spacer-5xs)}.ws-dropdown>ul::-webkit-scrollbar-thumb{background-color:var(--color-neutral-400)}.ws-dropdown>ul li{cursor:pointer;margin:0;padding:.375rem var(--spacer-base) .375rem var(--spacer-xs);position:relative}@media (hover:hover) and (min-width:1024px){.ws-dropdown>ul li:hover{background-color:var(--primary-focus-light)}}.ws-dropdown>ul li:active{background-color:var(--primary-focus-light)}.ws-dropdown>ul li.i-check-primary:before{position:absolute;right:var(--spacer-3xs);top:calc(50% - var(--spacer-2xs))}.ws-outer{background-color:transparent;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:var(--z-dropdown)}.ws-dropdown--sm{width:12.5rem}.ws-dropdown--sm>button{border:none;color:var(--color-neutral-600);text-align:right}.ws-dropdown--sm>button:focus{box-shadow:none;outline:none}.ws-dropdown--sm>ul{top:2.75rem}.ws-dropdown--sm{font-size:.875rem;font-weight:400;line-height:1.25rem}.ws-dropdown--lg{height:3.5rem;width:7rem}.ws-dropdown--lg>ul{top:4rem}
