@layer components-shared{.dropdown{position:relative;width:-moz-fit-content;width:fit-content;min-width:220px;cursor:pointer}@media screen and (max-width:1279.98px){.dropdown{width:100%}}.dropdown__field{display:flex;align-items:center;justify-content:space-between;width:100%;height:36px;padding:6px 8px 6px 12px;transition:all .4s;color:var(--white);border-radius:var(--br8);background:var(--white-5)}@media screen and (max-width:1279.98px){.dropdown__field{justify-content:center}}.dropdown__field:has(.dropdown__input:disabled){cursor:default;color:var(--white-20);background:var(--white-5)}.dropdown__field:hover{background:var(--blue)}.dropdown__input{width:-moz-fit-content;width:fit-content;cursor:pointer;transition:all .4s;letter-spacing:.05em;color:inherit;border:none;background:rgba(0,0,0,0);font-size:var(--fs16);font-weight:var(--fw540);font-variation-settings:"wdth" 83}.dropdown__input:focus,.dropdown__input:focus-visible{outline:none}.dropdown__input:disabled{cursor:default}.dropdown__icon{width:19px;height:19px;transition:all .4s}@media screen and (max-width:1279.98px){.dropdown__icon{margin-bottom:4px}}.dropdown__list{position:absolute;z-index:1;top:calc(100% + 8px);right:0;left:0;display:flex;visibility:hidden;flex-direction:column;padding:6px;transition:all .4s;opacity:0;border-radius:var(--br8);background:var(--white-5);gap:6px;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}.dropdown__item{transition:all .4s;color:var(--gray);padding-inline:6px 11px}@media screen and (max-width:1279.98px){.dropdown__item{text-align:center}}.dropdown__item:hover{color:var(--white)}.dropdown.js-dropdown-active .dropdown__field{background:var(--blue)}.dropdown.js-dropdown-active .dropdown__icon{transform:rotate(180deg)}.dropdown.js-dropdown-active .dropdown__list{visibility:visible;opacity:1}.dropdown .dropdown__item.js-dropdown-item-active{display:flex;align-items:center;justify-content:space-between;color:var(--white);gap:13px}.dropdown .dropdown__item.js-dropdown-item-active:after,.dropdown .dropdown__item.js-dropdown-item-active:before{display:block;width:6px;height:6px;content:"";border-radius:var(--br-circle);background:var(--white)}.dropdown .dropdown__item.js-dropdown-item-active:before{display:none}@media screen and (max-width:1279.98px){.dropdown .dropdown__item.js-dropdown-item-active:before{display:block}}}