.dropdown{--dropdown-container-background:var(--color-dark-2);--dropdown-opened-border-color:transparent;--dropdown-color:var(--color-white);--dropdown-border-color:var(--color-border-light);--dropdown-color-hover:var(--color-accent);--dropdown-border-color-hover:currentColor;--dropdown-active-color:var(--color-white);--dropdown-active-background:var(--color-dark-2);--dropdown-active-border-color:var(--color-dark-2);--dropdown-active-color-hover:var(--color-accent);--dropdown-active-background-hover:var(--color-dark-2);--dropdown-active-border-color-hover:var(--color-dark-2);--dropdown-items-color:var(--dropdown-active-color);--dropdown-items-color-hover:var(--dropdown-active-color-hover)}.dropdown__button{overflow:hidden;position:relative}.dropdown__button:before{content:"";display:block;position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:var(--popup-toggle-border-radius);background-color:var(--dropdown-container-background);opacity:0;visibility:hidden;transition-delay:0s;transition:opacity .3s ease}.dropdown.popup-content{--popup-content-container-background:var(--dropdown-container-background);--popup-content-container-width:auto;--popup-content-container-spacing-min:0;--popup-content-container-spacing-max:0;--popup-content-container-border-radius:var(--popup-toggle-border-radius)}.dropdown.popup-content:not(.dropdown_opened):not(.dropdown_has-active-item):not(.dropdown_has-last-active-item) .button.dropdown__button{--button-text-color:var(--dropdown-color);--button-text-color-hover:var(--dropdown-color-hover);--button-border-color:var(--dropdown-border-color);--button-border-color-hover:var(--dropdown-border-color-hover)}.dropdown.popup-content.dropdown_opened .button.dropdown__button{--button-text-color:var(--dropdown-active-color);--button-text-color-hover:var(--dropdown-active-color-hover);--button-border-color:var(--dropdown-opened-border-color);--button-border-color-hover:var(--dropdown-opened-border-color)}.dropdown.popup-content.dropdown_opened .button.dropdown__button:before{opacity:1;visibility:visible;transition-delay:.4s}.dropdown.popup-content.dropdown_opened .dropdown__button.button{color:var(--dropdown-active-color)}.dropdown.popup-content.dropdown_opened .dropdown__button.button:hover{color:var(--dropdown-active-color-hover)}.dropdown.popup-content.dropdown_opened .dropdown__button-icon{transform:rotate(180deg)}.dropdown.popup-content.dropdown_has-active-item .button.dropdown__button,.dropdown.popup-content.dropdown_has-last-active-item .button.dropdown__button{color:var(--dropdown-active-color);background:var(--dropdown-active-background);border-color:var(--dropdown-active-border-color)}.dropdown.popup-content.dropdown_has-active-item .button.dropdown__button:hover,.dropdown.popup-content.dropdown_has-last-active-item .button.dropdown__button:hover{color:var(--dropdown-active-color-hover);background:var(--dropdown-active-background-hover);border-color:var(--dropdown-active-border-color-hover)}.dropdown__container.popup-content__container{padding-top:calc(var(--popup-toggle-padding-top) * 1);padding-right:calc(var(--popup-toggle-padding-right) * 1);padding-bottom:calc(var(--popup-toggle-padding-bottom) * 1);padding-left:calc(var(--popup-toggle-padding-left) * 1);min-width:var(--popup-toggle-width)}.dropdown.popup-content_direction-right .dropdown__container.popup-content__container{left:0;right:auto}.dropdown.popup-content_direction-left .dropdown__container.popup-content__container{left:auto;right:0}.dropdown.popup-content_direction-bottom .dropdown__container.popup-content__container{top:2px;bottom:auto;padding-top:var(--popup-toggle-height)}.dropdown.popup-content_direction-top .dropdown__container.popup-content__container{top:auto;bottom:2px;padding-bottom:var(--popup-toggle-height)}.button.dropdown__button{position:relative;white-space:nowrap;gap:.5rem;cursor:pointer;z-index:20}.dropdown__button-icon{display:inline-flex;transition:transform .3s ease;transform-origin:center center}.dropdown__button-icon svg{fill:currentColor;height:1em}.dropdown__list{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;padding-top:0;padding-bottom:calc(var(--popup-toggle-padding-bottom))}.dropdown__item{display:block;overflow:hidden}.dropdown__item:first-child .dropdown__link{padding-bottom:calc(var(--popup-toggle-padding-top)/ 1.5)}.dropdown__item:last-child .dropdown__link{padding-top:calc(var(--popup-toggle-padding-bottom)/ 1.5)}.dropdown__item:not(:first-child):not(:last-child) .dropdown__link{padding-top:calc(var(--popup-toggle-padding-top)/ 1.5);padding-bottom:calc(var(--popup-toggle-padding-bottom)/ 1.5)}.dropdown_has-first-active-item .dropdown__item:nth-child(2) .dropdown__link{padding-top:0}.dropdown_has-last-active-item .dropdown__item:nth-last-child(2) .dropdown__link{padding-bottom:0}a.dropdown__link{display:block;white-space:nowrap;color:var(--dropdown-items-color)}a.dropdown__link:hover{color:var(--dropdown-items-color-hover)}.dropdown__button-icon{border:none;background-color:transparent}.dropdown__button-label+.dropdown__button-icon{margin-left:auto}.dropdown__select{display:none!important}