.modal-container{visibility:hidden;z-index:5;opacity:0;pointer-events:none;color:#fff;background-color:#242424;border-radius:.75rem;flex-direction:column;gap:1px;min-width:220px;max-height:0;transition:all .3s;display:flex;position:absolute;top:calc(100% + 1.5rem);overflow:hidden;box-shadow:1px 3px 10px #121212}.modal-container.dropdown{min-width:100%;max-width:fit-content}.modal-container.darker{background-color:#151515}.modal-container.container-left{left:0}.modal-container.container-center{left:50%;transform:translate(-50%)}.modal-container.container-right{right:0}.modal-container.show{visibility:visible;opacity:1;pointer-events:all;max-height:1000px}.modal-container .modal-list-item{white-space:nowrap;text-align:start;text-transform:capitalize;border-radius:.75rem;width:100%;min-width:fit-content;padding:1rem;font-size:18px;font-weight:500;transition:all .3s}.modal-container .modal-list-item.search-item{justify-content:space-between;gap:.5rem;display:flex}.modal-container .modal-list-item:hover{background-color:#ffffff40}.dropdown-indicator{--arrowSize:25px;top:calc(100% - var(--arrowSize));border:var(--arrowSize) solid #0000;visibility:hidden;opacity:0;border-bottom-color:#242424;transition:all .3s;position:absolute;left:50%;transform:translate(-50%)}.dropdown-indicator.darker{border-bottom-color:#151515}.dropdown-indicator.show{opacity:1;visibility:visible}