.styledSelect{display:flex;flex-direction:column;gap:5px;min-width:100px}.styledSelect .input-section{position:relative;cursor:pointer;width:100%}.styledSelect.error .input-section .select{border:3px solid rgba(255,0,0,.1)}.styledSelect .select-label{position:absolute;top:-5px;left:12px;font-size:12px;color:var(--text-muted);opacity:0}.styledSelect .select-label.visible{opacity:1}.styledSelect .select{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px;background-color:var(--background-gray);border-radius:10px;padding:10px}.styledSelect .select input{width:100%;color:var(--text);background-color:var(--background-gray);border:none}.styledSelect .select span.placeholder{color:var(--text-muted)}.styledSelect .select span.selected{color:var(--text)}.styledSelect .select .icon{flex:0 0 auto;margin-left:auto}.styledSelect.open .select .icon{rotate:180deg}.styledSelect .hint-error{color:var(--text-muted);padding:0 10px;font-size:12px}.styledSelect .hint-error.error{color:var(--red)}.styledSelect-options{display:flex;position:absolute;z-index:10000;width:100%;min-width:300px;width:-moz-fit-content;width:fit-content;max-width:1dvw;max-height:300px;height:-moz-fit-content;height:fit-content;background:var(--background-gray);padding:10px;border-radius:10px;flex-direction:column;gap:5px;box-shadow:0 5px 15px var(--shadow);overflow-y:auto;transition:none!important;margin:10px 0}.styledSelect-options.top{bottom:calc(100% + 10px)}.styledSelect-options.bottom{top:calc(100% + 10px)}.styledSelect-options .option{padding:10px;width:100%;border-radius:5px;background:var(--background-gray);display:flex;flex-direction:column;gap:5px}.styledSelect-options .createoption{padding:10px;width:100%;border-radius:5px;background:var(--background-gray);display:flex;flex-direction:row;align-items:center;gap:5px}.styledSelect-options .default-option{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:5px;cursor:pointer}.styledSelect-options .default-option:hover,.styledSelect-options .createoption:hover{background:var(--background)}.styledSelect-options .default-option .information{display:flex;flex-direction:column;gap:5px}.styledSelect-options .default-option .selected-dot{height:10px;width:10px;border-radius:100%;background:var(--primary)}.styledSelect-options .default-option span.label,.styledSelect-options .default-option small.hint{display:flex;flex-direction:row;align-items:center;gap:10px}.styledSelect-options .default-option small.hint{color:var(--text-muted);font-size:12px}