.dropdown-filter{cursor:pointer;background:hsl(from var(--vs-content-bg) h s l/1);color:hsl(from var(--vs-text) h s l/1);display:flex;justify-content:center;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:225px;height:50px;transition:all .2s ease-in-out;z-index:20}.dropdown-filter:hover{box-shadow:0 3px 6px rgba(0,0,0,.03)}.dropdown-filter.dropdown--lg{padding:16px}.dropdown-filter.dropdown--md{padding:12px}.dropdown-filter.dropdown--sm{padding:8px 12px 8px 8px}.dropdown-filter.dropdown--auto{padding:16px;width:100%}.dropdown-filter.dropdown--full-width{width:100%}.dropdown-filter.dropdown--red{border:unset;background-color:var(--red-base);color:hsl(from var(--vs-bg) h s l/1)}.dropdown-filter.dropdown--no-borders{border:none;gap:5px}.dropdown-filter.dropdown--no-borders .dd-button{white-space:nowrap}.dropdown-filter.dropdown--no-borders .dd-list{border:1px solid hsl(from var(--vs-border) h s l/1);padding:4px;border-radius:10px}.dropdown-filter .dd-button-container{display:flex;justify-content:space-between;align-items:center;background:hsl(from var(--vs-content-bg) h s l/1);width:100%;height:100%;position:absolute;border-radius:10px;border:1px solid hsl(from var(--vs-border) h s l/1);left:0;top:0;padding:inherit}.dropdown-filter .dd-button{background:none;border:none;cursor:pointer;margin-right:auto;text-align:left}.dropdown-filter .dd-button .date-range{display:block;font-size:12px!important;color:var(--grey-dark);margin-bottom:5px}.dropdown-filter .dd-button .selected-option{display:block;line-height:auto;font-size:16px!important}@media(min-width:768px){.dropdown-filter .dd-button .selected-option{font-size:14px!important}}.dropdown-filter .dd-list{background-color:hsl(from var(--vs-content-bg) h s l/1);border:1px solid hsl(from var(--vs-border) h s l/1);box-shadow:0 10px 40px 0 rgba(0,0,0,.1);border-radius:10px;display:flex;flex-direction:column;padding:12px;position:absolute;top:calc(100% + 10px);left:0;width:100%;z-index:1;animation:animateDropdown .2s ease-in-out forwards}.dropdown-filter .dd-option{font-size:14px!important;white-space:nowrap;padding:12px;text-align:start;border-radius:5px;display:flex;justify-content:space-between;transition:.3s ease}.dropdown-filter .dd-option--enabled{color:hsl(from var(--vs-text) h s l/1);cursor:pointer}.dropdown-filter .dd-option--disabled{color:hsl(from var(--vs-disabled) h s l/1);cursor:default}.dropdown-filter .dd-option--selected{background-color:var(--red-base);color:hsl(from var(--vs-bg) h s l/1)}.dropdown-filter .dd-option:hover:not(.dd-option--disabled){background-color:var(--grey-base);border-radius:10px}.dropdown-filter:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}@keyframes animateDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes move{0%{left:-50%}to{left:150%}}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes frame-highlight{0%{outline:2px solid pro-palette(primary,500);outline-offset:4px;scale:1.05}to{outline:2px solid transparent}}@keyframes size-highlight{0%{background:pro-palette(primary,500)}to{background:transparent}}@keyframes waves{0%{transform-origin:bottom;transform:scaleY(1) scaleX(1.2);filter:saturate(1.5)}to{transform-origin:bottom;transform:scaleY(.8) scaleX(1.3);opacity:.8}}.dropdown{cursor:pointer;background:#fff;border-radius:10px;color:var(--black-light);display:flex;justify-content:center;align-items:center;position:relative;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none;height:27px}.dropdown:hover{box-shadow:0 3px 6px rgba(0,0,0,.03)}.dropdown.dropdown--lg{gap:112px}.dropdown.dropdown--md{gap:36px;padding:12px}.dropdown.dropdown--sm{gap:36px;padding:8px 12px 8px 8px}.dropdown.dropdown--open{border-bottom:1.35px solid transparent;border-radius:10px 10px 0 0;margin-bottom:1px;box-shadow:0 10px 18px rgba(0,0,0,.1)}.dropdown.dropdown--open .dd-arrow{transform:rotateX(180deg)}.dropdown.dropdown--no-borders{border:none;gap:5px}.dropdown.dropdown--no-borders .dd-button{white-space:nowrap}.dropdown.dropdown--no-borders .dd-list{border:1px solid var(--grey-darker);padding:4px}.dropdown .dd-header{cursor:pointer;padding:12px}.dropdown .dd-list{background-color:hsl(from var(--vs-content-bg) h s l/1);border:1px solid var(--grey-base);border-top:0;box-shadow:0 18px 18px rgba(0,0,0,.1);display:flex;flex-direction:column;padding:12px;position:absolute;top:100%;left:-1.5px;width:calc(100% + 3px);z-index:1;animation:fadeInFromNone .2s linear}.dropdown .dd-arrow{transition:transform .2s ease-in-out}.dropdown .dd-option{cursor:pointer;white-space:nowrap;padding:12px;text-align:start;border-radius:5px;display:flex;justify-content:space-between}.dropdown .dd-option span:last-child{margin-left:5px;min-width:10px}.dropdown .dd-option:hover{background-color:var(--grey-base);border-radius:10px}@keyframes fadeInFromNone{0%{display:none;opacity:0}30%{display:block;opacity:0}to{display:block;opacity:1}}