.select-component{font-family:modam-regular;font-size:15px;line-height:24px}@media (max-width:576px){.select-component{font-size:14px}}.select-component{cursor:pointer;display:grid;gap:.5rem}.select-component .label{align-items:center;display:flex;gap:.25rem}.select-component .label span{font-family:modam-regular;font-size:13px;line-height:24px}@media (max-width:576px){.select-component .label span{font-size:12px}}.select-component .label span{--tw-text-opacity:1;color:rgb(17 25 40/var(--tw-text-opacity))}.select-component .label span:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.select-component .label span.star{--tw-text-opacity:1;color:rgb(242 48 48/var(--tw-text-opacity))}.select-component .select-box{max-width:100%;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-component .select-box .input-box{font-family:modam-medium;font-size:15px;line-height:24px}@media (max-width:576px){.select-component .select-box .input-box{font-size:14px}}.select-component .select-box .input-box{align-items:center;border-radius:.5rem;border-width:1px;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;width:100%;--tw-border-opacity:1;border-color:rgb(var(--color-stroke)/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--color-secondary-bg)/var(--tw-bg-opacity));padding:.75rem 1rem;--tw-text-opacity:1;color:rgb(var(--color-secondary-text)/var(--tw-text-opacity));outline-color:transparent;outline-style:solid;outline-width:2px}.select-component .select-box .input-box .value{font-family:modam-medium;font-size:15px;line-height:24px}@media (max-width:576px){.select-component .select-box .input-box .value{font-size:14px}}.select-component .select-box .input-box .value{align-items:center;display:flex;gap:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-component .select-box .input-box .uicon{fill:#6b7280;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.select-component .select-box .dropdown{border-radius:.5rem;border-width:1px;display:grid;gap:.25rem;max-height:300px;max-width:100%;overflow:auto;position:absolute;right:0;width:100%;z-index:2;--tw-border-opacity:1;border-color:rgb(var(--color-stroke)/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--color-secondary-bg)/var(--tw-bg-opacity));padding-bottom:.5rem;padding-top:.5rem}.select-component .select-box .dropdown.dropdown-top{bottom:calc(100% + 4px)}.select-component .select-box .dropdown .search-input{align-items:center;border-radius:.25rem;border-width:1px;display:flex;gap:.75rem;margin-left:6px;margin-right:6px;--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity));padding:.5rem}.select-component .select-box .dropdown .search-input input{background-color:transparent;display:block;outline:2px solid transparent;outline-offset:2px;width:100%}.select-component .select-box .dropdown .search-input .uicon{fill:#6b7280}.select-component .select-box .dropdown .option{align-items:center;display:flex;gap:1rem;overflow:hidden;padding:.75rem 1rem;text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--color-secondary-text)/var(--tw-text-opacity))}.select-component .select-box .dropdown .option:hover{--tw-bg-opacity:1;background-color:rgb(var(--color-primary-bg)/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(17 25 40/var(--tw-text-opacity))}.select-component .select-box .dropdown .option:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.select-component .select-box .dropdown .option.selected{--tw-bg-opacity:1;background-color:rgb(208 240 253/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(0 24 26/var(--tw-text-opacity))}.select-component .select-box .dropdown .option.selected:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(17 25 40/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(25 241 255/var(--tw-text-opacity))}.select-component .select-box .dropdown .dropdown-footer{border-top-width:1px;--tw-border-opacity:1;border-color:rgb(var(--color-stroke)/var(--tw-border-opacity));padding-top:.5rem}.select-component .input-error{font-family:modam-regular;font-size:13px;line-height:24px}@media (max-width:576px){.select-component .input-error{font-size:12px}}.select-component .input-error{--tw-text-opacity:1;color:rgb(242 48 48/var(--tw-text-opacity))}.select-component .input-hint{font-family:modam-regular;font-size:13px;line-height:24px}@media (max-width:576px){.select-component .input-hint{font-size:12px}}.select-component .input-hint{--tw-text-opacity:1;color:rgb(var(--color-primary-text)/var(--tw-text-opacity))}.select-component.open .select-box .input-box .uicon{--tw-rotate:180deg;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))}.select-component:not(.disabled):not(.error) .input-box:hover{--tw-border-opacity:1;border-color:rgb(208 240 253/var(--tw-border-opacity));outline-color:#d0f0fd;outline-style:solid;outline-width:2px}.select-component:not(.disabled):not(.error).open .input-box{--tw-border-opacity:1;border-color:rgb(1 169 219/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--color-secondary-bg)/var(--tw-bg-opacity));outline-color:#01a9db;outline-style:solid;outline-width:2px}.select-component.disabled .input-box{opacity:.7}.select-component.error .input-box{--tw-border-opacity:1;border-color:rgb(242 48 48/var(--tw-border-opacity));outline-color:#f23030;outline-style:solid;outline-width:1px}.select-component.md .value{font-family:modam-regular;font-size:15px;line-height:24px}@media (max-width:576px){.select-component.md .value{font-size:14px}}.select-component.md .input-box{height:2.5rem;padding-left:1rem;padding-right:1rem}.select-component.md .input-box .uicon{height:20px!important;min-width:20px!important;fill:rgb(var(--color-secondary-text)/1)}.select-component.sm .value{font-family:modam-regular;font-size:13px;line-height:24px}@media (max-width:576px){.select-component.sm .value{font-size:12px}}.select-component.sm .input-box{height:2rem;padding-left:1rem;padding-right:1rem}.select-component.sm .input-box .value{font-family:modam-regular;font-size:13px;line-height:24px}@media (max-width:576px){.select-component.sm .input-box .value{font-size:12px}}.select-component.sm .input-box .uicon{height:16px!important;min-width:16px!important;fill:rgb(var(--color-secondary-text)/1)}.select-component.xs{font-family:modam-regular;font-size:11px;line-height:20px}@media (max-width:576px){.select-component.xs{font-size:10px}}.select-component.xs .input-box{height:1.75rem;padding-left:1rem;padding-right:1rem}.select-component.xs .input-box .value{font-family:modam-regular;font-size:11px;line-height:20px}@media (max-width:576px){.select-component.xs .input-box .value{font-size:10px}}.select-component.xs .input-box .uicon{height:16px!important;min-width:16px!important;fill:rgb(var(--color-secondary-text)/1)}.select-component.lg .input-box{height:3rem;padding-left:1rem;padding-right:1rem}.select-component.lg .input-box .value{font-family:modam-regular;font-size:17px;line-height:24px}@media (max-width:576px){.select-component.lg .input-box .value{font-size:16px}}.select-component.lg .input-box .uicon{height:24px!important;min-width:24px!important;fill:rgb(var(--color-secondary-text)/1)}