.menu-select-container{position:relative;display:flex;flex-direction:column-reverse;width:fit-content;margin:5px 10px}.menu-select-button-outlined{position:relative;display:inline-flex;flex-direction:row;align-items:center;min-width:100px;min-height:56px;height:fit-content;width:fit-content;max-width:100%;font-size:16px;padding:14px 25px 14px 10px;box-sizing:border-box;border:2px solid var(--input-border-color);background-color:var(--input-bg-color);color:var(--fg);cursor:pointer;user-select:text;overflow:hidden;flex-wrap:wrap;gap:2px;outline:1px solid transparent;outline-offset:-3px;box-shadow:0 0 0 3px #1167b10f;transition:border-color .3s,box-shadow .3s,background-color .3s}.menu-select-button-outlined:focus,.menu-select-button-outlined:hover:not(:disabled){outline:1px solid var(--input-focus-border-color);box-shadow:0 0 0 3px #1167b136}.menu-select-button-outlined:focus{background-color:var(--input-focus-bg-color);border-color:var(--input-focus-border-color)}.menu-select-button-outlined:focus~.menu-select-label.floating{color:var(--add-total-color)}.menu-select-button-outlined:disabled{background-color:var(--disabled-bg-color);border-color:var(--disabled-border-color);cursor:not-allowed;& .menu-select-icon{transform:translateY(-50%) rotate(-90deg)}}.menu-select-button-outlined.invalid:not(:disabled){background-color:var(--invalid-bg-color)!important;border-color:var(--invalid-border-color)!important}.menu-select-button-outlined.invalid:not(:disabled)~.menu-select-label.floating{color:var(--invalid-border-color)}.menu-select-button-standard{position:relative;display:inline-flex;flex-direction:row;align-items:center;min-width:100px;min-height:56px;height:fit-content;width:fit-content;max-width:100%;font-size:16px;padding:14px 25px 14px 10px;box-sizing:border-box;border:none;border-bottom:2px solid var(--selected-bg-color);background-color:transparent;color:var(--fg);cursor:pointer;user-select:text;overflow:hidden;flex-wrap:wrap;gap:2px;outline:none;box-shadow:0 2px 10px #1167b10f;transition:border-color .3s,box-shadow .3s,background-color .3s}.menu-select-button-standard:focus,.menu-select-button-standard:hover:not(:disabled){border-bottom-color:var(--selected-tabuled-hover-bg-color)}.menu-select-button-standard:focus{box-shadow:0 0 0 3px var(--border-color-shadow-special);outline:none}.menu-select-button-standard:focus~.menu-select-label.floating{color:var(--add-total-color)}.menu-select-button-standard:disabled{background-color:var(--disabled-bg-color);border-color:var(--disabled-border-color);cursor:not-allowed;& .menu-select-icon{transform:translateY(-50%) rotate(-90deg)}}.menu-select-button-standard.invalid:not(:disabled){background-color:var(--invalid-bg-color)!important;border-color:var(--invalid-border-color)!important}.menu-select-button-standard.invalid:not(:disabled)~.menu-select-label.floating{color:var(--invalid-border-color)}.menu-select-button-compact{position:relative;display:inline-flex;flex-direction:row;align-items:center;min-width:100px;min-height:30px;height:fit-content;width:fit-content;max-width:100%;font-size:16px;padding:2px 25px 2px 8px;box-sizing:border-box;border:none;border:1px solid var(--selected-bg-color);background-color:var(--bg);color:var(--fg);cursor:pointer;user-select:text;overflow:hidden;flex-wrap:wrap;gap:2px;box-shadow:0 2px 10px #1167b10f;transition:border-color .3s,box-shadow .3s,background-color .3s}.menu-select-button-compact:focus,.menu-select-button-compact:hover:not(:disabled){border-color:var(--selected-tabuled-hover-bg-color)}.menu-select-button-compact:focus{outline:1px solid var(--selected-tabuled-hover-bg-color)}.menu-select-button-compact:focus~.menu-select-label.floating{color:var(--add-total-color)}.menu-select-button-compact:disabled{background-color:var(--disabled-bg-color);border-color:var(--disabled-border-color);cursor:not-allowed;& .menu-select-icon{transform:translateY(-50%) rotate(-90deg)}}.menu-select-button-compact.invalid:not(:disabled){background-color:var(--invalid-bg-color)!important;border-color:var(--invalid-border-color)!important}.menu-select-button-compact.invalid:not(:disabled)~.menu-select-label.floating{color:var(--invalid-border-color)}.menu-select-button-filled{position:relative;display:inline-flex;flex-direction:row;align-items:center;min-width:100px;min-height:56px;height:fit-content;width:fit-content;max-width:100%;font-size:16px;padding:14px 25px 14px 10px;box-sizing:border-box;border:none;background-color:var(--input-bg-color);color:var(--fg);cursor:pointer;user-select:text;overflow:hidden;flex-wrap:wrap;gap:2px;box-shadow:0 0 0 3px #1167b10f;transition:border-color .3s,box-shadow .3s,background-color .3s}.menu-select-button-filled:hover:not(:disabled){background-color:var(--hover-bg-color);box-shadow:0 0 0 3px #1167b136}.menu-select-button-filled:focus{background-color:var(--focus-bg-color)}.menu-select-button-filled:disabled{& .menu-select-icon{transform:translateY(-50%) rotate(-90deg)}}.menu-select-button-invisible{position:relative;display:inline-flex;flex-direction:row;align-items:center;height:fit-content;width:fit-content;font-size:16px;padding:0 25px 0 0;margin:0;box-sizing:border-box;border:none;background-color:transparent;color:var(--fg);cursor:pointer;user-select:text;overflow:hidden;flex-wrap:wrap;gap:2px;transition:border-color .3s,box-shadow .3s,background-color .3s}.menu-select-button-filled:hover:not(:disabled){background-color:transparent;box-shadow:0 0 0 0 #1167b136}.menu-select-button-filled:focus{outline:1px solid var(--input-focus-border-color);box-shadow:0 0 0 3px #1167b136}.menu-select-button-filled:focus~.menu-select-label.floating{color:var(--add-total-color)}.menu-select-button-filled:disabled{background-color:var(--disabled-bg-color);border-color:var(--disabled-border-color);cursor:not-allowed;& .menu-select-icon{transform:translateY(-50%) rotate(-90deg)}}.menu-select-button-filled.invalid:not(:disabled){background-color:var(--invalid-bg-color)!important;border-color:var(--invalid-border-color)!important}.menu-select-button-filled.invalid:not(:disabled)~.menu-select-label.floating{color:var(--invalid-border-color)}.menu-select-icon{position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:transform .15s ease-in-out}.menu-select-icon.open{transform:translateY(-50%) rotate(180deg)}.menu-select-list{z-index:1001;position:absolute;top:calc(100%);left:0;min-width:calc(100% - 25px);width:fit-content;max-width:calc(100vw - 25px);max-height:min(200px,calc(100svh - 20px));padding:3px 0;margin:0;list-style:none;border-radius:5px;background-color:var(--input-bg-color);box-shadow:0 2px 8px #1167b10f;overflow-y:auto;transform:scaleX(.8) translateX(-10%) scaleY(.1) translateY(-500%);transition:transform .3s ease-in-out;opacity:0;visibility:hidden}.menu-select-list.open{transform:scaleX(1) scaleY(1);opacity:1;visibility:visible}.menu-select-list.closing{transform:scaleX(.8) translateX(-10%) scaleY(.1) translateY(-500%);animation:fadeOut .3s forwards}.menu-select-option{display:flex;align-items:center;height:32px;width:calc(100% - 30px);padding:0 15px;cursor:pointer;color:var(--fg);user-select:none}.menu-select-option:not(.empty):hover{background-color:var(--hover-bg-color)}.menu-select-option.focused,.menu-select-option.focused:hover{background-color:var(--focus-bg-color)}.menu-select-option.selected{background-color:var(--selected-bg-color)}.menu-select-option.focused.selected,.menu-select-option.selected:hover,.menu-select-option:not(.empty):active:hover{background-color:var(--selected-hover-bg-color)}.menu-select-label.floating{z-index:10;position:absolute;top:4%;left:10px;transform:translateY(-50%);display:inline-block;width:fit-content;max-width:calc(100% - 30px);padding:0 8px 0 2px;margin:0;font-size:12px;font-style:normal;pointer-events:none;transition:all .15s ease-in-out;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.menu-select-label.floating.void{top:50%;left:14px;font-style:italic;max-width:calc(100% - 40px);transform:translateY(-50%);background-image:none}