@media (min-width:1640px){.flex.flex-row.pt-\[6px\].pb-\[12px\].bg-background-panel{justify-content:flex-start;gap:20px}.flex-1.max-w-\[19\%\],.flex-1.max-w-\[33\.333\%\],.flex-1.max-w-\[45\%\],.flex-1.max-w-\[max-content\]{flex:0 0 auto;max-width:none;width:auto}}.color-option{position:relative;width:100%;max-width:208px;font-size:14px!important;font-weight:400;color:white}.color-option.open{background-color:#1f2937;@media (min-width:768px){background-color:#1e293b}border-radius:2px 2px 0 0}.color-option.closed{background-color:transparent;border-radius:2px}.color-header{border-bottom:1px solid #9ca3af;display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;user-select:none}.color-header .MuiTypography-root{font-family:var(--font-be-vietnam-pro)!important}.color-header.open{padding:10px 12px}.color-header.closed{padding-bottom:1px}.color-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.color-dropdown{background-color:#1f2937;@media (min-width:768px){background-color:#1e293b}position:absolute;top:100%;left:0;width:100%;z-index:10;border-radius:0 0 2px 2px;overflow:hidden;max-height:300px;transition:max-height .4s ease-in-out}.color-dropdown.closed{max-height:0;transition:none}.color-scroll{max-height:300px;overflow-y:auto}.color-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;cursor:pointer}.color-item .MuiTypography-root{font-family:var(--font-be-vietnam-pro)!important}.color-item:hover{background-color:#535e6b}.color-box{width:16px;border-radius:2px}.color-box,.tick-placeholder{height:16px;flex-shrink:0}.color-label{color:#d1d5db;@media (min-width:768px){color:white}font-size:14px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-option.layout-mode{color:#111827}.color-option.layout-mode.open{background-color:white}.color-option.layout-mode.closed{background-color:transparent}.color-header.layout-mode{border-bottom:1px solid #e5e7eb}.color-dropdown.layout-mode{background-color:white}.color-item.layout-mode{color:#111827!important}.color-item.layout-mode:hover{background-color:#f3f4f6!important}.color-item.layout-mode svg,.color-label.layout-mode,.color-option.layout-mode svg{color:#111827!important}.select-option{position:relative;width:100%;font-size:14px!important;font-weight:400;color:#111827;background:transparent;.MuiTypography-root{font-family:var(--font-be-vietnam-pro)!important}}.select-option.open{background-color:white;border-radius:2px 2px 0 0}.select-option.closed{background-color:transparent;border-radius:2px}.select-option.disabled{opacity:.6;cursor:not-allowed}.select-header{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;user-select:none;height:30px;padding:0 4px}.select-header,.select-header.disabled{border-bottom:1px solid var(--select-line)}.select-header.disabled{cursor:not-allowed}.select-header.open{border-bottom:1px solid var(--select-line)}.select-header.closed{padding:4px}.select-dropdown{background-color:white;position:fixed;left:0;width:100%;z-index:9999;overflow:hidden;max-height:200px;transition:opacity .2s ease-out,transform .2s ease-out;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.select-dropdown.dropdown-down{border-radius:0 0 2px 2px;animation:dropdownSlideDown .2s ease-out}.select-dropdown.dropdown-up{border-radius:2px 2px 0 0;box-shadow:0 -4px 6px -1px rgba(0,0,0,.1);animation:dropdownSlideUp .2s ease-out}.select-dropdown.closed{opacity:0;transform:translateY(-10px);transition:opacity .2s ease-out,transform .2s ease-out;pointer-events:none}.select-scroll{max-height:200px;overflow-y:auto}.select-item{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:8px 12px;cursor:pointer;transition:background-color .2s;.MuiTypography-root{font-family:var(--font-be-vietnam-pro)!important}}.select-item:hover{background-color:var(--background-left)}.tick-placeholder{width:16px}.select-label,.select-row{color:#111827;font-size:14px!important;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.dark .select-option,.dark .select-row{color:white}.dark .select-option.open{background-color:var(--sub-menu)}.dark .select-option.closed{background-color:transparent}.dark .select-header{border-bottom:1px solid var(--select-line)}.dark .select-dropdown{background-color:var(--sub-menu);box-shadow:0 4px 6px -1px rgba(0,0,0,.3)}.dark .select-dropdown.dropdown-up{box-shadow:0 -4px 6px -1px rgba(0,0,0,.3)}.dark .select-item{color:white}.dark .select-item:hover{background-color:var(--background-panel)}.dark .select-item svg,.dark .select-label,.dark .select-option svg{color:white}