.bg-select{width:100%}.bg-select__native{padding:.625rem .5rem}.bg-select__prepend+.bg-select__native{padding-left:0}.bg-select__native:has(+.bg-select__append){padding-right:0}.bg-select__control{align-items:center;display:flex;flex-wrap:nowrap;font-size:.875rem;gap:.25rem;line-height:1.25rem;width:100%}.bg-select__control .bg-select__native{flex:1 1 0%;flex-grow:1}.bg-select:not(.bg-select--custom) .bg-select__control{background:#f1f4ff;border:1px solid transparent;border-radius:.75rem;outline:none}.bg-select:not(.bg-select--custom).bg-select--error .bg-select__control{border-color:#f87171}.bg-select:not(.bg-select--custom).bg-select--error .bg-select__control:focus{border-color:#dc2626}.bg-select:not(.bg-select--custom).bg-select--disabled .bg-select__control{background:#f3f4f6;border-color:#e5e7eb;color:#6b7280}.bg-select__input{background-color:transparent!important;height:2rem!important;margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;visibility:hidden!important}.bg-select__placeholder{color:#9ca3af}.bg-select__append,.bg-select__prepend{align-items:center;display:flex}.bg-select__prepend-string{padding-left:.5rem}.bg-select__append-string{padding-right:.5rem}.bg-select__menu{cursor:pointer}.bg-option:not(.bg-option--custom){padding:.25rem .5rem}.bg-option:not(.bg-option--custom).bg-option--selected{background:#f9fafb;color:#f76532}.bg-option:not(.bg-option--custom) :not(.bg-option--disabled):hover{background:#f3f4f6}.bg-option:not(.bg-option--custom).bg-option--disabled{color:#6b7280;cursor:not-allowed}.bg-menu{background:#fff;border-radius:.25rem;border-width:1px;box-shadow:0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f;margin-top:.25rem;padding-bottom:.5rem;padding-top:.5rem;position:fixed;z-index:6000}