.fct-custom-searchable-select{position:relative;box-sizing:border-box;width:100%}.fct-custom-searchable-select *{box-sizing:border-box}.fct-custom-searchable-select-container{position:relative;border-radius:0;border-width:.5px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(214 218 225 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.fct-custom-searchable-select-container .select-input{pointer-events:none;width:100%;border-style:none;background-color:transparent;padding:12px 40px 12px 16px;font-size:14px;outline:2px solid transparent;outline-offset:2px}.fct-custom-searchable-select-container .select-input:focus{cursor:text}.fct-custom-searchable-select-container .select-arrow{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid;pointer-events:none;position:absolute;right:12px;top:50%;height:0px;width:0px;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity: 1;border-top-color:rgb(37 50 65 / var(--tw-border-opacity));transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.fct-custom-searchable-select-container .select-option{transition:background-color .2s ease;cursor:pointer;border-radius:8px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:5px 12px;font-size:16px;font-weight:500;--tw-text-opacity: 1;color:rgb(47 52 72 / var(--tw-text-opacity))}.fct-custom-searchable-select-container .select-option:last-child{border-bottom:none}.fct-custom-searchable-select-container .select-option:hover{--tw-bg-opacity: 1;background-color:rgb(245 246 247 / var(--tw-bg-opacity))}.fct-custom-searchable-select-container .select-option.highlighted{--tw-bg-opacity: 1;background-color:rgb(234 236 240 / var(--tw-bg-opacity))}.fct-custom-searchable-select-container .select-option.selected{--tw-bg-opacity: 1;background-color:rgb(245 246 247 / var(--tw-bg-opacity))}.fct-custom-searchable-select-container .select-option.no-options{cursor:default;text-align:center;font-style:italic;--tw-text-opacity: 1;color:rgb(173 181 194 / var(--tw-text-opacity))}.fct-custom-searchable-select-container .select-option.no-options:hover{background-color:transparent}.fct-custom-searchable-select-container .select-dropdown{transform:translateY(-10px);box-shadow:0 0 12px #0000001f;visibility:hidden;position:absolute;top:100%;left:0;right:0;z-index:1000;box-sizing:border-box;max-height:200px;overflow-x:hidden;border-radius:8px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(214 218 225 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:10px;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.fct-custom-searchable-select-container .select-dropdown *{box-sizing:border-box}.fct-custom-searchable-select-container .select-dropdown::-webkit-scrollbar{width:6px}.fct-custom-searchable-select-container .select-dropdown::-webkit-scrollbar-thumb{border-radius:8px;--tw-bg-opacity: 1;background-color:rgb(214 218 225 / var(--tw-bg-opacity))}.fct-custom-searchable-select-container .select-dropdown::-webkit-scrollbar-track{background-color:transparent}.fct-custom-searchable-select-container.open .select-arrow{transform:translateY(-50%) rotate(180deg)}.fct-custom-searchable-select-container.open .select-dropdown{transform:translateY(0);visibility:visible;opacity:1}.fct-custom-searchable-select-container .clear-btn{position:absolute;right:35px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:16px;color:#999;cursor:pointer;padding:0;width:20px;height:20px;display:none;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.fct-custom-searchable-select-container .clear-btn:hover{background:#f0f0f0;color:#333}.fct-custom-searchable-select-container.has-value .select-input{padding-top:20px;padding-bottom:4px}.fct-custom-searchable-select-container.has-value .clear-btn{display:flex}.fct-custom-searchable-select.disabled .fct-custom-searchable-select-container{pointer-events:none;opacity:.5}
