@youcan/ui-vue3/dist/index.css

YouCan Vue3 components library

.item[data-v-5c5f3109]{display:flex;align-items:center;width:100%;padding:12px 16px;border:none;background-color:var(--base-white);cursor:pointer;-webkit-user-select:none;user-select:none;gap:8px}.item .label[data-v-5c5f3109]{color:var(--gray-900);font:var(--text-sm-regular)}.item[data-v-5c5f3109]:focus,.item[data-v-5c5f3109]:active{outline:none;background:var(--gray-100)}.item.selected[data-v-5c5f3109],.item[data-v-5c5f3109]:hover{background-color:var(--gray-50)}.preview[data-v-5c5f3109]{color:var(--gray-500)}.dropdown-list[data-v-e58a5042]{position:relative;box-sizing:border-box;min-width:fit-content;border:1px solid var(--gray-200);border-radius:8px;background-color:var(--base-white);box-shadow:var(--shadow-md)}.dropdown-list .inner[data-v-e58a5042]{display:flex;flex-direction:column;min-height:10px;max-height:220px;padding:8px 0 20px;overflow-x:hidden;overflow-y:auto;border-radius:8px;box-shadow:var(--shadow-md-gray);text-overflow:ellipsis;white-space:nowrap;scrollbar-width:thin;scrollbar-color:var(--brand-500) transparent;row-gap:1px}.dropdown-list .inner[data-v-e58a5042]::-webkit-scrollbar{width:4px}.dropdown-list .inner[data-v-e58a5042]::-webkit-scrollbar-track{background:transparent}.dropdown-list .inner[data-v-e58a5042]::-webkit-scrollbar-thumb{border-radius:2px;background-color:var(--brand-500)}.dropdown-list .inner[data-v-e58a5042]::-webkit-scrollbar-thumb:hover{background-color:var(--brand-500)}.dropdown-list.searchable[data-v-e58a5042]{padding-top:0}.search[data-v-e58a5042]{position:sticky;top:0;left:0;padding-top:4px;background-color:transparent}.search input[data-v-e58a5042]{box-sizing:border-box;width:100%;padding:10px 16px;border:none;border-bottom:1px solid var(--gray-200);outline:none;font:var(--text-sm-regular)}.search[data-v-e58a5042]::placeholder{color:var(--gray-300)}.inner .title[data-v-e58a5042]{padding:6px 16px;color:var(--gray-900);font:var(--text-sm-medium)}.no-results[data-v-e58a5042]{padding:10px 16px;color:var(--gray-500);font:var(--text-sm-regular)}.loading[data-v-e58a5042]{display:flex;position:absolute;z-index:2;bottom:0;left:10px;justify-content:center;width:calc(100% - 20px);margin:0 auto;padding:7px 0;background-image:linear-gradient(to top,var(--base-white),rgba(255,255,255,.5),transparent)}.dropdown[data-v-ed13b451]{position:relative}.dropdown-wrapper[data-v-ed13b451]{visibility:hidden;position:absolute;z-index:10;top:calc(100% + 8px);width:100%;opacity:0}.dropdown-wrapper.dropdown-show[data-v-ed13b451]{visibility:visible;opacity:1}.dropdown-wrapper.dropdown-top[data-v-ed13b451]{top:unset;bottom:calc(100% + 8px)}.dropdown-input[data-v-ed13b451]{display:flex;box-sizing:border-box;align-items:center;width:100%;border:1px solid var(--gray-200);background-color:var(--base-white);box-shadow:var(--shadow-xs-gray);color:var(--gray-500);cursor:pointer;gap:8px}.dropdown-input.disabled[data-v-ed13b451]{background-color:var(--gray-50);cursor:default}.dropdown-input[data-v-ed13b451]:not(.disabled):hover{background-color:var(--gray-50)}.dropdown-input:not(.disabled):is([data-v-ed13b451]:focus,[data-v-ed13b451]:active){border:1px solid var(--brand-500);outline:none;box-shadow:var(--focus-shadow-xs-brand)}.dropdown-input:not(.disabled).error[data-v-ed13b451]{border:1px solid var(--red-500)}.dropdown-input:not(.disabled).error[data-v-ed13b451]:focus{box-shadow:var(--focus-shadow-xs-red)}.dropdown-input.size-36[data-v-ed13b451]{padding:7.5px 12px;border-radius:4px}.dropdown-input.size-44[data-v-ed13b451]{padding:11.5px 16px;border-radius:8px}.dropdown-input .label[data-v-ed13b451]{overflow:hidden;color:var(--gray-900);font:var(--text-sm-regular);text-overflow:ellipsis;white-space:nowrap}.dropdown-input .chevron[data-v-ed13b451]{margin-inline-start:auto}.note[data-v-f9a639b3]{display:flex;box-sizing:border-box;align-items:center;width:max-content;max-width:100%;padding:2px 25px;border:1px solid var(--gray-100);border-radius:8px;background:var(--base-white);gap:32px}.note .icon[data-v-f9a639b3]{color:var(--brand-500)}.note .content[data-v-f9a639b3]{color:var(--gray-700);font:var(--text-sm-regular)}.loading[data-v-cd1754d3]{--loading-stroke-color: var(--gray-100);position:relative;box-sizing:border-box;width:120px;height:120px}.loading-svg[data-v-cd1754d3]{width:100%;height:100%;transform:rotate(-90deg)}.loading-circle[data-v-cd1754d3]{stroke-width:4;stroke:var(--loading-stroke-color);fill:none}.loading-circle-progress[data-v-cd1754d3]{stroke-width:4;stroke-linecap:round;stroke-dasharray:284;stroke:var(--brand-500);fill:none}.loading-value[data-v-cd1754d3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--brand-500);font:var(--text-xl-medium)}.checkbox-content[data-v-48364fa1]{display:flex;align-items:center}.checkbox-content .label[data-v-48364fa1]{display:inline-block;flex:1;font:var(--text-sm-regular);cursor:pointer}.checkbox-content .checkbox[data-v-48364fa1]{display:block;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-content .checkbox.has-label[data-v-48364fa1]{margin-inline-end:8px}.checkbox-content .checkbox .input[data-v-48364fa1]{position:absolute;opacity:0}.checkbox-content .checkbox .checkmark[data-v-48364fa1]{display:grid;width:16px;height:16px;border:1px solid var(--gray-200);border-radius:4px;background-color:var(--base-white);box-shadow:var(--shadow-xs-gray);place-items:center}.checkbox-content .checkbox .checkmark i[data-v-48364fa1]{display:none;width:14px;height:14px;color:var(--base-white)}.checkbox-content .checkbox .checkmark.checked[data-v-48364fa1]{border:1px solid transparent;background-color:var(--brand-500)}.checkbox-content .checkbox .checkmark.checked i[data-v-48364fa1]{display:inline-block}.checkbox-content .checkbox input:disabled~.checkmark[data-v-48364fa1]{border:1px solid var(--gray-200);background:var(--base-white);box-shadow:none;cursor:default}.checkbox-content .checkbox input:enabled:is(:focus,:active)~.checkmark[data-v-48364fa1]{box-shadow:var(--focus-shadow-xs-brand)}.checkbox-content:hover .checkbox input:enabled~.checkmark[data-v-48364fa1]{background-color:var(--gray-50)}.checkbox-content .checkbox input:disabled~.checkmark.checked[data-v-48364fa1]{background-color:var(--gray-100)}.checkbox-content:hover .checkbox input:enabled~.checkmark.checked[data-v-48364fa1]{background-color:var(--brand-600)}.checkbox-content .checkbox:has(.input:disabled)~.label[data-v-48364fa1]{color:var(--gray-300)}.base-button[data-v-468d67c8]{--text-color: var(--base-white);--icon-color: var(--base-white);--background-color: var(--base-black);--padding: 6px 12px;--border-radius: 8px;--icon-size: 20px;--text-style: var(--text-sm-medium);--icon-position: "row";--border: none;--shadow: var(--shadow-xs-gray);--gap: 8px;display:flex;box-sizing:border-box;flex-direction:var(--icon-position);align-items:center;justify-content:center;padding:var(--padding);border:var(--border);border-radius:var(--border-radius);outline:none;background-color:var(--background-color);box-shadow:var(--shadow);cursor:pointer;gap:var(--gap);--hover-background-color: var(--background-color);--hover-border: var(--border);--hover-shadow: var(--shadow);--hover-text-color: var(--text-color);--hover-icon-color: var(--icon-color);--focus-background-color: var(--background-color);--focus-border: var(--border);--focus-shadow: var(--shadow);--focus-text-color: var(--text-color);--focus-icon-color: var(--icon-color);--active-background-color: var(--background-color);--active-border: var(--border);--active-shadow: var(--shadow);--active-text-color: var(--text-color);--active-icon-color: var(--icon-color);--disabled-background-color: var(--background-color);--disabled-border: var(--border);--disabled-shadow: var(--shadow);--disabled-text-color: var(--text-color);--disabled-icon-color: var(--icon-color)}.base-button .text[data-v-468d67c8]{display:flex;align-items:center;justify-content:center;color:var(--text-color);font:var(--text-style)}.base-button .icon[data-v-468d67c8]{display:flex;align-items:center;justify-content:center;color:var(--icon-color)}.base-button .icon[data-v-468d67c8] i{flex:none;width:var(--icon-size);height:var(--icon-size)}.base-button.size-xxs[data-v-468d67c8]{--padding: 4px 8px;--gap: 4px}.base-button.size-xxs.icon-only[data-v-468d67c8]{--padding: 6px}.base-button.size-xs[data-v-468d67c8]{--padding: 6px 12px}.base-button.size-xs.icon-only[data-v-468d67c8]{--padding: 8px}.base-button.size-xs[data-v-468d67c8],.base-button.size-xxs[data-v-468d67c8]{--icon-size: 16px;--border-radius: 4px}.base-button.size-sm[data-v-468d67c8]{--padding: 8px 12px;--border-radius: 4px}.base-button.size-sm.icon-only[data-v-468d67c8]{--padding: 8px}.base-button.size-md[data-v-468d67c8]{--padding: 12px 16px}.base-button.size-md.icon-only[data-v-468d67c8]{--padding: 12px}.base-button.size-lg[data-v-468d67c8]{--padding: 12px 24px;--text-style: var(--text-md-medium)}.base-button.size-lg.icon-only[data-v-468d67c8]{--padding: 14px}.base-button.size-xl[data-v-468d67c8]{--padding: 13px 24px}.base-button.size-xl.icon-only[data-v-468d67c8]{--padding: 14px}.base-button.size-2xl[data-v-468d67c8]{--padding: 15px 32px}.base-button.size-2xl.icon-only[data-v-468d67c8]{--padding: 16px}.base-button.size-2xl[data-v-468d67c8],.base-button.size-xl[data-v-468d67c8]{--icon-size: 24px;--text-style: var(--text-lg-medium)}.base-button.rounded-full[data-v-468d67c8]{--border-radius: 100px}.base-button.icon-left[data-v-468d67c8]{--icon-position: row}.base-button.icon-right[data-v-468d67c8]{--icon-position: row-reverse}.base-button.icon-only .text[data-v-468d67c8]{display:none}.base-button[data-v-468d67c8]:hover{border:var(--hover-border);background-color:var(--hover-background-color);box-shadow:var(--hover-shadow)}.base-button:hover .text[data-v-468d67c8]{color:var(--hover-text-color)}.base-button:hover .icon[data-v-468d67c8]{color:var(--hover-icon-color)}.base-button[data-v-468d67c8]:focus{border:var(--focus-border);background-color:var(--focus-background-color);box-shadow:var(--focus-shadow)}.base-button:focus .text[data-v-468d67c8]{color:var(--focus-text-color)}.base-button:focus .icon[data-v-468d67c8]{color:var(--focus-icon-color)}.base-button[data-v-468d67c8]:active{border:var(--active-border);background-color:var(--active-background-color);box-shadow:var(--active-shadow)}.base-button:active .text[data-v-468d67c8]{color:var(--active-text-color)}.base-button:active .icon[data-v-468d67c8]{color:var(--active-icon-color)}.base-button[data-v-468d67c8]:disabled{border:var(--disabled-border);background-color:var(--disabled-background-color);box-shadow:var(--disabled-shadow)}.base-button:disabled .text[data-v-468d67c8]{color:var(--disabled-text-color)}.base-button:disabled .icon[data-v-468d67c8]{color:var(--disabled-icon-color)}.primary[data-v-26390f80]{--background-color: var(--brand-500);--hover-background-color: var(--brand-600);--active-background-color: var(--brand-800);--disabled-background-color: var(--gray-300);--focus-shadow: var(--focus-shadow-xs-brand);--disabled-shadow: none}.secondary[data-v-a210f093]{--text-color: var(--gray-900);--text-style: var(--text-sm-regular);--disabled-text-color: var(--gray-300);--icon-color: var(--brand-500);--disabled-icon-color: var(--gray-300);--background-color: var(--base-white);--hover-background-color: var(--gray-50);--active-background-color: var(--gray-100);--disabled-background-color: var(--base-white);--focus-shadow: var(--focus-shadow-xs-brand);--disabled-shadow: none;--border: 1px solid var(--gray-200);--focus-border: 1px solid var(--brand-500);--hover-border: 1px solid var(--gray-300);--active-border: 1px solid var(--gray-300)}.primary-destructive[data-v-37aaf127]{--background-color: var(--red-500);--hover-background-color: var(--red-600);--active-background-color: var(--red-800);--disabled-background-color: var(--gray-300);--focus-shadow: var(--focus-shadow-xs-red);--disabled-shadow: none}.secondary-destructive[data-v-d7900bd8]{--text-color: var(--gray-900);--text-style: var(--text-sm-regular);--disabled-text-color: var(--gray-300);--icon-color: var(--red-500);--disabled-icon-color: var(--gray-300);--background-color: var(--base-white);--hover-background-color: var(--gray-50);--active-background-color: var(--gray-100);--disabled-background-color: var(--base-white);--focus-shadow: var(--focus-shadow-xs-red);--disabled-shadow: none;--border: 1px solid var(--gray-200);--focus-border: 1px solid var(--red-500);--hover-border: 1px solid var(--gray-300);--active-border: 1px solid var(--gray-300)}.tertiary[data-v-2c72ede8]{--text-color: var(--gray-900);--text-style: var(--text-sm-regular);--disabled-text-color: var(--gray-300);--icon-color: var(--gray-700);--disabled-icon-color: var(--gray-300);--background-color: transparent;--hover-background-color: var(--gray-50);--active-background-color: var(--gray-100);--disabled-background-color: transparent;--shadow: none;--focus-shadow: var(--focus-no-shadow-brand)}.dropdown-input[data-v-03847adf]{display:flex;align-items:center;width:100%;padding:12px 16px;border:none;border-right:1px solid var(--gray-200);border-radius:8px 0 0 8px;background-color:transparent;color:var(--gray-500);font:var(--text-sm-regular);cursor:pointer;gap:8px}.dropdown-input .label[data-v-03847adf]{overflow:hidden;color:var(--gray-900);text-overflow:ellipsis;white-space:nowrap}.dropdown-input .chevron[data-v-03847adf]{width:12px;height:12px;margin-inline-start:auto}.dropdown-input[data-v-03847adf]:hover{background-color:var(--gray-50)}.dropdown-input:is([data-v-03847adf]:focus,[data-v-03847adf]:active){outline:none;outline:1px solid var(--brand-500);box-shadow:var(--focus-shadow-xs-brand)}.dropdown-wrapper[data-v-03847adf]{position:relative}.dropdown-list[data-v-03847adf]{position:absolute;z-index:10;top:8px;width:100%}.wrapper[data-v-96170f93]{--border: 1px solid var(--gray-200);--shadow: var(--shadow-xs-gray);display:flex;box-sizing:border-box;align-items:center;border:var(--border);border-radius:8px;background-color:var(--base-white);box-shadow:var(--shadow)}.wrapper.enabled[data-v-96170f93]:hover{--border: 1px solid var(--gray-300)}.wrapper.enabled[data-v-96170f93]:has(.input:focus){--border: 1px solid var(--brand-500);--shadow: var(--focus-shadow-xs-brand)}.wrapper[data-v-96170f93]:not(.enabled){background-color:var(--gray-50)}.wrapper.enabled.error[data-v-96170f93]{--border: 1px solid var(--red-500)}.wrapper.enabled.error[data-v-96170f93]:has(.input:focus){--shadow: var(--focus-shadow-xs-red)}.input[data-v-96170f93]{width:100%;padding:11.5px 16px;border:none;outline:none;background-color:transparent;font:var(--text-sm-regular)}.input[data-v-96170f93]:placeholder{color:var(--gray-300)}.show-password[data-v-96170f93]{margin-right:16px;cursor:pointer}.tail[data-v-96170f93]{display:flex;align-items:center;gap:8px;padding:0 11.5px 0 0}.icon[data-v-96170f93]{color:var(--gray-500)}.input-group[data-v-05b5c5c9]{display:flex;flex-direction:column;gap:8px}.input-group .label[data-v-05b5c5c9]{font:var(--text-sm-regular)}.input-group .error[data-v-05b5c5c9]{color:var(--red-500);font:var(--text-sm-medium)}.input-group .info[data-v-05b5c5c9]{color:var(--gray-500);font:var(--text-sm-regular)}.swatch-wrapper[data-v-c608009d]{margin-top:6px}.swatches[data-v-c608009d]{display:flex}.swatches>*+*[data-v-c608009d]{margin-left:5px}.swatches .swatch[data-v-c608009d]{position:relative;width:24px;height:24px;border-radius:100px;cursor:pointer}.swatches .swatch[data-v-c608009d]:nth-child(7n+1){margin-left:0}.swatches .swatch[data-v-c608009d]:hover{transform:scale(1.1)}.swatches .swatch .alpha[data-v-c608009d]{height:100%;border-radius:100px}.swatches .swatch .color[data-v-c608009d]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100px}.saturation-wrapper[data-v-64dc7b89]{position:relative;width:var(--30a2ab94);height:var(--30a2ab94);cursor:pointer}.canvas[data-v-64dc7b89]{border-radius:4px}.saturation-wrapper .slider[data-v-64dc7b89]{position:absolute;top:0;left:100px;box-shadow:var(--shadow-sm-gray);color:var(--base-white);pointer-events:none}.hue-wrapper[data-v-2a1136bc]{display:block;position:relative;width:var(--d0f6565a);height:var(--0ef24150);cursor:pointer}.canvas[data-v-2a1136bc]{display:block;border-radius:500px}.hue-wrapper .slider[data-v-2a1136bc]{position:absolute;top:-3px;width:var(--d0f6565a);width:16px;height:16px;background:var(--base-white);box-shadow:var(--shadow-sm-gray);pointer-events:none}.alpha-wrapper[data-v-9615eef5]{display:block;position:relative;width:var(--44a6de60);height:var(--e47bf61a);cursor:pointer}.canvas[data-v-9615eef5]{display:block;border-radius:500px}.alpha-wrapper .slider[data-v-9615eef5]{position:absolute;top:-3px;width:var(--44a6de60);width:16px;height:16px;background:var(--base-white);box-shadow:var(--shadow-sm-gray);pointer-events:none}.color-picker[data-v-35de81e6]{box-sizing:border-box;width:min-content;padding:12px;border-radius:8px;background-color:var(--base-white);box-shadow:var(--shadow-md)}.sliders[data-v-35de81e6]{margin-top:12px}.sliders>*+*[data-v-35de81e6]{margin-top:8px}.color-override[data-v-35de81e6]{margin-top:12px}.color-override label[data-v-35de81e6]{display:block;margin-bottom:4px;font:var(--text-sm-medium)}hr[data-v-35de81e6]{margin:12px 0;border:none;border-top:1px solid var(--gray-200)}.color-input[data-v-035c49d6]{position:relative}.wrapper[data-v-035c49d6]{display:flex;box-sizing:border-box;align-items:center;padding:6px;border:1px solid var(--gray-200);border-radius:8px;background-color:var(--base-white);box-shadow:var(--shadow-xs-gray);gap:12px}.wrapper.enabled[data-v-035c49d6]:hover{border:1px solid var(--gray-300)}.wrapper.enabled[data-v-035c49d6]:focus{border:1px solid var(--brand-500);box-shadow:var(--focus-shadow-xs-brand)}.wrapper[data-v-035c49d6]:not(.enabled){background-color:var(--gray-50)}.wrapper.enabled.error[data-v-035c49d6]:focus{box-shadow:var(--focus-shadow-xs-red)}.wrapper[data-v-035c49d6]:focus,.wrapper[data-v-035c49d6]:active{outline:none}.preview[data-v-035c49d6]{border:1px solid var(--gray-200);border-radius:4px}.value[data-v-035c49d6]{font:var(--text-sm-regular)}.picker-wrapper[data-v-035c49d6]{z-index:100;width:100%}.picker[data-v-035c49d6]{border:1px solid var(--gray-200);box-shadow:var(--shadow-md-gray)}.toggle[data-v-f5e680bf]{--knob-size: 16px;--padding: calc(var(--knob-size) / 8);--toggle-width: calc((var(--knob-size) * 2) + (var(--padding) * 2));display:flex;position:relative;box-sizing:border-box;align-items:center;width:var(--toggle-width);height:calc(var(--knob-size) + var(--padding) * 2);padding:var(--padding);transition:background-color 80ms linear;border:none;border-radius:var(--knob-size);background-color:var(--gray-100);box-shadow:var(--shadow-xs-gray);cursor:pointer}.toggle[data-v-f5e680bf]:before{content:"";display:block;position:absolute;top:var(--padding);left:var(--padding);width:var(--knob-size);height:var(--knob-size);transition:transform .12s ease-in-out;border-radius:50%;background-color:var(--base-white);box-shadow:var(--shadow-xs-gray)}.toggle[aria-checked=true][data-v-f5e680bf]{background-color:var(--blue-700)}.toggle[aria-checked=true][data-v-f5e680bf]:before{transform:translate(calc(var(--toggle-width) - var(--knob-size) - var(--padding) * 2))}.wrapper[data-v-a4006a29]{display:flex;box-sizing:border-box;align-items:center;height:max-content;border:1px solid var(--gray-200);border-radius:8px;background-color:var(--base-white);box-shadow:var(--shadow-xs-gray)}.wrapper.enabled[data-v-a4006a29]:hover{border:1px solid var(--gray-300)}.wrapper .textarea[data-v-a4006a29]{box-sizing:border-box;width:100%;min-height:130px;padding:11.5px 16px;border:none;border-radius:8px;outline:none;background-color:transparent;font:var(--text-sm-regular);resize:none}.wrapper.enabled .textarea[data-v-a4006a29]:focus{border:1px solid var(--brand-500);box-shadow:var(--focus-shadow-xs-brand)}.wrapper[data-v-a4006a29]:not(.enabled){background-color:var(--gray-50)}.wrapper.enabled.error[data-v-a4006a29]{border:1px solid var(--red-500)}.wrapper.enabled.error .textarea[data-v-a4006a29]:focus{box-shadow:var(--focus-shadow-xs-red)}.wrapper .textarea[data-v-a4006a29]:placeholder{color:var(--gray-300)}.rating[data-v-2ed81a9d]{display:flex;box-sizing:border-box;align-items:center}.star[data-v-2ed81a9d]{display:block;margin-inline-end:2px;color:var(--gray-100)}.star.active[data-v-2ed81a9d]{color:var(--yellow-500)}.star[data-v-336a0b59]{display:inline-block;box-sizing:border-box;margin-inline-end:2px;color:var(--gray-100);cursor:pointer}.star.active[data-v-336a0b59]{color:var(--yellow-500)}.badge[data-v-201d18df]{--background-color: var(--gray-300);display:flex;box-sizing:border-box;align-items:center;justify-content:center;width:min-content;height:var(--size);padding:0 6px;border-radius:100px;background-color:var(--background-color);color:var(--base-white);font:var(--text-sm-medium)}.badge.state-neutral[data-v-201d18df]{--background-color: var(--gray-500)}.badge.state-danger[data-v-201d18df]{--background-color: var(--red-500)}.badge.state-info[data-v-201d18df]{--background-color: var(--blue-500)}.badge.state-warning[data-v-201d18df]{--background-color: var(--yellow-500)}.badge.state-success[data-v-201d18df]{--background-color: var(--green-600)}.thumbnail[data-v-79f2403e]{--size: 40px;display:flex;box-sizing:border-box;align-items:center;justify-content:center;width:var(--size);height:var(--size);overflow:hidden;border:1px solid var(--gray-200);border-radius:4px;background-color:var(--base-white);box-shadow:var(--shadow-xs-gray)}.thumbnail .image[data-v-79f2403e]{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:var(--6d72b4a0)}.thumbnail.size-small[data-v-79f2403e]{--size: 40px}.thumbnail.size-large[data-v-79f2403e]{--size: 44px}.thumbnail .placeholder[data-v-79f2403e]{display:flex;align-items:center;justify-content:center;height:100%}.thumbnail .placeholder .icon[data-v-79f2403e]{display:block;width:20px;height:20px;color:var(--gray-300)}.dropzone[data-v-5f6d9e53]{display:grid;position:relative;box-sizing:border-box;width:100%;padding:14px 16px;border:1px solid var(--gray-200);border-radius:4px;background-color:var(--gray-50);box-shadow:var(--shadow-xs-gray);place-items:center}.dropzone>*[data-v-5f6d9e53]{position:relative;z-index:1}.dropzone.disabled[data-v-5f6d9e53]{background-color:var(--base-white)}.dropzone.disabled *[data-v-5f6d9e53]{color:var(--gray-300)!important;cursor:no-drop}.dropzone .input-shadow[data-v-5f6d9e53]{z-index:0}.dropzone input[type=file][data-v-5f6d9e53],.dropzone .input-shadow[data-v-5f6d9e53]{display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px}.dropzone input[type=file][data-v-5f6d9e53]{z-index:2;opacity:0;cursor:pointer}.dropzone[data-v-5f6d9e53]:not(.disabled):hover{background-color:var(--gray-100)}.dropzone:not(.disabled) input[type=file]:active~.input-shadow[data-v-5f6d9e53],.dropzone:not(.disabled) input[type=file]:focus~.input-shadow[data-v-5f6d9e53]{border:1px solid var(--brand-500);outline:none;box-shadow:var(--focus-shadow-xs-brand)}.dropzone:not(.disabled) input[type=file].dragging~.input-shadow[data-v-5f6d9e53]{background-color:var(--gray-100)}.label[data-v-52b3fcc5]{font:var(--text-sm-regular)}.label i[data-v-52b3fcc5]{color:var(--brand-500)}.label.disabled i[data-v-52b3fcc5]{color:var(--gray-300)}.label .default-label-content[data-v-52b3fcc5]{gap:8px;display:flex;align-items:center}.file-container[data-v-dc7e6ba3]{display:flex;flex-direction:column;row-gap:4px}.file[data-v-dc7e6ba3]{display:flex;box-sizing:border-box;align-items:center;padding:12px 16px;border:1px solid var(--gray-200);border-radius:8px;background-color:var(--base-white);box-shadow:var(--shadow-xs-gray);gap:8px}.file .name[data-v-dc7e6ba3]{color:var(--gray-500);font:var(--text-sm-regular)}.file .status-icon .icon-error[data-v-dc7e6ba3]{color:var(--yellow-500)}.file .status-icon .icon-success[data-v-dc7e6ba3]{color:var(--green-500)}.file .status-icon .icon-loading[data-v-dc7e6ba3]{animation:spinner-dc7e6ba3 1.2s linear infinite;color:var(--blue-500)}.actions[data-v-dc7e6ba3]{margin-inline-start:auto}.actions .icon-remove[data-v-dc7e6ba3]{color:var(--red-500);cursor:pointer}.error[data-v-dc7e6ba3]{color:var(--red-500);font:var(--text-sm-regular)}@keyframes spinner-dc7e6ba3{to{transform:rotate(360deg)}}.label[data-v-e39c6100]{display:flex;flex-direction:column;row-gap:10px;align-items:center}.label-icon[data-v-e39c6100]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--gray-200);border-radius:8px;background-color:var(--base-white);color:var(--brand-500)}.label-text[data-v-e39c6100]{color:var(--gray-900);font:var(--text-md-medium)}.label-text-light[data-v-e39c6100]{color:var(--brand-500);font:var(--text-md-medium)}.label-sub-text[data-v-e39c6100]{color:var(--gray-500);font:var(--text-sm-regular)}.file[data-v-fceb08c1]{position:relative;box-sizing:border-box;width:240px;height:240px;border-radius:8px;background-color:var(--base-white);box-shadow:var(--shadow-xs-gray)}.file.error[data-v-fceb08c1]{border:1px solid var(--red-500)}.error-text[data-v-fceb08c1]{display:flex;box-sizing:border-box;align-items:center;justify-content:center;width:100%;height:100%;padding:10px;color:var(--red-500);font:var(--text-sm-medium)}.video-container[data-v-fceb08c1]{position:relative;width:100%;height:0;padding-bottom:56.25%;background-color:var(--base-black)}.video-container iframe[data-v-fceb08c1],.video-container video[data-v-fceb08c1]{position:absolute;top:0;left:0;width:100%;height:100%}.video-cover[data-v-fceb08c1]{width:100%;height:100%}.video-cover iframe[data-v-fceb08c1],.video-cover video[data-v-fceb08c1]{width:100%;height:100%;object-fit:cover}.actions[data-v-fceb08c1]{display:none;position:absolute;top:0;left:0;width:100%;height:100%;margin-inline-start:auto;border-radius:8px;background:linear-gradient(0deg,#0000003d,#0000003d)}.actions .action[data-v-fceb08c1]{cursor:pointer}.actions .action.toggle-preview[data-v-fceb08c1]{background-color:var(--base-white);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.actions .action.toggle-preview[data-v-fceb08c1]:hover{background-color:var(--gray-50)}.file:is(:hover,:focus,:active,.loading) .actions[data-v-fceb08c1]{gap:8px;display:flex;align-items:center;justify-content:center;box-shadow:var(--focus-sm-brand)}.actions .icon-remove[data-v-fceb08c1]{color:var(--red-500);cursor:pointer}.preview.size-large[data-v-fceb08c1]{--size: 240px;border-radius:8px}.preview.size-large[data-v-fceb08c1] .image{aspect-ratio:1/1;object-fit:cover}.preview[data-v-fceb08c1] .icon{width:44px;height:44px}.popup[data-v-fceb08c1]{display:grid;position:fixed;z-index:100;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(0deg,#0000003d,#0000003d)}.popup-body[data-v-fceb08c1]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:900px;max-width:95vw;max-height:90vh;cursor:pointer}.popup img[data-v-fceb08c1]{width:100%;height:100%;object-fit:contain;object-position:center}.popup .action[data-v-fceb08c1]{position:absolute;top:5%;right:5%;background-color:var(--base-white)}.popup .action[data-v-fceb08c1]:hover{background-color:var(--gray-50)}@keyframes spinner-fceb08c1{to{transform:rotate(360deg)}}.fade-enter-active[data-v-fceb08c1]{animation:fade-fceb08c1 .3s ease-in-out}.fade-leave-active[data-v-fceb08c1]{animation:fade-fceb08c1 .3s reverse ease-in-out}@keyframes fade-fceb08c1{0%{opacity:0}to{opacity:1}}.increment[data-v-36146ccc]{--width: 460px;--text-color: var(--gray-900);--background-color: var(--base-white);--border: 1px solid var(--gray-200);--shadow: var(--shadow-xs-gray);display:flex;box-sizing:border-box;align-items:center;width:var(--width);max-width:100%;padding:6px 10px;border:var(--border);border-radius:8px;outline:none;background-color:var(--background-color);box-shadow:var(--shadow);gap:8px}.input[data-v-36146ccc]{flex:1;height:21px;margin:0;padding:0;border:none;outline:none;background-color:var(--base-white);color:var(--text-color);font:var(--text-sm-regular);text-align:center}.increment[data-v-36146ccc]:hover{--border: 1px solid var(--gray-300)}.increment[disabled=false][data-v-36146ccc]:focus,.increment[disabled=false][data-v-36146ccc]:focus-within{--border: 1px solid var(--brand-500);--shadow: var(--focus-shadow-xs-brand)}.increment[disabled=true][data-v-36146ccc]{--text-color: var(--gray-300);--background-color: var(--gray-50)}.increment[disabled=true] .input[data-v-36146ccc]{background-color:var(--gray-50);pointer-events:none}.increment[disabled=true] .tertiary[data-v-36146ccc]{--disabled-icon-color: var(--gray-300);--disabled-background-color: var(--gray-50)}.tag-item[data-v-2469d628]{display:flex;position:relative;box-sizing:border-box;align-items:center;width:max-content;height:32px;padding:0 8px;border-radius:4px;background:var(--gray-50);box-shadow:var(--shadow-xs-gray);gap:4px}.tag-item .text[data-v-2469d628]{color:var(--gray-900);font:var(--text-sm-medium)}.tag-item .icon[data-v-2469d628]{width:16px;height:16px;color:var(--gray-500);cursor:pointer}.tag-item .preview[data-v-2469d628]{border-radius:50%;cursor:pointer}.color-picker-container[data-v-2469d628]{position:absolute;z-index:999999;top:40px;left:0}.tag[data-v-5c3effe9]{display:flex;position:relative;box-sizing:border-box;flex-wrap:wrap;align-items:center;width:100%;padding:6px;border:1px solid var(--gray-200);border-radius:8px;outline:none;background-color:var(--base-white);box-shadow:var(--shadow-xs-gray);gap:6px}.dropdown-container[data-v-5c3effe9]{visibility:hidden;position:absolute;z-index:99;left:0;width:100%;opacity:0}.dropdown-container.show[data-v-5c3effe9]{visibility:visible;opacity:1}.dropdown-container.bottom[data-v-5c3effe9]{top:calc(100% + 5px)}.dropdown-container.top[data-v-5c3effe9]{bottom:calc(100% + 5px)}.dropdown[data-v-5c3effe9] .item .checkbox{display:none}.dropdown[data-v-5c3effe9] .item:focus,.dropdown[data-v-5c3effe9] .item:active{background:var(--base-white)}.dropdown[data-v-5c3effe9] .item.selected,.dropdown[data-v-5c3effe9] .item:hover{background-color:var(--gray-50)}.dropdown.max[data-v-5c3effe9] .item:not(.selected){cursor:not-allowed}.dropdown.max[data-v-5c3effe9] .item:not(.selected):hover{background:var(--base-white)}.dropdown-placeholder[data-v-5c3effe9]{flex:1;min-width:20%;padding:8px 0;overflow:hidden;color:var(--gray-300);font:var(--text-sm-regular);text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.tag[data-v-5c3effe9]:hover{--border: 1px solid var(--gray-300)}.tag[disabled=false][error=false][data-v-5c3effe9]:focus,.tag[disabled=false][error=false][data-v-5c3effe9]:focus-within{--border: 1px solid var(--brand-500);--shadow: var(--focus-shadow-xs-brand)}.tag[disabled=false][error=true][data-v-5c3effe9]{--border: 1px solid var(--red-500)}.tag[disabled=false][error=true][data-v-5c3effe9]:focus,.tag[disabled=false][error=true][data-v-5c3effe9]:focus-within{--border: 1px solid var(--red-500);--shadow: var(--focus-shadow-xs-red)}.tag[disabled=true][data-v-5c3effe9]{--text-color: var(--gray-300);--background-color: var(--gray-50)}.tag .tag-input[data-v-5c3effe9]{flex:1;min-width:146px;border:none;outline:none;background-color:var(--base-white);color:var(--gray-900);font:var(--text-sm-regular)}.tag[disabled=true][data-v-5c3effe9],.tag[disabled=true][data-v-5c3effe9] *,.tag[disabled=true] *[data-v-5c3effe9]{cursor:not-allowed!important}.tag .tag-input[data-v-5c3effe9]::placeholder{color:var(--gray-300)}.dropdown-input[data-v-fe4ce07c]{display:flex;box-sizing:border-box;align-items:center;width:100%;padding:12px 16px;border:1px solid var(--gray-200);border-radius:8px;background-color:var(--base-white);box-shadow:var(--shadow-xs-gray);color:var(--gray-500);font:var(--text-sm-regular);cursor:pointer;gap:8px}.dropdown-input .label[data-v-fe4ce07c]{display:flex;gap:8px;color:var(--gray-900)}.dropdown-input[data-v-fe4ce07c]:hover{background-color:var(--gray-50)}.dropdown-input:is([data-v-fe4ce07c]:focus,[data-v-fe4ce07c]:active){border:1px solid var(--brand-500);outline:none;box-shadow:var(--focus-shadow-xs-brand)}.dropdown-input.error[data-v-fe4ce07c]{border:1px solid var(--red-500)}.dropdown-input.error[data-v-fe4ce07c]:focus{box-shadow:var(--focus-shadow-xs-red)}.dropdown-input .chevron[data-v-fe4ce07c]{margin-inline-start:auto}.dropdown-wrapper[data-v-fe4ce07c]{position:relative}.dropdown-list[data-v-fe4ce07c]{position:absolute;z-index:10;top:8px;width:100%}.status[data-v-07de7d32]{box-sizing:border-box;max-width:fit-content;padding:7.5px 12px;border-radius:4px;background:var(--30765c51);box-shadow:var(--shadow-xs-gray);color:var(--23ccc81c);font:var(--text-sm-medium);text-align:center}.editable-status[data-v-39fe6430]{display:flex;box-sizing:border-box;align-items:center;padding:0 12px 0 0;border:none;border-radius:4px;background-color:var(--62fb63e8);color:var(--1242cf6a);cursor:pointer}.editable-status[data-v-39fe6430]:hover{filter:brightness(.9)}.editable-status:is([data-v-39fe6430]:focus,[data-v-39fe6430]:active){outline:none;filter:brightness(.7)}.editable-status .icon[data-v-39fe6430]{width:12px;height:12px}.editable-status .static-status[data-v-39fe6430]{max-width:fit-content;padding:7.5px 8px 7.5px 12px;border-radius:4px 0 0 4px;background:var(--62fb63e8);box-shadow:var(--shadow-xs-gray);font:var(--text-sm-medium);text-align:center}.status-list[data-v-39fe6430]{display:flex;position:absolute;top:8px;flex-direction:column;min-width:100px;padding:8px 0;border:1px solid var(--gray-200);border-radius:4px;background-color:var(--base-white);box-shadow:var(--shadow-md-gray)}.status-list-item[data-v-39fe6430]{display:flex;align-items:center;padding:10px 12px;border:none;background-color:transparent;text-align:inherit;cursor:pointer;gap:8px}.status-list-item[data-v-39fe6430]:hover{background-color:var(--gray-50)}.status-list-item:is([data-v-39fe6430]:focus,[data-v-39fe6430]:active){outline:none;background-color:var(--gray-100)}.status-list-item .label[data-v-39fe6430]{font:var(--text-sm-regular)}.status-list-item .color[data-v-39fe6430]{display:block;width:6px;height:6px;border-radius:100%}.status-list-wrapper[data-v-39fe6430]{position:relative}.day[data-v-cec3b68c]{--font: var(--text-sm-regular);--background-color: var(--base-white);--color: var(--gray-900);width:40px;height:36px;margin:0;padding:0;border:none;border-radius:0;outline:none;background-color:var(--background-color);color:var(--color);font:var(--font)}.day[data-v-cec3b68c]:not(:disabled):hover{--background-color: var(--gray-50);z-index:1}.day[data-v-cec3b68c]:not(:disabled):focus{z-index:2;box-shadow:var(--focus-shadow-xs-brand)}.day[data-v-cec3b68c]:not(:disabled):disabled{--color: var(--gray-200)}.day.is-today[data-v-cec3b68c]{--font: var(--text-sm-medium);--color: var(--base-white);--background-color: var(--blue-500)}.day.is-today[data-v-cec3b68c]:not(:disabled):hover{--background-color: var(--blue-600)}.day.is-selected[data-v-cec3b68c]{--font: var(--text-sm-medium);--color: var(--base-white);--background-color: var(--brand-500)}.day.is-selected[data-v-cec3b68c]:not(:disabled):hover{--background-color: var(--brand-600)}.day.is-selected.edge--middle[data-v-cec3b68c]{--color: var(--gray-900);--background-color: var(--brand-50)}.day.is-selected.edge--middle[data-v-cec3b68c]:not(:disabled):hover{--background-color: var(--brand-100)}.day.edge--none[data-v-cec3b68c]{border-radius:0}.day.edge--start[data-v-cec3b68c]{border-top-left-radius:4px;border-bottom-left-radius:4px}.day.edge--end[data-v-cec3b68c]{border-top-right-radius:4px;border-bottom-right-radius:4px}.day.edge--both[data-v-cec3b68c]{border-radius:4px}.day.out-of-month[data-v-cec3b68c]{color:var(--gray-200)!important}.day.format-2-letters .text[data-v-cec3b68c]{color:var(--gray-500);font:var(--text-xs-medium)}.month-switcher[data-v-d01f2915]{display:flex;align-items:center;justify-content:space-between;width:100%}.month-switcher .text[data-v-d01f2915]{color:var(--gray-900);font:var(--text-sm-medium)}.date-picker[data-v-5b44a30c]{display:flex;box-sizing:border-box;flex-direction:column;width:max-content;padding:12px;border:1px solid #ebebeb;border-radius:8px;background-color:var(--base-white);box-shadow:0 6px 6px #0000000f;gap:24px}.days-container[data-v-5b44a30c]{display:grid;grid-template-columns:repeat(7,auto);width:max-content;background-color:var(--base-white)}.date-input[data-v-caa3d27c]{--width: 460px;box-sizing:border-box;width:var(--width)}.date-input .input-trigger[data-v-caa3d27c]{--icon-color: gray(--gray-500);justify-content:space-between;width:100%}.date-input .input-trigger .placeholder[data-v-caa3d27c]{color:var(--gray-300);font:var(--text-sm-regular)}.date-picker-container[data-v-caa3d27c]{position:relative}.date-input .date-picker-container .date-picker[data-v-caa3d27c]{position:absolute;top:8px}.date-input .clear-button[data-v-caa3d27c]{padding:0 8px}.date-input .clear-button i[data-v-caa3d27c]{background-color:var(--gray-400)}.date-picker[data-v-68341c67]{display:flex;box-sizing:border-box;flex-direction:column;width:max-content;padding:12px;border:1px solid #ebebeb;border-radius:8px;background-color:var(--base-white);box-shadow:0 6px 6px #0000000f;gap:24px}.days-container[data-v-68341c67]{display:grid;grid-template-columns:repeat(7,auto);width:max-content;background-color:var(--base-white)}.date-picker input[data-v-68341c67]{width:100%}.date-picker .calendar[data-v-68341c67]{position:absolute;top:100%;left:0;width:300px;padding:10px;border:1px solid #ccc;background:#fff;box-shadow:0 2px 4px #0003}.date-input[data-v-9d448d58]{--width: 460px;box-sizing:border-box;width:var(--width)}.date-input .input-trigger[data-v-9d448d58]{--icon-color: gray(--gray-500);justify-content:space-between;width:100%}.date-input .input-trigger .placeholder[data-v-9d448d58]{color:var(--gray-300);font:var(--text-sm-regular)}.date-input .date-picker-container[data-v-9d448d58]{position:relative}.date-input .date-picker-container .date-picker[data-v-9d448d58]{position:absolute;top:8px}.date-input .clear-button[data-v-9d448d58]{padding:0 8px}.date-input .clear-button i[data-v-9d448d58]{background-color:var(--gray-400)}.percentage[data-v-ebe1c158]{box-sizing:border-box;width:max-content;max-width:100%;padding:7.5px 12px;border-radius:4px;background-color:var(--gray-50);box-shadow:var(--shadow-xs-gray);color:var(--gray-500);font:var(--text-sm-medium)}.percentage.success[data-v-ebe1c158]{background-color:var(--green-50);color:var(--green-700)}.percentage.info[data-v-ebe1c158]{background-color:var(--blue-50);color:var(--blue-600)}.percentage.warning[data-v-ebe1c158]{background-color:var(--yellow-50);color:var(--yellow-500)}.percentage.danger[data-v-ebe1c158]{background-color:var(--red-50);color:var(--red-500)}button[data-v-d7821b30]{box-sizing:border-box;border:none;background-color:transparent;cursor:pointer}button:is([data-v-d7821b30]:focus,[data-v-d7821b30]:active){outline:none}.tab[data-v-d7821b30]{display:flex;align-items:center;justify-content:center;margin-bottom:-1px;padding:16px 0;border-bottom:1px solid transparent;gap:4px}.tab .label[data-v-d7821b30]{border-radius:4px;color:var(--gray-700);font:var(--text-md-regular)}.tab:hover .label[data-v-d7821b30]{color:var(--gray-900)}.tab.active .label[data-v-d7821b30]{color:var(--brand-500)}.tab.error .label[data-v-d7821b30]{color:var(--red-500)}.tab.disabled .label[data-v-d7821b30]{color:var(--gray-300)}.tab:is(:focus,:active):not(.active,.disabled) .label[data-v-d7821b30]{outline:1px solid var(--brand-500);box-shadow:var(--focus-shadow-xs-brand)}.tab.active[data-v-d7821b30]{border-bottom:2px solid var(--brand-500);cursor:default}.tab.error:hover .label[data-v-d7821b30]{color:var(--red-600)}.tab.error.active[data-v-d7821b30]{border-bottom:1px solid var(--red-500)}.tab.disabled[data-v-d7821b30]{pointer-events:none}.list[data-v-1edfcf8e]{display:flex;box-sizing:border-box;align-items:center;border-bottom:1px solid var(--gray-200);gap:40px}.sidebar[data-v-16da8bec]{--sidebar-width: 230px;--sidebar-collapsed-width: 54px;--sidebar-height: 100vh;display:flex;box-sizing:border-box;flex-direction:column;width:var(--sidebar-width);height:var(--sidebar-height);transition:width .2s ease-in-out;background-color:var(--gray-800)}.sidebar i[data-v-16da8bec]{color:var(--gray-200)}.sidebar-header[data-v-16da8bec]{display:flex;align-items:center;height:68px;padding:0 16px;border-bottom:1px solid var(--gray-700);font:var(--text-lg-medium);gap:20px}.sidebar-header[data-v-16da8bec] :hover{background-color:var(--gray-700)}.sidebar-header[data-v-16da8bec] :active{background-color:var(--gray-600)}.sidebar-header .item-icon[data-v-16da8bec]{padding:0;border:none;background-color:transparent;cursor:pointer}.sidebar-header .item-icon i[data-v-16da8bec]{transition:transform .25s ease-in-out}.sidebar-header .item-label[data-v-16da8bec]{color:var(--base-white);font:var(--text-lg-medium)}.sidebar-items.lower[data-v-16da8bec]{margin-top:auto}.sidebar-items .item-label[data-v-16da8bec],.sidebar-items[data-v-16da8bec] .item-label{color:var(--base-white);font:var(--text-sm-medium)}.sidebar .item-icon[data-v-16da8bec],.sidebar[data-v-16da8bec] .item-icon{outline:none;color:var(--gray-100)}.sidebar.collapsed[data-v-16da8bec]{width:var(--sidebar-collapsed-width);overflow-x:hidden}.sidebar.collapsed .item-label[data-v-16da8bec],.sidebar.collapsed[data-v-16da8bec] .item-label,.sidebar.collapsed[data-v-16da8bec] .subitem-text,.sidebar.collapsed[data-v-16da8bec] .expand-icon{visibility:hidden;transition:opacity .3s ease-in-out,transform .25s ease-in-out;opacity:0;white-space:nowrap}.sidebar.collapsed[data-v-16da8bec] .sidebar-subitem{position:relative}.sidebar.collapsed[data-v-16da8bec] .sidebar-subitem:before{content:"";position:absolute;left:25px;width:5px;height:5px;transform:translate(-50%);transition:opacity .2s ease-in-out;border:1px solid var(--gray-400);border-radius:50%;opacity:1;background-color:var(--gray-700)}.sidebar.collapsed .item-label[data-v-16da8bec],.sidebar.collapsed[data-v-16da8bec] .item-label,.sidebar.collapsed[data-v-16da8bec] .subitem-text{transform:translate(100%)}.sidebar.collapsed[data-v-16da8bec]:hover{width:var(--sidebar-width)}.sidebar.collapsed:hover .item-label[data-v-16da8bec],.sidebar.collapsed[data-v-16da8bec]:hover .item-label,.sidebar.collapsed[data-v-16da8bec]:hover .subitem-text,.sidebar.collapsed[data-v-16da8bec]:hover .expand-icon{visibility:visible;opacity:1}.sidebar.collapsed:hover .item-label[data-v-16da8bec],.sidebar.collapsed[data-v-16da8bec]:hover .item-label,.sidebar.collapsed[data-v-16da8bec]:hover .subitem-text{transform:translate(0)}.sidebar.collapsed[data-v-16da8bec]:hover .sidebar-subitem:before{opacity:0}.sidebar.collapsed .sidebar-header .item-icon i[data-v-16da8bec]{color:var(--gray-500)}html[dir=rtl] .sidebar.collapsed .item-label,html[dir=rtl] .sidebar.collapsed .subitem-text{transform:translate(-100%)}html[dir=rtl] .sidebar.collapsed .sidebar-subitem:before{right:25px;left:unset;transform:translate(50%)}.sidebar-item[data-v-48a2c72a]{--height: 48px;display:flex;position:relative;box-sizing:border-box;align-items:center;width:100%;height:var(--height);padding:0 16px;border:none;background-color:transparent;cursor:pointer;gap:20px}.sidebar-item[data-v-48a2c72a]:hover{background-color:var(--gray-700)}.sidebar-item:is([data-v-48a2c72a]:focus,[data-v-48a2c72a]:active){outline:none;background-color:var(--gray-600)}.sidebar-item.active[data-v-48a2c72a]{background-color:var(--gray-700)}[dir=rtl] .sidebar-item.active[data-v-48a2c72a]{box-shadow:inset -2px 0 0 0 var(--base-white)}[dir=ltr] .sidebar-item.active[data-v-48a2c72a]{box-shadow:inset 2px 0 0 0 var(--base-white)}.sidebar-item .expand-icon .icon[data-v-48a2c72a]{width:10px;height:10px;color:var(--gray-400)}.sidebar-item .item-icon .icon[data-v-48a2c72a]{width:22px;height:22px;color:var(--gray-400)}.sidebar-item.active .item-icon .icon[data-v-48a2c72a]{color:var(--base-white)}.subitems[data-v-48a2c72a]{display:flex;flex-direction:column;overflow:hidden}.expand-icon[data-v-48a2c72a]{margin-inline-start:auto}.expand-icon i[data-v-48a2c72a]{transition:all .2s ease-in-out}.expand-icon.rotate i[data-v-48a2c72a]{transform:rotate(180deg)}.toggle-enter-active[data-v-48a2c72a]{animation:toggle-48a2c72a .15s linear}.toggle-leave-active[data-v-48a2c72a]{animation:toggle-48a2c72a .15s reverse linear}@keyframes toggle-48a2c72a{0%{max-height:0;opacity:0}to{max-height:calc(var(--50b2ba8d) * 40px);opacity:1}}html[dir=rtl] .sidebar-item.active{box-shadow:inset -2px 0 0 0 var(--base-white)}.sidebar-subitem[data-v-36cd0bb5]{display:flex;box-sizing:border-box;align-items:center;padding:5.5px 60px;border:none;background-color:transparent;color:var(--gray-400);font:var(--text-sm-regular);text-align:start;cursor:pointer}.sidebar-subitem[data-v-36cd0bb5]:first-child{margin-top:8px}.sidebar-subitem[data-v-36cd0bb5]:last-child{margin-bottom:8px}.sidebar-subitem:is([data-v-36cd0bb5]:hover,[data-v-36cd0bb5]:focus){outline:none;color:var(--gray-200)}.sidebar-subitem.active[data-v-36cd0bb5]{color:var(--gray-200);font:var(--text-sm-medium)}.subitem-text[data-v-36cd0bb5]{display:block}.topbar[data-v-f493dd23],.topbar-start[data-v-f493dd23],.topbar-end[data-v-f493dd23]{display:flex;box-sizing:border-box;align-items:center}.topbar[data-v-f493dd23]{justify-content:space-between;width:100%;padding:12px 12px 12px 24px}.topbar-end[data-v-f493dd23]{gap:8px}.action-bar[data-v-64c8a9dd]{display:flex;box-sizing:border-box;align-items:center;justify-content:flex-end;height:68px;padding:12px;gap:8px}.settings-nav[data-v-ceeca843]{box-sizing:border-box;max-width:240px;padding:0 0 8px;border:1px solid var(--gray-200);border-radius:8px;background-color:var(--base-white);box-shadow:var(--shadow-xs-gray)}.header[data-v-ceeca843]{padding:16px 8px 16px 20px;border-bottom:1px solid var(--gray-200);font-weight:var(--text-md-medium)}.settings-nav-item[data-v-165ef2ad]{display:flex;box-sizing:border-box;align-items:center;width:100%;padding:12px;border:none;background-color:var(--base-white);cursor:pointer;gap:12px}.settings-nav-item .label[data-v-165ef2ad],.settings-nav-item .icon[data-v-165ef2ad]{color:var(--gray-700);font:var(--text-sm-regular)}.settings-nav-item[data-v-165ef2ad]:not(.active):hover{background-color:var(--gray-50)}.settings-nav-item:not(.active):is([data-v-165ef2ad]:focus,[data-v-165ef2ad]:active){outline:none;background-color:var(--gray-100)}.settings-nav-item.active[data-v-165ef2ad]{margin-left:-1px;box-shadow:inset 3px 0 0 0 var(--brand-500);cursor:default}.settings-nav-item.active .label[data-v-165ef2ad],.settings-nav-item.active .icon[data-v-165ef2ad]{color:var(--brand-500);font:var(--text-sm-medium)}html[dir=rtl] .settings-nav-item.active[data-v-165ef2ad]{box-shadow:inset -3px 0 0 0 var(--brand-500)}.tooltip[data-v-1800c52f]{display:inline-block;position:relative}.tooltip .triggered-element[data-v-1800c52f]{visibility:hidden;position:fixed;z-index:9999999999;width:max-content;max-width:200px;padding:8px 12px;transition:opacity .3s ease-in-out;transition-delay:.1s;border-radius:4px;opacity:0;background-color:var(--base-black);color:var(--base-white);font:var(--text-xs-regular)}.tooltip .triggered-element-hide[data-v-1800c52f]{visibility:hidden!important;opacity:0!important}.tooltip:hover .triggered-element[data-v-1800c52f]{visibility:visible;transition-delay:.2s;opacity:1}.table-row[data-v-9e099768]{height:68px;border-bottom:1px solid var(--gray-200);background-color:var(--base-white)}.table-row .table-cell[data-v-9e099768]{padding:0 12px}.table-cell[data-v-9e099768]:has(.text-column){max-width:250px}.table-row.selected[data-v-9e099768]{background-color:var(--brand-50)}.table-row.selected .table-cell[data-v-9e099768]:first-of-type{position:relative}.table-row.selected .table-cell[data-v-9e099768]:first-of-type:before{content:"";display:block;position:absolute;top:0;left:0;width:3px;height:calc(100% + 1px);background-color:var(--brand-500)}.table-row .table-cell .cell-actions[data-v-9e099768]{display:flex;align-items:center;gap:8px}.table-row .table-cell .cell-actions .secondary[data-v-9e099768]{--icon-color: var(--gray-500)}.table-row .table-cell .row-checker[data-v-9e099768]{padding-left:4px}.table-row .table-cell .percentage[data-v-9e099768]{width:fit-content}.table-row .table-cell .increment[data-v-9e099768]{--width: max-content}.table-row .table-cell .increment[data-v-9e099768] input{width:30px}.table-row .table-cell .cell-full-width[data-v-9e099768]{width:100%}.table-row.expended-child[data-v-9e099768]{background-color:var(--gray-50)}.table-row.expended-wrapper[data-v-9e099768]{position:relative;box-shadow:var(--shadow-sm-gray)}.text-column[data-v-9e099768]{display:flex;max-width:100%;color:var(--gray-900);font:var(--text-sm-regular)}.text-column.na[data-v-9e099768]{color:var(--gray-300);font:var(--text-sm-medium);text-transform:uppercase}.text-column .text[data-v-9e099768]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-container[data-v-b669cf69]{display:flex;box-sizing:border-box;align-items:center;justify-content:flex-start;width:100%;overflow:auto hidden}.table[data-v-b669cf69]{width:100%;overflow:hidden;border-collapse:collapse}.table-head[data-v-b669cf69]{height:52px;border-bottom:1px solid var(--gray-200);background-color:var(--gray-50)}.table-head .head-column[data-v-b669cf69]{height:100%;padding:0 16px;text-align:start}.table-head .head-column .text[data-v-b669cf69]{color:var(--gray-700);font:var(--text-sm-medium)}.table-head .head-column .text.text-sortable[data-v-b669cf69]{display:flex;align-items:center;cursor:pointer;gap:8px}.table-head .head-column .text.text-sortable i[tabindex="1"][data-v-b669cf69]{width:12px;height:12px;transition:transform .15s linear;color:var(--gray-500)}.table-head .head-column .text.text-sortable i[tabindex="1"].asc[data-v-b669cf69]{transform:rotate(180deg)}.table-head .head-column *[data-v-b669cf69]{vertical-align:middle}.table-body .text-column[data-v-b669cf69]{color:var(-