/* stylelint-disable */
html,
body {
width: 100%;
height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
display: none;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
margin: 0;
}
[tabindex='-1']:focus {
outline: none;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0.5em;
font-weight: 500;
}
p {
margin-top: 0;
margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
border-bottom: 0;
cursor: help;
}
address {
margin-bottom: 1em;
font-style: normal;
line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
-webkit-appearance: none;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 500;
}
dd {
margin-bottom: 0.5em;
margin-left: 0;
}
blockquote {
margin: 0 0 1em;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
pre,
code,
kbd,
samp {
font-size: 1em;
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
margin-top: 0;
margin-bottom: 1em;
overflow: auto;
}
figure {
margin: 0 0 1em;
}
img {
vertical-align: middle;
border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
touch-action: manipulation;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75em;
padding-bottom: 0.3em;
text-align: left;
caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
box-sizing: border-box;
padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
margin-bottom: 0.5em;
padding: 0;
color: inherit;
font-size: 1.5em;
line-height: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
[type='search'] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
.ant-modal {
border-radius: 8px;
margin-top: 24px;
margin-bottom: 24px;
}
.ant-modal-wrap {
background: #18191acc;
}
.ant-modal .ant-modal-container {
border-radius: 16px;
padding: 24px;
}
.ant-modal.fullscreen {
width: 100dvw !important;
max-width: 100dvw;
top: 0;
margin: 0;
padding: 0;
overflow-x: hidden;
border-radius: 0;
}
.ant-modal.fullscreen .ant-modal-container {
border-radius: 0;
padding: 0;
min-height: 100vh;
}
.ant-modal .ant-modal-title {
font-size: 24px;
font-weight: 600;
line-height: 38px;
color: var(--neutral-900);
}
.ant-modal .ant-modal-close {
width: 36px;
height: 36px;
border-radius: 36px;
border: 1.5px solid var(--neutral-200);
right: 24px;
top: 26px;
color: var(--neutral-900);
background: var(--neutral-000);
}
.ant-modal .ant-modal-close:hover {
background: var(--neutral-100);
}
.ant-modal .ant-modal-close .ant-modal-close-x {
line-height: 20px;
height: 20px;
}
/*.ant-menu .ant-menu-item .ant-menu-item-icon +span {*/
/* margin-inline-start: 18px;*/
/*}*/
/*.ant-modal.fullscreen .ant-modal-content {*/
/* width: 100vw !important;*/
/* top: 0 !important;*/
/* left: 0 !important;*/
/* right: 0 !important;*/
/* margin: 0 !important;*/
/* border-radius: 0;*/
/* box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);*/
/* background: var(--neutral-000);*/
/*}*/
/*.ant-modal.fullscreen .ant-modal-header {*/
/* padding: 16px 32px;*/
/*}*/
/*.ant-modal.fullscreen .ant-modal-close {*/
/* top: 18px;*/
/* inset-inline-end: 32px;*/
/*}*/
/*.ant-modal.fullscreen .ant-modal-close-x {*/
/* font-size: 16px;*/
/* color: var(--neutral-900);*/
/*}*/
/*.ant-input {*/
/* height: 36px;*/
/* border: 1px solid rgba(0, 0, 0, 0.15);*/
/* border-radius: 6px;*/
/*}*/
/*.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover, .ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-focused {*/
/* border: 1px solid var(--primary-500);*/
/*}*/
/*.ant-select-single:not(.ant-select-customize-input) {*/
/* height: 36px;*/
/* border-radius: 12px;*/
/* border-color: var(--neutral-200);*/
/* color: var(--neutral-900);*/
/* font-weight: 500;*/
/*}*/
.ant-form-vertical .ant-form-item-label > label {
/*color: var(--black);*/
/*font-weight: 600;*/
/*font-size: 10px;*/
/*line-height: 16px;*/
}
.ant-form-item {
margin-bottom: 16px;
}
.ant-modal-body {
padding: 0;
}
.cs-ant-form-item-label-between label {
display: flex;
width: 100%;
}
.cs-ant-form-item-label-between label .count {
margin-left: auto;
}
.cs-ant-form-item-label-between .ant-form-item-label {
width: 100%;
max-width: 100%;
}
/* .cs-ant-form-item-label-between
.ant-form-item-label
> label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::after {
display: none;
} */
.cs-antform-item-without-content {
margin-bottom: 0;
}
.cs-antform-item-without-content .ant-form-item-control {
display: none;
}
.cs-antform-item-without-content .cs-ant-form-item-content-clone {
/* margin-bottom: 16px; */
}
.ant-form-item-has-error
+ div
.cs-ant-form-item-content-clone
> div:first-child
span {
color: var(--require-mark);
}
.ant-form-item-feedback-icon-success {
display: none;
}
.ant-select-arrow {
color: var(--text-link);
}
.ant-picker-footer {
display: none;
}
.ant-picker-suffix {
color: var(--text-link);
}
.ant-notification {
color: #18191a;
}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
color: unset;
}
.ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
display: none;
}
.ant-form-item-feedback-icon.ant-form-item-feedback-icon-error {
display: none;
}
/*.ant-input {*/
/* font-size: 14px !important;*/
/*}*/
/*.ant-input.ant-input-lg {*/
/* border-radius: 4px;*/
/*}*/
.ant-popover .ant-popover-container {
padding: 12px;
border-radius: 16px;
background: var(--neutral-000);
box-shadow: 0 32px 48px -8px rgba(0, 0, 0, 0.1),
0 -4px 16px -4px rgba(0, 0, 0, 0.08);
}
.ant-popover-content {
padding: 0;
}
.ant-col.ant-form-item-label {
padding-bottom: 4px;
}
.ant-typography {
color: var(--gray-800);
}
.ant-btn {
font-weight: 600;
}
/* antd 6 sets a visible border on disabled buttons; primary buttons used transparent borders in v5 */
.ant-btn-primary:disabled,
.ant-btn-primary.ant-btn-disabled,
.ant-btn-color-primary.ant-btn-variant-solid:disabled,
.ant-btn-color-primary.ant-btn-variant-solid.ant-btn-disabled {
border-color: transparent;
}
.ant-btn-primary.ant-btn-background-ghost {
background: var(--primary-100);
border-color: var(--primary-300);
}
.ant-btn-primary.ant-btn-background-ghost:not(:disabled):active {
background: var(--primary-100);
}
.ant-btn-primary.ant-btn-background-ghost:not(:disabled):hover {
background: var(--primary-200);
}
.ant-input-prefix {
padding-right: 8px;
color: var(--icon);
}
.ant-checkbox {
border-color: rgba(0, 0, 0, 0.15);
}
.ant-select-single {
font-size: 14px;
height: 40px;
}
.ant-select-lg {
font-size: 16px;
height: 44px;
}
.ant-select-suffix,
.icon-info-circle-filled {
display: flex;
}
.ant-checkbox-checked:not(.ant-checkbox-disabled) {
border-color: var(--primary-500);
background-color: var(--primary-500);
}
.ant-checkbox-checked:not(.ant-checkbox-disabled):hover {
border-color: var(--primary-500-hover);
background-color: var(--primary-500-hover);
}
.ant-checkbox-disabled {
background-color: rgba(255, 131, 24, 0.04);
border-color: #000000;
}
.ant-input-search .ant-input-affix-wrapper-lg {
font-size: 16px;
line-height: 38px;
padding: 0 16px;
}
.ant-table-wrapper .ant-table-thead > tr > th,
.ant-table-wrapper .ant-table-thead > tr > td {
background: var(--primary-500);
}
.ant-table-wrapper table {
border-radius: 0;
}
.ant-table-wrapper
.ant-table-container
table
> thead
> tr:first-child
> *:last-child,
.ant-table-wrapper
.ant-table-container
table
> thead
> tr:first-child
> *:first-child {
border-radius: 0;
}
.ant-table-wrapper .ant-table-thead > tr > th,
.ant-table-wrapper .ant-table-thead > tr > td {
color: white;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 22px;
}
.ant-table-wrapper
.ant-table-thead
> tr
> th:not(:last-child):not(.ant-table-selection-column):not(
.ant-table-row-expand-icon-cell
):not([colspan])::before,
.ant-table-wrapper
.ant-table-thead
> tr
> td:not(:last-child):not(.ant-table-selection-column):not(
.ant-table-row-expand-icon-cell
):not([colspan])::before {
background: rgba(0, 0, 0, 0.06);
}
.ant-pagination .ant-pagination-item {
border-color: transparent;
background: transparent;
height: 40px;
min-width: 40px;
border-radius: 8px;
}
.ant-pagination .ant-pagination-next .ant-pagination-item-link,
.ant-pagination .ant-pagination-prev .ant-pagination-item-link {
border-color: var(--neutral-200);
height: 40px;
min-width: 40px;
border-radius: 8px;
font-size: 16px;
}
.ant-pagination .ant-pagination-item:not(.ant-pagination-item-active):hover {
border-color: var(--primary-500);
background: var(--neutral-000);
}
.ant-pagination .ant-pagination-item-active {
border-color: var(--primary-500);
background: var(--primary-500);
}
.ant-pagination .ant-pagination-item a {
color: var(--neutral-900);
font-weight: 600;
line-height: 40px;
}
.ant-pagination .ant-pagination-item-active a {
color: var(--neutral-000) !important;
}
.ant-picker-dropdown
.ant-picker-cell-in-view.ant-picker-cell-selected
.ant-picker-cell-inner,
.ant-picker-dropdown
.ant-picker-cell-in-view.ant-picker-cell-range-start
.ant-picker-cell-inner,
.ant-picker-dropdown
.ant-picker-cell-in-view.ant-picker-cell-range-end
.ant-picker-cell-inner {
background: var(--primary-500) !important;
}
.ant-select-dropdown
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
background: var(--selected-dropdown-item-background);
}
.ant-upload-list {
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.ant-upload-wrapper .ant-upload-list .ant-upload-list-item {
background: #f5f5f5;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
padding: 1px 8px;
color: #43abae;
}
.ant-collapse-panel {
border: none !important;
}
.ant-image-preview-operations-wrapper,
.ant-image-preview-root .ant-image-preview-mask,
.ant-image-preview-root .ant-image-preview-wrap {
top: 60px;
}
.ant-alert.ant-alert-info {
border: 2px solid var(--sematic-info-blue-light-2);
background: var(--neutral-000);
border-radius: 16px;
}
.ant-alert.ant-alert-info .ant-alert-icon {
color: var(--sematic-info-blue-default);
}
.ant-alert.ant-alert-info .ant-alert-title {
font-weight: 600;
margin-bottom: 0;
font-size: 14px;
}
.ant-picker-dropdown .ant-picker-cell-disabled::before {
background: transparent;
}
.ant-picker-dropdown
.ant-picker-cell-in-view.ant-picker-cell-today
.ant-picker-cell-inner {
background: var(--primary-100);
}
.ant-picker-dropdown
.ant-picker-cell-in-view.ant-picker-cell-today
.ant-picker-cell-inner::before {
border: none;
}
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-today {
color: var(--primary-500);
}
.ant-picker-dropdown .ant-picker-cell {
color: rgba(17, 17, 17, 0.88);
}
.ant-picker-dropdown .ant-picker-cell-disabled {
color: #adadad;
}
/*.ant-select-disabled.ant-select:not(.ant-select-customize-input) {*/
/* background-color: var(--disabled-container-background);*/
/*}*/
/*.ant-picker:hover,*/
/*.ant-picker-focused,*/
/*.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover,*/
/*.ant-select.ant-select-open,*/
/*.ant-select.ant-select-focused,*/
/*.ant-input:hover,*/
/*.ant-input:focus,*/
/*.ant-input-focused,*/
/*.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,*/
/*.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,*/
/*.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused,*/
/*.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,*/
/*.ant-form-item .ant-form-item-label >label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before,*/
/*.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper .ant-input-prefix,*/
/*.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper .ant-input-suffix,*/
/*.ant-form-item .ant-form-item-explain-error,*/
/*.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,*/
/*.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,*/
/*.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused,*/
/*.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,*/
/*.ant-pagination .ant-pagination-item:hover,*/
/*.ant-pagination .ant-pagination-item-active:hover {*/
/* border-color: var(--primary-500);*/
/*}*/
/*.ant-pagination .ant-pagination-item:hover a,*/
/*.ant-pagination .ant-pagination-item-active:hover a,*/
/*.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,*/
/*.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,*/
/*.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused,*/
/*.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,*/
/*.ant-form-item .ant-form-item-label >label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before,*/
/*.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper .ant-input-prefix,*/
/*.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper .ant-input-suffix,*/
/*.ant-form-item .ant-form-item-explain-error {*/
/* color: var(--primary-500);*/
/*}*/
/*.ant-input-focused {*/
/* border-color: var(--primary-500) !important;*/
/*}*/
.ant-select-suffix .anticon-down {
color: var(--neutral-700);
}
.ant-dropdown-trigger:hover,
.ant-dropdown-trigger:active {
color: var(--black);
}
.ant-avatar {
/*background-color: var(--neutral-900);*/
border: 2px solid #fff;
width: 36px;
height: 36px;
display: flex;
align-items: center;
}
.ant-avatar-group > *:not(:first-child) {
margin-left: -16px;
}
.ant-avatar .ant-avatar-string {
font-size: 14px;
font-style: normal;
font-weight: 500;
margin-top: -2px;
line-height: normal !important;
}
.ant-dropdown .ant-dropdown-menu,
.ant-dropdown-menu-submenu .ant-dropdown-menu {
border-radius: 16px;
padding: 8px;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item,
.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item,
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-submenu-title {
border-radius: 12px;
padding: 16px;
}
/*.ant-select-single {*/
/* height: 40px;*/
/*}*/
.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.ant-select-single.ant-select-show-arrow .ant-select-placeholder {
padding-inline-end: 24px;
}
.ant-form-item .ant-form-item-label > label {
color: var(--black);
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.ant-form-item-explain {
margin-top: 8px;
color: var(--text-error);
font-weight: 500;
}
.ant-form-item .ant-form-item-extra {
min-height: auto;
}
.ant-form-item:has(textarea) .ant-form-item-explain-error {
position: absolute;
bottom: 1rem;
}
.ant-form-item:has(textarea) .ant-form-item-explain {
position: absolute;
bottom: 0;
margin: 0;
}
@layer rdg {
@layer Defaults,
FocusSink,
CheckboxInput,
CheckboxIcon,
CheckboxLabel,
Cell,
HeaderCell,
SummaryCell,
EditCell,
Row,
HeaderRow,
SummaryRow,
GroupedRow,
Root;
}
.rdg-7-0-0-beta-58-fa71d63e {
@layer rdg.MeasuringCell {
contain: strict;
grid-row: 1;
visibility: hidden;
}
}
.rdg-7-0-0-beta-58-85c48527 {
@layer rdg.Cell {
/* max-content does not work with size containment
* dynamically switching between different containment styles incurs a heavy relayout penalty
* Chromium bug: at odd zoom levels or subpixel positioning,
* layout/paint/style containment can make cell borders disappear
* https://issues.chromium.org/issues/40840864
*/
position: relative; /* needed for absolute positioning to work */
padding-block: 0;
padding-inline: 8px;
border-inline-end: var(--rdg-border-width) solid var(--rdg-border-color);
border-block-end: var(--rdg-border-width) solid var(--rdg-border-color);
grid-row-start: var(--rdg-grid-row-start);
align-content: center;
background-color: inherit;
white-space: nowrap;
overflow: clip;
text-overflow: ellipsis;
outline: none;
&[aria-selected='true'] {
outline: var(--rdg-selection-width) solid var(--rdg-selection-color);
outline-offset: calc(var(--rdg-selection-width) * -1);
}
}
}
.rdg-7-0-0-beta-58-17a9a6d4 {
@layer rdg.Cell {
position: sticky;
/* Should have a higher value than 0 to show up above unfrozen cells */
z-index: 1;
/* Add box-shadow on the last frozen cell */
&:nth-last-child(1 of &) {
box-shadow: var(--rdg-cell-frozen-box-shadow);
}
}
}
.rdg-7-0-0-beta-58-bfba19bc {
@layer rdg.DragHandle {
--rdg-drag-handle-size: 8px;
z-index: 0;
cursor: move;
inline-size: var(--rdg-drag-handle-size);
block-size: var(--rdg-drag-handle-size);
background-color: var(--rdg-selection-color);
place-self: end;
&:hover {
--rdg-drag-handle-size: 16px;
border: 2px solid var(--rdg-selection-color);
background-color: var(--rdg-background-color);
}
}
}
.rdg-7-0-0-beta-58-7abddb3e {
@layer rdg.DragHandle {
z-index: 1;
position: sticky;
}
}
.rdg-7-0-0-beta-58-3b807ead {
@layer rdg.CheckboxInput {
display: block;
margin: auto;
inline-size: 20px;
block-size: 20px;
&:focus-visible {
outline: 2px solid var(--rdg-checkbox-focus-color);
outline-offset: -3px;
}
&:enabled {
cursor: pointer;
}
}
}
.rdg-7-0-0-beta-58-07919382 {
@layer rdg.GroupCellContent {
outline: none;
}
}
.rdg-7-0-0-beta-58-02a50147 {
@layer rdg.GroupCellCaret {
margin-inline-start: 4px;
stroke: currentColor;
stroke-width: 1.5px;
fill: transparent;
vertical-align: middle;
> path {
transition: d 0.1s;
}
}
}
.rdg-7-0-0-beta-58-56a248e4 {
@layer rdg.SortableHeaderCell {
display: flex;
}
}
.rdg-7-0-0-beta-58-7fad8c83 {
@layer rdg.SortableHeaderCellName {
flex-grow: 1;
overflow: clip;
text-overflow: ellipsis;
}
}
.rdg-7-0-0-beta-58-35ccb4c8 {
@layer rdg.Cell {
background-color: #ccccff;
}
}
.rdg-7-0-0-beta-58-46f9ea88 {
@layer rdg.EditCell {
padding: 0;
}
}
.rdg-7-0-0-beta-58-0dbd5994 {
@layer rdg.HeaderRow {
display: contents;
background-color: var(--rdg-header-background-color);
font-weight: bold;
& > .rdg-7-0-0-beta-58-85c48527 {
/* Should have a higher value than 1 to show up above regular cells and the focus sink */
z-index: 2;
position: sticky;
}
& > .rdg-7-0-0-beta-58-17a9a6d4 {
z-index: 3;
}
}
}
.rdg-7-0-0-beta-58-2a7e240d {
@layer rdg.HeaderCell {
cursor: pointer;
}
}
.rdg-7-0-0-beta-58-1893dc0f {
@layer rdg.HeaderCell {
touch-action: none;
}
}
.rdg-7-0-0-beta-58-4e60db91 {
@layer rdg.HeaderCell {
cursor: col-resize;
position: absolute;
inset-block-start: 0;
inset-inline-end: 0;
inset-block-end: 0;
inline-size: 10px;
}
}
.rdg-7-0-0-beta-58-3e1a4ad4 {
@layer rdg.HeaderCell {
background-color: var(--rdg-header-draggable-background-color);
}
}
.rdg-7-0-0-beta-58-51abd8b8 {
@layer rdg.HeaderCell {
background-color: var(--rdg-header-draggable-background-color);
}
}
.rdg-7-0-0-beta-58-c8d7aa64 {
@layer rdg.HeaderCell {
border-radius: 4px;
width: -moz-fit-content;
width: fit-content;
outline: 2px solid hsl(207, 100%, 50%);
outline-offset: -2px;
}
}
.rdg-7-0-0-beta-58-3c083f1b {
@layer rdg.Row {
display: contents;
background-color: var(--rdg-background-color);
&:hover {
background-color: var(--rdg-row-hover-background-color);
}
&[aria-selected='true'] {
background-color: var(--rdg-row-selected-background-color);
&:hover {
background-color: var(--rdg-row-selected-hover-background-color);
}
}
}
}
.rdg-7-0-0-beta-58-3fe773c3 {
@layer rdg.FocusSink {
outline: 2px solid var(--rdg-selection-color);
outline-offset: -2px;
}
}
.rdg-7-0-0-beta-58-97ce3fde {
@layer rdg.FocusSink {
&::before {
content: '';
display: inline-block;
block-size: 100%;
position: sticky;
inset-inline-start: 0;
border-inline-start: 2px solid var(--rdg-selection-color);
}
}
}
.rdg-7-0-0-beta-58-3d5115f3 {
@layer rdg.SortIcon {
fill: currentColor;
> path {
transition: d 0.1s;
}
}
}
.rdg-7-0-0-beta-58-ccd2e5d9 {
@layer rdg.Defaults {
*,
*::before,
*::after {
box-sizing: inherit;
}
}
@layer rdg.Root {
--rdg-selection-width: 2px;
--rdg-selection-color: hsl(207, 75%, 66%);
--rdg-font-size: 14px;
--rdg-cell-frozen-box-shadow: 2px 0 5px -2px rgba(136, 136, 136, 0.3);
--rdg-border-width: 1px;
--rdg-summary-border-width: calc(var(--rdg-border-width) * 2);
--rdg-color: light-dark(#000, #ddd);
--rdg-border-color: light-dark(#ddd, #444);
--rdg-summary-border-color: light-dark(#aaa, #555);
--rdg-background-color: light-dark(hsl(0deg 0% 100%), hsl(0deg 0% 13%));
--rdg-header-background-color: light-dark(hsl(0deg 0% 97.5%), hsl(0deg 0% 10.5%));
--rdg-header-draggable-background-color: light-dark(hsl(0deg 0% 90.5%), hsl(0deg 0% 17.5%));
--rdg-row-hover-background-color: light-dark(hsl(0deg 0% 96%), hsl(0deg 0% 9%));
--rdg-row-selected-background-color: light-dark(hsl(207deg 76% 92%), hsl(207deg 76% 42%));
--rdg-row-selected-hover-background-color: light-dark(hsl(207deg 76% 88%), hsl(207deg 76% 38%));
--rdg-checkbox-focus-color: hsl(207deg 100% 69%);
&.rdg-dark {
--rdg-color-scheme: dark;
}
&.rdg-light {
--rdg-color-scheme: light;
}
color-scheme: var(--rdg-color-scheme, light dark);
&:dir(rtl) {
--rdg-cell-frozen-box-shadow: -2px 0 5px -2px rgba(136, 136, 136, 0.3);
}
display: grid;
accent-color: light-dark(hsl(207deg 100% 29%), hsl(207deg 100% 79%));
/* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */
/* We set a stacking context so internal elements don't render on top of external elements. */
/* size containment is not used as it could break "width: min-content" for example, and the grid would infinitely resize on Chromium browsers */
contain: content;
content-visibility: auto;
block-size: 350px;
border: 1px solid var(--rdg-border-color);
box-sizing: border-box;
overflow: auto;
background-color: var(--rdg-background-color);
color: var(--rdg-color);
font-size: var(--rdg-font-size);
/* needed on Firefox to fix scrollbars */
&::before {
content: '';
grid-column: 1/-1;
grid-row: 1/-1;
}
> :nth-last-child(1 of .rdg-top-summary-row) {
> .rdg-7-0-0-beta-58-85c48527 {
border-block-end: var(--rdg-summary-border-width) solid var(--rdg-summary-border-color);
}
}
> :nth-child(1 of .rdg-bottom-summary-row) {
> .rdg-7-0-0-beta-58-85c48527 {
border-block-start: var(--rdg-summary-border-width) solid var(--rdg-summary-border-color);
}
}
}
}
.rdg-7-0-0-beta-58-e9b0e1c9 {
@layer rdg.Root {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
& .rdg-7-0-0-beta-58-3c083f1b {
cursor: move;
}
}
}
.rdg-7-0-0-beta-58-dbb8b3c5 {
@layer rdg.FocusSink {
grid-column: 1/-1;
pointer-events: none;
/* Should have a higher value than 1 to show up above regular frozen cells */
z-index: 1;
}
}
.rdg-7-0-0-beta-58-e9f55541 {
@layer rdg.FocusSink {
/* Should have a higher value than 3 to show up above header and summary rows */
z-index: 3;
}
}
.rdg-7-0-0-beta-58-0b90c82c {
@layer rdg.SummaryRow {
> .rdg-7-0-0-beta-58-85c48527 {
position: sticky;
}
}
}
.rdg-7-0-0-beta-58-d0520eab {
@layer rdg.SummaryRow {
> .rdg-7-0-0-beta-58-85c48527 {
z-index: 2;
}
> .rdg-7-0-0-beta-58-17a9a6d4 {
z-index: 3;
}
}
}
.rdg-7-0-0-beta-58-d907aa87 {
@layer rdg.SummaryCell {
inset-block-start: var(--rdg-summary-row-top);
inset-block-end: var(--rdg-summary-row-bottom);
}
}
.rdg-7-0-0-beta-58-e74a2be3 {
@layer rdg.GroupedRow {
&:not([aria-selected='true']) {
background-color: var(--rdg-header-background-color);
}
> .rdg-7-0-0-beta-58-85c48527:not(:last-child, .rdg-7-0-0-beta-58-17a9a6d4),
> :nth-last-child(n + 2 of .rdg-7-0-0-beta-58-17a9a6d4) {
border-inline-end: none;
}
}
}
.rdg-7-0-0-beta-58-2f8db206 {
@layer rdg.TextEditor {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
inline-size: 100%;
block-size: 100%;
padding-block: 0;
padding-inline: 6px;
border: 2px solid #ccc;
vertical-align: top;
color: var(--rdg-color);
background-color: var(--rdg-background-color);
font-family: inherit;
font-size: var(--rdg-font-size);
&:focus {
border-color: var(--rdg-selection-color);
outline: none;
}
&::-moz-placeholder {
color: #999;
opacity: 1;
}
&::placeholder {
color: #999;
opacity: 1;
}
}
}
/*# sourceMappingURL=styles.css.map */:root {
--toastify-color-light: #fff;
--toastify-color-dark: #121212;
--toastify-color-info: #3498db;
--toastify-color-success: #07bc0c;
--toastify-color-warning: #f1c40f;
--toastify-color-error: hsl(6, 78%, 57%);
--toastify-color-transparent: rgba(255, 255, 255, 0.7);
--toastify-icon-color-info: var(--toastify-color-info);
--toastify-icon-color-success: var(--toastify-color-success);
--toastify-icon-color-warning: var(--toastify-color-warning);
--toastify-icon-color-error: var(--toastify-color-error);
--toastify-container-width: fit-content;
--toastify-toast-width: 320px;
--toastify-toast-offset: 16px;
--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
--toastify-toast-background: #fff;
--toastify-toast-padding: 14px;
--toastify-toast-min-height: 64px;
--toastify-toast-max-height: 800px;
--toastify-toast-bd-radius: 6px;
--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
--toastify-font-family: sans-serif;
--toastify-z-index: 9999;
--toastify-text-color-light: #757575;
--toastify-text-color-dark: #fff;
/* Used only for colored theme */
--toastify-text-color-info: #fff;
--toastify-text-color-success: #fff;
--toastify-text-color-warning: #fff;
--toastify-text-color-error: #fff;
--toastify-spinner-color: #616161;
--toastify-spinner-color-empty-area: #e0e0e0;
--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
--toastify-color-progress-dark: #bb86fc;
--toastify-color-progress-info: var(--toastify-color-info);
--toastify-color-progress-success: var(--toastify-color-success);
--toastify-color-progress-warning: var(--toastify-color-warning);
--toastify-color-progress-error: var(--toastify-color-error);
/* used to control the opacity of the progress trail */
--toastify-color-progress-bgo: 0.2;
}
.Toastify__toast-container {
z-index: var(--toastify-z-index);
-webkit-transform: translate3d(0, 0, var(--toastify-z-index));
position: fixed;
width: var(--toastify-container-width);
box-sizing: border-box;
color: #fff;
display: flex;
flex-direction: column;
}
.Toastify__toast-container--top-left {
top: var(--toastify-toast-top);
left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
top: var(--toastify-toast-top);
left: 50%;
transform: translateX(-50%);
align-items: center;
}
.Toastify__toast-container--top-right {
top: var(--toastify-toast-top);
right: var(--toastify-toast-right);
align-items: end;
}
.Toastify__toast-container--bottom-left {
bottom: var(--toastify-toast-bottom);
left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
bottom: var(--toastify-toast-bottom);
left: 50%;
transform: translateX(-50%);
align-items: center;
}
.Toastify__toast-container--bottom-right {
bottom: var(--toastify-toast-bottom);
right: var(--toastify-toast-right);
align-items: end;
}
.Toastify__toast {
--y: 0px;
position: relative;
touch-action: none;
width: var(--toastify-toast-width);
min-height: var(--toastify-toast-min-height);
box-sizing: border-box;
margin-bottom: 1rem;
padding: var(--toastify-toast-padding);
border-radius: var(--toastify-toast-bd-radius);
box-shadow: var(--toastify-toast-shadow);
max-height: var(--toastify-toast-max-height);
font-family: var(--toastify-font-family);
/* webkit only issue #791 */
z-index: 0;
/* inner swag */
display: flex;
flex: 1 auto;
align-items: center;
word-break: break-word;
}
@media only screen and (max-width: 480px) {
.Toastify__toast-container {
width: 100vw;
left: env(safe-area-inset-left);
margin: 0;
}
.Toastify__toast-container--top-left,
.Toastify__toast-container--top-center,
.Toastify__toast-container--top-right {
top: env(safe-area-inset-top);
transform: translateX(0);
}
.Toastify__toast-container--bottom-left,
.Toastify__toast-container--bottom-center,
.Toastify__toast-container--bottom-right {
bottom: env(safe-area-inset-bottom);
transform: translateX(0);
}
.Toastify__toast-container--rtl {
right: env(safe-area-inset-right);
left: initial;
}
.Toastify__toast {
--toastify-toast-width: 100%;
margin-bottom: 0;
border-radius: 0;
}
}
.Toastify__toast-container[data-stacked='true'] {
width: var(--toastify-toast-width);
}
@media only screen and (max-width: 480px) {
.Toastify__toast-container[data-stacked='true'] {
width: 100vw;
}
}
.Toastify__toast--stacked {
position: absolute;
width: 100%;
transform: translate3d(0, var(--y), 0) scale(var(--s));
transition: transform 0.3s;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed='false'] {
overflow: visible;
}
.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {
opacity: 0;
}
.Toastify__toast--stacked:after {
content: '';
position: absolute;
left: 0;
right: 0;
height: calc(var(--g) * 1px);
bottom: 100%;
}
.Toastify__toast--stacked[data-pos='top'] {
top: 0;
}
.Toastify__toast--stacked[data-pos='bot'] {
bottom: 0;
}
.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
transform-origin: top;
}
.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
transform-origin: bottom;
}
.Toastify__toast--stacked:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 100%;
transform: scaleY(3);
z-index: -1;
}
.Toastify__toast--rtl {
direction: rtl;
}
.Toastify__toast--close-on-click {
cursor: pointer;
}
.Toastify__toast-icon {
margin-inline-end: 10px;
width: 22px;
flex-shrink: 0;
display: flex;
}
.Toastify--animate {
animation-fill-mode: both;
animation-duration: 0.5s;
}
.Toastify--animate-icon {
animation-fill-mode: both;
animation-duration: 0.3s;
}
.Toastify__toast-theme--dark {
background: var(--toastify-color-dark);
color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
background: var(--toastify-color-light);
color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
background: var(--toastify-color-light);
color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
color: var(--toastify-text-color-info);
background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
color: var(--toastify-text-color-success);
background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
color: var(--toastify-text-color-warning);
background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
color: var(--toastify-text-color-error);
background: var(--toastify-color-error);
}
.Toastify__progress-bar-theme--light {
background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
background: var(--toastify-color-transparent);
}
.Toastify__close-button {
color: #fff;
position: absolute;
top: 6px;
right: 6px;
background: transparent;
outline: none;
border: none;
padding: 0;
cursor: pointer;
opacity: 0.7;
transition: 0.3s ease;
z-index: 1;
}
.Toastify__toast--rtl .Toastify__close-button {
left: 6px;
right: unset;
}
.Toastify__close-button--light {
color: #000;
opacity: 0.3;
}
.Toastify__close-button > svg {
fill: currentColor;
height: 16px;
width: 14px;
}
.Toastify__close-button:hover,
.Toastify__close-button:focus {
opacity: 1;
}
@keyframes Toastify__trackProgress {
0% {
transform: scaleX(1);
}
100% {
transform: scaleX(0);
}
}
.Toastify__progress-bar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.7;
transform-origin: left;
}
.Toastify__progress-bar--animated {
animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
right: 0;
left: initial;
transform-origin: right;
border-bottom-left-radius: initial;
}
.Toastify__progress-bar--wrp {
position: absolute;
overflow: hidden;
bottom: 0;
left: 0;
width: 100%;
height: 5px;
border-bottom-left-radius: var(--toastify-toast-bd-radius);
border-bottom-right-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp[data-hidden='true'] {
opacity: 0;
}
.Toastify__progress-bar--bg {
opacity: var(--toastify-color-progress-bgo);
width: 100%;
height: 100%;
}
.Toastify__spinner {
width: 20px;
height: 20px;
box-sizing: border-box;
border: 2px solid;
border-radius: 100%;
border-color: var(--toastify-spinner-color-empty-area);
border-right-color: var(--toastify-spinner-color);
animation: Toastify__spin 0.65s linear infinite;
}
@keyframes Toastify__bounceInRight {
from,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
@keyframes Toastify__bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, var(--y), 0);
}
to {
opacity: 0;
transform: translate3d(2000px, var(--y), 0);
}
}
@keyframes Toastify__bounceInLeft {
from,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
@keyframes Toastify__bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, var(--y), 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, var(--y), 0);
}
}
@keyframes Toastify__bounceInUp {
from,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes Toastify__bounceOutUp {
20% {
transform: translate3d(0, calc(var(--y) - 10px), 0);
}
40%,
45% {
opacity: 1;
transform: translate3d(0, calc(var(--y) + 20px), 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
@keyframes Toastify__bounceInDown {
from,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
@keyframes Toastify__bounceOutDown {
20% {
transform: translate3d(0, calc(var(--y) - 10px), 0);
}
40%,
45% {
opacity: 1;
transform: translate3d(0, calc(var(--y) + 20px), 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
animation-name: Toastify__bounceInUp;
}
.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
animation-name: Toastify__bounceOutDown;
}
@keyframes Toastify__zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes Toastify__zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.Toastify__zoom-enter {
animation-name: Toastify__zoomIn;
}
.Toastify__zoom-exit {
animation-name: Toastify__zoomOut;
}
@keyframes Toastify__flipIn {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
@keyframes Toastify__flipOut {
from {
transform: translate3d(0, var(--y), 0) perspective(400px);
}
30% {
transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.Toastify__flip-enter {
animation-name: Toastify__flipIn;
}
.Toastify__flip-exit {
animation-name: Toastify__flipOut;
}
@keyframes Toastify__slideInRight {
from {
transform: translate3d(110%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, var(--y), 0);
}
}
@keyframes Toastify__slideInLeft {
from {
transform: translate3d(-110%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, var(--y), 0);
}
}
@keyframes Toastify__slideInUp {
from {
transform: translate3d(0, 110%, 0);
visibility: visible;
}
to {
transform: translate3d(0, var(--y), 0);
}
}
@keyframes Toastify__slideInDown {
from {
transform: translate3d(0, -110%, 0);
visibility: visible;
}
to {
transform: translate3d(0, var(--y), 0);
}
}
@keyframes Toastify__slideOutRight {
from {
transform: translate3d(0, var(--y), 0);
}
to {
visibility: hidden;
transform: translate3d(110%, var(--y), 0);
}
}
@keyframes Toastify__slideOutLeft {
from {
transform: translate3d(0, var(--y), 0);
}
to {
visibility: hidden;
transform: translate3d(-110%, var(--y), 0);
}
}
@keyframes Toastify__slideOutDown {
from {
transform: translate3d(0, var(--y), 0);
}
to {
visibility: hidden;
transform: translate3d(0, 500px, 0);
}
}
@keyframes Toastify__slideOutUp {
from {
transform: translate3d(0, var(--y), 0);
}
to {
visibility: hidden;
transform: translate3d(0, -500px, 0);
}
}
.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
animation-name: Toastify__slideInUp;
}
.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
animation-name: Toastify__slideOutLeft;
animation-timing-function: ease-in;
animation-duration: 0.3s;
}
.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
animation-name: Toastify__slideOutRight;
animation-timing-function: ease-in;
animation-duration: 0.3s;
}
.Toastify__slide-exit--top-center {
animation-name: Toastify__slideOutUp;
animation-timing-function: ease-in;
animation-duration: 0.3s;
}
.Toastify__slide-exit--bottom-center {
animation-name: Toastify__slideOutDown;
animation-timing-function: ease-in;
animation-duration: 0.3s;
}
@keyframes Toastify__spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@font-face {
font-family: "icomoon";
src: url("/fonts/icomoon.eot?o88x4w");
src: url("/fonts/icomoon.eot?o88x4w#iefix") format("embedded-opentype"), url("/fonts/icomoon.ttf?o88x4w") format("truetype"), url("/fonts/icomoon.woff?o88x4w") format("woff"), url("/fonts/icomoon.svg?o88x4w#icomoon") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon" !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-paint-brush:before {
content: "\ed0d";
}
.icon-info-circle-filled:before {
content: "\ed0c";
}
.icon-tick-circle-filled:before {
content: "\ed0b";
}
.icon-drag-and-drop:before {
content: "\ed0a";
}
.icon-help:before {
content: "\ed08";
}
.icon-thumb-down:before {
content: "\ed02";
}
.icon-thumb-up:before {
content: "\ed03";
}
.icon-seemore:before {
content: "\ea7a";
}
.icon-support-24:before {
content: "\ed00";
}
.icon-simple-icons_x:before {
content: "\ecff";
}
.icon-linkedin:before {
content: "\ecfe";
}
.icon-data-base:before {
content: "\ed09";
}
.icon-p-high:before {
content: "\e91b";
}
.icon-p-low:before {
content: "\ed06";
}
.icon-p-medium:before {
content: "\ed07";
}
.icon-tick-double:before {
content: "\ed04";
}
.icon-tick:before {
content: "\ed05";
}
.icon-chatbot:before {
content: "\ed01";
}
.icon-bug1:before {
content: "\ecf9";
}
.icon-facebook .path1:before {
content: "\e900";
color: rgb(24, 119, 242);
}
.icon-facebook .path2:before {
content: "\e901";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-google .path1:before {
content: "\e902";
color: rgb(66, 133, 244);
}
.icon-google .path2:before {
content: "\e903";
margin-left: -1em;
color: rgb(52, 168, 83);
}
.icon-google .path3:before {
content: "\e904";
margin-left: -1em;
color: rgb(251, 188, 5);
}
.icon-google .path4:before {
content: "\e905";
margin-left: -1em;
color: rgb(235, 67, 53);
}
.icon-aave-aave:before {
content: "\e906";
}
.icon-activity:before {
content: "\e907";
}
.icon-airdrop:before {
content: "\e908";
}
.icon-airpod:before {
content: "\e909";
}
.icon-airpods:before {
content: "\e90a";
}
.icon-android:before {
content: "\e90b";
}
.icon-ankr-ankr:before {
content: "\e90c";
}
.icon-apple:before {
content: "\e90d";
}
.icon-aquarius:before {
content: "\e90e";
}
.icon-archive-add:before {
content: "\e90f";
}
.icon-archive-minus:before {
content: "\e910";
}
.icon-archive-slash:before {
content: "\e911";
}
.icon-archive-tick:before {
content: "\e912";
}
.icon-archive:before {
content: "\e913";
}
.icon-augur-rep:before {
content: "\e914";
}
.icon-autonio-niox:before {
content: "\e915";
}
.icon-avalanche-avax:before {
content: "\e916";
}
.icon-bank:before {
content: "\e917";
}
.icon-be:before {
content: "\e918";
}
.icon-binance-usd-busd:before {
content: "\e91a";
}
.icon-blogger:before {
content: "\e91c";
}
.icon-bluetooth-2:before {
content: "\e91d";
}
.icon-bluetooth-circle:before {
content: "\e91e";
}
.icon-bluetooth-rectangle:before {
content: "\e91f";
}
.icon-bluetooth:before {
content: "\e920";
}
.icon-book-saved:before {
content: "\e921";
}
.icon-book-square:before {
content: "\e922";
}
.icon-bootstrap:before {
content: "\e923";
}
.icon-bug:before {
content: "\e924";
}
.icon-building-3:before {
content: "\e925";
}
.icon-building-4:before {
content: "\e926";
}
.icon-building:before {
content: "\e927";
}
.icon-buildings-2:before {
content: "\e928";
}
.icon-buildings:before {
content: "\e929";
}
.icon-buliding:before {
content: "\e92a";
}
.icon-calendar-1:before {
content: "\e92b";
}
.icon-calendar-2:before {
content: "\e92c";
}
.icon-calendar-add:before {
content: "\e92d";
}
.icon-calendar-circle:before {
content: "\e92e";
}
.icon-calendar-edit:before {
content: "\e92f";
}
.icon-calendar-remove:before {
content: "\e930";
}
.icon-calendar-search:before {
content: "\e931";
}
.icon-calendar-tick:before {
content: "\e932";
}
.icon-calendar:before {
content: "\e933";
}
.icon-call-add:before {
content: "\e934";
}
.icon-call-calling:before {
content: "\e935";
}
.icon-call-incoming:before {
content: "\e936";
}
.icon-call-minus:before {
content: "\e937";
}
.icon-call-outgoing:before {
content: "\e938";
}
.icon-call-received:before {
content: "\e939";
}
.icon-call-remove:before {
content: "\e93a";
}
.icon-call-slash:before {
content: "\e93b";
}
.icon-call:before {
content: "\e93c";
}
.icon-candle-2:before {
content: "\e93d";
}
.icon-candle:before {
content: "\e93e";
}
.icon-cardano-ada:before {
content: "\e93f";
}
.icon-category-2:before {
content: "\e940";
}
.icon-category:before {
content: "\e941";
}
.icon-celo-celo:before {
content: "\e942";
}
.icon-celsius-cel:before {
content: "\e943";
}
.icon-chainlink-link:before {
content: "\e944";
}
.icon-chart-1:before {
content: "\e945";
}
.icon-chart-2:before {
content: "\e946";
}
.icon-chart-21:before {
content: "\e947";
}
.icon-chart-fail:before {
content: "\e948";
}
.icon-chart-success:before {
content: "\e949";
}
.icon-chart:before {
content: "\e94a";
}
.icon-civic-cvc:before {
content: "\e94b";
}
.icon-clock-1:before {
content: "\e94c";
}
.icon-clock:before {
content: "\e94d";
}
.icon-cloud-add:before {
content: "\e94e";
}
.icon-cloud-change:before {
content: "\e94f";
}
.icon-cloud-connection:before {
content: "\e950";
}
.icon-cloud-remove:before {
content: "\e951";
}
.icon-courthouse:before {
content: "\e952";
}
.icon-cpu-charge:before {
content: "\e953";
}
.icon-cpu-setting:before {
content: "\e954";
}
.icon-cpu:before {
content: "\e955";
}
.icon-dai-dai:before {
content: "\e956";
}
.icon-dash-dash:before {
content: "\e957";
}
.icon-decred-dcr:before {
content: "\e958";
}
.icon-dent-dent:before {
content: "\e959";
}
.icon-devices:before {
content: "\e95a";
}
.icon-diagram:before {
content: "\e95b";
}
.icon-dribbble:before {
content: "\e95c";
}
.icon-driver-2:before {
content: "\e95d";
}
.icon-driver-refresh:before {
content: "\e95e";
}
.icon-driver:before {
content: "\e95f";
}
.icon-dropbox:before {
content: "\e960";
}
.icon-educare-ekt:before {
content: "\e961";
}
.icon-electricity:before {
content: "\e962";
}
.icon-emercoin-emc:before {
content: "\e963";
}
.icon-enjin-coin-enj:before {
content: "\e964";
}
.icon-eos-eos:before {
content: "\e965";
}
.icon-ethereum-eth:before {
content: "\e966";
}
.icon-ethereum-classic-etc:before {
content: "\e967";
}
.icon-external-drive:before {
content: "\e968";
}
.icon-facebook1:before {
content: "\e969";
}
.icon-favorite-chart:before {
content: "\e96a";
}
.icon-figma-1:before {
content: "\e96b";
}
.icon-figma:before {
content: "\e96c";
}
.icon-folder-connection:before {
content: "\e96d";
}
.icon-framer:before {
content: "\e96e";
}
.icon-ftx-token-ftt:before {
content: "\e96f";
}
.icon-game:before {
content: "\e970";
}
.icon-gameboy:before {
content: "\e971";
}
.icon-gemini-2:before {
content: "\e972";
}
.icon-gemini:before {
content: "\e973";
}
.icon-google-drive:before {
content: "\e974";
}
.icon-google-paly:before {
content: "\e975";
}
.icon-google1:before {
content: "\e976";
}
.icon-graph:before {
content: "\e977";
}
.icon-harmony-one:before {
content: "\e978";
}
.icon-hashtag:before {
content: "\e979";
}
.icon-headphone:before {
content: "\e97a";
}
.icon-headphones:before {
content: "\e97b";
}
.icon-health:before {
content: "\e97c";
}
.icon-hedera-hashgraph-hbar:before {
content: "\e97d";
}
.icon-hex-hex:before {
content: "\e97e";
}
.icon-home-hashtag:before {
content: "\e97f";
}
.icon-home-trend-down:before {
content: "\e980";
}
.icon-home-trend-up:before {
content: "\e981";
}
.icon-hospital:before {
content: "\e982";
}
.icon-house-2:before {
content: "\e983";
}
.icon-house:before {
content: "\e984";
}
.icon-html-3:before {
content: "\e985";
}
.icon-html-5:before {
content: "\e986";
}
.icon-huobi-token-ht:before {
content: "\e987";
}
.icon-icon-icx:before {
content: "\e988";
}
.icon-icon-1:before {
content: "\e989";
}
.icon-icon:before {
content: "\e98a";
}
.icon-illustrator:before {
content: "\e98b";
}
.icon-iost-iost:before {
content: "\e98c";
}
.icon-java-script:before {
content: "\e98d";
}
.icon-js:before {
content: "\e98e";
}
.icon-keyboard-open:before {
content: "\e98f";
}
.icon-keyboard:before {
content: "\e990";
}
.icon-kyber-network-knc:before {
content: "\e991";
}
.icon-lamp-charge:before {
content: "\e992";
}
.icon-lamp-on:before {
content: "\e993";
}
.icon-lamp-slash:before {
content: "\e994";
}
.icon-lamp:before {
content: "\e995";
}
.icon-litecoinltc:before {
content: "\e996";
}
.icon-maker-mkr:before {
content: "\e997";
}
.icon-man:before {
content: "\e998";
}
.icon-menu:before {
content: "\e999";
}
.icon-messenger:before {
content: "\e99a";
}
.icon-microscope:before {
content: "\e99b";
}
.icon-mirroring-screen:before {
content: "\e99c";
}
.icon-mobile:before {
content: "\e99d";
}
.icon-monero-xmr:before {
content: "\e99e";
}
.icon-monitor-mobbile:before {
content: "\e99f";
}
.icon-monitor-recorder:before {
content: "\e9a0";
}
.icon-monitor:before {
content: "\e9a1";
}
.icon-more-2-1:before {
content: "\e9a2";
}
.icon-more-2:before {
content: "\e9a3";
}
.icon-more-3:before {
content: "\e9a4";
}
.icon-more:before {
content: "\e9a5";
}
.icon-mouse:before {
content: "\e9a6";
}
.icon-music-play:before {
content: "\e9a7";
}
.icon-nebulas-nas:before {
content: "\e9a8";
}
.icon-nem-xem:before {
content: "\e9a9";
}
.icon-nexo-nexo:before {
content: "\e9aa";
}
.icon-notification-1:before {
content: "\e9ab";
}
.icon-notification-bing:before {
content: "\e9ac";
}
.icon-notification-circle:before {
content: "\e9ad";
}
.icon-notification-favorite:before {
content: "\e9ae";
}
.icon-notification-status:before {
content: "\e9af";
}
.icon-notification:before {
content: "\e9b0";
}
.icon-ocean-protocol-ocean:before {
content: "\e9b1";
}
.icon-okb-okb:before {
content: "\e9b2";
}
.icon-ontology-ont:before {
content: "\e9b3";
}
.icon-paypal:before {
content: "\e9b4";
}
.icon-personalcard:before {
content: "\e9b5";
}
.icon-photoshop:before {
content: "\e9b6";
}
.icon-polkadot-dot:before {
content: "\e9b7";
}
.icon-polygon-matic:before {
content: "\e9b8";
}
.icon-polyswarm-nct:before {
content: "\e9b9";
}
.icon-presention-chart:before {
content: "\e9ba";
}
.icon-printer-slash:before {
content: "\e9bb";
}
.icon-printer:before {
content: "\e9bc";
}
.icon-python:before {
content: "\e9bd";
}
.icon-quant-qnt:before {
content: "\e9be";
}
.icon-ram-2:before {
content: "\e9bf";
}
.icon-ram:before {
content: "\e9c0";
}
.icon-receipt-square:before {
content: "\e9c1";
}
.icon-sagittarius:before {
content: "\e9c2";
}
.icon-save-2:before {
content: "\e9c3";
}
.icon-save-add:before {
content: "\e9c4";
}
.icon-save-minus:before {
content: "\e9c5";
}
.icon-save-remove:before {
content: "\e9c6";
}
.icon-search-favorite-1:before {
content: "\e9c7";
}
.icon-search-favorite:before {
content: "\e9c8";
}
.icon-search-normal-1:before {
content: "\e9c9";
}
.icon-search-normal:before {
content: "\e9ca";
}
.icon-search-status-1:before {
content: "\e9cb";
}
.icon-search-status:before {
content: "\e9cc";
}
.icon-search-zoom-in-1:before {
content: "\e9cd";
}
.icon-search-zoom-in:before {
content: "\e9ce";
}
.icon-search-zoom-out-1:before {
content: "\e9cf";
}
.icon-search-zoom-out:before {
content: "\e9d0";
}
.icon-security-time:before {
content: "\e9d1";
}
.icon-setting-2:before {
content: "\e9d2";
}
.icon-setting-3:before {
content: "\e9d3";
}
.icon-setting-4:before {
content: "\e9d4";
}
.icon-setting-5:before {
content: "\e9d5";
}
.icon-setting:before {
content: "\e9d6";
}
.icon-settings:before {
content: "\e9d7";
}
.icon-siacoin-sc:before {
content: "\e9d8";
}
.icon-simcard-1:before {
content: "\e9d9";
}
.icon-simcard-2:before {
content: "\e9da";
}
.icon-simcard:before {
content: "\e9db";
}
.icon-slack:before {
content: "\e9dc";
}
.icon-snapchat:before {
content: "\e9dd";
}
.icon-solana-sol:before {
content: "\e9de";
}
.icon-speaker:before {
content: "\e9df";
}
.icon-spotify:before {
content: "\e9e0";
}
.icon-stacks-stx:before {
content: "\e9e1";
}
.icon-status-up:before {
content: "\e9e2";
}
.icon-stellar-xlm:before {
content: "\e9e3";
}
.icon-tenx-pay:before {
content: "\e9e4";
}
.icon-tether-usdt:before {
content: "\e9e5";
}
.icon-the-graph-grt:before {
content: "\e9e6";
}
.icon-theta-theta:before {
content: "\e9e7";
}
.icon-thorchain-rune:before {
content: "\e9e8";
}
.icon-timer-1:before {
content: "\e9e9";
}
.icon-timer-pause:before {
content: "\e9ea";
}
.icon-timer-start:before {
content: "\e9eb";
}
.icon-timer:before {
content: "\e9ec";
}
.icon-toggle-off-circle:before {
content: "\e9ed";
}
.icon-toggle-off:before {
content: "\e9ee";
}
.icon-toggle-on-circle:before {
content: "\e9ef";
}
.icon-toggle-on:before {
content: "\e9f0";
}
.icon-trello:before {
content: "\e9f1";
}
.icon-trend-down:before {
content: "\e9f2";
}
.icon-trend-up:before {
content: "\e9f3";
}
.icon-triangle:before {
content: "\e9f4";
}
.icon-trontron-trx:before {
content: "\e9f5";
}
.icon-twitch:before {
content: "\e9f6";
}
.icon-ui8:before {
content: "\e9f7";
}
.icon-usd-coin-usdc:before {
content: "\e9f8";
}
.icon-velas-vlx:before {
content: "\e9f9";
}
.icon-vibe-vibe:before {
content: "\e9fa";
}
.icon-vuesax:before {
content: "\e9fb";
}
.icon-wanchain-wan-1:before {
content: "\e9fc";
}
.icon-wanchain-wan:before {
content: "\e9fd";
}
.icon-watch-status:before {
content: "\e9fe";
}
.icon-watch:before {
content: "\e9ff";
}
.icon-weight:before {
content: "\ea00";
}
.icon-whatsapp:before {
content: "\ea01";
}
.icon-windows:before {
content: "\ea02";
}
.icon-wing-wing:before {
content: "\ea03";
}
.icon-woman:before {
content: "\ea04";
}
.icon-xd:before {
content: "\ea05";
}
.icon-xiaomi:before {
content: "\ea06";
}
.icon-xrp-xrp:before {
content: "\ea07";
}
.icon-youtube:before {
content: "\ea08";
}
.icon-zel-zel:before {
content: "\ea09";
}
.icon-zoom:before {
content: "\ea0a";
}
.icon-d-cube-scan:before {
content: "\ea0b";
}
.icon-d-rotate:before {
content: "\ea0c";
}
.icon-d-square:before {
content: "\ea0d";
}
.icon-dcube:before {
content: "\ea0e";
}
.icon-square:before {
content: "\ea0f";
}
.icon-support:before {
content: "\ea10";
}
.icon-add-circle:before {
content: "\ea11";
}
.icon-add-square:before {
content: "\ea12";
}
.icon-add:before {
content: "\ea13";
}
.icon-additem:before {
content: "\ea14";
}
.icon-alarm:before {
content: "\ea15";
}
.icon-align-bottom:before {
content: "\ea16";
}
.icon-align-horizontally:before {
content: "\ea17";
}
.icon-align-left:before {
content: "\ea18";
}
.icon-align-right:before {
content: "\ea19";
}
.icon-align-vertically:before {
content: "\ea1a";
}
.icon-archive-book:before {
content: "\ea1b";
}
.icon-archive1:before {
content: "\ea1c";
}
.icon-autobrightness:before {
content: "\ea1f";
}
.icon-award:before {
content: "\ea20";
}
.icon-backward-item:before {
content: "\ea21";
}
.icon-bag-2:before {
content: "\ea22";
}
.icon-bag-cross-1:before {
content: "\ea23";
}
.icon-bag-cross:before {
content: "\ea24";
}
.icon-bag-happy:before {
content: "\ea25";
}
.icon-bag-tick-2:before {
content: "\ea26";
}
.icon-bag-tick:before {
content: "\ea27";
}
.icon-bag-timer:before {
content: "\ea28";
}
.icon-bag:before {
content: "\ea29";
}
.icon-barcode:before {
content: "\ea2a";
}
.icon-battery-charging:before {
content: "\ea2b";
}
.icon-battery-disable:before {
content: "\ea2c";
}
.icon-battery-empty-1:before {
content: "\ea2d";
}
.icon-battery-empty:before {
content: "\ea2e";
}
.icon-battery-full:before {
content: "\ea2f";
}
.icon-bezier:before {
content: "\ea30";
}
.icon-bill:before {
content: "\ea31";
}
.icon-bitcoin-card:before {
content: "\ea32";
}
.icon-bitcoin-convert:before {
content: "\ea33";
}
.icon-bitcoin-refresh:before {
content: "\ea34";
}
.icon-blend-2:before {
content: "\ea35";
}
.icon-blend:before {
content: "\ea36";
}
.icon-blur:before {
content: "\ea37";
}
.icon-book-1:before {
content: "\ea38";
}
.icon-book:before {
content: "\ea39";
}
.icon-bookmark-2:before {
content: "\ea3a";
}
.icon-bookmark:before {
content: "\ea3b";
}
.icon-box-1:before {
content: "\ea3c";
}
.icon-box-2:before {
content: "\ea3d";
}
.icon-box-add:before {
content: "\ea3e";
}
.icon-box-remove:before {
content: "\ea3f";
}
.icon-box-search:before {
content: "\ea40";
}
.icon-box-tick:before {
content: "\ea41";
}
.icon-box-time:before {
content: "\ea42";
}
.icon-box:before {
content: "\ea43";
}
.icon-briefcase:before {
content: "\ea44";
}
.icon-brifecase-cross:before {
content: "\ea45";
}
.icon-brifecase-tick:before {
content: "\ea46";
}
.icon-brifecase-timer:before {
content: "\ea47";
}
.icon-broom:before {
content: "\ea48";
}
.icon-brush-1:before {
content: "\ea49";
}
.icon-brush-2:before {
content: "\ea4a";
}
.icon-brush-3:before {
content: "\ea4b";
}
.icon-brush-4:before {
content: "\ea4c";
}
.icon-brush:before {
content: "\ea4d";
}
.icon-bubble:before {
content: "\ea4e";
}
.icon-bucket-circle:before {
content: "\ea4f";
}
.icon-bucket-square:before {
content: "\ea50";
}
.icon-bucket:before {
content: "\ea51";
}
.icon-buy-crypto:before {
content: "\ea52";
}
.icon-cake:before {
content: "\ea53";
}
.icon-calculator:before {
content: "\ea54";
}
.icon-card-coin:before {
content: "\ea55";
}
.icon-cd:before {
content: "\ea56";
}
.icon-chart1:before {
content: "\ea57";
}
.icon-check:before {
content: "\ea58";
}
.icon-chrome:before {
content: "\ea59";
}
.icon-clipboard-close:before {
content: "\ea5a";
}
.icon-clipboard-export:before {
content: "\ea5b";
}
.icon-clipboard-import:before {
content: "\ea5c";
}
.icon-clipboard-text:before {
content: "\ea5d";
}
.icon-clipboard-tick:before {
content: "\ea5e";
}
.icon-clipboard:before {
content: "\ea5f";
}
.icon-close-circle:before {
content: "\ea60";
}
.icon-close-square:before {
content: "\ea61";
}
.icon-close:before {
content: "\ea62";
}
.icon-code-1:before {
content: "\ea63";
}
.icon-code-circle:before {
content: "\ea64";
}
.icon-code:before {
content: "\ea65";
}
.icon-coffee:before {
content: "\ea66";
}
.icon-color-swatch:before {
content: "\ea67";
}
.icon-colorfilter:before {
content: "\ea68";
}
.icon-colors-square:before {
content: "\ea69";
}
.icon-command-square:before {
content: "\ea6a";
}
.icon-command:before {
content: "\ea6b";
}
.icon-component:before {
content: "\ea6c";
}
.icon-computing:before {
content: "\ea6d";
}
.icon-convert-3d-cube:before {
content: "\ea6e";
}
.icon-convertshape-2:before {
content: "\ea6f";
}
.icon-convertshape:before {
content: "\ea70";
}
.icon-copy-success:before {
content: "\ea71";
}
.icon-copy:before {
content: "\ea72";
}
.icon-copyright:before {
content: "\ea73";
}
.icon-creative-commons:before {
content: "\ea74";
}
.icon-crop:before {
content: "\ea75";
}
.icon-crown-1:before {
content: "\ea76";
}
.icon-crown:before {
content: "\ea77";
}
.icon-cup:before {
content: "\ea78";
}
.icon-danger:before {
content: "\ea79";
}
.icon-data:before {
content: "\ea7b";
}
.icon-designtools:before {
content: "\ea7c";
}
.icon-device-message:before {
content: "\ea7d";
}
.icon-diamonds:before {
content: "\ea7e";
}
.icon-direct-down:before {
content: "\ea7f";
}
.icon-direct-inbox:before {
content: "\ea80";
}
.icon-direct-left:before {
content: "\ea81";
}
.icon-direct-normal:before {
content: "\ea82";
}
.icon-direct-notification:before {
content: "\ea83";
}
.icon-direct-right:before {
content: "\ea84";
}
.icon-direct-send:before {
content: "\ea85";
}
.icon-direct-up:before {
content: "\ea86";
}
.icon-direct:before {
content: "\ea87";
}
.icon-directbox-default:before {
content: "\ea88";
}
.icon-directbox-notif:before {
content: "\ea89";
}
.icon-directbox-receive:before {
content: "\ea8a";
}
.icon-directbox-send:before {
content: "\ea8b";
}
.icon-discover-1:before {
content: "\ea8c";
}
.icon-discover:before {
content: "\ea8d";
}
.icon-dislike:before {
content: "\ea8e";
}
.icon-document-cloud:before {
content: "\ea8f";
}
.icon-document-code-2:before {
content: "\ea90";
}
.icon-document-code:before {
content: "\ea91";
}
.icon-document-copy:before {
content: "\ea92";
}
.icon-document-download:before {
content: "\ea93";
}
.icon-document-favorite:before {
content: "\ea94";
}
.icon-document-filter:before {
content: "\ea95";
}
.icon-document-forward:before {
content: "\ea96";
}
.icon-document-like:before {
content: "\ea97";
}
.icon-document-normal:before {
content: "\ea98";
}
.icon-document-previous:before {
content: "\ea99";
}
.icon-document-sketch:before {
content: "\ea9a";
}
.icon-document-text-1:before {
content: "\ea9b";
}
.icon-document-text:before {
content: "\ea9c";
}
.icon-document-upload:before {
content: "\ea9d";
}
.icon-document:before {
content: "\ea9e";
}
.icon-edit-2:before {
content: "\ea9f";
}
.icon-edit:before {
content: "\eaa0";
}
.icon-element-2:before {
content: "\eaa1";
}
.icon-element-3:before {
content: "\eaa2";
}
.icon-element-4:before {
content: "\eaa3";
}
.icon-element-equal:before {
content: "\eaa4";
}
.icon-element-plus:before {
content: "\eaa5";
}
.icon-emoji-happy:before {
content: "\eaa6";
}
.icon-emoji-normal:before {
content: "\eaa7";
}
.icon-emoji-sad:before {
content: "\eaa8";
}
.icon-eraser:before {
content: "\eaa9";
}
.icon-eye-slash:before {
content: "\eaaa";
}
.icon-eye:before {
content: "\eaab";
}
.icon-fatrows:before {
content: "\eaac";
}
.icon-filter-add:before {
content: "\eaad";
}
.icon-filter-edit:before {
content: "\eaae";
}
.icon-filter-remove:before {
content: "\eaaf";
}
.icon-filter-search:before {
content: "\eab0";
}
.icon-filter-square:before {
content: "\eab1";
}
.icon-filter-tick:before {
content: "\eab2";
}
.icon-filter:before {
content: "\eab3";
}
.icon-finger-cricle:before {
content: "\eab4";
}
.icon-finger-scan:before {
content: "\eab5";
}
.icon-flag-2:before {
content: "\eab6";
}
.icon-flag:before {
content: "\eab7";
}
.icon-flash-circle-1:before {
content: "\eab8";
}
.icon-flash-circle:before {
content: "\eab9";
}
.icon-flash-slash:before {
content: "\eaba";
}
.icon-flash:before {
content: "\eabb";
}
.icon-forbidden-2:before {
content: "\eabc";
}
.icon-forbidden:before {
content: "\eabd";
}
.icon-format-circle:before {
content: "\eabe";
}
.icon-format-square:before {
content: "\eabf";
}
.icon-forward-item:before {
content: "\eac0";
}
.icon-frame-1:before {
content: "\eac1";
}
.icon-frame-2:before {
content: "\eac2";
}
.icon-frame:before {
content: "\eac3";
}
.icon-ghost:before {
content: "\eac4";
}
.icon-gift:before {
content: "\eac5";
}
.icon-glass-1:before {
content: "\eac6";
}
.icon-glass:before {
content: "\eac7";
}
.icon-global-edit:before {
content: "\eac8";
}
.icon-global-refresh:before {
content: "\eac9";
}
.icon-global-search:before {
content: "\eaca";
}
.icon-global:before {
content: "\eacb";
}
.icon-gps-slash:before {
content: "\eacc";
}
.icon-gps:before {
content: "\eacd";
}
.icon-grammerly:before {
content: "\eace";
}
.icon-grid-1:before {
content: "\eacf";
}
.icon-grid-2:before {
content: "\ead0";
}
.icon-grid-3:before {
content: "\ead1";
}
.icon-grid-4:before {
content: "\ead2";
}
.icon-grid-5:before {
content: "\ead3";
}
.icon-grid-6:before {
content: "\ead4";
}
.icon-grid-7:before {
content: "\ead5";
}
.icon-grid-8:before {
content: "\ead6";
}
.icon-grid-9:before {
content: "\ead7";
}
.icon-grid-edit:before {
content: "\ead8";
}
.icon-grid-eraser:before {
content: "\ead9";
}
.icon-grid-lock:before {
content: "\eada";
}
.icon-happyemoji:before {
content: "\eadb";
}
.icon-hashtag-down:before {
content: "\eadc";
}
.icon-hashtag-up:before {
content: "\eadd";
}
.icon-hashtag1:before {
content: "\eade";
}
.icon-heart-add:before {
content: "\eadf";
}
.icon-heart-circle:before {
content: "\eae0";
}
.icon-heart-edit:before {
content: "\eae1";
}
.icon-heart-remove:before {
content: "\eae2";
}
.icon-heart-search:before {
content: "\eae3";
}
.icon-heart-slash:before {
content: "\eae4";
}
.icon-heart-tick:before {
content: "\eae5";
}
.icon-heart:before {
content: "\eae6";
}
.icon-hierarchy-2:before {
content: "\eae7";
}
.icon-hierarchy-3:before {
content: "\eae8";
}
.icon-hierarchy-square-2:before {
content: "\eae9";
}
.icon-hierarchy-square-3:before {
content: "\eaea";
}
.icon-hierarchy-square:before {
content: "\eaeb";
}
.icon-hierarchy:before {
content: "\eaec";
}
.icon-home-1:before {
content: "\eaed";
}
.icon-home-2:before {
content: "\eaee";
}
.icon-home-wifi:before {
content: "\eaef";
}
.icon-home:before {
content: "\eaf0";
}
.icon-info-circle-2:before {
content: "\eaf1";
}
.icon-info-circle:before {
content: "\eaf2";
}
.icon-information:before {
content: "\eaf3";
}
.icon-instagram:before {
content: "\eaf4";
}
.icon-judge:before {
content: "\eaf5";
}
.icon-kanban:before {
content: "\eaf6";
}
.icon-key-square:before {
content: "\eaf7";
}
.icon-key:before {
content: "\eaf8";
}
.icon-lamp1:before {
content: "\eaf9";
}
.icon-layer:before {
content: "\eafa";
}
.icon-level:before {
content: "\eafb";
}
.icon-lifebuoy:before {
content: "\eafc";
}
.icon-like-1:before {
content: "\eafd";
}
.icon-like-dislike:before {
content: "\eafe";
}
.icon-like-shapes:before {
content: "\eaff";
}
.icon-like-tag:before {
content: "\eb00";
}
.icon-like:before {
content: "\eb01";
}
.icon-location-add:before {
content: "\eb02";
}
.icon-location-cross:before {
content: "\eb03";
}
.icon-location-minus:before {
content: "\eb04";
}
.icon-location-slash:before {
content: "\eb05";
}
.icon-location-tick:before {
content: "\eb06";
}
.icon-location:before {
content: "\eb07";
}
.icon-lock-1:before {
content: "\eb08";
}
.icon-lock-circle:before {
content: "\eb09";
}
.icon-lock-slash:before {
content: "\eb0a";
}
.icon-lock:before {
content: "\eb0b";
}
.icon-lovely:before {
content: "\eb0c";
}
.icon-magic-star:before {
content: "\eb0d";
}
.icon-magicpen:before {
content: "\eb0e";
}
.icon-main-component:before {
content: "\eb0f";
}
.icon-map-1:before {
content: "\eb10";
}
.icon-map:before {
content: "\eb11";
}
.icon-mask-1:before {
content: "\eb12";
}
.icon-mask-2:before {
content: "\eb13";
}
.icon-mask:before {
content: "\eb14";
}
.icon-maximize-1:before {
content: "\eb15";
}
.icon-maximize-2:before {
content: "\eb16";
}
.icon-maximize-3:before {
content: "\eb17";
}
.icon-maximize-4:before {
content: "\eb18";
}
.icon-maximize:before {
content: "\eb19";
}
.icon-medal-star:before {
content: "\eb1a";
}
.icon-medal:before {
content: "\eb1b";
}
.icon-menu-board:before {
content: "\eb1c";
}
.icon-menu1:before {
content: "\eb1d";
}
.icon-message-2:before {
content: "\eb1e";
}
.icon-message-add-1:before {
content: "\eb1f";
}
.icon-message-add:before {
content: "\eb20";
}
.icon-message-circle:before {
content: "\eb21";
}
.icon-message-edit:before {
content: "\eb22";
}
.icon-message-favorite:before {
content: "\eb23";
}
.icon-message-minus:before {
content: "\eb24";
}
.icon-message-notif:before {
content: "\eb25";
}
.icon-message-programming:before {
content: "\eb26";
}
.icon-message-question:before {
content: "\eb27";
}
.icon-message-remove:before {
content: "\eb28";
}
.icon-message-search:before {
content: "\eb29";
}
.icon-message-square:before {
content: "\eb2a";
}
.icon-message-text-1:before {
content: "\eb2b";
}
.icon-message-text:before {
content: "\eb2c";
}
.icon-message-tick:before {
content: "\eb2d";
}
.icon-message-time:before {
content: "\eb2e";
}
.icon-message:before {
content: "\eb2f";
}
.icon-messages-1:before {
content: "\eb30";
}
.icon-messages-2:before {
content: "\eb31";
}
.icon-messages-3:before {
content: "\eb32";
}
.icon-messages:before {
content: "\eb33";
}
.icon-milk:before {
content: "\eb34";
}
.icon-minus-cirlce:before {
content: "\eb35";
}
.icon-minus-square:before {
content: "\eb36";
}
.icon-minus:before {
content: "\eb37";
}
.icon-mirror:before {
content: "\eb38";
}
.icon-mobile-programming:before {
content: "\eb39";
}
.icon-more-circle:before {
content: "\eb3a";
}
.icon-more-square:before {
content: "\eb3b";
}
.icon-mouse-circle:before {
content: "\eb3c";
}
.icon-mouse-square:before {
content: "\eb3d";
}
.icon-mouse1:before {
content: "\eb3e";
}
.icon-note-1:before {
content: "\eb3f";
}
.icon-note-2:before {
content: "\eb40";
}
.icon-note-21:before {
content: "\eb41";
}
.icon-note-add:before {
content: "\eb42";
}
.icon-note-favorite:before {
content: "\eb43";
}
.icon-note-remove:before {
content: "\eb44";
}
.icon-note-text:before {
content: "\eb45";
}
.icon-note:before {
content: "\eb46";
}
.icon-omega-circle:before {
content: "\eb47";
}
.icon-omega-square:before {
content: "\eb48";
}
.icon-paintbucket:before {
content: "\eb49";
}
.icon-password-check:before {
content: "\eb4a";
}
.icon-path-2:before {
content: "\eb4b";
}
.icon-path-square:before {
content: "\eb4c";
}
.icon-path:before {
content: "\eb4d";
}
.icon-pen-add:before {
content: "\eb4e";
}
.icon-pen-close:before {
content: "\eb4f";
}
.icon-pen-remove:before {
content: "\eb50";
}
.icon-pen-tool-2:before {
content: "\eb51";
}
.icon-pen-tool:before {
content: "\eb52";
}
.icon-pet:before {
content: "\eb53";
}
.icon-picture-frame:before {
content: "\eb54";
}
.icon-pin:before {
content: "\eb55";
}
.icon-radar-1:before {
content: "\eb58";
}
.icon-radar-2:before {
content: "\eb59";
}
.icon-radar:before {
content: "\eb5a";
}
.icon-ranking-1:before {
content: "\eb5b";
}
.icon-ranking:before {
content: "\eb5c";
}
.icon-recovery-convert:before {
content: "\eb5d";
}
.icon-reserve:before {
content: "\eb5e";
}
.icon-rotate-left:before {
content: "\eb5f";
}
.icon-rotate-right:before {
content: "\eb60";
}
.icon-route-square:before {
content: "\eb61";
}
.icon-routing-2:before {
content: "\eb62";
}
.icon-routing:before {
content: "\eb63";
}
.icon-row-horizontal:before {
content: "\eb64";
}
.icon-row-vertical:before {
content: "\eb65";
}
.icon-ruler:before {
content: "\eb66";
}
.icon-rulerpen:before {
content: "\eb67";
}
.icon-safe-home:before {
content: "\eb68";
}
.icon-scan-barcode:before {
content: "\eb69";
}
.icon-scan:before {
content: "\eb6a";
}
.icon-scanner:before {
content: "\eb6b";
}
.icon-scanning:before {
content: "\eb6c";
}
.icon-scissor:before {
content: "\eb6d";
}
.icon-scroll:before {
content: "\eb6e";
}
.icon-security-safe:before {
content: "\eb6f";
}
.icon-security-user:before {
content: "\eb70";
}
.icon-security:before {
content: "\eb71";
}
.icon-send-2:before {
content: "\eb72";
}
.icon-send:before {
content: "\eb73";
}
.icon-shapes-1:before {
content: "\eb74";
}
.icon-shapes:before {
content: "\eb75";
}
.icon-share:before {
content: "\eb76";
}
.icon-shield-cross:before {
content: "\eb77";
}
.icon-shield-search:before {
content: "\eb78";
}
.icon-shield-slash:before {
content: "\eb79";
}
.icon-shield-tick:before {
content: "\eb7a";
}
.icon-shield:before {
content: "\eb7b";
}
.icon-shop-add:before {
content: "\eb7c";
}
.icon-shop-remove:before {
content: "\eb7d";
}
.icon-shop:before {
content: "\eb7e";
}
.icon-shopping-bag:before {
content: "\eb7f";
}
.icon-shopping-cart:before {
content: "\eb80";
}
.icon-sidebar-bottom:before {
content: "\eb81";
}
.icon-sidebar-left:before {
content: "\eb82";
}
.icon-sidebar-right:before {
content: "\eb83";
}
.icon-sidebar-top:before {
content: "\eb84";
}
.icon-signpost:before {
content: "\eb85";
}
.icon-size:before {
content: "\eb86";
}
.icon-slash:before {
content: "\eb87";
}
.icon-slider-horizontal-1:before {
content: "\eb88";
}
.icon-slider-horizontal:before {
content: "\eb89";
}
.icon-slider-vertical-1:before {
content: "\eb8a";
}
.icon-slider-vertical:before {
content: "\eb8b";
}
.icon-slider:before {
content: "\eb8c";
}
.icon-smart-home:before {
content: "\eb8d";
}
.icon-smileys:before {
content: "\eb8e";
}
.icon-sms-edit:before {
content: "\eb8f";
}
.icon-sms-notification:before {
content: "\eb90";
}
.icon-sms-search:before {
content: "\eb91";
}
.icon-sms-star:before {
content: "\eb92";
}
.icon-sms-tracking:before {
content: "\eb93";
}
.icon-sms:before {
content: "\eb94";
}
.icon-sort:before {
content: "\eb95";
}
.icon-sound:before {
content: "\eb96";
}
.icon-speedometer:before {
content: "\eb97";
}
.icon-star-1:before {
content: "\eb98";
}
.icon-star-slash:before {
content: "\eb99";
}
.icon-star:before {
content: "\eb9a";
}
.icon-status:before {
content: "\eb9b";
}
.icon-sticker:before {
content: "\eb9c";
}
.icon-stickynote:before {
content: "\eb9d";
}
.icon-story:before {
content: "\eb9e";
}
.icon-tag-cross:before {
content: "\eb9f";
}
.icon-tag-right:before {
content: "\eba0";
}
.icon-task-square:before {
content: "\eba1";
}
.icon-task:before {
content: "\eba2";
}
.icon-teacher:before {
content: "\eba3";
}
.icon-tick-circle:before {
content: "\eba4";
}
.icon-tick-square:before {
content: "\eba5";
}
.icon-trade:before {
content: "\eba6";
}
.icon-trash:before {
content: "\eba7";
}
.icon-tree:before {
content: "\eba8";
}
.icon-triangle1:before {
content: "\eba9";
}
.icon-truck-fast:before {
content: "\ebaa";
}
.icon-truck-remove:before {
content: "\ebab";
}
.icon-truck-tick:before {
content: "\ebac";
}
.icon-truck-time:before {
content: "\ebad";
}
.icon-truck:before {
content: "\ebae";
}
.icon-trush-square:before {
content: "\ebaf";
}
.icon-unlimited:before {
content: "\ebb0";
}
.icon-unlock:before {
content: "\ebb1";
}
.icon-verify:before {
content: "\ebb2";
}
.icon-warning-2:before {
content: "\ebb3";
}
.icon-weight1:before {
content: "\ebb4";
}
.icon-wifi-square:before {
content: "\ebb5";
}
.icon-wifi:before {
content: "\ebb6";
}
.icon-full:before {
content: "\ebb7";
}
.icon-airplane-square:before {
content: "\ebb8";
}
.icon-airplane:before {
content: "\ebb9";
}
.icon-bus:before {
content: "\ebba";
}
.icon-car:before {
content: "\ebbb";
}
.icon-driving:before {
content: "\ebbc";
}
.icon-gas-station:before {
content: "\ebbd";
}
.icon-ship:before {
content: "\ebbe";
}
.icon-smart-car:before {
content: "\ebbf";
}
.icon-frame1:before {
content: "\ebc0";
}
.icon-people:before {
content: "\ebc1";
}
.icon-profile-2user:before {
content: "\ebc2";
}
.icon-profile-add:before {
content: "\ebc3";
}
.icon-profile-circle:before {
content: "\ebc4";
}
.icon-profile-delete:before {
content: "\ebc5";
}
.icon-profile-remove:before {
content: "\ebc6";
}
.icon-profile-tick:before {
content: "\ebc7";
}
.icon-tag-user:before {
content: "\ebc8";
}
.icon-user-add:before {
content: "\ebc9";
}
.icon-user-cirlce-add:before {
content: "\ebca";
}
.icon-user-edit:before {
content: "\ebcb";
}
.icon-user-minus:before {
content: "\ebcc";
}
.icon-user-octagon:before {
content: "\ebcd";
}
.icon-user-remove:before {
content: "\ebce";
}
.icon-user-search:before {
content: "\ebcf";
}
.icon-user-square:before {
content: "\ebd0";
}
.icon-user-tag:before {
content: "\ebd1";
}
.icon-user-tick:before {
content: "\ebd2";
}
.icon-user:before {
content: "\ebd3";
}
.icon-arrange-circle-2:before {
content: "\ebd4";
}
.icon-arrange-circle:before {
content: "\ebd5";
}
.icon-arrange-square-2:before {
content: "\ebd6";
}
.icon-arrange-square:before {
content: "\ebd7";
}
.icon-back-square:before {
content: "\ebfb";
}
.icon-convert:before {
content: "\ebfc";
}
.icon-export-1:before {
content: "\ebfd";
}
.icon-export-2:before {
content: "\ebfe";
}
.icon-export-3:before {
content: "\ebff";
}
.icon-export:before {
content: "\ec00";
}
.icon-forward-square:before {
content: "\ec01";
}
.icon-frame2:before {
content: "\ec02";
}
.icon-import-1:before {
content: "\ec03";
}
.icon-import-2:before {
content: "\ec04";
}
.icon-import:before {
content: "\ec05";
}
.icon-login-1:before {
content: "\ec06";
}
.icon-login:before {
content: "\ec07";
}
.icon-logout-1:before {
content: "\ec08";
}
.icon-logout:before {
content: "\ec09";
}
.icon-receive-square-2:before {
content: "\ec0a";
}
.icon-receive-square:before {
content: "\ec0b";
}
.icon-received:before {
content: "\ec0c";
}
.icon-redo:before {
content: "\ec0d";
}
.icon-refresh-2:before {
content: "\ec0e";
}
.icon-refresh-circle:before {
content: "\ec0f";
}
.icon-refresh-left-square:before {
content: "\ec10";
}
.icon-refresh-right-square:before {
content: "\ec11";
}
.icon-refresh-square-2:before {
content: "\ec12";
}
.icon-refresh:before {
content: "\ec13";
}
.icon-repeat-circle:before {
content: "\ec14";
}
.icon-repeat:before {
content: "\ec15";
}
.icon-reply:before {
content: "\ec16";
}
.icon-rotate-left1:before {
content: "\ec17";
}
.icon-rotate-right1:before {
content: "\ec18";
}
.icon-send-sqaure-2:before {
content: "\ec19";
}
.icon-send-square:before {
content: "\ec1a";
}
.icon-send1:before {
content: "\ec1b";
}
.icon-undo:before {
content: "\ec1c";
}
.icon-audio-square:before {
content: "\ec1d";
}
.icon-backward-5-seconds:before {
content: "\ec1e";
}
.icon-backward-10-seconds:before {
content: "\ec1f";
}
.icon-backward-15-seconds:before {
content: "\ec20";
}
.icon-backward:before {
content: "\ec21";
}
.icon-camera-slash:before {
content: "\ec22";
}
.icon-camera:before {
content: "\ec23";
}
.icon-devices1:before {
content: "\ec24";
}
.icon-forward-5-seconds:before {
content: "\ec25";
}
.icon-forward-10-seconds:before {
content: "\ec26";
}
.icon-forward-15-seconds:before {
content: "\ec27";
}
.icon-forward:before {
content: "\ec28";
}
.icon-gallery-add:before {
content: "\ec29";
}
.icon-gallery-edit:before {
content: "\ec2a";
}
.icon-gallery-export:before {
content: "\ec2b";
}
.icon-gallery-favorite:before {
content: "\ec2c";
}
.icon-gallery-import:before {
content: "\ec2d";
}
.icon-gallery-remove:before {
content: "\ec2e";
}
.icon-gallery-slash:before {
content: "\ec2f";
}
.icon-gallery-tick:before {
content: "\ec30";
}
.icon-gallery:before {
content: "\ec31";
}
.icon-image:before {
content: "\ec32";
}
.icon-maximize-circle:before {
content: "\ec33";
}
.icon-microphone-2:before {
content: "\ec34";
}
.icon-microphone-slash-1:before {
content: "\ec35";
}
.icon-microphone-slash:before {
content: "\ec36";
}
.icon-microphone:before {
content: "\ec37";
}
.icon-mini-music-sqaure:before {
content: "\ec38";
}
.icon-music-circle:before {
content: "\ec39";
}
.icon-music-dashboard:before {
content: "\ec3a";
}
.icon-music-filter:before {
content: "\ec3b";
}
.icon-music-library-2:before {
content: "\ec3c";
}
.icon-music-playlist:before {
content: "\ec3d";
}
.icon-music-square-add:before {
content: "\ec3e";
}
.icon-music-square-remove:before {
content: "\ec3f";
}
.icon-music-square-search:before {
content: "\ec40";
}
.icon-music-square:before {
content: "\ec41";
}
.icon-music:before {
content: "\ec42";
}
.icon-musicnote:before {
content: "\ec43";
}
.icon-next:before {
content: "\ec44";
}
.icon-note-square:before {
content: "\ec45";
}
.icon-pause-circle:before {
content: "\ec46";
}
.icon-pause:before {
content: "\ec47";
}
.icon-play-add:before {
content: "\ec48";
}
.icon-play-circle:before {
content: "\ec49";
}
.icon-play-cricle:before {
content: "\ec4a";
}
.icon-play-remove:before {
content: "\ec4b";
}
.icon-play:before {
content: "\ec4c";
}
.icon-previous:before {
content: "\ec4d";
}
.icon-radio:before {
content: "\ec4e";
}
.icon-record-circle:before {
content: "\ec4f";
}
.icon-record:before {
content: "\ec50";
}
.icon-repeate-music:before {
content: "\ec51";
}
.icon-repeate-one:before {
content: "\ec52";
}
.icon-scissor1:before {
content: "\ec53";
}
.icon-screenmirroring:before {
content: "\ec54";
}
.icon-shuffle:before {
content: "\ec55";
}
.icon-stop-circle:before {
content: "\ec56";
}
.icon-stop:before {
content: "\ec57";
}
.icon-subtitle:before {
content: "\ec58";
}
.icon-video-add:before {
content: "\ec59";
}
.icon-video-circle:before {
content: "\ec5a";
}
.icon-video-horizontal:before {
content: "\ec5b";
}
.icon-video-octagon:before {
content: "\ec5c";
}
.icon-video-play:before {
content: "\ec5d";
}
.icon-video-remove:before {
content: "\ec5e";
}
.icon-video-slash:before {
content: "\ec5f";
}
.icon-video-square:before {
content: "\ec60";
}
.icon-video-tick:before {
content: "\ec61";
}
.icon-video-time:before {
content: "\ec62";
}
.icon-video-vertical:before {
content: "\ec63";
}
.icon-video:before {
content: "\ec64";
}
.icon-voice-cricle:before {
content: "\ec65";
}
.icon-voice-square:before {
content: "\ec66";
}
.icon-volume-cross:before {
content: "\ec67";
}
.icon-volume-high:before {
content: "\ec68";
}
.icon-volume-low-1:before {
content: "\ec69";
}
.icon-volume-low:before {
content: "\ec6a";
}
.icon-volume-mute:before {
content: "\ec6b";
}
.icon-volume-slash:before {
content: "\ec6c";
}
.icon-volume-up:before {
content: "\ec6d";
}
.icon-folder-2:before {
content: "\ec6e";
}
.icon-folder-add:before {
content: "\ec6f";
}
.icon-folder-cloud:before {
content: "\ec70";
}
.icon-folder-cross:before {
content: "\ec71";
}
.icon-folder-favorite:before {
content: "\ec72";
}
.icon-folder-minus:before {
content: "\ec73";
}
.icon-folder-open:before {
content: "\ec74";
}
.icon-folder:before {
content: "\ec75";
}
.icon-cloud-cross:before {
content: "\ec76";
}
.icon-cloud-drizzle:before {
content: "\ec77";
}
.icon-cloud-fog:before {
content: "\ec78";
}
.icon-cloud-lightning:before {
content: "\ec79";
}
.icon-cloud-minus:before {
content: "\ec7a";
}
.icon-cloud-notif:before {
content: "\ec7b";
}
.icon-cloud-plus:before {
content: "\ec7c";
}
.icon-cloud-snow:before {
content: "\ec7d";
}
.icon-cloud-sunny:before {
content: "\ec7e";
}
.icon-cloud:before {
content: "\ec7f";
}
.icon-flash1:before {
content: "\ec80";
}
.icon-icon1:before {
content: "\ec81";
}
.icon-moon:before {
content: "\ec82";
}
.icon-sun-1:before {
content: "\ec83";
}
.icon-sun-fog:before {
content: "\ec84";
}
.icon-sun:before {
content: "\ec85";
}
.icon-wind-2:before {
content: "\ec86";
}
.icon-wind:before {
content: "\ec87";
}
.icon-attach-circle:before {
content: "\ec88";
}
.icon-attach-square:before {
content: "\ec89";
}
.icon-eraser1:before {
content: "\ec8a";
}
.icon-firstline:before {
content: "\ec8b";
}
.icon-language-circle:before {
content: "\ec8c";
}
.icon-language-square:before {
content: "\ec8d";
}
.icon-link-1:before {
content: "\ec8e";
}
.icon-link-2:before {
content: "\ec8f";
}
.icon-link-21:before {
content: "\ec90";
}
.icon-link-circle:before {
content: "\ec91";
}
.icon-link-square:before {
content: "\ec92";
}
.icon-link:before {
content: "\ec93";
}
.icon-maximize1:before {
content: "\ec94";
}
.icon-paperclip-2:before {
content: "\ec95";
}
.icon-paperclip:before {
content: "\ec96";
}
.icon-pharagraphspacing:before {
content: "\ec97";
}
.icon-quote-down-circle:before {
content: "\ec98";
}
.icon-quote-down-square:before {
content: "\ec99";
}
.icon-quote-down:before {
content: "\ec9a";
}
.icon-quote-up-circle:before {
content: "\ec9b";
}
.icon-quote-up-square:before {
content: "\ec9c";
}
.icon-quote-up:before {
content: "\ec9d";
}
.icon-smallcaps:before {
content: "\ec9e";
}
.icon-text-block:before {
content: "\ec9f";
}
.icon-text-bold:before {
content: "\eca0";
}
.icon-text-italic:before {
content: "\eca1";
}
.icon-text-underline:before {
content: "\eca2";
}
.icon-text:before {
content: "\eca3";
}
.icon-textalign-center:before {
content: "\eca4";
}
.icon-textalign-justifycenter:before {
content: "\eca5";
}
.icon-textalign-justifyleft:before {
content: "\eca6";
}
.icon-textalign-justifyright:before {
content: "\eca7";
}
.icon-textalign-left:before {
content: "\eca8";
}
.icon-textalign-right:before {
content: "\eca9";
}
.icon-translate:before {
content: "\ecaa";
}
.icon-archive2:before {
content: "\ecab";
}
.icon-card-add:before {
content: "\ecac";
}
.icon-card-edit:before {
content: "\ecad";
}
.icon-card-pos:before {
content: "\ecae";
}
.icon-card-receive:before {
content: "\ecaf";
}
.icon-card-remove-1:before {
content: "\ecb0";
}
.icon-card-remove:before {
content: "\ecb1";
}
.icon-card-send:before {
content: "\ecb2";
}
.icon-card-slash:before {
content: "\ecb3";
}
.icon-card-tick-1:before {
content: "\ecb4";
}
.icon-card-tick:before {
content: "\ecb5";
}
.icon-card:before {
content: "\ecb6";
}
.icon-cards:before {
content: "\ecb7";
}
.icon-chart-square:before {
content: "\ecb8";
}
.icon-coin-1:before {
content: "\ecb9";
}
.icon-coin:before {
content: "\ecba";
}
.icon-convert-card:before {
content: "\ecbb";
}
.icon-discount-circle:before {
content: "\ecbc";
}
.icon-discount-shape:before {
content: "\ecbd";
}
.icon-document1:before {
content: "\ecbe";
}
.icon-dollar-circle:before {
content: "\ecbf";
}
.icon-dollar-square:before {
content: "\ecc0";
}
.icon-empty-wallet-add:before {
content: "\ecc1";
}
.icon-empty-wallet-change:before {
content: "\ecc2";
}
.icon-empty-wallet-remove:before {
content: "\ecc3";
}
.icon-empty-wallet-tick:before {
content: "\ecc4";
}
.icon-empty-wallet-time:before {
content: "\ecc5";
}
.icon-empty-wallet:before {
content: "\ecc6";
}
.icon-math:before {
content: "\ecc7";
}
.icon-money-2:before {
content: "\ecc8";
}
.icon-money-3:before {
content: "\ecc9";
}
.icon-money-4:before {
content: "\ecca";
}
.icon-money-add:before {
content: "\eccb";
}
.icon-money-change:before {
content: "\eccc";
}
.icon-money-forbidden:before {
content: "\eccd";
}
.icon-money-recive:before {
content: "\ecce";
}
.icon-money-remove:before {
content: "\eccf";
}
.icon-money-send:before {
content: "\ecd0";
}
.icon-money-tick:before {
content: "\ecd1";
}
.icon-money-time:before {
content: "\ecd2";
}
.icon-money:before {
content: "\ecd3";
}
.icon-moneys:before {
content: "\ecd4";
}
.icon-percentage-circle:before {
content: "\ecd5";
}
.icon-percentage-square:before {
content: "\ecd6";
}
.icon-receipt-1:before {
content: "\ecd7";
}
.icon-receipt-2-1:before {
content: "\ecd8";
}
.icon-receipt-2:before {
content: "\ecd9";
}
.icon-receipt-add:before {
content: "\ecda";
}
.icon-receipt-discount:before {
content: "\ecdb";
}
.icon-receipt-disscount:before {
content: "\ecdc";
}
.icon-receipt-edit:before {
content: "\ecdd";
}
.icon-receipt-item:before {
content: "\ecde";
}
.icon-receipt-minus:before {
content: "\ecdf";
}
.icon-receipt-search:before {
content: "\ece0";
}
.icon-receipt-text:before {
content: "\ece1";
}
.icon-receipt:before {
content: "\ece2";
}
.icon-security-card:before {
content: "\ece3";
}
.icon-strongbox-2:before {
content: "\ece4";
}
.icon-strongbox:before {
content: "\ece5";
}
.icon-tag-2:before {
content: "\ece6";
}
.icon-tag:before {
content: "\ece7";
}
.icon-ticket-2:before {
content: "\ece8";
}
.icon-ticket-discount:before {
content: "\ece9";
}
.icon-ticket-expired:before {
content: "\ecea";
}
.icon-ticket-star:before {
content: "\eceb";
}
.icon-ticket:before {
content: "\ecec";
}
.icon-transaction-minus:before {
content: "\eced";
}
.icon-wallet-1:before {
content: "\ecee";
}
.icon-wallet-2:before {
content: "\ecef";
}
.icon-wallet-3:before {
content: "\ecf0";
}
.icon-wallet-add-1:before {
content: "\ecf1";
}
.icon-wallet-add:before {
content: "\ecf2";
}
.icon-wallet-check:before {
content: "\ecf3";
}
.icon-wallet-minus:before {
content: "\ecf4";
}
.icon-wallet-money:before {
content: "\ecf5";
}
.icon-wallet-remove:before {
content: "\ecf6";
}
.icon-wallet-search:before {
content: "\ecf7";
}
.icon-wallet:before {
content: "\ecf8";
}
.icon-arrow-right1:before {
content: "\ecfa";
}
.icon-arrow-left1:before {
content: "\ecfb";
}
.icon-arrow-down1:before {
content: "\ecfc";
}
.icon-arrow-up1:before {
content: "\ecfd";
}
.icon-arrow-square:before {
content: "\ea1d";
}
.icon-arrow:before {
content: "\ea1e";
}
.icon-programming-arrow:before {
content: "\eb56";
}
.icon-programming-arrows:before {
content: "\eb57";
}
.icon-arrow-2:before {
content: "\ebd8";
}
.icon-arrow-3:before {
content: "\ebd9";
}
.icon-arrow-bottom:before {
content: "\ebda";
}
.icon-arrow-circle-down:before {
content: "\ebdb";
}
.icon-arrow-circle-left:before {
content: "\ebdc";
}
.icon-arrow-circle-right:before {
content: "\ebdd";
}
.icon-arrow-circle-up:before {
content: "\ebde";
}
.icon-arrow-down-1:before {
content: "\ebdf";
}
.icon-arrow-down-2:before {
content: "\ebe0";
}
.icon-arrow-down:before {
content: "\ebe1";
}
.icon-arrow-left-1:before {
content: "\ebe2";
}
.icon-arrow-left-2:before {
content: "\ebe3";
}
.icon-arrow-left-3:before {
content: "\ebe4";
}
.icon-arrow-left-21:before {
content: "\ebe5";
}
.icon-arrow-left:before {
content: "\ebe6";
}
.icon-arrow-right-1:before {
content: "\ebe7";
}
.icon-arrow-right-2-1:before {
content: "\ebe8";
}
.icon-arrow-right-2:before {
content: "\ebe9";
}
.icon-arrow-right-3:before {
content: "\ebea";
}
.icon-arrow-right-4:before {
content: "\ebeb";
}
.icon-arrow-right-21:before {
content: "\ebec";
}
.icon-arrow-right:before {
content: "\ebed";
}
.icon-arrow-square-down-2:before {
content: "\ebee";
}
.icon-arrow-square-down:before {
content: "\ebef";
}
.icon-arrow-square-left-2:before {
content: "\ebf0";
}
.icon-arrow-square-left:before {
content: "\ebf1";
}
.icon-arrow-square-up-down:before {
content: "\ebf2";
}
.icon-arrow-square-up-2:before {
content: "\ebf3";
}
.icon-arrow-square-up:before {
content: "\ebf4";
}
.icon-arrow-swap-horizontal:before {
content: "\ebf5";
}
.icon-arrow-swap:before {
content: "\ebf6";
}
.icon-arrow-up-1:before {
content: "\ebf7";
}
.icon-arrow-up-2:before {
content: "\ebf8";
}
.icon-arrow-up-3:before {
content: "\ebf9";
}
.icon-arrow-up:before {
content: "\ebfa";
}
.icon-p-critical:before {
content: "\e919";
}.action-icon {
z-index: 1;
display: flex;
}
.action-icon:hover::before {
content: "";
position: absolute;
width: 28px;
height: 28px;
translate: -4px -4px;
background-color: var(--neutral-200);
z-index: -1;
border-radius: 8px;
}
.row-disabled .rdg-cell {
opacity: 0.2;
}
.row-disabled .rdg-cell[aria-colindex="4"],
.row-disabled .rdg-cell[aria-colindex="5"],
.row-disabled .rdg-cell[aria-colindex="6"] {
opacity: 1 !important;
}.g2k-data-grid-header {
padding: 24px;
gap: 20px;
display: flex;
flex-direction: column;
}
.g2k-data-grid-header-custom-tertiary-button:disabled {
--background-color: var(--neutral-200);
--hover-background-color: var(--neutral-200);
--color: var(--neutral-400);
--border-color: var(--neutral-200);
}
.g2k-data-grid-header-custom-tertiary-button {
color: var(--neutral-900);
}
.g2k-data-grid-header-text-count {
padding: 4px 6px;
background-color: var(--neutral-100);
border-radius: 6px;
}
.g2k-data-grid-header-unlock-button {
height: 32px;
width: 60px;
}
.g2k-data-grid-header-unlock-button .ant-switch-handle::before {
width: 28px;
height: 28px;
border-radius: 16px;
background-image: url("/Image/lock.png");
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
}
.g2k-data-grid-header-unlock-button.ant-switch-checked .ant-switch-handle {
inset-inline-start: calc(100% - 30px);
}
.g2k-data-grid-header-unlock-button.ant-switch-checked .ant-switch-handle::before {
background-image: url("/Image/unlock.png");
}.g2k-data-grid-container {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
min-height: calc(100vh - 76px);
background-color: var(--neutral-000);
}.g2k-data-grid-cell {
height: 100%;
width: 100%;
padding: 10px 20px;
min-height: 60px;
outline-color: transparent;
outline-style: solid;
outline-width: 1.5px;
outline-offset: -2px;
}
.g2k-data-grid-cell .g2k-text {
text-wrap: wrap;
}
.g2k-data-grid-cell.state-selected {
background-color: var(--primary-100);
}
.g2k-data-grid-cell.state-new {
background-color: var(--green-100);
}
.g2k-data-grid-cell.state-deleted {
background-color: var(--red-100);
}
.g2k-data-grid-cell.state-deleted .g2k-text {
text-decoration: line-through;
color: var(--neutral-400);
}
.g2k-data-grid-cell.state-deleted .g2k-data-grid-selectable-multiple-item-cell-labels > .g2k-text,
.g2k-data-grid-cell.state-deleted .g2k-data-grid-selectable-multiple-item-cell-label > .g2k-text {
color: var(--neutral-400) !important;
}
.g2k-data-grid-cell.state-removed {
background-color: var(--neutral-100);
}
.g2k-data-grid-cell.state-removed .g2k-text {
color: var(--neutral-400);
text-decoration: line-through;
}
.g2k-data-grid-cell.state-removed .g2k-data-grid-selectable-multiple-item-cell-labels > .g2k-text,
.g2k-data-grid-cell.state-removed .g2k-data-grid-selectable-multiple-item-cell-label > .g2k-text {
color: var(--neutral-400) !important;
}
.g2k-data-grid-cell.error-present {
outline-color: var(--red-600);
}
.g2k-data-grid-cell.editing {
outline-color: var(--blue-600);
}
.g2k-data-grid-cell.editing.state-new {
outline-color: var(--green-600);
}
.g2k-data-grid-cell-editable.state-modified {
background-color: var(--blue-100);
}
.g2k-data-grid-cell .ant-checkbox-wrapper,
.g2k-data-grid-selection-header-cell .ant-checkbox-wrapper {
width: 100%;
height: 2.5rem;
}
.g2k-data-grid-cell .ant-checkbox,
.g2k-data-grid-selection-header-cell .ant-checkbox {
display: flex;
justify-content: center;
align-items: center;
}.g2k-select-dropdown {
width: 400px !important;
padding: 12px !important;
}.g2k-data-grid-text-cell-input {
height: 100%;
width: 100%;
line-height: 1.5;
background-color: transparent;
border: none;
outline: none;
field-sizing: content;
resize: none;
}.g2k-data-grid-selectable-multiple-item-cell-label {
display: flex;
align-items: center;
padding: 8px 12px;
border-radius: 100px;
gap: 8px;
background-color: var(--bg-box);
height: 36px;
--max-width: calc(268px - 24px - 36px - 4px);
max-width: var(--max-width);
}
.g2k-data-grid-selectable-multiple-item-cell-label .g2k-text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.g2k-data-grid-selectable-multiple-item-cell-label.has-right {
--max-width: calc(268px - 24px - 72px - 8px);
}.g2k-data-grid-selectable-multiple-item-cell-labels {
display: flex;
align-items: center;
justify-content: center;
padding: 8px 12px;
border-radius: 100px;
gap: 8px;
background-color: var(--bg-box);
height: 36px;
}
.g2k-data-grid-selectable-multiple-item-cell-labels-dropdown .g2k-popover-inner {
padding: 8px;
}
.g2k-data-grid-selectable-multiple-item-cell-labels-dropdown.g2k-popover {
padding: 12px;
}
.g2k-data-grid-selectable-multiple-item-cell-labels-dropdown-content {
display: flex;
flex-direction: column;
gap: 12px;
}
.g2k-data-grid-selectable-multiple-item-cell-labels-dropdown-item {
display: flex;
gap: 8px;
border-radius: 8px;
align-items: center;
justify-content: space-between;
padding: 12px 8px;
}
.g2k-data-grid-selectable-multiple-item-cell-labels-dropdown-item:hover {
background-color: var(--bg-box-hover);
}.g2k-data-grid-filter-dropdown .ant-dropdown-menu {
padding: 4px;
min-width: 180px;
max-width: 275px;
max-height: 400px;
overflow-y: auto;
list-style-type: none;
background-color: #ffffff;
background-clip: padding-box;
border-radius: 8px;
outline: none;
box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.g2k-data-grid-filter-dropdown .ant-dropdown-menu-item.ant-dropdown-menu-item-only-child {
padding: 10px 8px;
border-radius: 8px;
}
.g2k-data-grid-filter-dropdown .ant-dropdown-menu-item.ant-dropdown-menu-item-only-child.ant-dropdown-menu-item-active {
background-color: var(--neutral-100);
}
.g2k-data-grid-filter-option-label {
color: var(--neutral-700) !important;
max-width: 250px !important;
font-weight: 500;
font-size: 14px;
line-height: 20px;
}
.g2k-data-grid-filter-option-label.active {
color: var(--neutral-900) !important;
}.g2k-data-grid-floating-actions {
position: absolute;
left: calc(50% + 140px);
transform: translateX(-50%);
z-index: 999;
background-color: var(--neutral-000);
border-radius: 12px;
bottom: 88px;
box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.2);
padding: 12px 12px 12px 20px;
display: none;
align-items: center;
justify-content: space-between;
gap: 64px;
opacity: 0;
}
.g2k-data-grid-floating-actions .text-selected-items {
background-color: var(--neutral-100);
margin-left: 16px;
padding: 4px 8px;
gap: 2px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
}
.g2k-data-grid-floating-actions.visible {
opacity: 1;
display: flex;
}.g2k-data-grid-no-rows {
width: calc(100vw - 350px);
height: calc(100vh - 152px - 88px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}.g2k-data-grid-view {
width: calc(100vw - 280px);
overflow: scroll;
height: 100%;
max-height: calc(100vh - 230px);
}
.g2k-data-grid-view__header-row--grouped {
grid-template-rows: 44px 44px;
}
.g2k-data-grid-view__header-row--single {
grid-template-rows: 44px;
}
.g2k-data-grid-view .rdg-cell.rdg-column-group-header {
text-align: center;
}
.g2k-data-grid-view .rdg-cell {
padding-inline: unset;
outline: 0.5px solid var(--neutral-200);
outline-offset: -0.5px;
}
@supports (-webkit-hyphens: none) {
.g2k-data-grid-view [role=gridcell] {
min-height: 100%;
height: -moz-min-content;
height: min-content;
}
}
@-moz-document url-prefix() {
.g2k-data-grid-view [role=gridcell] {
min-height: auto;
}
}
.g2k-data-grid-view .rdg-cell[aria-selected=true] {
outline-offset: unset;
}
.g2k-data-grid-view .rdg-row:hover {
background-color: var(--neutral-100);
cursor: pointer;
}
.g2k-data-grid-view .rdg-header-row {
background-color: var(--neutral-100);
}
.g2k-data-grid-view .rdg-header-row .rdg-cell {
padding-left: 20px;
padding-right: 20px;
font-weight: 500;
font-size: 14px;
color: var(--neutral-700);
padding-block-start: unset !important;
display: flex;
align-items: center;
}
.g2k-data-grid-view .rdg-header-row .rdg-column-group-header {
justify-content: center;
}
.g2k-data-grid-view .g2k-data-grid-view-row_origin {
background-color: aquamarine;
}
.g2k-data-grid-view-loading-more {
display: flex;
justify-content: center;
align-items: center;
padding: 16px;
border-top: 1px solid var(--neutral-200);
}.g2k-multi-select-dropdown-content {
display: flex;
flex-direction: column;
gap: 12px;
width: 384px;
}
.g2k-multi-select-dropdown-content .ant-checkbox-wrapper {
width: 100%;
height: 2.5rem;
}
.g2k-multi-select-dropdown-content .ant-checkbox-wrapper .ant-checkbox-checked:not(.ant-checkbox-disabled) {
background-color: var(--primary-500);
border-color: var(--primary-500);
}
.g2k-multi-select-dropdown-content .ant-checkbox-wrapper .ant-checkbox-checked:not(.ant-checkbox-disabled):hover {
background-color: var(--primary-500-hover);
border-color: var(--primary-500-hover);
}.action-icon {
z-index: 1;
display: flex;
}
.action-icon:hover::before {
content: "";
position: absolute;
width: 28px;
height: 28px;
translate: -4px -4px;
background-color: var(--neutral-200);
z-index: -1;
border-radius: 8px;
}.g2k_input_container {
font-size: 0.875rem;
height: 44px;
background-color: var(--neutral-100);
display: flex;
align-items: center;
border-radius: 0.75rem;
padding: 0 0.75rem;
border: 2px solid var(--neutral-100);
transition: all 0.25s ease-in-out;
gap: 0.75rem;
}
.g2k_input_container:focus-within {
border-color: var(--primary-300);
background: var(--neutral-000);
}
.g2k_input_container.disabled {
background-color: var(--neutral-200);
border-color: var(--neutral-200);
cursor: not-allowed;
}
.g2k_input_container.disabled .g2k_input {
color: var(--neutral-400);
}
.g2k_input_container.has_error {
border-color: var(--red-200);
background: var(--neutral-000);
}
.g2k_input_container .g2k_input {
background-color: transparent;
outline: none !important;
height: 100%;
flex: 1;
color: var(--neutral-900);
border: none;
}
.g2k_input_container .g2k_input:disabled {
cursor: not-allowed;
}
.g2k_input_container .g2k_input::-moz-placeholder {
color: var(--neutral-400);
}
.g2k_input_container .g2k_input::placeholder {
color: var(--neutral-400);
}
.g2k_input_container .g2k_input:-webkit-autofill, .g2k_input_container .g2k_input:-webkit-autofill:hover, .g2k_input_container .g2k_input:-webkit-autofill:focus, .g2k_input_container .g2k_input:-internal-autofill-selected {
-webkit-box-shadow: 0 0 0 1000px var(--neutral-01) inset;
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
background: transparent !important;
font-size: 0.875rem;
font-family: "Inter";
}
.g2k_input_container .g2k_input_suffix,
.g2k_input_container .g2k_input_prefix {
display: flex;
align-items: center;
justify-content: center;
color: var(--neutral-700);
}
.g2k_input_label {
display: block;
margin-bottom: 8px;
font-weight: 600;
font-size: 14px;
line-height: 16px;
}
.g2k_input_label.required::before {
content: "* ";
color: var(--red-600);
}.g2k_select_container {
width: 100%;
}
.g2k_select_container .g2k_select {
width: 100%;
height: 2.5rem;
}
.g2k_select_container .g2k_select.has_error.g2k-select-outlined:not(.g2k-select-customize-input) .g2k-select-selector {
border-color: var(--red-200);
background: var(--neutral-000);
}
.g2k_select_container .g2k_select.g2k-select-outlined:not(.g2k-select-customize-input) .g2k-select-selector {
background-color: var(--neutral-100);
border: 2px solid var(--neutral-100);
border-radius: 0.75rem;
}
.g2k_select_container .g2k_select.g2k-select-single .g2k-select-selector {
border-radius: 0.75rem;
padding: 0 0.75rem;
}
.g2k_select_container .g2k_select.g2k-select .g2k-select-selection-placeholder {
color: var(--neutral-400);
}
.g2k_select_container .g2k_select.g2k-select-outlined:not(.g2k-select-disabled):not(.g2k-select-customize-input):not(.g2k-pagination-size-changer):hover .g2k-select-selector {
border-color: var(--neutral-100);
}
.g2k_select_container .g2k_select.g2k-select-focused.g2k-select-outlined:not(.g2k-select-disabled):not(.g2k-select-customize-input):not(.g2k-pagination-size-changer) .g2k-select-selector {
border-color: var(--primary-300);
box-shadow: none;
background-color: var(--neutral-000);
}
.g2k_select_container .g2k_select .g2k-select-clear {
width: 1.25rem;
height: 1.25rem;
margin-top: 0;
transform: translateY(-50%);
right: 8px;
}
.g2k_select_container .g2k_select .g2k-select-arrow {
right: 6px;
}
.g2k_select_container .g2k_select .g2k-select-selection-item {
color: var(--neutral-900);
}
.g2k-select-dropdown {
box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.1);
padding: 4px;
border-radius: 0.75rem;
border: 1px solid var(--neutral-100);
}
.g2k-select-dropdown .g2k-select-item {
padding: 10px 8px;
border-radius: 0.5rem;
color: var(--neutral-700);
}
.g2k-select-dropdown .g2k-select-item-option-active:not(.g2k-select-item-option-disabled) {
background-color: var(--neutral-100);
color: var(--neutral-900);
}.remove_btn {
width: 2.25rem;
height: 2.25rem;
background-color: var(--red-100);
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
color: var(--red-600);
border-radius: 100%;
cursor: pointer;
transition: all 0.25s ease-in-out;
}
.remove_btn:hover {
background-color: var(--red-600);
color: var(--neutral-000);
}
.category__title {
max-height: 28px;
}
.category__title::before {
content: "";
width: 8px;
height: 100%;
border-radius: 2px;
background-color: var(--primary-500);
position: absolute;
top: 0;
left: 0;
}.g2k_message_box {
--icon-background: var(--blue-600);
padding: 0.75rem;
background-color: var(--blue-100);
border: 1px solid var(--blue-200);
color: var(--blue-700);
border-radius: 0.75rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.g2k_message_box.success {
--icon-background: var(--green-600);
background-color: var(--green-100);
border: 1px solid var(--green-200);
color: var(--green-700);
}
.g2k_message_box.warning {
--icon-background: var(--yellow-600);
background-color: var(--yellow-100);
border: 1px solid var(--yellow-200);
color: var(--yellow-700);
}
.g2k_message_box.danger {
--icon-background: var(--red-600);
background-color: var(--red-100);
border: 1px solid var(--red-200);
color: var(--red-700);
}
.g2k_message_box .g2k_message_box_icon {
width: 28px;
height: 28px;
border-radius: 0.5rem;
background-color: var(--icon-background);
display: flex;
align-items: center;
justify-content: center;
}.g2k-multi-select-dropdown .ant-popover-container {
border-radius: 16px;
}
.g2k-multi-select-dropdown-content {
display: flex;
flex-direction: column;
gap: 12px;
width: 384px;
}
.g2k-multi-select-dropdown-tree {
overflow-y: auto;
}
.g2k-multi-select-dropdown-tree.view-only .ant-tree-checkbox {
display: none;
}
.g2k-multi-select-dropdown-tree-node {
width: 100%;
padding: 0 0 12px 0 !important;
}
.g2k-multi-select-dropdown-tree-node.level-1 {
padding: 0 0 12px 0 !important;
}
.g2k-multi-select-dropdown-tree-node .ant-tree-switcher-leaf-line::before {
top: -12px;
border-inline-end: 2px solid var(--border-strong);
}
.g2k-multi-select-dropdown-tree-node .ant-tree-switcher-leaf-line::after {
width: 12px;
height: 16px;
border-bottom-left-radius: 8px;
border-bottom: 2px solid var(--border-strong);
left: -18px;
border-left: 2px solid var(--border-strong);
}
.g2k-multi-select-dropdown-tree-node .ant-tree-indent-unit.ant-tree-indent-unit:before {
top: -12px;
border-inline-end: 2px solid var(--border-strong);
}
.g2k-multi-select-dropdown-tree-node.disable-tree-indent .ant-tree-indent-unit.ant-tree-indent-unit:before {
display: none;
}
.g2k-multi-select-dropdown-tree-node.ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
height: 16px !important;
top: -12px !important;
}
.g2k-multi-select-dropdown-tree-node.ant-tree-treenode-leaf-last .ant-tree-indent-unit.ant-tree-indent-unit:last-of-type:before {
top: -12px;
border-inline-end: 2px solid var(--border-strong);
bottom: 20px;
}
.g2k-multi-select-dropdown-tree-node.has-child .ant-tree-indent-unit.ant-tree-indent-unit:after {
position: absolute;
content: "";
width: 12px;
height: 16px;
border-bottom-left-radius: 7px;
border-bottom: 2px solid var(--border-strong);
left: 14px;
border-left: 2px solid var(--border-strong);
}
.g2k-multi-select-dropdown-tree-node .ant-tree-node-content-wrapper {
display: flex;
align-items: center;
line-height: 20px !important;
border-radius: 8px !important;
width: 100%;
padding: 4px 8px !important;
}
.g2k-multi-select-dropdown-tree-node .ant-tree-node-content-wrapper:hover {
background-color: var(--neutral-100) !important;
}
.g2k-multi-select-dropdown-tree-node .ant-tree-node-content-wrapper.ant-tree-node-selected {
background-color: inherit !important;
}
.g2k-multi-select-dropdown-tree-node.highlight .ant-tree-node-content-wrapper {
background-color: var(--primary-100) !important;
color: var(--primary-500) !important;
}
.g2k-multi-select-dropdown-tree-node .ant-tree-checkbox {
margin-inline-end: unset;
margin-top: unset;
align-self: center;
}
.g2k-multi-select-dropdown-tree-node .ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
border-color: var(--primary-500);
}
.g2k-multi-select-dropdown-tree-node .ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
width: 7px;
height: 11px;
}
.g2k-multi-select-dropdown-tree-node .ant-tree-checkbox.ant-tree-checkbox-indeterminate::after {
width: 11px;
height: 11px;
border-radius: 3px;
}
.g2k-multi-select-dropdown-tree-node .ant-tree-checkbox .ant-tree-checkbox-inner {
width: 20px;
height: 20px;
border-radius: 7px;
border: solid 2px var(--neutral-700);
display: block;
}
.g2k-multi-select-dropdown-tree-node .ant-tree-switcher {
width: 0px;
}
.g2k-multi-select-dropdown-tree-node .ant-tree-switcher span[role=img] {
display: none;
}
.g2k-multi-select-dropdown-tree-node .g2k-text {
line-height: unset;
}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}:root,:host{--color-blue-500:oklch(62.3% .214 259.815);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.\!top-0{top:calc(var(--spacing) * 0)!important}.-top-2{top:calc(var(--spacing) * -2)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-2{top:calc(var(--spacing) * 2)}.top-\[-0px\],.top-\[0px\]{top:0}.top-\[2px\]{top:2px}.top-\[50\%\]{top:50%}.top-\[54px\]{top:54px}.\!right-0{right:calc(var(--spacing) * 0)!important}.-right-2{right:calc(var(--spacing) * -2)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-5{right:calc(var(--spacing) * 5)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-\[27px\]{bottom:27px}.bottom-\[50px\]{bottom:50px}.-left-\[34px\]{left:-34px}.left-0{left:calc(var(--spacing) * 0)}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-6{left:calc(var(--spacing) * 6)}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.m-0{margin:calc(var(--spacing) * 0)}.mx-0{margin-inline:calc(var(--spacing) * 0)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing) * 0)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-6{margin-block:calc(var(--spacing) * 6)}.my-8{margin-block:calc(var(--spacing) * 8)}.\!mt-0{margin-top:calc(var(--spacing) * 0)!important}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-\[2px\]{margin-top:2px}.mt-\[60px\]{margin-top:60px}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-2\.5{margin-right:calc(var(--spacing) * 2.5)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mr-6{margin-right:calc(var(--spacing) * 6)}.\!mb-0{margin-bottom:calc(var(--spacing) * 0)!important}.\!mb-2{margin-bottom:calc(var(--spacing) * 2)!important}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-\[6px\]{margin-bottom:6px}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-5{margin-left:calc(var(--spacing) * 5)}.ml-10{margin-left:calc(var(--spacing) * 10)}.ml-16{margin-left:calc(var(--spacing) * 16)}.ml-\[6px\]{margin-left:6px}.ml-\[45px\]{margin-left:45px}.ml-\[55px\]{margin-left:55px}.ml-\[70px\]{margin-left:70px}.ml-auto{margin-left:auto}.\!flex{display:flex!important}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.inline{display:inline}.table{display:table}.\!h-\[36px\]{height:36px!important}.h-1{height:calc(var(--spacing) * 1)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-\[3px\]{height:3px}.h-\[18px\]{height:18px}.h-\[36px\]{height:36px}.h-\[40px\]{height:40px}.h-\[44px\]{height:44px}.h-\[80px\]{height:80px}.h-\[80vh\]{height:80vh}.h-\[calc\(100\%-16px\)\]{height:calc(100% - 16px)}.h-\[calc\(100vh-76px\)\]{height:calc(100vh - 76px)}.h-\[calc\(100vh-174px\)\]{height:calc(100vh - 174px)}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[288px\]{max-height:288px}.max-h-\[400px\]{max-height:400px}.min-h-\[400px\]{min-height:400px}.\!w-\[36px\]{width:36px!important}.w-1\/2{width:50%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-64{width:calc(var(--spacing) * 64)}.w-96{width:calc(var(--spacing) * 96)}.w-\[3px\]{width:3px}.w-\[18px\]{width:18px}.w-\[22px\]{width:22px}.w-\[36px\]{width:36px}.w-\[42px\]{width:42px}.w-\[44px\]{width:44px}.w-\[48px\]{width:48px}.w-\[70px\]{width:70px}.w-\[80vw\]{width:80vw}.w-\[176px\]{width:176px}.w-\[180px\]{width:180px}.w-\[200px\]{width:200px}.w-\[225px\]{width:225px}.w-\[260px\]{width:260px}.w-\[280px\]{width:280px}.w-\[520px\]{width:520px}.w-\[calc\(100\%-24px\)\]{width:calc(100% - 24px)}.w-\[calc\(100\%-40px\)\]{width:calc(100% - 40px)}.w-\[calc\(100\%-280px\)\]{width:calc(100% - 280px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-\[30px\]{max-width:30px}.max-w-\[300px\]{max-width:300px}.max-w-\[420px\]{max-width:420px}.max-w-\[630px\]{max-width:630px}.max-w-\[800px\]{max-width:800px}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-\[32px\]{min-width:32px}.min-w-\[40px\]{min-width:40px}.min-w-\[80px\]{min-width:80px}.min-w-\[96px\]{min-width:96px}.min-w-\[112px\]{min-width:112px}.min-w-\[120px\]{min-width:120px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-\[336px\]{flex-basis:336px}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.\!cursor-not-allowed{cursor:not-allowed!important}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.\!items-start{align-items:flex-start!important}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.\!justify-end{justify-content:flex-end!important}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.\!gap-1{gap:calc(var(--spacing) * 1)!important}.\!gap-3{gap:calc(var(--spacing) * 3)!important}.\!gap-4{gap:calc(var(--spacing) * 4)!important}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[2px\]{gap:2px}.gap-\[6px\]{gap:6px}.gap-x-8{-moz-column-gap:calc(var(--spacing) * 8);column-gap:calc(var(--spacing) * 8)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.\!self-center{align-self:center!important}.\!self-start{align-self:flex-start!important}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.\!rounded-full{border-radius:3.40282e38px!important}.rounded{border-radius:.25rem}.rounded-\[12px\]{border-radius:12px}.rounded-\[20px\]{border-radius:20px}.rounded-\[100px\]{border-radius:100px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-bl-\[10px\]{border-bottom-left-radius:10px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.\!border-t{border-top-style:var(--tw-border-style)!important;border-top-width:1px!important}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\[var\(--border-strong\)\]{border-color:var(--border-strong)}.border-\[var\(--neutral-200\)\]{border-color:var(--neutral-200)}.\!border-t-\[var\(--border-strong\)\]{border-top-color:var(--border-strong)!important}.border-b-\[\#E8E8E8\]{border-bottom-color:#e8e8e8}.border-l-\[\#E8E8E8\]{border-left-color:#e8e8e8}.\!bg-\[var\(--border-strong\)\]{background-color:var(--border-strong)!important}.\!bg-transparent{background-color:#0000!important}.bg-\[\#E8E8E8\]{background-color:#e8e8e8}.bg-\[\#E8E9ED\]{background-color:#e8e9ed}.bg-\[\#F3F4F6\]{background-color:#f3f4f6}.bg-\[var\(--neutral-000\)\]{background-color:var(--neutral-000)}.bg-\[var\(--neutral-100\)\]{background-color:var(--neutral-100)}.bg-\[var\(--neutral-200\)\]{background-color:var(--neutral-200)}.bg-\[var\(--neutral-700\)\]{background-color:var(--neutral-700)}.bg-\[var\(--primary-500\)\]{background-color:var(--primary-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-0{padding:calc(var(--spacing) * 0)!important}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-10{padding:calc(var(--spacing) * 10)}.p-\[2px\]{padding:2px}.\!px-3{padding-inline:calc(var(--spacing) * 3)!important}.\!px-6{padding-inline:calc(var(--spacing) * 6)!important}.\!px-\[9px\]{padding-inline:9px!important}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[6px\]{padding-inline:6px}.px-\[10px\]{padding-inline:10px}.px-\[12px\]{padding-inline:12px}.px-\[160px\]{padding-inline:160px}.\!py-5{padding-block:calc(var(--spacing) * 5)!important}.\!py-\[10px\]{padding-block:10px!important}.py-0{padding-block:calc(var(--spacing) * 0)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-\[12px\]{padding-block:12px}.\!pt-0{padding-top:calc(var(--spacing) * 0)!important}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pr-11{padding-right:calc(var(--spacing) * 11)}.pr-14{padding-right:calc(var(--spacing) * 14)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-\[60px\]{padding-bottom:60px}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-end{text-align:end}.text-left{text-align:left}.align-bottom{vertical-align:bottom}.\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!text-\[20px\]{font-size:20px!important}.\!leading-7{--tw-leading:calc(var(--spacing) * 7)!important;line-height:calc(var(--spacing) * 7)!important}.leading-10{--tw-leading:calc(var(--spacing) * 10);line-height:calc(var(--spacing) * 10)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.\!text-\[\#ADADAD\]{color:#adadad!important}.text-\[var\(--gray-600\)\]{color:var(--gray-600)}.text-\[var\(--neutral-000\)\]{color:var(--neutral-000)}.text-\[var\(--neutral-400\)\]{color:var(--neutral-400)}.text-\[var\(--neutral-700\)\]{color:var(--neutral-700)}.text-\[var\(--neutral-900\)\]{color:var(--neutral-900)}.text-blue-500{color:var(--color-blue-500)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-100{opacity:1}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-250{--tw-duration:.25s;transition-duration:.25s}@media (hover:hover){.group-hover\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:bg-\[var\(--neutral-100\)\]:hover{background-color:var(--neutral-100)}.hover\:\!shadow-none:hover{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}}@media (min-width:1280px){.xl\:\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.xl\:\!text-\[36px\]{font-size:36px!important}.xl\:\!leading-\[44px\]{--tw-leading:44px!important;line-height:44px!important}}.ant-modal [tabindex="0"]:focus,.ant-modal [tabindex="0"]:focus-visible,.ant-modal:focus,.ant-modal:focus-visible,.ant-modal-close:focus,.ant-modal-close:focus-visible{outline:none!important}:root{--neutral-900:#111;--neutral-700:#60666c;--neutral-400:#adadad;--neutral-200:#e8e8e8;--neutral-100:#f3f4f6;--neutral-000:#fff;--neutral-000-06:#fff9;--neutral-000-04:#fff6;--gray-900:#2b2d2e;--gray-800:#4b4e52;--gray-700:#656b70;--gray-600:#8d9399;--gray-500:#b1b7bd;--gray-400:#f0f2f5;--blue-700:#06498c;--blue-600:#0a84ff;--blue-200:#bdd5ff;--blue-100:#e5f2ff;--blue-500:#0a84ff;--green-700:#1d6d31;--green-600:#34c759;--green-500:#34c759;--green-200:#d4e8cf;--green-100:#e3f7e6;--yellow-700:#8c7000;--yellow-600:#fc0;--yellow-200:#fde8ba;--yellow-100:#fff8e5;--red-700:#8c201a;--red-600:#ff3b30;--red-200:#fcd0cf;--red-100:#ffe7e5;--text-default:var(--neutral-900);--text-gray:var(--neutral-700);--text-brown:#9f6b53;--text-orange:#d9730d;--text-yellow:#ff8318;--text-green:#34c759;--text-blue:#0a84ff;--text-purple:#9992f4;--text-pink:#f498be;--text-red:#ff3b30;--text-description:#00000073;--text-placeholder:var(--neutral-400);--text-error:var(--error-default);--icon:#00000073;--background-default:#f5f5f5;--error-default:var(--red-600);--black:#000000e0;--black-06:#0009;--border-default:#d7dce0;--border-strong:#e5e5e5;--require-mark:#ff3b30;--voice-clip:#f5222d;--disabled-container-background:#ff83180a;--selected-dropdown-item-background:var(--primary-100);--dropdown-item-hover-background:#ebf5ff;--dropdown-item-color:#2b2d2e;--selected-question-item-background:var(--primary-100);--background-gradient:linear-gradient(180deg, var(--background-default) 10%, var(--primary-50) 110%);--banner-status-item-highlight:#ebc342;--banner-status-color:#37b1e6;--question-detail-publish-icon-color:#4aa879;--subject-hint-color:#3877d6;--subject-hint-icon-color:#43abae;--subject-hint-border-color:#ccfeff;--subject-hint-background:#f1ffff;--sematic-info-blue-default:#0a84ff;--sematic-info-blue-dark:#06498c;--sematic-info-blue-light:#e5f2ff;--sematic-info-blue-light-2:#bdd5ff;--sematic-danger-red-default:#ff3b30;--sematic-danger-red-dark:#8c201a;--sematic-danger-red-light:#ffe7e5;--sematic-danger-red-light-2:#fcd0cf;--sematic-success-green-default:#34c759;--sematic-success-green-dark:#1d6d31;--sematic-success-green-light:#d4e8cf;--sematic-success-green-light-2:#d4e8cf;--sematic-warning-yellow-default:#fc0;--sematic-warning-yellow-light-3:#ffdec2;--sematic-warning-yellow-700:#8c7000;--status-icon-not-started:#ff8318;--status-text-not-started:#d66300;--status-background-not-started:#fff4eb;--status-icon-in-progress:#0a84ff;--status-text-in-progress:#06498c;--status-background-in-progress:#e5f2ff;--status-icon-overdue:#ff3b30;--status-text-overdue:#8c201a;--status-background-overdue:#ffe7e5;--status-icon-completed:#34c759;--status-text-completed:#1d6d31;--status-background-completed:#d4e8cf;--status-icon-closed:#60666c;--status-text-closed:#60666c;--status-background-closed:#f3f4f6;--status-text-answered:#1d6d31;--status-background-answered:#d4e8cf;--status-text-not-answer-yet:#d66300;--status-background-not-answer-yet:#fff4eb;--status-text-high-light-search-text:var(--primary-500);--status-background-high-light-search-text:#fff4eb;--security-banner-logo-max-height:30px;--create-kt-logo-height:40px;--download-now-button-gradient:var(--button-gradient);--hand-free-button-gradient:var(--button-gradient)}@media screen and (min-width:480px){:root{--thumbnail-size:196px}}@media screen and (min-width:768px){:root{--thumbnail-size:240px}}@media screen and (min-width:1024px){:root{--thumbnail-size:320px}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--black);background:var(--background-default);margin:0;font-family:Inter,sans-serif;font-size:14px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.bg-white{background:var(--neutral-000)}.quill{background:var(--neutral-000);flex-direction:column;width:100%;height:244px;display:flex}.quill .ql-toolbar .ql-picker-label,.quill .ql-toolbar .ql-picker-options span{font-family:Montserrat,sans-serif}.ql-container{height:calc(100% - 50px)}.ql-container .ql-editor{color:#000;font-family:Montserrat,sans-serif;font-size:14px}.ql-toolbar.ql-snow{border-radius:6px 6px 0 0}.ql-container.ql-snow{border-radius:0 0 6px 6px}.ql-container .ql-editer.ql-blank:before{font-style:inherit;font-family:Montserrat;font-size:14px}.ellipsis-2-line{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}::-webkit-scrollbar{width:8px;height:6px}::-webkit-scrollbar-track{border-radius:4px;margin:0 8px}::-webkit-scrollbar-thumb{background-color:#d7dce0;background-clip:padding-box;border-radius:9999px}::-webkit-scrollbar-corner{background:var(--background-default)}vercel-live-feedback,form div.ant-form-item-explain .ant-form-item-explain-error:not(:first-child){display:none}p,h1,h2,h3,h4,h5,h6{margin-bottom:unset}@keyframes autofill{to{color:inherit;background:0 0}}.text-italic{font-style:italic}.text-center{text-align:center}.text-right{text-align:right}.text-center svg{display:inline-block}.text-overflow{text-overflow:ellipsis;overflow:hidden}.hint{color:#8e8e8ee0}.title1{color:var(--neutral-900);font-size:20px;font-style:normal;font-weight:600;line-height:32px}.title3{color:var(--neutral-900);font-size:16px;font-style:normal;font-weight:500;line-height:24px}.title3.medium{color:var(--neutral-700)}.caption1{color:var(--neutral-700);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.caption2{font-size:12px;font-style:normal;font-weight:500;line-height:18px}.body1{color:var(--neutral-400);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.semiBold{font-weight:600}.bold{font-weight:700}strong{font-weight:600}.mb-16{margin-bottom:16px}.hidden{display:none}@keyframes jump{0%,80%,to{transform:scale(0)}40%{transform:scale(2)}}audio{border-radius:32px;box-shadow:0 4px 12px #2b2d2e1a}audio::-webkit-media-controls-panel{background:var(--neutral-000)}audio::-webkit-media-controls-play-button{background-color:var(--primary-500);border-radius:50%}.page-loading{flex-direction:column;place-content:center;align-items:center;gap:16px;width:100vw;height:100vh;display:flex}.page-loading .ant-spin .ant-spin-dot-item{background-color:var(--primary-500,black)}.square{width:100%;padding-bottom:100%;position:relative}.square .square-content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#nprogress .spinner{display:none!important}#nprogress .peg{box-shadow:none!important}#nprogress .bar{background:var(--primary-500)!important}.ant-tooltip .ant-tooltip-inner{align-items:center;display:flex}.Toastify__toast-container{--toastify-toast-width:360px}.ant-message{bottom:24px!important;top:unset!important}.ant-message-notice-content{backdrop-filter:blur(8px);background:var(--neutral-900)!important;border-radius:10px!important;padding:12px 16px!important}.SiderSubMenu .ant-menu-item{align-items:center;display:flex!important}.SiderSubMenu .ant-menu-item:hover{background:linear-gradient(90deg, var(--selected-sidebar-menu-item-bg) 0%, #fdf5ec00 100%);background-color:unset!important}:focus-visible{border-radius:12px;outline:1px solid var(--primary-500)!important;outline-offset:1px!important}:focus-visible.ant-select-input,:focus-visible.ant-input,.ant-picker-input>input:focus-visible,.ant-pagination-options .ant-select .ant-select-content>input:focus-visible{outline:none!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}
._typography_1ipeh_1 {
color: var(--neutral-900);
}
._typography--h1_1ipeh_5 {
font-size: 64px;
font-weight: 600;
line-height: 80px;
}
._typography--h2_1ipeh_11 {
font-size: 48px;
font-weight: 600;
line-height: 64px;
}
._typography--h3_1ipeh_17 {
font-size: 40px;
font-weight: 600;
line-height: 48px;
}
._typography--h4_1ipeh_23 {
font-size: 32px;
font-weight: 600;
line-height: 40px;
}
._typography--h5_1ipeh_29 {
font-size: 28px;
font-weight: 600;
line-height: 36px;
}
._typography--h6_1ipeh_35 {
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
._typography--title-1_1ipeh_41 {
font-size: 20px;
line-height: 32px;
}
._typography--title-2_1ipeh_46 {
font-size: 18px;
line-height: 28px;
}
._typography--title-3_1ipeh_51 {
font-size: 16px;
line-height: 24px;
}
._typography--body-1_1ipeh_56 {
font-size: 16px;
line-height: 24px;
}
._typography--body-2_1ipeh_61 {
font-size: 14px;
line-height: 20px;
}
._typography--body-3_1ipeh_66 {
font-size: 12px;
line-height: 18px;
}
._typography--caption-1_1ipeh_71 {
font-size: 14px;
line-height: 20px;
}
._typography--caption-2_1ipeh_76 {
font-size: 12px;
line-height: 18px;
}
._typography--button_1ipeh_81 {
font-size: 14px;
font-weight: 600;
line-height: 24px;
}
._typography--button-1_1ipeh_87 {
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
._typography--button-2_1ipeh_93 {
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
._align-left_1ipeh_99 {
text-align: left;
}
._align-center_1ipeh_103 {
text-align: center;
}
._align-right_1ipeh_107 {
text-align: right;
}
._weight-light_1ipeh_111 {
font-weight: 300;
}
._weight-medium_1ipeh_115 {
font-weight: 500;
}
._weight-semi-bold_1ipeh_119 {
font-weight: 600;
}
._weight-bold_1ipeh_123 {
font-weight: 700;
}
._textStyle-normal_1ipeh_127 {
font-style: normal;
}
._textStyle-italic_1ipeh_131 {
font-style: italic;
}._G2KButton_v8555_1 {
display: flex;
justify-content: center;
align-items: center;
border: none;
cursor: pointer;
transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out;
}
._G2KButton--small_v8555_10 {
height: 32px;
padding: 6px 10px;
gap: 6px;
border-radius: 8px;
}
._G2KButton--small_v8555_10._G2KButton--icon_v8555_16 {
padding: 6px;
}
._G2KButton--medium_v8555_20 {
height: 40px;
padding: 8px 12px;
gap: 8px;
border-radius: 10px;
}
._G2KButton--medium_v8555_20._G2KButton--icon_v8555_16 {
padding: 8px;
}
._G2KButton--large_v8555_30 {
height: 44px;
padding: 10px 16px;
gap: 10px;
border-radius: 12px;
}
._G2KButton--large_v8555_30._G2KButton--icon_v8555_16 {
padding: 10px;
}
._G2KButton--primary_v8555_40 {
background-color: var(--primary-500);
color: var(--neutral-000);
}
._G2KButton--primary_v8555_40:hover {
background-color: var(--primary-500-hover);
}
._G2KButton--primary_v8555_40:focus {
box-shadow: 0 0 0 3px var(--primary-300);
background-color: var(--primary-500);
}
._G2KButton--secondary_v8555_52 {
border: 1.5px solid var(--primary-300);
background-color: var(--primary-100);
color: var(--primary-500);
}
._G2KButton--secondary_v8555_52:hover {
background-color: var(--primary-200);
}
._G2KButton--secondary_v8555_52:focus {
border-color: transparent;
box-shadow: 0 0 0 3px var(--primary-300);
background-color: var(--primary-100);
}
._G2KButton--tertiary_v8555_66 {
border: 1.5px solid var(--neutral-200);
background-color: var(--neutral-000);
}
._G2KButton--tertiary_v8555_66._G2KButton--icon_v8555_16 {
border-color: transparent;
}
._G2KButton--tertiary_v8555_66:hover {
background-color: var(--neutral-100);
}
._G2KButton--tertiary_v8555_66:focus {
border-color: transparent;
box-shadow: 0 0 0 3px var(--neutral-200);
background-color: var(--neutral-000);
}
._G2KButton--tertiary_v8555_66:focus._G2KButton--icon_v8555_16 {
box-shadow: none;
}
._G2KButton--danger_v8555_85 {
border: 1.5px solid var(--sematic-danger-red-light);
background-color: var(--sematic-danger-red-light);
}
._G2KButton--danger_v8555_85:hover {
background-color: var(--sematic-danger-red-light);
}
._G2KButton--danger_v8555_85:focus {
border-color: transparent;
box-shadow: 0 0 0 3px var(--sematic-danger-red-light);
background-color: var(--sematic-danger-red-light);
}
._G2KButton--disabled_v8555_98 {
cursor: not-allowed;
border: 1.5px solid var(--neutral-200);
background-color: var(--neutral-200);
color: var(--neutral-400);
}
._G2KButton--disabled_v8555_98:hover {
background-color: var(--neutral-200);
}
._G2KButton--disabled_v8555_98:focus {
background-color: var(--neutral-200);
}
._G2KButton--rounded_v8555_111 {
border-radius: 100px;
}
._G2KButton--rounded_v8555_111._G2KButton--small_v8555_10 {
width: 32px;
}
._G2KButton--rounded_v8555_111._G2KButton--medium_v8555_20 {
width: 40px;
}
._G2KButton--rounded_v8555_111._G2KButton--large_v8555_30 {
width: 44px;
}
._G2KButton__loading_v8555_124 {
display: flex;
justify-content: center;
align-items: center;
}
._G2KButton--loading--disabled_v8555_130 .ant-spin-dot-item {
background-color: var(--neutral-400);
}
._G2KButton--loading--primary_v8555_134 .ant-spin-dot-item {
background-color: white;
}
._G2KButton--loading--secondary_v8555_138 .ant-spin-dot-item {
background-color: var(--primary-500);
}
._G2KButton--loading--tertiary_v8555_142 .ant-spin-dot-item {
background-color: var(--neutral-900);
}._ErrorPageRoot_1m99j_1 {
padding: 24px;
width: 100%;
height: 100%;
}
._ErrorPageWrapper_1m99j_7 {
background-color: var(--neutral-000);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 24px;
border-radius: 16px;
width: 100%;
height: 100%;
}
._ErrorPageTextGroup_1m99j_19 {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 8px;
}
._ErrorPageButtonGroup_1m99j_27 {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
}._Toastify__toast--modify_1sq36_1 {
padding: 24px;
border: 2px solid;
border-radius: 16px;
border-color: var(--neutral-200);
font-family: "Inter", sans-serif;
}
._Toastify__toast--modify_1sq36_1 .Toastify__toast-body {
padding: 0;
}
._Toastify__toast--modify_1sq36_1 {
/** Used to position the icon **/
}
._Toastify__toast--modify_1sq36_1 .Toastify__toast-icon {
display: none;
}
._Toastify__toast--modify_1sq36_1 .Toastify__close-button {
color: var(--neutral-900);
opacity: 1;
margin-top: 3px;
}
._Toastify__toast--modify_1sq36_1 .Toastify__close-button :hover {
color: var(--primary-500);
}
._Toastify__toast--modify--info_1sq36_26 {
border-color: var(--sematic-info-blue-light-2);
}
._Toastify__toast--modify--success_1sq36_30 {
border-color: var(--sematic-success-green-light-2);
}
._Toastify__toast--modify--warning_1sq36_34 {
border-color: var(--sematic-warning-yellow-light-3);
}
._Toastify__toast--modify--error_1sq36_38 {
border-color: var(--sematic-danger-red-light-2);
}._buttonWrapper_qtrle_1 {
text-align: center;
}
._buttonWrapper_qtrle_1 .ant-space svg {
display: block;
}
._buttonWrapper_qtrle_1 .ant-space svg path {
stroke: currentColor;
}
._buttonWrapper_qtrle_1.ant-btn-primary.ant-btn-dangerous {
background-color: var(--sematic-danger-red-light);
color: var(--sematic-danger-red-default);
}
._buttonWrapper_qtrle_1.min-w {
min-width: 115px;
}
._buttonWrapper_qtrle_1 > svg {
position: relative;
top: 2px;
}
._G2KButtonBaseDisabled_qtrle_22 {
cursor: not-allowed;
color: var(--neutral-400);
}
._G2KButtonTertiary_qtrle_27 {
height: 40px;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 8px 12px;
cursor: pointer;
transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
border: none;
box-shadow: 0 0 0 1.5px var(--neutral-200);
border-radius: 12px;
background-color: var(--neutral-000);
}
._G2KButtonTertiary_qtrle_27:hover {
background-color: var(--neutral-100);
}
._G2KButtonTertiary_qtrle_27:focus {
box-shadow: 0 0 0 3px var(--neutral-200);
background-color: var(--neutral-000);
}._root_10kom_1 {
color: var(--neutral-700);
cursor: pointer;
}
._root_10kom_1.ant-btn {
width: auto;
height: auto;
border: none;
padding: 0;
font-size: 16px;
line-height: 16px;
display: inherit;
}
._root_10kom_1.ant-btn span {
vertical-align: middle;
}
._root_10kom_1.ant-btn svg,
._root_10kom_1.ant-btn span {
padding: 0 !important;
margin: 0 !important;
}._wrapper_1lv9c_1 {
display: flex;
}
._TypeIcon_1lv9c_5 svg {
width: 24px;
height: 24px;
}
._contentWrapper_1lv9c_10 {
width: 280px;
color: var(--neutral-700);
}
._contentWrapper_1lv9c_10 .ant-divider-horizontal {
margin: 16px 0 8px 0;
}
._contentAvatar_1lv9c_18 {
width: 32px;
height: 32px;
border-radius: 50%;
}
._contentHeader_1lv9c_24 {
display: flex;
gap: 4px;
font-weight: 500;
font-size: 14px;
line-height: 16px;
padding: 8px;
}
._contentHeader_1lv9c_24 ._name_1lv9c_32 {
overflow: hidden;
color: var(--neutral-900);
text-overflow: ellipsis;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
}
._contentHeader_1lv9c_24 ._position_1lv9c_41 {
overflow: hidden;
color: var(--neutral-700);
text-overflow: ellipsis;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
._contentHeader_1lv9c_24 ._right_1lv9c_50 {
margin-left: auto;
font-size: 14px;
}
._contentHeader_1lv9c_24 ._right_1lv9c_50 a {
color: var(--icon);
}
._remove_1lv9c_58 {
color: var(--neutral-700);
font-size: 18px;
cursor: pointer;
position: relative;
margin-left: 4px;
}
._remove_1lv9c_58:hover {
color: var(--text-error);
}
._quickActionBlock_1lv9c_69 {
background: var(--gray-400);
padding: 8px 42px 8px 16px;
display: flex;
align-items: center;
justify-content: space-between;
text-transform: uppercase;
font-weight: 600;
font-size: 10px;
color: var(--gray-600);
}
._contentActions_1lv9c_81 {
display: flex;
align-items: center;
}
._contentActions_1lv9c_81 svg {
color: var(--gray-700);
}
._contentActions_1lv9c_81 svg:last-child {
margin-left: 36px;
}
._contact_1lv9c_92 {
padding: 4px 8px 0 8px;
}
._contact_1lv9c_92 ._item_1lv9c_95 {
display: flex;
align-content: center;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
margin-top: 8px;
}
._contact_1lv9c_92 ._item_1lv9c_95 ._email_1lv9c_104 {
color: var(--sematic-info-blue-default);
font-style: normal;
font-weight: 500;
line-height: 20px;
text-overflow: ellipsis;
overflow: hidden;
}
._contact_1lv9c_92 ._item_1lv9c_95 .caption1 {
color: var(--neutral-900);
}
._contact_1lv9c_92 ._item_1lv9c_95 .ant-space-item:nth-child(2) {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
._actions_1lv9c_121 .ant-btn {
padding: 10px 8px;
text-align: left;
}
._ContentInfor_1lv9c_126 {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: var(--gray-800);
}
._ContentInfor_1lv9c_126 svg {
color: var(--text-link);
}
._TypeIcon_1lv9c_5 svg {
width: 24px;
height: 24px;
}
._content_1lv9c_10 ._image_1lv9c_144 {
position: relative;
border-radius: 50%;
overflow: hidden;
cursor: pointer;
display: flex;
}
._content_1lv9c_10 ._image_1lv9c_144 .ant-avatar {
background: var(--neutral-400);
}
._content_1lv9c_10 ._image_1lv9c_144 ._remove_1lv9c_58 {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: var(--primary-500-hover);
opacity: 0.9;
cursor: pointer;
font-size: 18px;
line-height: 36px;
text-align: center;
display: none;
}
._content_1lv9c_10:hover ._remove_1lv9c_58 {
display: block;
}
._content_1lv9c_10._hasBorder_1lv9c_171 {
border-radius: 100px;
border: 1px solid var(--neutral-200);
padding: 2px 8px 2px 2px;
}
._content_1lv9c_10 .name {
overflow: hidden;
color: var(--neutral-900);
text-overflow: ellipsis;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
._content_1lv9c_10 .name.bold {
font-weight: 600;
}
._groupIcon_1lv9c_188 {
z-index: 1;
border: 2px solid #fff;
width: 36px;
height: 36px;
display: inline-flex;
align-items: center;
color: white;
border-radius: 50%;
padding: 4px;
background-color: var(--neutral-400);
justify-content: center;
}._root_m3l2d_1.ant-layout-header {
background-color: #fff;
padding: 16px 24px 15px 0;
border-bottom: 1px solid var(--neutral-100);
height: auto;
line-height: inherit;
position: sticky;
top: 0;
width: 100%;
z-index: 998;
}
._root_m3l2d_1.ant-layout-header .right {
margin-left: auto;
}
._root_m3l2d_1.ant-layout-header .right .ant-badge {
display: block;
}
._root_m3l2d_1.ant-layout-header .right .ant-badge .ant-badge-dot {
top: 5px;
width: 12px;
height: 12px;
right: 5px;
border: 1px solid #fff;
}
._root_m3l2d_1 ._profileDropdown_m3l2d_25 {
display: block;
border-radius: 22px;
overflow: hidden;
}
._root_m3l2d_1 ._profileDropdown_m3l2d_25 .name {
color: var(--neutral-900);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
}
._root_m3l2d_1 ._profileDropdown_m3l2d_25 :hover {
background: var(--neutral-100);
}
._popupSelect_m3l2d_41 {
min-width: 200px !important;
}
._G2KHeaderSearchBox_m3l2d_45 {
border-radius: 12px;
transition: box-shadow 0.3s ease-in-out;
overflow: hidden;
height: 44px;
}
._G2KHeaderSearchBox_m3l2d_45 .ant-select-compact-item {
margin-inline-end: unset;
}
._G2KHeaderSearchBox_m3l2d_45 .ant-select {
height: 44px;
align-items: center;
transition: width 1s ease-in-out;
}
._G2KHeaderSearchBox_m3l2d_45 .ant-input {
height: 44px;
padding: none;
border-left: 1px solid var(--neutral-200) !important;
transition: width 1s ease-in-out;
}
._G2KHeaderSearchBox_m3l2d_45:hover {
box-shadow: 0 0 0 2px var(--input-shadow-color);
}
._G2KHeaderSearchBox_m3l2d_45 .ant-form-item {
margin-bottom: unset;
}
._G2KHeaderSearchBox_m3l2d_45 .ant-select-arrow {
top: 54%;
transition: transform 0.2s ease-in-out;
}
._G2KHeaderSearchBoxFocused_m3l2d_82 {
box-shadow: 0 0 0 2px var(--input-shadow-color);
}
._menuButton_m3l2d_86 {
transition: background 0.2s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
margin-left: 16px;
margin-right: 12px;
border-radius: 8px;
cursor: pointer;
}
._menuButton_m3l2d_86:hover {
background: var(--neutral-100);
}
._HeaderUserActionPopoverButton_m3l2d_102 {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
border-radius: 24px;
padding-right: 8px;
transition: background-color 0.2s ease-in-out;
}
._HeaderUserActionPopoverButton_m3l2d_102:hover {
background-color: var(--neutral-100);
}
._HeaderUserActionPopover_m3l2d_102 .ant-popover .ant-popover-container {
padding: 0 !important;
}
._HeaderUserActionButton_m3l2d_119 {
display: flex;
gap: 12px;
align-items: center;
padding: 12px;
border-radius: 10px;
transition: background-color 0.2s ease-in-out;
cursor: pointer;
outline: none;
}
._HeaderUserActionButton_m3l2d_119 > svg {
color: var(--neutral-700) !important;
}
._HeaderUserActionButton_m3l2d_119:hover {
background-color: var(--neutral-100);
}
._HeaderUserActionButton_m3l2d_119:hover > svg {
color: var(--neutral-900) !important;
}
._HeaderUserActionButton_m3l2d_119:focus-visible {
background-color: var(--neutral-100);
outline: 2px solid var(--primary-500);
outline-offset: 2px;
}
._HeaderUserActionButton__text_m3l2d_144 {
color: var(--neutral-700);
}
._HeaderUserActionButton__text_m3l2d_144:hover {
color: var(--neutral-900);
}
._HeaderUserActionButton__divider_m3l2d_151 {
height: 1px;
width: 100%;
background-color: var(--neutral-200);
margin: 4px 0;
}
._NotificationPopoverButton_m3l2d_158 {
cursor: pointer;
}
._NotificationPopoverButton_m3l2d_158 .ant-badge-dot {
width: 10px;
height: 10px;
background-color: var(--red-600);
}
._NotificationPopoverButton_m3l2d_158.active button, ._NotificationPopoverButton_m3l2d_158.ant-popover-open button {
cursor: auto !important;
}
._NotificationPopoverButton_m3l2d_158.active svg path, ._NotificationPopoverButton_m3l2d_158.ant-popover-open svg path {
stroke: var(--neutral-900);
}
._NotificationPopoverButton_m3l2d_158.active svg path:first-child, ._NotificationPopoverButton_m3l2d_158.ant-popover-open svg path:first-child {
fill: var(--neutral-900);
}
._NotificationPopover_m3l2d_158 {
max-width: 484px;
}
._NotificationPopover_m3l2d_158 ._NotificationList_m3l2d_179 {
overflow: hidden;
max-height: calc(100vh - 236px);
min-width: 436px;
display: flex;
flex-direction: column;
}
._NotificationPopover_m3l2d_158 .ant-popover-container {
margin-right: 24px;
}
._NotificationPopover_m3l2d_158 .ant-popover-content {
padding-right: 0;
}._NotificationList_6yn4e_1 {
overflow-y: auto;
}
._NotificationList_6yn4e_1 ._EmptyList_6yn4e_4 {
text-align: center;
}
._NotificationList_6yn4e_1 .caption-1 {
font-weight: 600;
color: var(--neutral-700);
}
._ViewMoreButton_6yn4e_12 {
width: calc(100% - 24px);
}
._Filter_6yn4e_16 {
margin-bottom: 20px;
}
._Filter_6yn4e_16 label {
padding: 4px 12px;
cursor: pointer;
font-weight: 600;
color: var(--neutral-700);
}
._Filter_6yn4e_16 label.active {
background: var(--primary-100);
border-radius: 16px;
color: var(--primary-500);
}._MoreButton_guped_1 {
border: none !important;
box-shadow: none !important;
}
._MoreButton_guped_1.ant-dropdown-open {
background-color: var(--neutral-100);
}
._MoreButtonDropdown_guped_9 svg {
display: inherit;
}
._MoreButtonDropdown_guped_9 .ant-dropdown-menu-item {
padding: 12px !important;
border-radius: 8px !important;
}
._MoreButtonDropdown_guped_9 .ant-dropdown-menu-item:hover {
background-color: var(--neutral-100) !important;
}
._MoreButtonDropdown_guped_9 .ant-dropdown-menu-item:hover .MoreButtonDropdownItem {
color: var(--neutral-900) !important;
}._G2KTooltip_o76j3_1 {
max-width: unset;
}
._G2KTooltip_o76j3_1 .ant-tooltip-inner {
display: flex;
align-items: center;
justify-content: center;
padding: 12px;
color: var(--neutral-000);
font-size: 12px;
font-weight: 600;
line-height: 18px;
max-width: unset;
}
._Content_o76j3_16 {
display: flex;
}._ThumbnailSpinner_1tkpb_1 {
display: flex;
align-items: center;
justify-content: center;
}._NotificationItem_u0lua_1:hover {
background-color: var(--neutral-100);
}
._NotificationItem_u0lua_1 {
cursor: pointer;
}
._NotificationItem_u0lua_1 ._Status_u0lua_7 {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
}
._NotificationItem_u0lua_1 ._Status_u0lua_7.unread {
background-color: var(--primary-500);
}
._NotificationItem_u0lua_1 ._TypeIcon_u0lua_16 svg {
width: 24px;
height: 24px;
}
._NotificationItem_u0lua_1 ._Time_u0lua_20 {
color: var(--neutral-400) !important;
}
._NotificationItem_u0lua_1 ._Ellipsis_u0lua_23 {
margin-left: 7px;
}
._NotificationItem_u0lua_1 ._Ellipsis_u0lua_23 .ant-typography {
margin: 0 !important;
color: var(--neutral-900);
font-weight: 400;
}._LayoutModal_vmlog_1 {
min-height: 100vh;
}
._LayoutModal_vmlog_1 .ant-layout .ant-layout-sider {
background-color: unset;
}
._LayoutModalHeader_vmlog_8 {
background-color: var(--neutral-000);
padding: 16px 24px;
min-height: 80px;
height: unset;
line-height: unset;
}._SiderLogo_15e58_1 {
display: flex;
height: 76px;
justify-content: center;
padding: 8px;
align-items: center;
}
._SiderLogo_15e58_1 img {
max-height: 60px;
max-width: 279px;
}
._SiderLanguageDropdown__collapsed_15e58_13 {
min-width: 256px !important;
}
._Sider_15e58_1 {
overflow: hidden;
height: 100vh;
position: sticky !important;
left: 0;
top: 0;
bottom: 0;
border-right: 1px solid var(--neutral-100);
}
._Sider_15e58_1 .ant-menu {
border-inline-end: unset !important;
}
._Sider_15e58_1 .ant-menu .ant-menu-item,
._Sider_15e58_1 .ant-menu .ant-menu-submenu .ant-menu-submenu-inline {
background-color: unset;
width: 100%;
margin-inline: unset;
margin-block: unset;
padding: 12px 24px;
height: 48px;
border-radius: unset;
}
._Sider_15e58_1 .ant-menu .ant-menu-item:first-child,
._Sider_15e58_1 .ant-menu .ant-menu-submenu .ant-menu-submenu-inline:first-child {
margin-top: 0 !important;
}
._Sider_15e58_1 .ant-menu .ant-menu-item,
._Sider_15e58_1 .ant-menu .ant-menu-submenu .ant-menu-submenu-inline {
margin: 8px 0 !important;
}
._Sider_15e58_1 .ant-menu .ant-menu-item:hover,
._Sider_15e58_1 .ant-menu .ant-menu-submenu .ant-menu-submenu-inline:hover {
background-color: unset !important;
background: linear-gradient(90deg, var(--selected-sidebar-menu-item-bg) 0%, rgba(253, 245, 236, 0) 100%);
}
._Sider_15e58_1 .ant-menu .ant-menu-item.ant-menu-item-selected::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 5px;
background-color: var(--primary-500);
}
._Sider_15e58_1 .ant-menu .ant-menu-item.ant-menu-item-selected {
background: linear-gradient(90deg, var(--selected-sidebar-menu-item-bg) 0%, rgba(253, 245, 236, 0) 100%);
}
._Sider_15e58_1 .ant-menu .ant-menu-item-icon {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
._Sider_15e58_1 .ant-menu .ant-menu-submenu-title {
margin-inline: 0;
}
._Sider_15e58_1 .ant-menu.ant-menu-inline-collapsed .ant-menu-item,
._Sider_15e58_1 .ant-menu.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-inline {
width: 96px;
margin-inline: unset;
margin-block: unset;
padding: unset;
padding-inline: unset;
height: 48px;
border-radius: unset;
padding: 0 16px;
}
._Sider_15e58_1 .ant-menu.ant-menu-inline-collapsed .ant-menu-item {
background: unset;
}
._Sider_15e58_1 .ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 64px;
border-radius: 12px;
}
._Sider_15e58_1 .ant-menu.ant-menu-inline-collapsed .ant-menu-submenu {
width: 96px;
margin-inline: unset;
margin-block: unset;
padding: unset;
padding-inline: unset;
height: 48px;
border-radius: unset;
padding: 0 16px;
margin: 8px 0;
}
._Sider_15e58_1 .ant-menu.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title {
padding: unset;
display: flex;
align-items: center;
height: 100%;
width: 64px;
border-radius: 12px;
}
._Sider_15e58_1 .ant-menu.ant-menu-inline-collapsed .ant-menu-item.ant-menu-item-selected .ant-menu-item-icon,
._Sider_15e58_1 .ant-menu.ant-menu-inline-collapsed .ant-menu-item.ant-menu-item-active .ant-menu-item-icon {
background-color: var(--primary-100);
}
._Sider_15e58_1 .ant-menu.ant-menu-inline-collapsed .ant-menu-item.ant-menu-item-selected::before {
content: none;
}
._Sider_15e58_1 .ant-menu-sub {
background: var(--neutral-000) !important;
}
._Sider_15e58_1 .ant-menu-submenu-title:hover {
background-color: unset !important;
background: linear-gradient(90deg, var(--selected-sidebar-menu-item-bg) 0%, rgba(253, 245, 236, 0) 100%);
}
._SiderWrapper_15e58_129 {
--header-content-height: 76px;
display: flex;
flex-direction: column;
height: calc(100vh - var(--header-content-height));
overflow-y: auto;
overflow-x: hidden;
padding-top: 2px;
}
._SiderFooter_15e58_139 {
margin-top: auto;
padding: 24px 12px;
}
._SiderFooter__collapsed_15e58_144 {
padding: 24px 4px;
}
._SiderLanguage_15e58_13 {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 12px;
border-radius: 12px;
}
._SiderLanguage_15e58_13:hover {
cursor: pointer;
background-color: var(--neutral-100);
}
._SiderLanguage__collapsed_15e58_160 {
display: flex;
flex-direction: column-reverse;
gap: 12px;
}
._SiderFooterDivider_15e58_166 {
margin: 20px 0;
height: 1px;
background-color: var(--neutral-200);
transform: translateX(12px);
width: calc(100% - 24px);
}
._SiderFooterLogo_15e58_174 {
padding: 0 12px;
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
}
._SiderFooterLogo_15e58_174 img {
max-width: 80px;
max-height: 30px;
}
._SiderLogo__img_15e58_186 {
max-width: 110px;
max-height: 44px;
}
._logo_15e58_191 {
width: 100%;
height: auto;
}._logo_zbehi_1 {
width: 100%;
height: auto;
}._G2KLayout_1ytwx_1 {
min-height: 100vh;
}
._G2KLayout_1ytwx_1._isDrawerNotOpen_1ytwx_4 .g2k-data-grid-view {
width: calc(100vw - 96px) !important;
}
._G2KLayout_1ytwx_1._isDrawerNotOpen_1ytwx_4 .g2k-data-grid-no-rows {
width: calc(100vw - 96px) !important;
}
._G2KLayout_1ytwx_1._isDrawerNotOpen_1ytwx_4 .g2k-data-grid-view-load-more-btn {
width: calc(100vw - 98px);
}._confirmWrapper_ovouj_1 {
width: 341px;
}
._confirmWrapper_ovouj_1 ._title_ovouj_4 {
color: var(--neutral-900);
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 32px;
}
._confirmWrapper_ovouj_1 ._content_ovouj_12 {
color: var(--neutral-700);
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin-top: 8px;
}
._confirmWrapper_ovouj_1 ._actions_ovouj_21 {
margin-top: 24px;
}
._confirmWrapper_ovouj_1 .ant-modal-close {
top: -8px;
right: -8px;
}
._confirmWrapper_ovouj_1 .ant-modal-body {
text-align: center;
}
._confirmWarning_ovouj_32 {
background-color: var(--sematic-danger-red-default) !important;
transition: opacity 0.2s ease-in-out !important;
}
._confirmWarning_ovouj_32:hover {
background-color: var(--sematic-danger-red-default) !important;
opacity: 0.8 !important;
}._History_1azmz_1 {
display: flex;
flex-direction: column;
border-radius: 16px;
box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.04);
background-color: var(--neutral-000);
transition: all 0.3s ease-in-out;
opacity: 0;
transform: translateX(100%);
width: 0;
padding: 24px 0;
height: calc(100vh - 188px);
overflow-y: auto;
}
._History_1azmz_1._Open_1azmz_15 {
width: 450px;
opacity: 1;
transform: translateX(0);
}
._ScrollArea_1azmz_21 {
overflow-y: auto;
padding: 0 12px;
}
._Record_1azmz_26 {
cursor: pointer;
border-radius: 10px;
transition: all 0.3s ease-in-out;
position: relative;
margin-bottom: 8px;
}
._Record_1azmz_26:hover {
background: var(--neutral-100);
}
._Record_1azmz_26:hover ._ActionButton_1azmz_36 {
visibility: visible;
opacity: 1;
}
._Record_1azmz_26:hover ._PinIcon_1azmz_40 {
visibility: hidden;
opacity: 0;
display: none;
}
._Record_1azmz_26._IsActive_1azmz_45 {
background: var(--primary-100);
}
._Record_1azmz_26._IsActive_1azmz_45 ._Name_1azmz_48 {
color: var(--primary-500);
font-weight: 600;
}
._Record_1azmz_26._IsActive_1azmz_45 ._ActionButton_1azmz_36:hover {
background: var(--neutral-000);
}
._Record_1azmz_26 ._Name_1azmz_48 {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
._PinIcon_1azmz_40 {
position: absolute;
right: 15px;
top: 15px;
visibility: visible;
opacity: 1;
transition: all 0.3s ease-in-out;
}
._ActionButton_1azmz_36 {
min-width: 28px;
height: 28px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
}
._ActionButton_1azmz_36:hover {
background: var(--border-strong);
}
._ActionItem_1azmz_86 {
display: flex;
align-items: center;
gap: 12px;
padding: 12px;
border-radius: 8px;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
._ActionItem_1azmz_86:hover {
background: var(--neutral-100);
}._DropDownWrapper_15rfw_1 {
flex: 1;
background-color: var(--neutral-000);
border-radius: 1rem;
box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.04);
position: absolute;
top: 45px;
left: -180px;
z-index: 100;
width: 220px;
padding-top: 14px;
padding-bottom: 7px;
padding-left: 21px;
padding-right: 21px;
}
._wrapper_15rfw_17 {
position: relative;
display: inline-block;
}._Sources_tfwjn_1 {
display: flex;
flex-direction: column;
border-radius: 16px;
box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.04);
background-color: var(--neutral-000);
transition: all 0.3s ease-in-out;
opacity: 0;
transform: translateX(100%);
width: 0;
padding: 24px 0;
height: calc(100vh - 188px);
overflow-y: auto;
}
._Sources_tfwjn_1._Open_tfwjn_15 {
width: 450px;
opacity: 1;
transform: translateX(0);
}
._ScrollArea_tfwjn_21 {
overflow-y: auto;
padding: 0 12px;
}
._Name_tfwjn_26 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /* number of lines */
overflow: hidden;
text-overflow: ellipsis;
flex: 1;
}
._NavigateArea_tfwjn_35 {
margin: -16px;
padding: 16px;
height: "100%";
}
._ActionButton_tfwjn_41 {
min-width: 28px;
height: 28px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
}
._ActionButton_tfwjn_41:hover {
background: var(--border-strong);
}
._ActionItem_tfwjn_56 {
display: flex;
align-items: center;
gap: 12px;
padding: 12px;
border-radius: 8px;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
._ActionItem_tfwjn_56:hover {
background: var(--neutral-100);
}._HighLightTextSearch_10gw5_1 {
color: var(--status-text-high-light-search-text);
background: var(--status-background-high-light-search-text);
padding: 0 1px;
}._G2KAnswerAttachmentItem_16ki3_1 {
width: 204px;
}
._Thumbnail_16ki3_5 {
width: 204px;
height: 100px;
border-radius: 8px;
background-color: var(--neutral-200);
transition: margin 0.3s ease-in-out;
}
._ThumbnailImage_16ki3_13 {
width: 204px;
height: 100px;
border-radius: 8px;
overflow: hidden;
}
._ProgressBar_16ki3_20 {
position: absolute;
bottom: 12px;
left: 12;
width: calc(100% - 24px);
background-color: var(--neutral-100);
border-radius: 8px;
}
._ProgressBarAnimated_16ki3_29 {
height: 4px;
background-color: var(--sematic-info-blue-default);
border-radius: 8px;
}
._RemoveBtn_16ki3_35 {
position: absolute;
top: -6px;
right: -6px;
width: 24px;
height: 24px;
border-radius: 36px;
background-color: var(--neutral-700);
}
._HoverAction_16ki3_45 {
visibility: hidden;
opacity: 0;
position: absolute;
right: 0;
bottom: -16px;
display: flex;
gap: 8px;
align-items: center;
padding: 4px 8px;
background: var(--neutral-900);
border-radius: 8px;
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
transition: opacity 0.3s ease-in-out;
}
._FileSize_16ki3_62 {
text-align: left;
}._G2KGalleryModalWrapper_1owag_1 .ant-modal-wrap {
overflow: hidden;
}
._G2KGalleryModalRootContainer_1owag_5 {
background-color: unset;
margin-top: unset;
margin-bottom: unset;
}
._G2KGalleryModalRootContainer_1owag_5 .ant-modal-container {
background-color: unset;
box-shadow: unset;
padding: unset !important;
}
._G2KGalleryModalRootContainer_1owag_5 .ant-modal-wrap {
overflow: hidden;
}
._G2KGalleryModalRootContainer_1owag_5 .ant-modal-body {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
width: 100vw;
}
._G2KGalleryModalRootContainer_1owag_5 .ant-modal-close {
display: none;
}
._G2KGalleryModalBody_1owag_30 {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
width: 100vw;
}
._G2KGalleryModalContent_1owag_39 {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
width: 100vw;
z-index: 10;
}
._G2KGalleryCarouselNavWrapper_1owag_49 {
position: absolute;
height: 64px;
width: 80vw;
top: 50%;
transform: translateY(-50%);
display: flex;
justify-content: space-between;
align-items: center;
}
._G2KGalleryCarouselNav_1owag_49 {
display: flex;
height: 64px;
width: 64px;
justify-content: center;
align-items: center;
transition: background 0.2s ease-in-out;
background: rgba(31, 33, 37, 0.24);
border-radius: 1000px;
border: 1px rgba(255, 255, 255, 0.24) solid;
backdrop-filter: blur(8px);
cursor: pointer;
}
._G2KGalleryCarouselNav_1owag_49:hover {
background: rgba(144, 150, 162, 0.3);
}
._G2KGalleryCarouselNav__left_1owag_77 {
transform: translateX(-92px);
}
._G2KGalleryCarouselNav__right_1owag_81 {
transform: translateX(92px);
}
._G2KGalleryCarouselHeader_1owag_85 {
position: absolute;
top: 0;
width: 100%;
height: 80px;
padding: 16px 24px;
background: linear-gradient(#000000, rgba(0, 0, 0, 0));
display: flex;
justify-content: space-between;
align-items: center;
}
._G2KGalleryCarouselClose_1owag_97 {
display: flex;
height: 48px;
width: 48px;
min-width: 48px;
justify-content: center;
align-items: center;
transition: background 0.2s ease-in-out;
background: rgba(31, 33, 37, 0.24);
border-radius: 1000px;
border: 1px rgba(255, 255, 255, 0.24) solid;
cursor: pointer;
}
._G2KGalleryCarouselClose_1owag_97:hover {
background: rgba(144, 150, 162, 0.3);
}
._G2KImageTransformWrapper_1owag_114 {
width: 80vw !important;
height: 80vh !important;
background-color: #000000;
}
._G2KGalleryImage__landscape_1owag_120 {
width: auto;
height: 80vh;
}
._G2KGalleryImage__portrait_1owag_125 {
width: 80vw;
height: auto;
}
._ImageControls_1owag_130 {
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(17, 17, 17, 0.6);
border-radius: 8px;
position: absolute;
bottom: 16px;
left: 50%;
transform: translateX(-50%) translateY(100%);
bottom: -24px;
}
._ImageControlsItem_1owag_143 {
padding: 8px;
display: flex;
cursor: pointer;
}
._ImageControlsItem_1owag_143:hover svg {
color: var(--primary-500) !important;
}
._ImageControlsItem--border_1owag_152 {
border-left: 1px solid rgba(255, 255, 255, 0.2);
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
._ImageName_1owag_157 {
position: absolute;
width: 100%;
top: 0;
z-index: 99999;
padding: 16px 20px 28px 20px;
align-items: center;
gap: 8px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.48) 27.62%, rgba(0, 0, 0, 0) 100%);
}
._ImageName_1owag_157 h6 {
color: white;
}._G2KVideoPlayerContainerFullScreen_1j0sf_1 {
width: 100%;
}
._G2KVideoPlayerControls_1j0sf_5 {
position: absolute;
width: 100%;
padding: 0 20px 20px 20px;
bottom: -2px;
display: flex;
flex-direction: column;
gap: 20px;
z-index: 99999;
transition: opacity 0.5s ease, visibility 0.5s;
opacity: 0;
visibility: hidden;
background: linear-gradient(rgba(0, 0, 0, 0), #000000);
}
._G2KVideoPlayerControls--show_1j0sf_20 {
opacity: 1;
visibility: visible;
}
._G2KVideoPlayerControlsGroup_1j0sf_25 {
display: flex;
width: 100%;
height: 32px;
gap: 16px;
}
/* Progress bar */
._ProgressSliderRoot_1j0sf_33 {
position: relative;
display: flex;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: none;
width: 100%;
height: 20px;
}
._ProgressSliderTrack_1j0sf_43 {
position: relative;
flex-grow: 1;
border-radius: 9999px;
height: 6px;
}
._ProgressSliderRange_1j0sf_50 {
position: absolute;
background-color: var(--neutral-000);
border-radius: 9999px;
height: 6px;
}
._ProgressSliderThumb_1j0sf_57 {
display: block;
width: 20px;
height: 20px;
background-color: white;
border-radius: 10px;
transform: translateY(-7px);
transition: background-color 0.2s ease-in-out;
}
._ProgressSliderThumb_1j0sf_57:hover {
background-color: var(--primary-500);
}
._ProgressSliderThumb_1j0sf_57:focus {
outline: none;
}
/* Buffer bar */
._BufferSliderRoot_1j0sf_76 {
position: relative;
display: flex;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: none;
width: 100%;
height: 20px;
transform: translateY(20px);
}
._BufferSliderTrack_1j0sf_87 {
background-color: var(--neutral-000-04);
position: relative;
flex-grow: 1;
border-radius: 9999px;
height: 6px;
}
._BufferSliderRange_1j0sf_95 {
position: absolute;
background-color: var(--neutral-000-06);
border-radius: 9999px;
height: 6px;
}
._BufferSliderThumb_1j0sf_102 {
display: block;
width: 20px;
height: 20px;
background-color: white;
border-radius: 10px;
transform: translateY(-7px) translateX(-3px);
transition: background-color 0.2s ease-in-out;
}
._BufferSliderThumb_1j0sf_102:hover {
background-color: var(--primary-500);
}
._BufferSliderThumb_1j0sf_102:focus {
outline: none;
}
/* Volume bar */
._VolumeSliderRoot_1j0sf_121 {
position: relative;
display: flex;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: none;
width: 80px;
}
._VolumeSliderTrack_1j0sf_130 {
background-color: var(--neutral-000-06);
position: relative;
flex-grow: 1;
border-radius: 9999px;
height: 4px;
}
._VolumeSliderRange_1j0sf_138 {
position: absolute;
background-color: var(--neutral-000);
border-radius: 9999px;
height: 4px;
}
._VolumeSliderThumb_1j0sf_145 {
display: block;
width: 12px;
height: 12px;
background-color: white;
border-radius: 10px;
transition: background-color 0.2s ease-in-out;
}
._VolumeSliderThumb_1j0sf_145:hover {
background-color: var(--primary-500);
}
._VolumeSliderThumb_1j0sf_145:focus {
outline: none;
}
._DownloadButton_1j0sf_162:hover svg {
color: var(--primary-500) !important;
}._G2KVideoPlayerContainer_1yug3_1 {
position: relative;
display: flex;
justify-content: center;
align-items: center;
background-color: #000000;
height: 80vh;
width: 80vw;
}
._G2KVideoOverlay_1yug3_11 {
position: absolute;
height: 80vh;
width: 80vw;
background-color: transparent;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
._G2KVideoOverlay__Buffering_1yug3_22 {
background-color: var(--black-06);
}
._MediaVideo_1yug3_26 {
max-height: 80vh;
max-width: 80vw;
width: 80vw;
}
._MediaVideoFullScreen_1yug3_32 {
width: 100%;
}._G2KInputWrapper_dskda_1 {
border-radius: 12px;
background-color: var(--neutral-100);
transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
position: relative;
}
._G2KInputWrapper_dskda_1 ~ .ant-form-item-label > label {
color: red;
}
._G2KInputWrapper_dskda_1:focus-within {
box-shadow: 0 0 0 2px var(--input-shadow-color);
background-color: var(--neutral-000);
}
._G2KInputWrapper_dskda_1:hover {
box-shadow: 0 0 0 2px var(--input-shadow-color);
}
._G2KInputWrapper_dskda_1 input:-webkit-autofill,
._G2KInputWrapper_dskda_1 textarea:-webkit-autofill,
._G2KInputWrapper_dskda_1 select:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px var(--neutral-100) inset;
background-color: transparent !important;
font-size: 14px;
font-family: "Inter", sans-serif;
}
._G2KInputWrapper_dskda_1 input:-webkit-autofill:hover,
._G2KInputWrapper_dskda_1 textarea:-webkit-autofill:hover,
._G2KInputWrapper_dskda_1 select:-webkit-autofill:hover {
-webkit-box-shadow: 0 0 0 1000px var(--neutral-100) inset;
background-color: transparent !important;
font-family: "Inter", sans-serif;
font-size: 14px;
}
._G2KInputWrapper_dskda_1 input:-webkit-autofill:focus,
._G2KInputWrapper_dskda_1 textarea:-webkit-autofill:focus,
._G2KInputWrapper_dskda_1 select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px var(--neutral-000) inset;
background-color: transparent !important;
font-family: "Inter", sans-serif;
font-size: 14px;
}
._G2KInputWrapper_dskda_1 .ant-input-lg:-webkit-autofill,
._G2KInputWrapper_dskda_1 .ant-input-lg:-webkit-autofill:hover,
._G2KInputWrapper_dskda_1 .ant-input-lg:-webkit-autofill:focus {
font-size: 16px;
}
._G2KInputWrapper_dskda_1 .ant-input-lg {
min-height: 44px;
}
._G2KInputWrapper_dskda_1 {
/* Style for input with affix */
}
._G2KInputWrapper_dskda_1 .ant-input-affix-wrapper {
border: none;
background-color: transparent !important;
}
._G2KInputWrapper_dskda_1 .ant-input-affix-wrapper:hover {
box-shadow: none;
}
._G2KInputWrapper_dskda_1 .ant-input-affix-wrapper-focused {
box-shadow: none;
background-color: transparent !important;
}
._G2KInputWrapper_dskda_1 .ant-input-affix-wrapper .ant-input {
min-height: unset;
box-shadow: none;
border: none;
background-color: var(--neutral-100);
}
._G2KInputWrapper_dskda_1 .ant-input-affix-wrapper .ant-input:focus, ._G2KInputWrapper_dskda_1 .ant-input-affix-wrapper .ant-input:hover {
box-shadow: none;
}
._G2KInputWrapper_dskda_1 .ant-input-affix-wrapper .ant-input:focus {
background-color: var(--neutral-000);
}
._G2KInputWrapper_dskda_1 .ant-input-affix-wrapper .ant-input ::-moz-placeholder {
color: var(--text-placeholder);
}
._G2KInputWrapper_dskda_1 .ant-input-affix-wrapper .ant-input ::placeholder {
color: var(--text-placeholder);
}
._G2KInputWrapper_dskda_1 .ant-input-affix-wrapper.ant-input-affix-wrapper-status-error,
._G2KInputWrapper_dskda_1 .ant-input-affix-wrapper.ant-input-affix-wrapper-focused.ant-input-affix-wrapper-status-error {
box-shadow: 0 0 0 2px var(--sematic-danger-red-light-2);
}
._G2KInputWrapper_dskda_1 {
/* Style for input */
}
._G2KInputWrapper_dskda_1 .ant-input {
border: none;
background-color: transparent;
}
._G2KInputWrapper_dskda_1 .ant-input:focus {
box-shadow: none;
background-color: transparent;
}
._G2KInputWrapper_dskda_1 .ant-input:hover {
box-shadow: none;
}
._G2KInputWrapper_dskda_1 .ant-input ::-moz-placeholder {
color: var(--text-placeholder);
}
._G2KInputWrapper_dskda_1 .ant-input ::placeholder {
color: var(--text-placeholder);
}
._G2KInputWrapper_dskda_1 .ant-input.ant-input-status-error,
._G2KInputWrapper_dskda_1 .ant-input.ant-input-focused.ant-input-status-error {
box-shadow: 0 0 0 2px var(--sematic-danger-red-light-2) !important;
}
._G2KInputWrapper_dskda_1 .ant-input.ant-input-disabled {
box-shadow: none !important;
background-color: var(--neutral-200);
color: var(--neutral-700);
}
._G2KInputWrapperBorderless_dskda_109 ~ .ant-form-item-label > label {
color: red;
}
._G2KInputWrapperBorderless_dskda_109 {
/* Style for autofill without focus */
}
._G2KInputWrapperBorderless_dskda_109 input:-webkit-autofill,
._G2KInputWrapperBorderless_dskda_109 textarea:-webkit-autofill,
._G2KInputWrapperBorderless_dskda_109 select:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px var(--neutral-100) inset;
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
font-size: 14px;
font-family: "Inter", sans-serif;
}
._G2KInputWrapperBorderless_dskda_109 {
/* Style for autofill on hover */
}
._G2KInputWrapperBorderless_dskda_109 input:-webkit-autofill:hover,
._G2KInputWrapperBorderless_dskda_109 textarea:-webkit-autofill:hover,
._G2KInputWrapperBorderless_dskda_109 select:-webkit-autofill:hover {
-webkit-box-shadow: 0 0 0 1000px var(--neutral-100) inset;
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
box-shadow: none;
font-size: 14px;
font-family: "Inter", sans-serif;
}
._G2KInputWrapperBorderless_dskda_109 {
/* Style for autofill with focus */
}
._G2KInputWrapperBorderless_dskda_109 input:-webkit-autofill:focus,
._G2KInputWrapperBorderless_dskda_109 textarea:-webkit-autofill:focus,
._G2KInputWrapperBorderless_dskda_109 select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px var(--neutral-000) inset;
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
box-shadow: none;
font-size: 14px;
font-family: "Inter", sans-serif;
}
._G2KInputWrapperBorderless_dskda_109 .ant-input-lg:-webkit-autofill,
._G2KInputWrapperBorderless_dskda_109 .ant-input-lg:-webkit-autofill:hover,
._G2KInputWrapperBorderless_dskda_109 .ant-input-lg:-webkit-autofill:focus {
font-size: 16px;
}
._G2KInputWrapperBorderless_dskda_109 {
/* Style for input with affix */
}
._G2KInputWrapperBorderless_dskda_109 .ant-input-affix-wrapper {
transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
border: none;
background-color: var(--neutral-100);
}
._G2KInputWrapperBorderless_dskda_109 .ant-input-affix-wrapper:hover {
box-shadow: none;
}
._G2KInputWrapperBorderless_dskda_109 .ant-input-affix-wrapper-focused {
box-shadow: none;
background-color: var(--neutral-000);
}
._G2KInputWrapperBorderless_dskda_109 .ant-input-affix-wrapper .ant-input {
box-shadow: none;
border: none;
background-color: var(--neutral-100);
}
._G2KInputWrapperBorderless_dskda_109 .ant-input-affix-wrapper .ant-input:focus, ._G2KInputWrapperBorderless_dskda_109 .ant-input-affix-wrapper .ant-input:hover {
box-shadow: none;
}
._G2KInputWrapperBorderless_dskda_109 .ant-input-affix-wrapper .ant-input:focus {
background-color: var(--neutral-000);
}
._G2KInputWrapperBorderless_dskda_109 .ant-input-affix-wrapper .ant-input ::-moz-placeholder {
color: var(--text-placeholder);
}
._G2KInputWrapperBorderless_dskda_109 .ant-input-affix-wrapper .ant-input ::placeholder {
color: var(--text-placeholder);
}
._G2KInputWrapperBorderless_dskda_109 .ant-input-affix-wrapper.ant-input-affix-wrapper-status-error,
._G2KInputWrapperBorderless_dskda_109 .ant-input-affix-wrapper.ant-input-affix-wrapper-focused.ant-input-affix-wrapper-status-error {
box-shadow: none;
}
._G2KInputWrapperBorderless_dskda_109 {
/* Style for input */
}
._G2KInputWrapperBorderless_dskda_109 .ant-input {
border: none;
transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
background-color: var(--neutral-100);
}
._G2KInputWrapperBorderless_dskda_109 .ant-input:focus {
box-shadow: none;
background-color: var(--neutral-000);
}
._G2KInputWrapperBorderless_dskda_109 .ant-input:hover {
box-shadow: none;
}
._G2KInputWrapperBorderless_dskda_109 .ant-input ::-moz-placeholder {
color: var(--text-placeholder);
}
._G2KInputWrapperBorderless_dskda_109 .ant-input ::placeholder {
color: var(--text-placeholder);
}
._G2KInputWrapperBorderless_dskda_109 .ant-input.ant-input-status-error,
._G2KInputWrapperBorderless_dskda_109 .ant-input.ant-input-focused.ant-input-status-error {
box-shadow: none !important;
}
._G2KInputWrapper--margin-top_dskda_208 {
margin-top: 8px;
}
._G2KTextArea_dskda_212 textarea.ant-input {
min-height: 76px;
transition-property: background-color, color, box-shadow, border-color, opacity !important;
}
._G2KTextArea_dskda_212 textarea.ant-input::-moz-placeholder {
color: var(--text-placeholder) !important;
}
._G2KTextArea_dskda_212 textarea.ant-input::placeholder {
color: var(--text-placeholder) !important;
}
._G2KSelectBorderless_dskda_220 {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
}
._G2KSelectBorderless_dskda_220 .ant-select {
border: none;
background-color: var(--neutral-100);
transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
._G2KSelectBorderless_dskda_220 .ant-select:hover {
box-shadow: none !important;
}
._G2KSelectBorderless_dskda_220 .ant-select:focus-within {
outline: 1px solid var(--primary-500) !important;
outline-offset: 1px !important;
border-radius: 12px !important;
}
._G2KSelectBorderless_dskda_220 .ant-select.ant-select-focused {
box-shadow: none !important;
}
._G2KSelectBorderless_dskda_220 .ant-select.ant-select-focused:hover {
box-shadow: none !important;
}
._G2KSelectBorderless_dskda_220 .ant-select.ant-select-focused.ant-select-open {
box-shadow: none !important;
background-color: var(--neutral-000);
color: var(--black);
}
._G2KSelectBorderless_dskda_220 .ant-select.ant-select-status-error,
._G2KSelectBorderless_dskda_220 .ant-select.ant-select-focused.ant-select-open.ant-select-status-error {
box-shadow: none !important;
}
._G2KSelectBorderless_dskda_220 .ant-select.ant-select-status-error,
._G2KSelectBorderless_dskda_220 .ant-select.ant-select-focused.ant-select-open.ant-select-status-error {
box-shadow: none !important;
}
._G2KSelectBorderless_dskda_220 .ant-select.ant-select-focused.ant-select-open
.ant-select-selection-item {
color: inherit;
}
._G2KSelectBorderless_dskda_220 .ant-select.ant-select-open .ant-select-arrow {
transform: rotate(180deg);
}
._G2KSelect_dskda_220 {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
}
._G2KSelect_dskda_220 .ant-select {
border: none;
transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
background-color: var(--neutral-100);
}
._G2KSelect_dskda_220 .ant-select:hover {
box-shadow: 0 0 0 2px var(--input-shadow-color) !important;
}
._G2KSelect_dskda_220 .ant-select:focus-within {
outline: 1px solid var(--primary-500) !important;
outline-offset: 1px !important;
border-radius: 12px !important;
}
._G2KSelect_dskda_220 .ant-select.ant-select-focused {
box-shadow: none !important;
}
._G2KSelect_dskda_220 .ant-select.ant-select-focused:hover {
box-shadow: 0 0 0 2px var(--input-shadow-color) !important;
}
._G2KSelect_dskda_220 .ant-select.ant-select-focused.ant-select-open {
box-shadow: 0 0 0 2px var(--input-shadow-color) !important;
background-color: var(--neutral-000);
color: var(--black);
}
._G2KSelect_dskda_220 .ant-select.ant-select-status-error,
._G2KSelect_dskda_220 .ant-select.ant-select-focused.ant-select-open.ant-select-status-error {
box-shadow: 0 0 0 2px var(--sematic-danger-red-light-2) !important;
}
._G2KSelect_dskda_220 .ant-select.ant-select-status-error,
._G2KSelect_dskda_220 .ant-select.ant-select-focused.ant-select-open.ant-select-status-error {
box-shadow: 0 0 0 2px var(--sematic-danger-red-light-2) !important;
}
._G2KSelect_dskda_220 .ant-select.ant-select-focused.ant-select-open
.ant-select-selection-item {
color: inherit;
}
._G2KSelect_dskda_220 .ant-select.ant-select-disabled {
box-shadow: none !important;
background-color: var(--neutral-200);
}
._G2KSelect_dskda_220 .ant-select.ant-select-open .ant-select-arrow {
transform: rotate(180deg);
}
._G2KDatePicker_dskda_316 .ant-picker {
width: 100% !important;
height: 40px;
background-color: var(--neutral-100) !important;
border-radius: 12px;
border: unset;
transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
._G2KDatePicker_dskda_316 .ant-picker:hover {
box-shadow: 0 0 0 2px var(--input-shadow-color);
}
._G2KDatePicker_dskda_316 .ant-picker.ant-picker-focused {
background-color: var(--neutral-000) !important;
box-shadow: 0 0 0 2px var(--input-shadow-color);
}
._G2KDatePicker_dskda_316 .ant-picker.ant-picker-status-error,
._G2KDatePicker_dskda_316 .ant-picker.ant-picker-focused.ant-picker-status-error {
box-shadow: 0 0 0 2px var(--sematic-danger-red-light-2);
}
._G2KDatePicker_dskda_316 .ant-picker.ant-picker-focused.ant-picker-status-error {
background-color: var(--neutral-000) !important;
}
._G2KDatePicker_dskda_316 .ant-picker .ant-picker-input > input::-moz-placeholder {
color: var(--text-placeholder);
}
._G2KDatePicker_dskda_316 .ant-picker .ant-picker-input > input::placeholder {
color: var(--text-placeholder);
}
._G2KDatePicker_dskda_316 .ant-picker .ant-picker-input-placeholder > input {
color: inherit;
font-size: 14px;
}
._G2KDatePicker_dskda_316 .ant-picker.ant-picker-disabled {
box-shadow: none !important;
background-color: var(--neutral-200);
}
._G2KSearch_dskda_350 {
position: relative;
}
._G2KSearch_dskda_350 .ant-input-affix-wrapper:not(:last-child) {
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
._G2KSearch_dskda_350 {
position: relative;
}
._G2KSearch_dskda_350 .ant-input-affix-wrapper:not(:last-child) {
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
._G2KSearch--prefix_dskda_366 {
position: absolute;
left: 0;
z-index: 99;
padding: 0 8px 0 12px;
align-self: center;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height: 100%;
gap: 8px;
}
._G2KSearch--postfix_dskda_380 {
position: absolute;
right: 0;
top: 0;
z-index: 99;
padding: 0 12px 0 8px;
align-self: center;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
cursor: pointer;
gap: 4px;
}
._G2KSearch--postfix_dskda_380 ._SearchRecorder_dskda_394 {
height: calc(100% - 8px);
}
._G2KSearch--postfix_dskda_380 .ant-spin-container {
display: flex;
justify-content: center;
align-items: center;
}
._G2KSearchInput_dskda_403 {
padding: 0 78px 0 68px;
height: 40px;
}
._G2KInput--prefix_dskda_408 {
position: absolute;
left: 0;
z-index: 99;
padding: 0 12px;
align-self: center;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
._G2KInput_dskda_1 .ant-input {
transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
._G2KInput_dskda_1 .ant-input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px var(--neutral-100) inset !important;
background-color: transparent !important;
font-size: 14px;
font-family: "Inter", sans-serif;
}
._G2KInput_dskda_1 .ant-input:-webkit-autofill:hover {
-webkit-box-shadow: 0 0 0 1000px var(--neutral-100) inset !important;
background-color: transparent !important;
font-family: "Inter", sans-serif;
font-size: 14px;
}
._G2KInput_dskda_1 .ant-input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px var(--neutral-000) inset !important;
background-color: transparent !important;
font-family: "Inter", sans-serif;
font-size: 14px;
}
._G2KInputPassword_dskda_442 .ant-input-affix-wrapper {
min-height: 44px;
padding-top: 0;
padding-bottom: 0;
}
._G2KInputPassword_dskda_442 .ant-input-affix-wrapper .ant-input {
min-height: 44px;
transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
._G2KInputPassword_dskda_442 .ant-input-affix-wrapper .ant-input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px var(--neutral-100) inset !important;
background-color: transparent !important;
font-size: 14px;
font-family: "Inter", sans-serif;
}
._G2KInputPassword_dskda_442 .ant-input-affix-wrapper .ant-input:-webkit-autofill:hover {
-webkit-box-shadow: 0 0 0 1000px var(--neutral-100) inset !important;
background-color: transparent !important;
font-family: "Inter", sans-serif;
font-size: 14px;
}
._G2KInputPassword_dskda_442 .ant-input-affix-wrapper .ant-input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px var(--neutral-000) inset !important;
background-color: transparent !important;
font-family: "Inter", sans-serif;
font-size: 14px;
}
._G2KRadioButton_dskda_470 .ant-radio .ant-radio-inner {
width: 24px;
height: 24px;
border-color: var(--neutral-700);
border-width: 2.5px;
}
._G2KRadioButton_dskda_470 .ant-radio.ant-radio-checked .ant-radio-inner {
border-color: var(--primary-500);
width: 24px;
height: 24px;
}
._G2KRadioButton_dskda_470 .ant-radio.ant-radio-checked .ant-radio-inner::after {
width: 26px;
height: 26px;
margin-block-start: -13px;
margin-inline-start: -13px;
}
._G2KInputCheckBox_dskda_488 {
margin-top: 0;
}
._G2KInputCheckBox_dskda_488:hover {
box-shadow: none;
}
._G2KInputStrongPasswordValidation_dskda_495 {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 10px;
}
._G2KInputStrongPasswordValidationItem_dskda_502 {
display: flex;
align-items: center;
gap: 8px;
}._Wrapper_1pia3_1 {
height: 100%;
}
._Wrapper_1pia3_1 .ant-spin-nested-loading {
padding-bottom: 0;
height: 100%;
}
._Wrapper_1pia3_1 .ant-spin-container {
height: 100%;
}
._Wrapper_1pia3_1._Hidden_1pia3_11 {
display: none;
}
._Container_1pia3_15 {
height: 100%;
display: flex;
align-items: center;
transition: all 0.25s ease-in-out;
border-radius: 10px;
}
._Container_1pia3_15._Recording_1pia3_22 {
background: var(--neutral-000);
border: 2px solid var(--primary-300);
}
._Button_1pia3_27 {
display: flex;
gap: 8px;
align-items: center;
font-size: 14px;
color: var(--neutral-000);
font-weight: 600;
cursor: pointer;
padding: 0 10px;
height: 100%;
}
._Recorder_1pia3_39 {
display: flex;
gap: 12px;
align-items: center;
padding: 0 10px;
height: 100%;
}
._Recorder_1pia3_39 ._Action_1pia3_46 {
cursor: pointer;
display: flex;
align-items: center;
padding: 4px;
border-radius: 8px;
}
._Recorder_1pia3_39 ._Action_1pia3_46:hover {
background: var(--neutral-100);
}
._Star_1pia3_57 {
position: absolute;
top: -4px;
right: -4px;
}
._HandFreeModeTip_1pia3_63 {
width: 252px;
}
._HandFreeModeTip_1pia3_63 .ant-tooltip-arrow:before {
background: var(--neutral-000);
}
._HandFreeModeTip_1pia3_63 .ant-tooltip-inner {
background: var(--neutral-000);
}
._HandFreeModeTipClose_1pia3_73 {
position: absolute;
top: -21px;
right: -21px;
cursor: pointer;
padding: 4px;
border-radius: 50%;
border: 1px solid var(--border-strong);
display: flex;
justify-content: center;
align-items: center;
background: var(--neutral-000);
}._G2KAIChatSender_1806d_1 {
border-radius: 16px;
border: 1px solid #fff;
background: rgba(255, 255, 255, 0.6);
box-shadow: 0px 12px 40px 0px rgba(0, 0, 0, 0.1);
padding: 4px 4px 12px 4px;
position: relative;
width: 100%;
}
._G2KAIChatSender_1806d_1._HandsFreeMode_1806d_10 {
padding-bottom: 28px;
}
._G2KAIChatSender_1806d_1 textarea.ant-input {
background: var(--neutral-000);
min-height: 38px !important;
height: 38px;
resize: none;
}._Conversation_xde8h_1 {
height: calc(100vh - 188px);
width: 100%;
border-radius: 16px;
border: 2px solid var(--neutral-000);
background: var(--background-gradient);
box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.04);
position: relative;
display: flex;
flex-direction: column;
transition: all 0.3s ease-in-out;
}
._Conversation_xde8h_1 .AIAssistantSender {
max-width: 100%;
}
._Conversation_xde8h_1._OpenSidebar_xde8h_16 {
margin-right: 16px;
width: calc(100% - 466px);
}
._G2KAIChatMessages_xde8h_21 {
overflow: auto;
display: flex;
flex-direction: column-reverse;
padding: 0 160px;
transition: height 0.3s ease;
}
._WrapMessage_xde8h_29 {
align-self: flex-end;
width: calc(100% - 160px);
max-width: calc(100% - 160px);
display: flex;
flex-direction: column;
padding-bottom: 16px;
}
._WrapMessage_xde8h_29._AI_xde8h_13 {
align-self: flex-start;
}
._Message_xde8h_41 {
padding: 12px;
border-radius: 12px;
background: var(--primary-300);
position: relative;
transition: margin 0.3s ease-in-out;
width: -moz-fit-content;
width: fit-content;
align-self: flex-end;
}
._Message_xde8h_41._AI_xde8h_13 {
background: var(--neutral-000);
align-self: flex-start;
min-width: 200px;
}
._Action_xde8h_56 {
visibility: hidden;
opacity: 0;
position: absolute;
left: 0;
bottom: -16px;
display: flex;
gap: 8px;
align-items: center;
padding: 4px 8px;
background: var(--neutral-900);
border-radius: 8px;
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
transition: opacity 0.3s ease-in-out;
}
._ActionRight_xde8h_73 {
position: absolute;
right: 0;
bottom: -16px;
display: flex;
gap: 8px;
align-items: center;
padding: 4px 8px;
background: var(--neutral-900);
border-radius: 8px;
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
transition: opacity 0.3s ease-in-out;
color: white;
}
._Feedback_xde8h_89 {
display: flex;
flex-direction: column;
gap: 16px;
overflow-y: auto;
max-height: 60vh;
margin: 32px 0 16px;
}
._FeedbackOption_xde8h_98 {
border-radius: 100px;
border: 1px solid var(--border-strong);
background: var(--neutral-000);
padding: 8px 12px;
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
}
._FeedbackOption_xde8h_98._Selected_xde8h_108 {
border: 1px solid var(--primary-300);
background: var(--primary-100);
}
._NoFeedbackReasons_xde8h_113 {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
._FeedbackSuccess_xde8h_120 {
padding: 12px 20px;
border-radius: 12px;
border: 1.5px solid var(--neutral-000);
background: rgba(255, 255, 255, 0.6);
box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.04);
display: flex;
align-items: center;
justify-content: space-between;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto 32px auto;
}
._CloseIcon_xde8h_133 {
cursor: pointer;
border-radius: 32px;
border: 1px solid var(--border-strong);
background: var(--neutral-000);
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
._AIMessageContent_xde8h_145 ._ul_xde8h_145 {
max-width: calc(100% - 166px);
}
._AIMessageContent_xde8h_145 ._pre_xde8h_148 {
color: #e5e7eb;
background-color: #1f2937;
overflow-x: auto;
margin-top: 0;
margin-bottom: 0;
border-radius: 0.375rem;
padding-top: 0.8571429em;
padding-inline-end: 1.1428571em;
padding-bottom: 0.8571429em;
padding-inline-start: 1.1428571em;
}
._SourcesOpen_xde8h_161 {
background: var(--primary-500);
}
._UserMessage_xde8h_165 {
margin-top: 14px;
}
._TextToSpeech_xde8h_169 {
color: var(--neutral-400);
}._GetStarted_177r9_1 {
background-size: cover;
height: calc(100vh - 188px);
width: 100%;
border-radius: 16px;
border: 2px solid var(--neutral-000);
background: linear-gradient(180deg, var(--primary-50) 0%, var(--primary-100) 100%) no-repeat center;
box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.04);
transition: all 0.3s ease-in-out;
}
._GetStarted_177r9_1._OpenHistory_177r9_11 {
margin-right: 16px;
width: calc(100% - 328px);
}
._GetStartedContent_177r9_16 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
position: relative;
}._Item_1i7bc_1 {
display: flex;
gap: 8px;
}
._Content_1i7bc_6 {
display: flex;
flex-direction: column;
}
._Content_1i7bc_6 .row {
display: flex;
align-items: center;
gap: 4px;
}._Select_1q760_1 {
width: 300px;
border-radius: 12px;
box-shadow: none !important;
outline: none;
}
._Select_1q760_1.ant-select-multiple.ant-select-lg .ant-select-selection-item {
height: 36px;
line-height: 34px;
}
._SelectInactive_1q760_12.ant-select {
border: 1.5px solid var(--neutral-200) !important;
box-shadow: none !important;
}
._SelectInactive_1q760_12.ant-select:hover {
background-color: var(--neutral-100) !important;
}
._SelectInactive_1q760_12.ant-select .ant-select-input {
border: none !important;
outline: none !important;
}
._SelectActive_1q760_24.ant-select {
background-color: var(--primary-100) !important;
border: 1.5px solid var(--primary-300) !important;
}
._SelectActive_1q760_24.ant-select:hover {
background-color: var(--primary-200) !important;
}
._SelectActive_1q760_24.ant-select .ant-select-selection-item {
background-color: var(--primary-200) !important;
border: 1.5px solid var(--primary-300) !important;
}
._SelectActive_1q760_24.ant-select .ant-select-selection-item:hover {
background-color: var(--primary-300) !important;
}
._SelectActive_1q760_24.ant-select .ant-select-input {
border: none !important;
outline: none !important;
}._QuestionListContainer_10qn1_1 {
display: flex;
flex-direction: column;
flex: 1;
overflow: hidden;
}
._QuestionListScrollArea_10qn1_8 {
overflow: auto;
}
._QuestionListItemContainer_10qn1_12 {
cursor: pointer;
width: 100%;
display: flex;
border-bottom: 1px solid var(--neutral-200);
align-items: center;
left: 24px;
position: relative;
width: calc(100% - 70px);
}
._QuestionListItemContainer--NoBorder_10qn1_23 {
border-bottom: none !important;
border-top: none !important;
}
._QuestionListSelectedItemContainer_10qn1_28 {
background: var(--selected-question-item-background);
}
._QuestionListSelectedItemContainer_10qn1_28::before {
content: "";
position: absolute;
height: 100%;
width: 4px;
background: var(--primary-500);
left: 0;
}
._QuestionDetailSiderFooter_10qn1_40 {
padding: 12px 16px 16px 16px;
}
._QuestionListItemLoaderContainer_10qn1_44 {
padding: 12px 16px 12px 24px;
border-bottom: 1px solid var(--neutral-200);
}
._G2KTranslatableQuestionContent--translated_10qn1_49 {
font-style: italic;
}
._MultipleLineTruncate_10qn1_53 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
._QuestionDetailSiderHeader_10qn1_60 {
padding: 20px 16px 12px;
display: flex;
flex-direction: column;
gap: 12px;
}
._QuestionDetailSiderHeader_10qn1_60 ._TopHeader_10qn1_66 {
display: flex;
justify-content: space-between;
}
._QuestionDetailSiderHeader_10qn1_60 ._TopHeader_10qn1_66 ._TitleAndStats_10qn1_70 {
display: flex;
gap: 8px;
}
._QuestionDetailSiderHeader_10qn1_60 ._TopHeader_10qn1_66 ._ProcessStatus_10qn1_74 {
padding: 4px 8px;
background: var(--neutral-100);
border-radius: 6px;
display: flex;
justify-content: center;
align-items: center;
}
._QuestionDetailSiderHeader_10qn1_60 ._TopHeader_10qn1_66 ._FilterWrapper_10qn1_82 {
display: flex;
gap: 12px;
justify-content: center;
align-items: center;
}
._QuestionDetailSiderHeader_10qn1_60 ._TopHeader_10qn1_66 ._FilterWrapper_10qn1_82 ._FilterIconWrapper_10qn1_88 {
padding: 4px;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
}
._QuestionDetailSiderHeader_10qn1_60 ._TopHeader_10qn1_66 ._FilterWrapper_10qn1_82 ._FilterIconWrapper_10qn1_88:hover {
background-color: var(--neutral-100);
}
._QuestionDetailSiderHeader_10qn1_60 ._TopHeader_10qn1_66 ._FilterWrapper_10qn1_82 ._FilterIconWrapper__ActiveDot_10qn1_98 {
padding: 4px;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
._QuestionDetailSiderHeader_10qn1_60 ._TopHeader_10qn1_66 ._FilterWrapper_10qn1_82 ._FilterIconWrapper__ActiveDot_10qn1_98:hover {
background-color: var(--neutral-100);
}
._QuestionDetailSiderHeader_10qn1_60 ._TopHeader_10qn1_66 ._FilterWrapper_10qn1_82 ._FilterIconWrapper__ActiveDot_10qn1_98::after {
content: "";
width: 12px;
height: 12px;
background-color: var(--red-600);
border-radius: 50%;
position: absolute;
top: 2px;
right: 2px;
border: 2px solid white;
}
._QuestionDetailSiderHeader_10qn1_60 ._TopHeader_10qn1_66 ._FilterWrapper_10qn1_82 ._ButtonIconRefreshing_10qn1_120 {
animation: _spin_10qn1_1 1s linear infinite;
}
@keyframes _spin_10qn1_1 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
._QuestionDetailSiderHeader_10qn1_60 ._TopHeader_10qn1_66 ._FilterWrapper_10qn1_82 ._FilterIconWrapper--active_10qn1_131 {
padding: 4px;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--primary-100);
}
._QuestionDetailSiderHeader_10qn1_60 ._TopHeader_10qn1_66 ._FilterWrapper_10qn1_82 ._FilterIconWrapper--active_10qn1_131:hover {
background-color: var(--primary-300);
}
._QuestionDetailSiderHeader_10qn1_60 ._BottomHeader_10qn1_142 {
width: 100%;
}
._MeModeWrapper_10qn1_146 {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 24px;
}
._TurnOffMeMode_10qn1_153 {
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
color: var(--primary-500);
cursor: pointer;
}._G2KTranslatableTextBtn_ad5n0_1 {
height: unset;
z-index: 44;
padding: 0;
background-color: unset;
}
._G2KTranslatableTextBtn_ad5n0_1:hover {
background-color: unset !important;
}
._G2KTranslatableTextBtn_ad5n0_1:hover > span {
color: var(--primary-400) !important;
}
._G2KTranslatableTextDivider_ad5n0_15 {
position: absolute;
height: 100%;
width: 4px;
border-radius: 8px;
background-color: var(--neutral-200);
left: -12px;
}
._G2KTranslatableQuestionContent--translated_ad5n0_24 {
font-style: italic;
}
._MultipleLineTruncate_ad5n0_28 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}._wrapper_1ifcb_1 {
padding: 24px;
border-radius: 16px;
background: var(--neutral-000);
}
._wrapper_1ifcb_1 ._header_1ifcb_6 {
display: flex;
justify-content: space-between;
margin-bottom: 16px;
}
._wrapper_1ifcb_1 ._header_1ifcb_6 h4 {
font-size: 20px;
}
._wrapper_1ifcb_1 a {
color: var(--black);
}
._wrapper_1ifcb_1 ._KTSubjectListHeader_1ifcb_17 {
font-weight: 600;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
align-items: center;
}
._wrapper_1ifcb_1 ._closeKt_1ifcb_24 {
display: flex;
align-items: center;
padding: 8px 16px;
background: var(--subject-hint-background);
border: 1px solid var(--subject-hint-border-color);
border-radius: 8px;
margin-top: 24px;
}
._wrapper_1ifcb_1 ._closeKt_1ifcb_24 svg {
color: var(--subject-hint-icon-color);
}
._wrapper_1ifcb_1 ._closeKt_1ifcb_24 .right {
margin-left: auto;
}
._wrapper_1ifcb_1 ._closeKt_1ifcb_24 .right .ant-btn {
height: 24px;
font-size: 14px;
line-height: 16px;
padding: 4px 8px;
}
._G2KTableRowTd--fixedHeight_1ifcb_46 {
min-height: 48px;
display: flex;
}
._G2KSearch--KtCategoryList_1ifcb_51 {
margin-top: 0px;
}
._G2KTableEmpty_1ifcb_55 {
height: 282px;
margin-bottom: 24px;
}
._QuestionContentWrapper_1ifcb_60 {
width: 100%;
overflow-x: auto;
white-space: pre-line;
word-break: break-word;
}
._MeModeWrapper_1ifcb_67 {
display: flex;
align-items: center;
justify-content: center;
}
._TurnOffMeMode_1ifcb_73 {
margin-left: 4px;
cursor: pointer;
}
._ActionButton_1ifcb_78 {
width: 2rem;
height: 2rem;
border-radius: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
._ActionButton_1ifcb_78:hover {
background-color: var(--neutral-100);
}
._ActionButton_1ifcb_78._InQuestionDetail_1ifcb_90 {
background-color: transparent;
position: absolute;
top: 12px;
right: 4px;
}
._ActionButton_1ifcb_78._InQuestionDetail_1ifcb_90:hover {
background-color: var(--neutral-100);
}
._ActionButton_1ifcb_78._InQuestioninformation_1ifcb_99 {
background-color: transparent;
}
._ActionButton_1ifcb_78._InQuestioninformation_1ifcb_99:hover {
background-color: var(--neutral-100);
}
._ActionItem_1ifcb_106 {
display: flex;
align-items: center;
gap: 0.75rem;
cursor: pointer;
width: 132px;
height: 44px;
padding: 0 0.75rem;
border-radius: 0.5rem;
transition: all 0.25s ease-in-out;
}
._ActionItem_1ifcb_106:hover {
background-color: var(--neutral-100);
}._root_1pduz_1 {
width: 50% !important;
}
._root_1pduz_1.ant-modal {
margin-top: 24px;
}
._root_1pduz_1 .ant-modal-body {
padding: 0;
}
._root_1pduz_1 .ant-form-vertical .ant-form-item .ant-form-item-control {
max-width: 100%;
}
._AddQuestionForm_1pduz_14 label {
font-weight: 600;
}
._subjectItem_1pduz_18 {
padding-top: 20px;
padding-bottom: 24px;
}
._subjectItem_1pduz_18 + ._subjectItem_1pduz_18 {
border-top: 1px dashed var(--gray-500);
}
._userCountLabel_1pduz_26 label::after {
left: -30px;
}
._userCountLabel_1pduz_26 label > span {
display: inline-flex;
align-items: center;
-moz-column-gap: 8px;
column-gap: 8px;
}._DropdownWrapper_luh56_1 .ant-dropdown-menu {
border-radius: 8px;
padding: 4px;
}
._DropdownWrapper_luh56_1 .ant-dropdown-menu .ant-dropdown-menu-item {
border-radius: 8px;
padding: 10px 8px;
}
._DropdownWrapper_luh56_1 .ant-dropdown-menu .ant-dropdown-menu-item-selected {
background-color: var(--neutral-100);
}
._DropdownWrapper_luh56_1 .ant-dropdown-menu .ant-dropdown-menu-item-selected:hover {
background-color: var(--neutral-100);
}
._DropdownWrapper_luh56_1 .ant-dropdown-menu .ant-dropdown-menu-item-selected div {
color: var(--neutral-900) !important;
}._QuestionDetailSider_1bc77_1 {
height: 100%;
}
._QuestionDetailSiderContent_1bc77_5 {
width: 100%;
border-radius: 16px;
background-color: var(--neutral-000);
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: flex-start;
height: 100%;
}
._QuestionDetailSiderHeader_1bc77_16 {
--SIDER_HEADER_HEIGHT: 84px;
height: var(--SIDER_HEADER_HEIGHT);
padding-left: 24px;
padding-right: 24px;
}
._QuestionListEmpty_1bc77_23 {
text-align: center;
margin-top: 60px;
}
._QuestionListEmpty_1bc77_23 ._QuestionListEmpty__Title_1bc77_27 {
padding: 0 52px;
margin-bottom: 8px;
}
._QuestionListEmpty_1bc77_23 ._QuestionListEmpty__Description_1bc77_31 {
padding: 0 10px;
}._root_xpitj_1 {
padding: 6px 12px 6px 8px;
font-weight: 500;
line-height: 20px;
border-radius: 100px;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 4px;
min-width: 120px;
white-space: nowrap;
text-overflow: ellipsis;
}
._root_xpitj_1 .ant-space {
gap: 4px !important;
}
._root_xpitj_1 .ant-space-item {
display: flex;
align-items: center;
}
._root_xpitj_1.APPROVED, ._root_xpitj_1.NOT_STARTED {
color: var(--status-text-not-started);
background: var(--status-background-not-started);
}
._root_xpitj_1.UNDER_REVIEW, ._root_xpitj_1.IN_PROGRESS {
color: var(--status-text-in-progress);
background: var(--status-background-in-progress);
}
._root_xpitj_1.REJECTED, ._root_xpitj_1.OVER_DUE {
color: var(--status-text-overdue);
background: var(--status-background-overdue);
}
._root_xpitj_1.COMPLETED {
color: var(--status-text-completed);
background: var(--status-background-completed);
}
._root_xpitj_1.ARCHIVED, ._root_xpitj_1.CLOSED {
color: var(--status-text-closed);
background: var(--status-background-closed);
}
._root_xpitj_1.ANSWERED {
color: var(--status-text-answered);
background: var(--status-background-answered);
}
._root_xpitj_1.NOT_ANSWER_YET {
color: var(--status-text-not-answer-yet);
background: var(--status-background-not-answer-yet);
}
._root_xpitj_1.SUGGESTED {
color: var(--status-text-answered);
background: var(--status-background-answered);
}
._root_xpitj_1.NOT_SUGGESTED_YET {
color: var(--status-text-not-answer-yet);
background: var(--status-background-not-answer-yet);
}._G2KRefreshButton_8nlpe_1 {
height: 40px;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 8px 12px;
cursor: pointer;
transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
border: none;
box-shadow: 0 0 0 1.5px var(--neutral-200);
border-radius: 12px;
background-color: var(--neutral-000);
}
._G2KRefreshButton_8nlpe_1:hover {
background-color: var(--neutral-100);
}
._G2KRefreshButton_8nlpe_1:focus {
box-shadow: 0 0 0 3px var(--neutral-200);
background-color: var(--neutral-000);
}
._G2KRefreshButtonIcon_8nlpe_23 {
display: flex;
}
._G2KRefreshButtonIconRefreshing_8nlpe_27 {
animation: _spin_8nlpe_1 1s linear infinite;
}
@keyframes _spin_8nlpe_1 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}._Wrapper_1iym6_1 {
height: 40px;
}
._Wrapper_1iym6_1 .ant-spin-nested-loading {
padding-bottom: 0;
}
._Wrapper_1iym6_1._Hidden_1iym6_7 {
display: none;
}
._Container_1iym6_11 {
border: 1.5px solid var(--primary-300);
background: var(--hand-free-button-gradient);
border-radius: 10px;
height: 40px;
display: flex;
align-items: center;
transition: all 0.25s ease-in-out;
}
._Container_1iym6_11._Recording_1iym6_20 {
background: var(--neutral-000);
}
._Button_1iym6_24 {
display: flex;
gap: 8px;
align-items: center;
font-size: 14px;
color: var(--neutral-000);
font-weight: 600;
cursor: pointer;
padding: 0 10px;
height: 100%;
}
._Recorder_1iym6_36 {
display: flex;
gap: 12px;
align-items: center;
padding: 0 10px;
height: 100%;
}
._Recorder_1iym6_36 ._Action_1iym6_43 {
cursor: pointer;
display: flex;
align-items: center;
padding: 4px;
border-radius: 8px;
}
._Recorder_1iym6_36 ._Action_1iym6_43:hover {
background: var(--neutral-100);
}
._Star_1iym6_54 {
position: absolute;
top: -4px;
right: -4px;
}
._HandFreeModeTip_1iym6_60 {
width: 252px;
}
._HandFreeModeTip_1iym6_60 .ant-tooltip-arrow:before {
background: var(--neutral-000);
}
._HandFreeModeTip_1iym6_60 .ant-tooltip-inner {
background: var(--neutral-000);
}
._HandFreeModeTipClose_1iym6_70 {
position: absolute;
top: -21px;
right: -21px;
cursor: pointer;
padding: 2px;
border-radius: 50%;
border: 1px solid var(--border-strong);
display: flex;
justify-content: center;
align-items: center;
background: var(--neutral-000);
}._G2KExtensionBase_1ijlw_1 {
transition: background-color 0.1s ease-in-out;
border: none;
cursor: pointer;
background-color: transparent;
display: flex;
padding: 4px;
border-radius: 6px;
}
._G2KExtensionBase__active_1ijlw_11 {
background-color: var(--neutral-100);
}
._G2KAnchorElement_1ijlw_15 {
color: var(--sematic-info-blue-default);
background-color: transparent;
text-decoration: none;
outline: none;
cursor: pointer;
transition: color 0.3s;
}
._G2KAnchorElement_1ijlw_15:hover {
color: var(--sematic-info-blue-light-2);
text-decoration: none;
}
._HighLightTextSearch_1ijlw_28 {
color: var(--status-text-high-light-search-text);
background: var(--status-background-high-light-search-text);
padding: 0 1px;
}._G2KEditorMentionPopup_72f04_1 {
border-radius: 12px;
border: 2px solid var(--neutral-200);
max-height: 350px;
overflow-y: auto;
}
._G2KEditorMentionPopup_72f04_1 ._selectedUser_72f04_7 {
font-weight: bold;
background: var(--selected-question-item-background);
}
._G2KEditorMentionPopup_72f04_1 ._normalUser_72f04_11 {
background-color: transparent;
font-weight: normal;
}._G2KEditorContent_1qoae_1 .tiptap {
font-size: 16px;
line-height: 24px;
color: var(--black);
}
._G2KEditorContent_1qoae_1 .tiptap:focus-visible {
outline: none !important;
}
._G2KEditorContent_1qoae_1 .tiptap mark {
border-radius: 8px;
}
._G2KEditorContentEditMode_1qoae_13 {
min-height: 244px;
max-height: 500px;
overflow: auto;
scrollbar-width: thin;
scrollbar-color: transparent transparent;
background-color: var(--neutral-100);
}
._G2KEditorContentEditMode_1qoae_13 .tiptap {
min-height: 244px;
max-height: 500px;
}
._G2KEditorContentEditMode_1qoae_13::-webkit-scrollbar {
width: 4px;
}
._G2KEditorContentEditMode_1qoae_13::-webkit-scrollbar-thumb {
background-color: transparent;
}
._G2KEditorContentEditMode_1qoae_13:hover::-webkit-scrollbar-thumb {
background-color: var(--neutral-400);
}
._G2KEditorContentNotice_1qoae_38 {
width: 100%;
height: 100%;
padding: 6px 12px;
background: var(--neutral-000);
border-radius: 8px;
outline: 1px solid var(--border-strong);
outline-offset: -1px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16px;
}._G2KEditorContentEditMode_m2u64_1 {
min-height: 125px !important;
max-height: 500px;
overflow: auto;
scrollbar-width: thin;
scrollbar-color: transparent transparent;
background-color: var(--neutral-100);
border: 1px solid transparent;
transition: background-color 0.3s, box-shadow 0.3s ease-in-out;
}
._G2KEditorContentEditMode_m2u64_1:hover, ._G2KEditorContentEditMode_m2u64_1:focus-within {
box-shadow: 0 0 0 2px var(--input-shadow-color);
}
._G2KEditorContentEditMode_m2u64_1:focus-within {
background-color: #fff;
}
._G2KEditorContentEditMode_m2u64_1 .tiptap {
min-height: 125px !important;
max-height: 500px;
}
._G2KEditorContentEditMode_m2u64_1 .is-editor-empty[data-placeholder]::before {
content: attr(data-placeholder);
float: left;
color: var(--text-placeholder, #aaa);
pointer-events: none;
height: 0;
opacity: 1;
}._ConversationActionButton_zucbo_1 {
display: flex;
gap: 12px;
align-items: center;
padding: 12px;
border-radius: 10px;
transition: background-color 0.2s ease-in-out;
cursor: pointer;
width: 132px;
}
._ConversationActionButton_zucbo_1:hover {
background-color: var(--neutral-100);
}
._ConversationActionPopover_zucbo_15 .ant-popover-inner {
padding: 8px;
}
._ConversationItem_zucbo_19 .ant-spin-nested-loading {
padding-bottom: 0 !important;
}
._SystemCommentAvatar_zucbo_23 {
background: white !important;
border: 1px solid;
border-color: var(--neutral-200);
border-radius: 50%;
}
._SystemCommentAvatar_zucbo_23 img {
-o-object-fit: contain;
object-fit: contain;
}
._ConversationLikeButton_zucbo_33 {
border-color: var(--neutral-200);
}
._ConversationLikeButton__active_zucbo_37 {
border-color: var(--blue-600);
background-color: var(--blue-100);
}
._ConversationLineConnect_zucbo_42::before {
content: "";
position: absolute;
left: 30px;
top: 64px;
height: calc(100% - 59px);
width: 2px;
background-color: #e8e8e8;
}
._ConversationReplyLineConnect_zucbo_52::before {
content: "";
position: absolute;
left: -34px;
top: 8px;
height: 100%;
width: 2px;
background-color: #e8e8e8;
}._QuestionContentWrapper_1ygnr_1 {
width: 100%;
overflow-x: auto;
white-space: pre-line;
word-break: break-word;
}
._G2KTranslatableTextDivider_1ygnr_8 {
width: 4px;
border-radius: 8px;
background-color: var(--neutral-200);
margin-right: 12px;
}._QuestionDetailContent_a98tv_1 {
height: 100%;
}
._QuestionDetailContent_a98tv_1 .ant-spin-container {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
._QuestionDetailContent_a98tv_1 #question-answer-section {
scroll-margin: 20px;
}
._QuestionDetailContentCard_a98tv_13 {
border-radius: 16px;
padding: 24px;
background-color: var(--neutral-000);
}
._QuestionDetailContentCardScrollBorderTop_a98tv_19 {
border-radius: 16px;
padding: 16px 24px 24px;
background-color: var(--neutral-000);
}
._Dot_a98tv_25 {
width: 4px;
height: 4px;
background: var(--neutral-400);
border-radius: 9999px;
}
._QuestionCreatedByPrefix_a98tv_32 {
font-size: 14px;
font-weight: 500;
color: var(--neutral-900);
line-height: 20px;
}
._EditorScrollBorder_a98tv_39 {
top: 0;
position: sticky;
width: 100%;
height: 8px;
background-color: white;
z-index: 1;
}._G2KBadgeCount_1ku01_1 .ant-badge .ant-badge-count {
color: var(--neutral-900);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 24px;
border-radius: 6px;
background: var(--neutral-200);
min-width: 24px;
height: 24px;
}._G2KTabs_1wk2b_1 .ant-tabs-nav {
margin-bottom: 14px;
}
._G2KTabs_1wk2b_1 .ant-tabs-nav::before {
border-bottom: unset;
}
._G2KTabs_1wk2b_1 .ant-tabs-tab {
border-bottom: 2px solid transparent;
transition: border-color 0.3s;
}
._G2KTabs_1wk2b_1 .ant-tabs-tab.ant-tabs-tab-active {
border-color: var(--primary-500);
}
._G2KTabs_1wk2b_1 .ant-tabs-tab.ant-tabs-tab.ant-tabs-tab-active > .ant-tabs-tab-btn {
color: var(--neutral-900);
font-weight: 600;
text-shadow: 0 0 0.25px currentcolor;
}
._G2KTabs_1wk2b_1 .ant-tabs-tab.ant-tabs-tab > .ant-tabs-tab-btn {
color: var(--neutral-900);
font-weight: 600;
}
._G2KTabs_1wk2b_1 .ant-tabs-nav-list .ant-tabs-tab + .ant-tabs-tab {
margin: 0 0 0 16px;
}
._G2KTabs__no_padding_top_1wk2b_27 .ant-tabs-tab {
padding-top: 0;
}._G2KLinkPopup_15q4l_1 .ant-popover-inner {
padding: 12px 0 4px 0;
border-radius: 12px;
}
._G2KLinkPopupInputWrapper_15q4l_6 {
width: 100%;
}
._G2KLinkPopupInputWrapper_15q4l_6 .ant-input {
border-radius: 8px;
}
._G2KLinkPopupButtonGroup_15q4l_13 {
display: flex;
flex-direction: column;
padding: 4px 4px 0;
border-top: 1px solid var(--neutral-200);
}
._G2KLinkPopupButton_15q4l_13 {
transition: background-color 0.1s ease-in-out;
cursor: pointer;
border-radius: 8px;
display: flex;
align-items: center;
gap: 12px;
padding: 10px;
}
._G2KLinkPopupButton_15q4l_13:hover {
background-color: var(--neutral-100);
}
._G2KLinkPopupButton__save_15q4l_33 {
color: var(--neutral-700);
}
._G2KLinkPopupButton__save_15q4l_33:hover {
color: var(--neutral-900);
}
._G2KLinkPopupButton__remove_15q4l_40 {
color: var(--sematic-danger-red-default);
}
._G2KLinkPopupButton__disabled_15q4l_44 {
color: var(--neutral-400);
cursor: not-allowed;
}
._G2KLinkPopupButton__disabled_15q4l_44:hover {
color: var(--neutral-400);
background-color: transparent;
}._TextColorExtension_3uqvj_1 {
position: relative;
display: inline-block;
}
._buttonCount_3uqvj_6 {
display: flex;
justify-content: center;
align-items: center;
color: var(--neutral-000);
font-size: 12px;
font-family: Inter;
font-weight: 500;
line-height: 18px;
word-wrap: break-word;
z-index: 99;
border-radius: 50%;
width: 28px;
height: 28px;
border: 2px solid var(--neutral-000);
background: var(--neutral-900);
}
._dropdownBody_3uqvj_24 {
max-height: 360px;
overflow-y: auto;
}
._dropdownBody_3uqvj_24 .ant-checkbox-wrapper {
margin-left: 8px;
}
._dropdownItem_3uqvj_32 {
padding: 4px 8px;
display: flex;
align-items: center;
cursor: pointer;
border-radius: 12px;
}
._dropdownItem_3uqvj_32:hover {
background: var(--neutral-100);
}
._dropdownItem_3uqvj_32 {
margin-top: 4px;
}
._dropdownItem_3uqvj_32:first-child {
margin-top: 0;
}
._dropdownItem_3uqvj_32 > span {
margin-right: 4px;
}
._dropdownItemLabel_3uqvj_53 {
flex: 1;
flex-direction: column;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #2b2d2e;
}
._dropdownItemLabel_3uqvj_53 .name {
color: var(--neutral-900);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
}
._dropdownItemLabel_3uqvj_53 .email {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
color: var(--neutral-700);
overflow: hidden;
text-overflow: ellipsis;
}
._dropdownInput_3uqvj_78 {
padding: 0;
margin-bottom: 16px;
}
._dropdownInput_3uqvj_78 .ant-input-affix-wrapper {
line-height: 22px;
background-color: var(--neutral-100);
}
._dropdownInput_3uqvj_78 .ant-input-affix-wrapper .ant-input {
height: 22px;
background-color: var(--neutral-100);
}
._dropdownInput_3uqvj_78 .ant-form-item {
margin: 0;
}
._tabWrapper_3uqvj_94 .ant-tabs-nav-list {
padding: 0 8px;
}
._tabWrapper_3uqvj_94 .ant-tabs-nav {
margin-bottom: 14px;
}
._tabWrapper_3uqvj_94 .ant-tabs-nav::before {
border-bottom: unset;
}
._tabWrapper_3uqvj_94 .ant-tabs-tab {
border-bottom: 2px solid transparent;
transition: border-color 0.3s;
}
._tabWrapper_3uqvj_94 .ant-tabs-tab.ant-tabs-tab-active {
border-color: var(--primary-500);
}
._tabWrapper_3uqvj_94 .ant-tabs-tab.ant-tabs-tab.ant-tabs-tab-active > .ant-tabs-tab-btn {
color: var(--neutral-900);
font-weight: 600;
text-shadow: 0 0 0.25px currentcolor;
}
._tabWrapper_3uqvj_94 .ant-tabs-tab.ant-tabs-tab > .ant-tabs-tab-btn {
color: var(--neutral-400);
font-weight: 600;
}
._tabWrapper_3uqvj_94 .ant-tabs-nav-list .ant-tabs-tab + .ant-tabs-tab {
margin: 0 0 0 16px;
}
._footer_3uqvj_123 {
margin-top: 16px;
}
._icon_3uqvj_127 {
transition: transform 0.3s ease-in-out; /* smooth transition */
}
._icon--rotate_3uqvj_131 {
transform: rotate(-180deg);
}
._Icon_3uqvj_135 {
display: flex;
padding: 4px;
border: 1px solid var(--neutral-200);
border-radius: 6px;
}
._colorDivider_3uqvj_142 {
border-bottom: 1px solid var(--neutral-100);
}._G2KEditor_1160d_1 {
display: flex;
flex-direction: column;
height: 100%;
border-radius: 12px;
border: 2px solid var(--neutral-200);
overflow: hidden;
}
._G2KEditorHeader_1160d_10 {
display: flex;
justify-content: space-between;
align-items: center;
background-color: var(--neutral-000);
padding: 12px 16px;
}
._G2KEditorExtensions_1160d_18 {
display: flex;
justify-content: flex-start;
align-items: center;
flex: 1;
}
._G2KEditorExtensionsGroup_1160d_25 {
display: flex;
padding: 0 12px;
border-left: 1px solid var(--neutral-200);
gap: 4px;
}
._G2KEditorExtensionsGroup_1160d_25:first-child {
padding: 0 12px 0 0;
border-left: unset;
}
._G2KEditorExtensionsGroup_1160d_25:last-child {
padding: 0 0 0 12px;
}
._G2KEditorContent_1160d_41 {
background-color: var(--neutral-100);
padding: 12px 12px 0;
min-height: 244px;
max-height: 500px;
overflow: auto;
scrollbar-width: thin;
scrollbar-color: transparent transparent;
}
._G2KEditorContent_1160d_41 .tiptap {
font-size: 16px;
line-height: 24px;
color: var(--black);
min-height: 244px;
max-height: 500px;
}
._G2KEditorContent_1160d_41 .tiptap:focus-visible {
outline: none;
}
._G2KEditorContent_1160d_41 .tiptap mark {
border-radius: 8px;
}
._G2KEditorContent_1160d_41::-webkit-scrollbar {
width: 4px;
}
._G2KEditorContent_1160d_41::-webkit-scrollbar-thumb {
background-color: transparent;
}
._G2KEditorContent_1160d_41:hover::-webkit-scrollbar-thumb {
background-color: var(--neutral-400);
}
._WriteWithAIButtonContainer_1160d_76 {
border: 1.5px solid var(--primary-300);
background: var(--hand-free-button-gradient);
border-radius: 10px;
height: 40px;
display: flex;
align-items: center;
transition: all 0.25s ease-in-out;
position: relative;
}
._WriteWithAIButton_1160d_76 {
display: flex;
gap: 8px;
align-items: center;
font-size: 14px;
color: var(--neutral-000);
font-weight: 600;
cursor: pointer;
padding: 0 10px;
height: 100%;
white-space: nowrap;
}
._Star_1160d_100 {
position: absolute;
top: -4px;
right: -4px;
}._G2KQuestionDetailAnswerContentTitle_duj1c_1::before {
display: inline-block;
margin-inline-end: 4px;
color: #ff3b30;
font-size: 16px;
font-family: SimSun, sans-serif;
line-height: 1;
content: "*";
}
._G2KQuestionDetailAnswerContent_duj1c_1 .editor-content {
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
._G2KQuestionDetailAnswerContent_duj1c_1._expanded_duj1c_17 .editor-content {
-webkit-line-clamp: unset;
overflow: unset;
-webkit-box-orient: unset;
display: block;
}
._G2KQuestionDetailAnswerSummary_duj1c_24 {
border: 1.5px solid var(--neutral-200);
border-radius: 16px;
padding: 16px;
margin-top: 12px;
}
._G2KQuestionDetailAnswerTooltip_duj1c_31 .ant-tooltip-inner {
width: 231px !important;
padding: 8px !important;
}
._Container_duj1c_36 {
border: 1.5px solid var(--primary-300);
background: var(--hand-free-button-gradient);
border-radius: 8px;
height: 30px;
display: flex;
align-items: center;
transition: all 0.25s ease-in-out;
}
._Button_duj1c_46 {
display: flex;
gap: 8px;
align-items: center;
font-size: 14px;
color: var(--neutral-000);
font-weight: 600;
cursor: pointer;
padding: 0 10px;
height: 100%;
}
._Button__loading_duj1c_58 {
color: var(--neutral-000);
}._root_18iwk_1 {
padding: 0 12px;
font-style: normal;
font-weight: 500;
line-height: 32px;
border-radius: 16px;
display: flex;
border: none;
margin-right: 0;
background: var(--neutral-100);
}
._root_18iwk_1 .ant-space {
gap: 4px !important;
}
._root_18iwk_1.hasAvatar {
padding-right: 4px;
}
._root_18iwk_1.hasAvatar .ant-avatar {
width: 24px !important;
height: 24px !important;
border: none !important;
position: relative;
top: -1px;
}
._root_18iwk_1.hasAvatar .ant-avatar .ant-avatar-string {
line-height: 24px !important;
margin-top: unset !important;
}._TagsContainer_wo9lf_1 {
display: flex;
gap: 8px;
margin-top: 12px;
align-items: center;
flex-wrap: wrap;
}
._TagInput_wo9lf_9 {
height: 28px;
padding: 0 8px;
border: none;
outline: none;
background: var(--neutral-100);
border-radius: 16px;
font-size: 14px;
line-height: 1;
box-shadow: none;
color: rgba(17, 17, 17, 0.88);
}
._SaveIcon_wo9lf_22 {
position: absolute;
right: 14px;
top: 7px;
}
._SaveSpinner_wo9lf_28 {
position: absolute;
right: 14px;
top: 7px;
}
._TagButton_wo9lf_34 {
cursor: pointer;
color: rgba(17, 17, 17, 0.45);
transition: all 0.2s;
}
._TagButton_wo9lf_34:hover {
color: rgba(17, 17, 17, 0.88);
}
._EditIcon_wo9lf_43 {
padding-left: 8px;
}._AllKnowledgeContent_28319_1 {
flex: 1;
}
._AllKnowledgeContent_28319_1 .ant-card-head {
padding: 16px 24px;
background-color: var(--neutral-100);
border-bottom: 1px solid var(--neutral-200);
}
._AllKnowledgeContent_28319_1.ant-card-bordered {
border: 1px solid var(--neutral-200);
}
._AllKnowledgeContent_28319_1 .ant-card-body {
padding: 24px 0;
overflow: auto;
max-height: calc(100vh - 241px);
}
._AllKnowledgeContent_28319_1 .tiptap {
font-size: 14px;
color: var(--neutral-700);
}
._AllKnowledgeContent_28319_1._isFetchingData_28319_21 .ant-card-body {
overflow: hidden;
}
._DividerTitleCard_28319_25 {
background-color: var(--neutral-400);
width: 1px;
height: 12px;
border-radius: 2px;
margin: 0 8px;
}
._DividerContent_28319_33 {
background-color: var(--neutral-200);
margin: 32px 0;
}
._DividerQuestion_28319_38 {
background-color: var(--neutral-200);
margin: 24px 0;
}
._Status_28319_43 {
text-transform: uppercase;
}
._Status_28319_43._COMPLETED_28319_46 {
color: var(--green-500);
}
._Status_28319_43._IN_PROGRESS_28319_49 {
color: var(--blue-500);
}
._Status_28319_43._NOT_STARTED_28319_52 {
color: var(--status-icon-not-started);
}
._Status_28319_43._NOT_ANSWER_YET_28319_55 {
color: var(--status-icon-not-started);
}._Text_74n2w_1 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
._Text_74n2w_1 p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
._Input_74n2w_12.ant-input {
padding: 0;
background-color: white;
border-radius: 0;
border: none;
box-shadow: 0 3px 1px -2px var(--neutral-100);
font-size: 14px;
line-height: 20px;
font-weight: 500;
color: var(--neutral-900);
}
._HighLightTextSearch_74n2w_24 {
color: var(--status-text-high-light-search-text);
background: var(--status-background-high-light-search-text);
padding: 0 1px;
}._G2KAnswerVideoItem_1wk7x_1 {
width: 204px;
position: relative;
}
._Thumbnail_1wk7x_6 {
width: 204px;
height: 100px;
border-radius: 8px;
background-color: var(--neutral-200);
}
._Thumbnail_1wk7x_6 img {
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
overflow: hidden;
}
._ThumbnailDuration_1wk7x_18 {
position: absolute;
bottom: 8px;
right: 8px;
padding: 2px 6px;
background-color: var(--black-06);
border-radius: 4px;
}
._ProgressBar_1wk7x_27 {
position: absolute;
bottom: 12px;
left: 12px;
width: calc(100% - 24px);
background-color: var(--neutral-100);
border-radius: 8px;
}
._ProgressBarAnimated_1wk7x_36 {
height: 4px;
background-color: var(--sematic-info-blue-default);
border-radius: 8px;
}
._RemoveBtn_1wk7x_42 {
position: absolute;
top: -6px;
right: -6px;
width: 24px;
height: 24px;
border-radius: 36px;
background-color: var(--neutral-700);
}._G2KAnswerAudioItem_45ucl_1 {
background-color: var(--neutral-100);
padding: 12px 16px 12px 12px;
width: 520px;
border-radius: 12px;
border: 1px var(--neutral-200) solid;
position: relative;
}
._RemoveBtn_45ucl_10 {
position: absolute;
top: -6px;
right: -6px;
width: 24px;
height: 24px;
border-radius: 36px;
background-color: var(--neutral-700);
}
._TextEditableInput_45ucl_20 {
background-color: var(--neutral-100) !important;
}._SliderTrack_al68p_1 {
background-color: var(--neutral-400);
}
._SliderRange_al68p_5 {
background-color: var(--neutral-700);
}._G2KDndAttachmentsDragger_1n00l_1 .ant-upload.ant-upload-drag {
border: unset;
}
._G2KDndAttachmentsDragger_1n00l_1 .ant-upload.ant-upload-drag .ant-upload-btn {
padding: unset;
}
._G2KDndAttachments_1n00l_1 {
padding: 16px 0;
background: var(--neutral-000);
}
._G2KDndAttachmentsBorder_1n00l_13 {
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%23ADADAD' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}._G2KCollapsibleHeader_145cv_1 {
background-color: unset;
border: none;
padding: unset;
}
._G2KCollapsibleHeader_145cv_1 .ant-collapse-item {
border: none;
}
._G2KCollapsibleHeader_145cv_1 .ant-collapse-item .ant-collapse-header {
padding: unset;
display: unset;
}
._G2KCollapsibleHeader_145cv_1 .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon {
display: none;
}
._G2KCollapsibleHeader_145cv_1 .ant-collapse-item .ant-collapse-content {
border: unset;
}
._G2KCollapsibleHeader_145cv_1 .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
padding: unset;
}
._G2KCollapsibleHeader_145cv_1 ._ant-btn_145cv_22 {
position: absolute;
left: 15px;
bottom: 15px;
}
._G2KCollapsibleHeader_145cv_1 ._ant-typography_145cv_27 {
display: block;
height: 80px;
margin-left: 15px;
margin-top: 15px;
}
._see_more_145cv_34 {
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
margin-top: 0.5rem;
}
._see_more_145cv_34 ._content_145cv_39 {
color: var(--neutral-700);
font-weight: 600;
transition: color 0.3s ease-in-out;
}
._see_more_145cv_34 ._content_145cv_39:hover {
color: var(--primary-500);
}._CopyOptionCheckbox_1gj9h_1 {
width: 100%;
background-color: var(--neutral-100);
border-radius: 12px;
}
._Separator_1gj9h_7 {
width: 100%;
height: 1px;
background-color: var(--neutral-100);
}._Dot_2b8cv_1 {
width: 4px;
height: 4px;
background: var(--neutral-400);
border-radius: 9999px;
margin: 0 6px;
}
._Separator_2b8cv_9 {
width: calc(100% + 48px);
transform: translateX(-24px);
height: 4px;
background-color: var(--neutral-100);
margin: 24px 0;
}
._YourSuggestionLabel_2b8cv_17 {
padding: 4px 8px;
border-radius: 4px;
background-color: var(--primary-700);
color: var(--neutral-000);
line-height: 18px;
font-size: 12px;
font-weight: 600;
}
._SuggestionActionPopover_2b8cv_27 .ant-popover .ant-popover-container {
padding: 0 !important;
}
._SuggestionActionButton_2b8cv_31 {
display: flex;
gap: 12px;
align-items: center;
padding: 12px;
border-radius: 10px;
transition: background-color 0.2s ease-in-out;
cursor: pointer;
}
._SuggestionActionButton_2b8cv_31:hover {
background-color: var(--neutral-100);
}
._Tooltip_2b8cv_44 .ant-tooltip-arrow {
right: 5px;
}._G2KVideoPlayerContainer_1r9tz_1 {
display: flex;
justify-content: center;
align-items: center;
border-radius: 1rem;
overflow: hidden;
}
._G2KVideoPlayerContainer_1r9tz_1 video {
width: 100%;
}
._G2KVideoPlayerContainer_1r9tz_1 .relative {
position: relative;
}
._G2KVideoPlayerContainer_1r9tz_1 .show {
display: block;
}
._G2KVideoPlayerContainer_1r9tz_1 .hide {
display: none;
}
._G2KVideoPlayerContainer_1r9tz_1 .controls {
position: absolute;
z-index: 1;
bottom: 15px;
display: flex;
width: 100%;
align-content: center;
align-items: center;
justify-content: center;
}
._G2KVideoPlayerContainer_1r9tz_1 .controls .control-btn-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
._G2KVideoPlayerContainer_1r9tz_1 .controls .content {
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 12px;
background: var(--neutral-000);
box-shadow: 0 12px 48px 0 rgba(0, 0, 0, 0.16);
padding: 16px;
min-width: 400px;
}
._G2KVideoPlayerContainer_1r9tz_1 .controls .content .avatar {
margin-right: auto;
}
._G2KVideoPlayerContainer_1r9tz_1 .controls .content .video-name {
color: var(--neutral-900);
font-weight: 600;
line-height: 20px;
}
._G2KVideoPlayerContainer_1r9tz_1 .controls .content .video-status {
color: var(--neutral-400, #adadad);
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
._G2KVideoPlayerContainer_1r9tz_1 .controls .content .status svg {
display: block;
}
._G2KVideoPlayerContainer_1r9tz_1 .controls .content .time {
min-width: 40px;
}
._G2KVideoPlayerContainer_1r9tz_1 .controls .content .play svg path {
fill: #60666c;
}
._G2KVideoPlayerContainer_1r9tz_1 .controls .content .slider {
width: 100px;
}
._G2KVideoPlayerContainer_1r9tz_1 .controls .content .ant-btn-primary.ant-btn-dangerous {
background: var(--sematic-danger-red-600, #ff3b30);
}
._MediaVideo_1r9tz_78 {
width: 100%;
padding-bottom: 6px;
position: relative;
}
._MediaVideoFullScreen_1r9tz_84 {
width: 100%;
}._G2KVideoPlayerContainerFullScreen_lufqu_1 {
width: 100%;
}
._G2KVideoPlayerControls_lufqu_5 {
width: 100%;
}
._G2KVideoPlayerControls--show_lufqu_9 {
opacity: 1;
visibility: visible;
}
._G2KVideoPlayerControlsGroup_lufqu_14 {
display: flex;
width: 100%;
height: 32px;
gap: 16px;
}
._SliderRoot_lufqu_21 {
position: relative;
display: flex;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: none;
width: 100%;
height: 20px;
}
._SliderTrack_lufqu_31 {
background-color: #e8e8e8;
position: relative;
flex-grow: 1;
border-radius: 9999px;
height: 4px;
}
._SliderRange_lufqu_39 {
position: absolute;
background-color: #60666c;
border-radius: 9999px;
height: 4px;
}
._SliderThumb_lufqu_46 {
display: block;
width: 12px;
height: 12px;
background-color: #60666c;
border-radius: 10px;
transform: translateY(-4px) translateX(-1px);
}
._SliderThumb_lufqu_46:hover {
background-color: var(--primary-500);
}
._SliderThumb_lufqu_46:focus {
outline: none;
}
._VolumeSliderRoot_lufqu_63 {
position: relative;
display: flex;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
touch-action: none;
width: 80px;
}
._VolumeSliderTrack_lufqu_72 {
background-color: var(--neutral-000-04);
position: relative;
flex-grow: 1;
border-radius: 9999px;
height: 4px;
}
._VolumeSliderRange_lufqu_80 {
position: absolute;
background-color: var(--neutral-000);
border-radius: 9999px;
height: 4px;
}
._VolumeSliderThumb_lufqu_87 {
display: block;
width: 12px;
height: 12px;
background-color: white;
border-radius: 10px;
}
._VolumeSliderThumb_lufqu_87:hover {
background-color: var(--primary-500);
}
._VolumeSliderThumb_lufqu_87:focus {
outline: none;
}._webcam_7x9lr_1 {
width: 100%;
max-height: 500px;
position: relative;
border-radius: 1rem;
overflow: hidden;
}
._webcam_7x9lr_1 video {
width: 100%;
}
._webcam_7x9lr_1 .relative {
position: relative;
}
._webcam_7x9lr_1 .show {
display: block;
}
._webcam_7x9lr_1 .hide {
display: none;
}
._webcam_7x9lr_1 .controls {
position: absolute;
z-index: 1;
bottom: 15px;
display: flex;
width: 100%;
align-content: center;
align-items: center;
justify-content: center;
}
._webcam_7x9lr_1 .controls .control-btn-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
._webcam_7x9lr_1 .controls .content {
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 12px;
background: var(--neutral-000);
box-shadow: 0 12px 48px 0 rgba(0, 0, 0, 0.16);
padding: 16px;
min-width: 400px;
}
._webcam_7x9lr_1 .controls .content .avatar {
margin-right: auto;
}
._webcam_7x9lr_1 .controls .content .video-name {
color: var(--neutral-900);
font-weight: 600;
line-height: 20px;
}
._webcam_7x9lr_1 .controls .content .video-status {
color: var(--neutral-400, #adadad);
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
._webcam_7x9lr_1 .controls .content .status svg {
display: block;
}
._webcam_7x9lr_1 .controls .content .time {
display: flex;
}
._webcam_7x9lr_1 .controls .content .play svg path {
fill: #60666c;
}
._webcam_7x9lr_1 .controls .content .slider {
width: 100px;
}
._webcam_7x9lr_1 .controls .content .ant-btn-primary.ant-btn-dangerous {
background: var(--sematic-danger-red-600, #ff3b30);
}._root_abeb7_1 {
margin-top: 1.5rem;
}
._btn_abeb7_5 {
border-color: red;
}
._Footer_abeb7_9 {
display: flex;
justify-content: flex-end;
align-items: center;
border-top: 1px solid rgba(0, 0, 0, 0.2);
padding: 24px 32px;
}
._Footer_abeb7_9 ._Right_abeb7_16 {
display: flex;
justify-content: space-between;
align-items: center;
}
._Voice_abeb7_22 {
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
height: 152px;
gap: 12px;
justify-content: center;
}
._Voice_abeb7_22 .btn-pause,
._Voice_abeb7_22 .btn-stop {
width: 40px;
height: 40px;
padding: 0;
color: var(--primary-500) !important;
}
._Permission_abeb7_39 {
display: flex;
flex-direction: column;
align-items: center;
}
._Permission_abeb7_39 h6 {
padding: 24px 0 8px 0;
}
._Permission_abeb7_39 button {
margin-top: 16px;
}._G2KVoiceRecorder_18mn4_1 {
background-color: var(--neutral-000);
padding: 12px 16px 12px 12px;
width: 520px;
border-radius: 12px;
border: 1px var(--neutral-200) solid;
}
._RemoveBtn_18mn4_9 {
position: absolute;
top: -6px;
right: -6px;
width: 24px;
height: 24px;
border-radius: 36px;
background-color: var(--neutral-700);
}._G2KAIChatHeaderClose_1rrg2_1 {
background-color: var(--neutral-000);
border-radius: 50%;
padding: 8px;
align-self: flex-end;
cursor: pointer;
}._Feedback_1l3eh_1 {
padding: 20px;
border-radius: 16px;
border: 1.5px solid var(--neutral-000);
background: rgba(255, 255, 255, 0.6);
box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.04);
margin: 0 auto 24px auto;
}
._FeedbackOption_1l3eh_10 {
border-radius: 100px;
border: 1px solid var(--border-strong);
background: var(--neutral-000);
padding: 8px 12px;
cursor: pointer;
display: flex;
align-items: center;
gap: 4px;
}
._FeedbackOption_1l3eh_10._Selected_1l3eh_20 {
border: 1px solid var(--primary-300);
background: var(--primary-100);
}
._FeedbackSuccess_1l3eh_25 {
padding: 12px 20px;
border-radius: 12px;
border: 1.5px solid var(--neutral-000);
background: rgba(255, 255, 255, 0.6);
box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.04);
display: flex;
align-items: center;
justify-content: space-between;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto 32px auto;
}
._CloseIcon_1l3eh_38 {
cursor: pointer;
border-radius: 32px;
border: 1px solid var(--border-strong);
background: var(--neutral-000);
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}._G2KAIChatMessages_1i652_1 {
overflow: auto;
display: flex;
flex-direction: column-reverse;
height: calc(100vh - 356px);
padding-right: 4px;
}
._G2KAIChatMessages_1i652_1 .ThumbnailCustom {
width: 208px;
height: 120px;
}
._G2KAIChatMessages_1i652_1 .ThumbnailImageCustom {
width: 208px;
height: 120px;
}
._WrapMessage_1i652_17 {
align-self: flex-end;
width: calc(100% - 48px);
max-width: calc(100% - 48px);
display: flex;
flex-direction: column;
margin-right: 20px;
}
._WrapMessage_1i652_17._AI_1i652_25 {
align-self: flex-start;
}
._Message_1i652_29 {
padding: 12px;
border-radius: 12px;
background: var(--primary-300);
position: relative;
transition: margin 0.3s ease-in-out;
width: -moz-fit-content;
width: fit-content;
align-self: flex-end;
margin-bottom: 20px;
}
._Message_1i652_29._AI_1i652_25 {
background: var(--neutral-000);
align-self: flex-start;
}
._Message_1i652_29._AI_1i652_25 ._Action_1i652_43 {
left: 0;
}
._Message_1i652_29._IsEditing_1i652_46 {
opacity: 0.1;
background: var(--background-gradient);
}
._Message_1i652_29._IsEditing_1i652_46:hover {
margin-bottom: 0;
}
._Message_1i652_29._IsEditing_1i652_46 ._Action_1i652_43 {
display: none;
}
._AttachmentMessage_1i652_57._IsEditing_1i652_46 {
opacity: 0.1;
background: var(--background-gradient);
}
._AttachmentMessage_1i652_57._IsEditing_1i652_46:hover {
margin-bottom: 0;
}
._AttachmentMessage_1i652_57._IsEditing_1i652_46 ._Action_1i652_43 {
display: none;
}
._Action_1i652_43 {
visibility: hidden;
opacity: 0;
position: absolute;
right: 0;
bottom: -16px;
display: flex;
gap: 8px;
align-items: center;
padding: 4px 8px;
background: var(--neutral-900);
border-radius: 8px;
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
transition: opacity 0.3s ease-in-out;
}
._SkipQuestionButton_1i652_85 {
width: 100%;
margin-top: 8px;
}
._SkipQuestionButton_1i652_85:focus {
box-shadow: none;
}
._SkipQuestionButton_1i652_85._IsEditing_1i652_46 {
opacity: 0.1;
background: var(--background-gradient);
}
._NextQuestionButton_1i652_97 {
width: calc(100% - 48px);
margin-top: 8px;
align-self: flex-end;
}
._NextQuestionButton_1i652_97:focus {
box-shadow: none;
}
._NextQuestionButton_1i652_97._IsEditing_1i652_46 {
opacity: 0.1;
background: var(--background-gradient);
}
._SystemMessage_1i652_110 {
border: 1px solid var(--border-strong);
background: var(--neutral-100);
width: 100%;
border-radius: 6px;
display: flex;
justify-content: center;
align-items: center;
gap: 4px;
padding: 3px 0;
margin-top: 12px;
}._G2KAIChatSender_v79vd_1 {
border-radius: 16px;
border: 1px solid #fff;
background: rgba(255, 255, 255, 0.6);
box-shadow: 0px 12px 40px 0px rgba(0, 0, 0, 0.1);
padding: 4px 4px 12px 4px;
}
._G2KAIChatSender_v79vd_1._HandsFreeMode_v79vd_8 {
padding-bottom: 28px;
}
._G2KAIChatSender_v79vd_1._WithAttachments_v79vd_11 textarea.ant-input {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
._G2KAIChatSender_v79vd_1 textarea.ant-input {
background: var(--neutral-000);
}
._G2KAIChatSender_v79vd_1 .G2KAnswerAttachmentItemCustom {
width: 108px;
}
._G2KAIChatSender_v79vd_1 .ThumbnailCustom {
width: 108px;
height: 62px;
}
._G2KAIChatSender_v79vd_1 .ThumbnailImageCustom {
width: 108px;
height: 62px;
}
._G2KAIChatSender_v79vd_1 video {
width: 108px;
height: 62px;
}
._G2KAIChatSender_v79vd_1 .RemoveBtnCustom {
width: 16px;
height: 16px;
top: -2px;
right: -2px;
}
._MergeAnswerButton_v79vd_40 {
margin-bottom: 16px;
width: 100%;
transition: width 0.3s ease-in-out;
}
._MergeAnswerButton_v79vd_40._IsEditing_v79vd_45 {
opacity: 0.1;
background: var(--background-gradient);
}
._MergeAnswerButton_v79vd_40._Collapse_v79vd_49 {
width: 40px;
}._G2KAIChatConversation_q5h10_1 {
width: 520px;
padding: 16px;
border-radius: 16px;
background: var(--background-gradient);
box-shadow: 12px 0px 32px -12px rgba(0, 0, 0, 0.16), 0px 16px 40px -6px rgba(0, 0, 0, 0.16);
}._G2KAIChat_g6rux_1 {
position: fixed;
z-index: 2;
right: 24px;
bottom: 24px;
transition: bottom 0.3s ease-in-out;
}
._G2KAIChat_g6rux_1 ._Card_g6rux_8 {
width: 321px;
padding: 8px;
display: flex;
flex-direction: column;
border-radius: 16px;
border: 1px solid var(--border-strong);
box-shadow: 12px 0px 32px -12px rgba(0, 0, 0, 0.16), 0px 16px 40px -6px rgba(0, 0, 0, 0.16);
background-image: url(/Image/AI-chat-background.webp);
background-size: cover;
background-repeat: no-repeat;
}
._G2KAIChatBoxClose_g6rux_21 {
background-color: var(--neutral-000);
border-radius: 50%;
padding: 8px;
align-self: flex-end;
cursor: pointer;
}
._Tip_g6rux_29 {
width: 183px;
}
._Tip_g6rux_29 .ant-tooltip-arrow:before {
background: var(--neutral-000);
}
._Tip_g6rux_29 .ant-tooltip-inner {
background: var(--neutral-000);
}
._TipClose_g6rux_39 {
position: absolute;
top: -21px;
right: -21px;
cursor: pointer;
padding: 4px;
border-radius: 50%;
border: 1px solid var(--border-strong);
display: flex;
justify-content: center;
align-items: center;
background: var(--neutral-000);
}._wrapper_c8g9y_1 {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
margin-bottom: 16px;
}
._wrapper_c8g9y_1 li {
display: inline-flex;
}
._wrapper_c8g9y_1 .ant-breadcrumb-link {
color: var(--text-description);
}
._wrapper_c8g9y_1 .ant-breadcrumb-link a {
color: var(--text-description);
margin-inline: 0;
padding: 0;
}
._wrapper_c8g9y_1 .ant-breadcrumb-link a:hover {
color: var(--text-link);
}
._wrapper_c8g9y_1 .ant-breadcrumb-link .label {
color: rgba(0, 0, 0, 0.88);
}
._wrapper_c8g9y_1._hide_middle_c8g9y_25 ol {
display: flex;
flex-wrap: nowrap;
overflow: hidden;
}
._wrapper_c8g9y_1._hide_middle_c8g9y_25 li {
flex-shrink: 0;
}
._wrapper_c8g9y_1._hide_middle_c8g9y_25 li:last-child {
flex-shrink: unset;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
._wrapper_c8g9y_1._hide_middle_c8g9y_25 .ant-breadcrumb-link {
color: var(--text-description);
}
._wrapper_c8g9y_1._hide_middle_c8g9y_25 .ant-breadcrumb-link a {
color: var(--text-description);
margin-inline: 0;
padding: 0;
}
._wrapper_c8g9y_1._hide_middle_c8g9y_25 .ant-breadcrumb-link a:hover {
color: var(--text-link);
}
._wrapper_c8g9y_1._hide_middle_c8g9y_25 .ant-breadcrumb-link .label {
color: rgba(0, 0, 0, 0.88);
}
._hidden_item_c8g9y_55 {
padding: 10px 8px;
cursor: pointer;
color: var(--neutral-700);
font-weight: 500;
transition: all 0.3s ease-in-out;
border-radius: 0.5rem;
display: block;
}
._hidden_item_c8g9y_55:hover {
background: var(--neutral-100);
color: var(--neutral-900);
}._SubjectDetail_cb5yj_1 {
display: flex;
flex-direction: column;
height: 100%;
}
._Header_cb5yj_7 {
display: flex;
padding: 24px 24px 16px;
align-items: center;
gap: 0.75rem;
}
._ScrollArea_cb5yj_14 {
overflow-y: auto;
}._ErrorPageTextGroup_1uvrn_1 {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 8px;
}
._ErrorPageWrapper_1uvrn_9 {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 24px;
border-radius: 16px;
width: 100%;
height: 100%;
}._G2KSecurityBanner_1qlui_1 {
width: 100%;
border-radius: 12px;
background: var(--gradient);
display: flex;
overflow: hidden;
position: relative;
cursor: pointer;
}
._G2KSecurityBannerContent__collapsed_1qlui_11 {
width: 100%;
height: 54px;
position: absolute;
padding: 12px 16px;
gap: 8px;
display: flex;
align-items: center;
}
._Main__collapsed_1qlui_21 {
text-overflow: ellipsis;
text-wrap-mode: nowrap;
width: 100%;
overflow: hidden;
}
._G2KSecurityBannerContent__collapsed__button_1qlui_28 {
gap: 4px;
padding: 6px 10px;
height: 30px;
border: 1.5px solid var(--primary-300);
border-radius: 8px;
display: flex;
margin-left: 4px;
align-items: center;
min-width: -moz-fit-content;
min-width: fit-content;
}
._G2KSecurityBannerContent__expanded__button_1qlui_40 {
gap: 4px;
height: 30px;
}
._G2KSecurityBannerContent__expanded_1qlui_40 {
width: calc(100% - 180px);
max-width: 960px;
height: 100%;
position: absolute;
display: flex;
flex-direction: column;
padding: 24px;
justify-content: space-between;
}
@media (min-width: 1280px) {
._G2KSecurityBannerContent__expanded_1qlui_40 {
width: calc(100% - 350px);
}
}
._G2KSecurityBannerBg__expanded_1qlui_61 {
width: 100%;
height: 100%;
background-image: url("/Image/security-banner-bg.png");
background-repeat: repeat;
display: flex;
justify-content: flex-end;
align-items: center;
position: relative;
}
._G2KSecurityBannerBg__expanded__icon_group_1qlui_72 {
width: 180px;
height: 276px;
position: relative;
}
@media (min-width: 1280px) {
._G2KSecurityBannerBg__expanded__icon_group_1qlui_72 {
width: 350px;
}
}
._G2KSecurityBannerBg__expanded__icon_01_1qlui_83 {
position: absolute;
width: auto;
height: 100%;
top: -100px;
left: 100px;
}
._G2KSecurityBannerBg__expanded__icon_02_1qlui_91 {
position: absolute;
width: 200px;
height: calc(100% - 80px);
right: 0;
top: 20px;
}
@media (min-width: 1280px) {
._G2KSecurityBannerBg__expanded__icon_02_1qlui_91 {
right: unset;
width: auto;
height: calc(100% - 40px);
}
}._G2KSecurityBannerBg__expanded__icon_01_1xkmg_1 {
position: absolute;
width: auto;
height: 100%;
top: -100px;
left: 100px;
}
._G2KSecurityBannerBg__expanded__icon_02_1xkmg_9 {
position: absolute;
width: 200px;
height: calc(100% - 80px);
right: 0;
top: 20px;
}
@media (min-width: 1280px) {
._G2KSecurityBannerBg__expanded__icon_02_1xkmg_9 {
right: unset;
width: auto;
height: calc(100% - 40px);
}
}._G2KProgressWrapper_5tjjo_1 {
display: flex;
justify-content: space-between;
align-items: center;
height: 12px;
}
._G2KProgressBar--DefaultSize_5tjjo_8 {
width: 120px;
}
@media (min-width: 1280px) {
._G2KProgressBar--DefaultSize_5tjjo_8 {
width: 240px;
}
}
@media (min-width: 1440px) {
._G2KProgressBar--DefaultSize_5tjjo_8 {
width: 300px;
}
}
._G2KProgressBar--SmallSize_5tjjo_22 {
width: 80px;
}
@media (min-width: 600px) {
._G2KProgressBar--SmallSize_5tjjo_22 {
width: 200px;
}
}
@media (min-width: 1024px) {
._G2KProgressBar--SmallSize_5tjjo_22 {
width: 220px;
}
}
._G2KProgressBar--MiddleSize_5tjjo_36 {
width: 100px;
}
._G2KProgressBar--LargeSize_5tjjo_40 {
width: 200px;
}
._G2KProgressBar_5tjjo_8 {
border-radius: 2px;
height: 100%;
}
._G2KProgressBar--Right_5tjjo_49 {
margin-left: 1px;
}
._G2KProgressBar--NOT_STARTED_5tjjo_53 {
background: var(--neutral-200);
}
._G2KProgressBar--IN_PROGRESS_5tjjo_57 {
background: var(--sematic-info-blue-light-2);
}
._G2KProgressBar--COMPLETED_5tjjo_61 {
background: var(--sematic-success-green-light-2);
}
._G2KProgressLabel_5tjjo_65 {
padding: 4px 8px;
background: var(--neutral-100);
border-radius: 6px;
}._KTCategoryDetailBanner_19zfa_1 {
padding: 24px;
border-radius: 16px;
background: var(--neutral-000);
margin-bottom: 16px;
}
._CategoryList_19zfa_8 {
display: flex;
align-items: center;
gap: 4px;
cursor: pointer;
width: -moz-fit-content;
width: fit-content;
}
._CategoryList_19zfa_8 svg {
transition: transform 0.2s ease-in-out;
}
._CategoryListPopover_19zfa_19 {
align-items: center;
gap: 8px;
cursor: pointer;
padding-right: 8px;
transition: background-color 0.2s ease-in-out;
}
._CategoryItem_19zfa_27 {
display: flex;
gap: 8px;
padding: 10px 8px;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
._CategoryItem_19zfa_27:hover {
background: var(--neutral-200);
border-radius: 8px;
}
._SelectedCategoryItem_19zfa_40 {
background: var(--neutral-100);
border-radius: 8px;
}._CategoryDetail_szmfy_1 {
padding: 0 24px 0 24px;
}
._root_szmfy_5 ._container_szmfy_5 {
padding: 24px;
background: var(--neutral-000);
margin-top: 24px;
}
._root_szmfy_5 ._container_szmfy_5 h4 {
margin-bottom: 24px;
}
._root_szmfy_5 ._container_szmfy_5 h4 .ant-btn {
float: right;
}
._root_szmfy_5 ._container_szmfy_5 .ant-layout {
background: transparent;
}
._root_szmfy_5 ._container_szmfy_5 .ant-layout > .ant-layout {
margin: 0 0 0 24px;
}
._root_szmfy_5 ._container_szmfy_5 .ant-layout .ant-layout-sider {
background: transparent;
}
._root_szmfy_5 ._container_szmfy_5 .ant-layout .ant-layout-sider .ant-layout-sider-zero-width-trigger {
top: 0;
}
._root_szmfy_5 ._container_szmfy_5 .ant-layout .ant-layout-sider .ant-menu-light.ant-menu-root.ant-menu-inline,
._root_szmfy_5 ._container_szmfy_5 .ant-layout .ant-layout-sider .ant-menu-light.ant-menu-root.ant-menu-vertical {
box-shadow: 0px 4px 12px rgba(43, 45, 46, 0.1);
border: none;
}
._root_szmfy_5 ._container_szmfy_5 .ant-layout .ant-layout-sider .ant-menu-light {
padding: 16px 0;
}
._root_szmfy_5 ._container_szmfy_5 .ant-layout .ant-layout-sider .ant-menu-light .ant-menu-item {
border-radius: 0;
margin: 0;
margin-inline: 0;
margin-block: 0;
width: 100%;
padding: 0 16px !important;
height: 30px;
}
._root_szmfy_5 ._container_szmfy_5 .ant-layout .ant-layout-sider .ant-menu-light .ant-menu-item.ant-menu-item-selected {
background: transparent;
color: var(--primary-500);
border-left: 2px solid var(--primary-500);
}._G2KFilterStatusDropdown_1tqjv_1 .ant-select .ant-select-content {
font-weight: 600;
}
._G2KFilterStatusDropdown_1tqjv_1 .ant-select {
border: none;
transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
box-shadow: 0 0 0 1.5px var(--neutral-200) !important;
background-color: var(--neutral-000);
}
._G2KFilterStatusDropdown_1tqjv_1 .ant-select:hover {
box-shadow: 0 0 0 1.5px var(--neutral-200) !important;
background-color: var(--neutral-100);
}
._G2KFilterStatusDropdown_1tqjv_1 .ant-select.ant-select-focused {
box-shadow: 0 0 0 1.5px var(--neutral-200) !important;
}
._G2KFilterStatusDropdown_1tqjv_1 .ant-select.ant-select-focused:hover {
box-shadow: 0 0 0 1.5px var(--neutral-200) !important;
}
._G2KFilterStatusDropdown_1tqjv_1 .ant-select.ant-select-focused.ant-select-open {
box-shadow: 0 0 0 3px var(--neutral-200) !important;
color: var(--black);
}
._G2KFilterStatusDropdown_1tqjv_1 .ant-select.ant-select-focused.ant-select-open
.ant-select-content {
color: inherit;
}
._G2KFilterStatusDropdownPopup_1tqjv_29 {
min-width: 150px !important;
width: -moz-fit-content !important;
width: fit-content !important;
}._G2KFilterUserRoleDropdown_1vlh0_1 .ant-select .ant-select-content {
font-weight: 600;
}
._G2KFilterUserRoleDropdown_1vlh0_1 .ant-select {
border: none;
transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
box-shadow: 0 0 0 1.5px var(--neutral-200) !important;
background-color: var(--neutral-000);
}
._G2KFilterUserRoleDropdown_1vlh0_1 .ant-select:hover {
box-shadow: 0 0 0 1.5px var(--neutral-200) !important;
background-color: var(--neutral-100);
}
._G2KFilterUserRoleDropdown_1vlh0_1 .ant-select.ant-select-focused {
box-shadow: 0 0 0 1.5px var(--neutral-200) !important;
}
._G2KFilterUserRoleDropdown_1vlh0_1 .ant-select.ant-select-focused:hover {
box-shadow: 0 0 0 1.5px var(--neutral-200) !important;
}
._G2KFilterUserRoleDropdown_1vlh0_1 .ant-select.ant-select-focused.ant-select-open {
box-shadow: 0 0 0 3px var(--neutral-200) !important;
color: var(--black);
}
._G2KFilterUserRoleDropdown_1vlh0_1 .ant-select.ant-select-focused.ant-select-open
.ant-select-content {
color: inherit;
}
._G2KFilterUserRoleDropdownPopup_1vlh0_29 {
min-width: 120px !important;
width: -moz-fit-content !important;
width: fit-content !important;
}._userModalWrapper_1osnm_1 ._fields_1osnm_1 {
padding: 24px 0;
}
._userModalWrapper_1osnm_1 .ant-modal {
margin-top: 0;
margin-bottom: 0;
}
._userModalWrapper_1osnm_1 .ant-form-vertical .ant-form-item .ant-form-item-control {
max-width: 100%;
}
._userModalWrapper_1osnm_1 .actions .ant-btn {
width: auto;
height: auto;
border: none;
padding: 0;
font-size: 24px;
}
._userModalWrapper_1osnm_1 .actions .ant-btn span {
vertical-align: initial;
}
._userModalWrapper_1osnm_1 .actions .ant-btn svg,
._userModalWrapper_1osnm_1 .actions .ant-btn span {
padding: 0;
margin: 0;
}
._userModalWrapper_1osnm_1 .actions .ant-btn.remove svg {
color: red;
}
._userModalWrapper_1osnm_1 ._footer_1osnm_29 {
display: flex;
justify-content: space-between;
align-items: center;
text-transform: uppercase;
}
._userModalWrapper_1osnm_1 ._footer_1osnm_29 ._EditAbleKTFooterRight_1osnm_35 {
display: flex;
justify-content: space-between;
align-items: center;
}
._userModalWrapper_1osnm_1 ._footer_1osnm_29 ._EditAbleKTFooterRight_1osnm_35 svg {
font-size: 16px;
}
._buttonAdd_1osnm_44 {
cursor: pointer;
}
._buttonAdd_1osnm_44 .ant-btn {
background: var(--primary-100);
border: 1px solid var(--primary-300);
text-align: center;
}
._buttonAdd_1osnm_44 .ant-btn svg {
color: var(--primary-700);
margin-right: 0;
}._EditAbleKTWrapper_1i4wn_1 .ant-modal-header {
padding: 24px 40px;
border-bottom: 1px solid var(--Neutral-100, #f3f4f6);
}
._EditAbleKTWrapper_1i4wn_1 .ant-modal-title {
text-align: center;
}
._EditAbleKTWrapper_1i4wn_1 .ant-modal-body {
padding: 16px 40px;
overflow-y: auto;
}
._EditAbleKTWrapper_1i4wn_1 .ant-modal-wrap {
overflow: hidden !important;
}
._EditAbleKTWrapper_1i4wn_1 .ant-modal-close {
right: 40px;
top: 26px;
background-color: white;
}
._EditAbleKTWrapper_1i4wn_1 form {
max-width: 1119px;
margin: 0 auto;
}
._EditAbleKTWrapper_1i4wn_1 h4 {
margin-bottom: 0;
}
._EditAbleKTWrapper_1i4wn_1 .ant-form-item-label {
font-weight: 600;
}
._EditAbleKTWrapper_1i4wn_1 .ant-form-vertical .ant-form-item .ant-form-item-control {
max-width: 100%;
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTHeader_1i4wn_33 {
margin-top: 24px;
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTBody_1i4wn_36 {
background: var(--neutral-000);
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTBody_1i4wn_36 input::-moz-placeholder, ._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTBody_1i4wn_36 textarea::-moz-placeholder {
color: var(--gray-800);
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTBody_1i4wn_36 input::placeholder,
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTBody_1i4wn_36 textarea::placeholder {
color: var(--gray-800);
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTBody_1i4wn_36 .label {
font-weight: 500;
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTBody_1i4wn_36 .ant-badge .ant-badge-count {
color: var(--neutral-900);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 24px;
border-radius: 6px;
background: var(--neutral-200);
min-width: 24px;
height: 24px;
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTTab_1i4wn_57 {
display: flex;
justify-content: center;
align-items: center;
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTTab_1i4wn_57 ._EditAbleKTTabItem_1i4wn_62 {
display: flex;
align-items: center;
color: var(--text-description);
padding: 8px 16px 8px 8px;
position: relative;
border-radius: 100px;
border: 1.5px solid var(--neutral-200, #e8e8e8);
font-weight: 600;
transition: all 0.25s ease-in-out;
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTTab_1i4wn_57 ._EditAbleKTTabItem_1i4wn_62 ._number_1i4wn_73 {
width: 40px;
height: 40px;
color: var(--text-description);
background: var(--neutral-200);
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTTab_1i4wn_57 ._EditAbleKTTabItem_1i4wn_62._Completed_1i4wn_84 {
color: var(--black);
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTTab_1i4wn_57 ._EditAbleKTTabItem_1i4wn_62._Completed_1i4wn_84 ._number_1i4wn_73 {
border: 1px solid var(--primary-500);
background: var(--neutral-000) !important;
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTTab_1i4wn_57 ._EditAbleKTTabItem_1i4wn_62._Completed_1i4wn_84 ._number_1i4wn_73 svg {
color: var(--primary-500);
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTTab_1i4wn_57 ._EditAbleKTTabItem_1i4wn_62._Pointer_1i4wn_94 {
cursor: pointer;
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTTab_1i4wn_57 ._EditAbleKTTabItem_1i4wn_62._Pointer_1i4wn_94:hover {
border-color: var(--primary-500);
color: var(--primary-500);
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTTab_1i4wn_57 ._EditAbleKTTabItem_1i4wn_62._Active_1i4wn_101 {
color: var(--black);
border-color: var(--primary-300);
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTTab_1i4wn_57 ._EditAbleKTTabItem_1i4wn_62._Active_1i4wn_101 ._number_1i4wn_73 {
color: var(--neutral-000);
background: var(--primary-500);
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTTab_1i4wn_57 ._EditAbleKTTabDivider_1i4wn_109 {
font-weight: 600;
width: 60px;
margin: 0 16px;
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTTab_1i4wn_57 ._EditAbleKTTabDivider_1i4wn_109 .ant-divider {
border-bottom: 1px solid var(--neutral-400);
border-top: 1px solid var(--neutral-400);
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTFooter_1i4wn_118 {
display: flex;
justify-content: space-between;
align-items: center;
text-transform: uppercase;
background: var(--neutral-000);
padding: 36px 0;
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTFooter_1i4wn_118 ._EditAbleKTFooterRight_1i4wn_126 {
display: flex;
justify-content: space-between;
align-items: center;
}
._EditAbleKTWrapper_1i4wn_1 ._EditAbleKTFooter_1i4wn_118 ._EditAbleKTFooterRight_1i4wn_126 svg {
font-size: 16px;
}
._EditAbleKTWrapper_1i4wn_1 ._addBtn_1i4wn_134 {
border: 1px solid var(--border-default);
border-radius: 50%;
margin-right: 8px;
}
._subjectHint_1i4wn_140 {
background: var(--subject-hint-background);
border: 1px solid var(--subject-hint-border-color);
border-radius: 8px;
padding: 20px 24px;
position: relative;
display: flex;
}
._subjectHint_1i4wn_140 ._iconInfo_1i4wn_148 {
height: -moz-fit-content;
height: fit-content;
color: var(--subject-hint-icon-color);
}
._subjectHint_1i4wn_140 ._iconInfo_1i4wn_148 svg {
font-size: 21px;
}
._subjectHint_1i4wn_140 h3 {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: var(--black);
}
._subjectHint_1i4wn_140 ._closeHint_1i4wn_162 {
position: absolute;
top: 10px;
right: 10px;
color: var(--gray-500);
}
._userCountLabel_1i4wn_169 .ant-badge .ant-badge-count {
color: var(--neutral-900);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 24px;
border-radius: 6px;
background: var(--neutral-200);
min-width: 24px;
height: 24px;
}
._DropdownUserWrapper_1i4wn_181 {
display: inline-flex;
}
._userInforSelected_1i4wn_185 {
display: inline-flex;
align-items: center;
}
._userSelectedContainer_1i4wn_190 {
display: flex;
flex-wrap: wrap;
align-items: center;
min-height: 36px;
gap: 8px;
}
._addCategory_1i4wn_198 {
padding-bottom: 16px;
}
._addCategory_1i4wn_198 .ant-card {
border-radius: 16px;
background: var(--neutral-000);
box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.08);
}
._addCategory_1i4wn_198 .add-more {
border: 1px dashed rgba(0, 0, 0, 0.65);
border-radius: 2px;
padding: 16px;
cursor: pointer;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center;
}
._addCategory_1i4wn_198 .add-more:hover {
border-color: var(--primary-500);
}
._addCategory_1i4wn_198 .btn-remove {
width: 40px;
height: 40px;
padding: 0;
margin: 0;
min-width: 40px;
position: relative;
}
._addCategory_1i4wn_198 .btn-remove svg {
margin: 0;
position: relative;
top: 3px;
}
._addCategory_1i4wn_198 .ant-space svg {
display: inherit;
}
._addCategoryBtn_1i4wn_237 {
margin-top: 32px;
}
._ktStatistic_1i4wn_241 {
margin-top: 32px;
}
._extra_1i4wn_245 p:last-child {
margin-bottom: 0;
}
._InputCategoryWrapper_1i4wn_249 {
background-color: transparent !important;
box-shadow: none !important;
}
._KtUserInputErrorMessage_1i4wn_254 {
color: var(--error);
font-weight: 500;
}
._KtUserInputError_1i4wn_254 {
border: 1px solid var(--error);
border-radius: 8px;
padding: 8px 8px 0px 8px;
}
._WithTemplateSwitch_1i4wn_265 {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 16px;
}
._NameDeleteWrapper_1i4wn_272 {
display: flex;
align-items: center;
gap: 8px;
}
._NameDeleteWrapper_1i4wn_272 > div {
flex: 1;
}
._QuestionListSection_1i4wn_281 {
margin: 16px 0 0 48px;
}
._QuestionListSection_1i4wn_281 ._QuestionList_1i4wn_281 {
display: flex;
flex-direction: column;
padding-left: 16px;
gap: 16px;
}
._QuestionListSection_1i4wn_281 ._QuestionList_1i4wn_281:has(*) {
margin-bottom: 16px;
}
._QuestionListSection_1i4wn_281 ._QuestionList_1i4wn_281 {
border-left: 1px solid var(--primary-300);
}
._TextArea_1i4wn_297 {
min-height: 95px !important;
}._G2KClickableDiv_vc51q_1 {
cursor: pointer;
}
._G2KClickableDiv_vc51q_1:hover {
text-decoration: underline;
}._G2KDot_p4pee_1 {
width: 4px;
height: 4px;
background-color: var(--neutral-400);
border-radius: 9999px;
}._G2KDropdownUserWrapper_2b7d2_1 {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 8px;
width: 100%;
}
._G2KDropdownUserPopover_2b7d2_9 {
z-index: 2300;
}
._G2KDropdownUserPopover_2b7d2_9 .ant-popover-content {
width: 384px;
}
._dropdownBody_2b7d2_16 {
max-height: 248px;
overflow-y: auto;
}
._dropdownBody_2b7d2_16 .ant-checkbox-wrapper {
margin-left: 8px;
}
._dropdownItem_2b7d2_24 {
padding: 12px;
display: flex;
align-items: center;
cursor: pointer;
border-radius: 12px;
}
._dropdownItem_2b7d2_24:hover {
background: var(--neutral-100);
}
._dropdownItem_2b7d2_24 .ant-avatar {
margin-right: 8px;
}
._dropdownItem_2b7d2_24 > span {
margin-right: 4px;
}
._dropdownItemLabel_2b7d2_42 {
flex: 1;
flex-direction: column;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #2b2d2e;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
._dropdownItemLabel_2b7d2_42 .name {
color: var(--neutral-900);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
}
._dropdownItemLabel_2b7d2_42 .email {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
color: var(--neutral-700);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
._dropdownInput_2b7d2_71 {
padding: 0;
margin-bottom: 16px;
}
._dropdownInput_2b7d2_71 .ant-input-affix-wrapper {
line-height: 22px;
background-color: var(--neutral-100);
}
._dropdownInput_2b7d2_71 .ant-input-affix-wrapper .ant-input {
height: 22px;
background-color: var(--neutral-100);
}
._dropdownInput_2b7d2_71 .ant-form-item {
margin: 0;
}
._empty_2b7d2_87 {
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center;
padding: 12px;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #bfbfbf;
}
._empty_2b7d2_87 div {
position: relative;
top: -20px;
}
._count_2b7d2_105 {
color: var(--neutral-700);
font-size: 14px;
font-weight: 500;
line-height: 20px;
margin-bottom: 8px;
}
._count_2b7d2_105 a {
color: var(--neutral-700);
}
._count_2b7d2_105 a:hover {
color: var(--primary-500);
}
._footer_2b7d2_119 {
margin-top: 16px;
}
._G2KDropdownUserSelectedItem_2b7d2_123 {
display: flex;
gap: 12px;
border-radius: 100px;
padding: 1px 8px 1px 1px;
border: 1px solid var(--neutral-200);
}._wrapper_e96ks_1 {
display: flex;
}
._wrapper_e96ks_1 ._container_e96ks_4 {
display: flex;
position: relative;
z-index: 0;
}
._wrapper_e96ks_1 ._container_e96ks_4._isShowHoverEffect_e96ks_9::after {
position: absolute;
content: "";
padding: 10px;
background-color: white;
width: calc(100% + 12px);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: calc(100% + 12px);
z-index: -1;
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);
border-radius: 0.5rem;
opacity: 0;
transition: all 0.25s ease-in-out;
cursor: pointer;
}
._wrapper_e96ks_1 ._container_e96ks_4._isShowHoverEffect_e96ks_9::after * {
cursor: pointer;
}
._wrapper_e96ks_1 ._container_e96ks_4:hover::after {
opacity: 1;
}
._wrapper_e96ks_1 ._buttonCount_e96ks_32 {
z-index: 1;
background-color: var(--text-placeholder);
border-radius: 50%;
font-weight: 500;
font-size: 14px;
line-height: 36px;
color: var(--neutral-000);
width: 40px;
height: 40px;
border: 2px solid var(--neutral-000);
background: var(--neutral-900);
padding: 0 !important;
text-align: center;
}
._wrapper_e96ks_1 ._buttonCount_e96ks_32:hover {
border-color: var(--neutral-000) !important;
background: var(--primary-100);
color: var(--primary-700) !important;
}
._wrapper_e96ks_1 .ant-space {
gap: 4px !important;
}
._userModalWrapper_e96ks_56 :focus-within {
box-shadow: none;
}
._userModalWrapper_e96ks_56 .ant-table-wrapper {
border-radius: 8px;
overflow: hidden;
}
._userModalWrapper_e96ks_56 .ant-table-wrapper .ant-table-thead > tr > th,
._userModalWrapper_e96ks_56 .ant-table-wrapper .ant-table-thead > tr > td {
background: var(--neutral-000);
}
._userModalWrapper_e96ks_56 .ant-table-wrapper .ant-table-thead > tr > th,
._userModalWrapper_e96ks_56 .ant-table-wrapper .ant-table-thead > tr > td {
color: var(--black);
}
._userModalWrapper_e96ks_56 .ant-table-wrapper .ant-table-thead > tr > th:not(:last-child)::before {
display: none;
}
._userModalWrapper_e96ks_56 .ant-table-content .ant-table-thead .ant-table-cell:first-child,
._userModalWrapper_e96ks_56 .ant-table-content .ant-table-tbody .ant-table-cell:first-child {
padding-left: 0;
}
._userModalWrapper_e96ks_56 .ant-table-content .ant-table-thead .ant-table-cell:last-child,
._userModalWrapper_e96ks_56 .ant-table-content .ant-table-tbody .ant-table-cell:last-child {
padding-right: 0;
}
._userModalWrapper_e96ks_56 .ant-table-content .ant-table-thead .ant-table-row:hover .ant-table-cell,
._userModalWrapper_e96ks_56 .ant-table-content .ant-table-tbody .ant-table-row:hover .ant-table-cell {
background-color: transparent;
}
._userModalWrapper_e96ks_56 .ant-table-content .ant-table-thead .ant-table-row:last-child .ant-table-cell,
._userModalWrapper_e96ks_56 .ant-table-content .ant-table-tbody .ant-table-row:last-child .ant-table-cell {
border-bottom: none;
}
._userModalWrapper_e96ks_56 .ant-table-content .ant-table-thead .ant-table-cell {
color: var(--neutral-700);
font-size: 12px;
font-style: normal;
font-weight: 500;
}
._contact_e96ks_97 ._item_e96ks_97 {
display: flex;
align-content: center;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
}
._contact_e96ks_97 ._item_e96ks_97 ._email_e96ks_105 {
color: var(--sematic-info-blue-default);
font-style: normal;
font-weight: 500;
line-height: 20px;
text-overflow: ellipsis;
overflow: hidden;
max-width: 200px;
display: inherit;
}
._contact_e96ks_97 ._item_e96ks_97 .caption1 {
color: var(--neutral-900);
}
._contact_e96ks_97 ._item_e96ks_97 .ant-space-item:nth-child(2) {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
._contentHeader_e96ks_124 .avatar {
width: 32px;
height: 32px;
overflow: hidden;
-o-object-fit: cover;
object-fit: cover;
border-radius: 16px;
margin-top: 3px;
}
._contentHeader_e96ks_124 .name {
overflow: hidden;
color: var(--neutral-900);
text-overflow: ellipsis;
max-width: 85px;
}
._contentHeader_e96ks_124 .position {
overflow: hidden;
color: var(--neutral-700);
text-overflow: ellipsis;
padding-top: 2px;
line-height: 20px;
}
._MultipleDeleteWrapper_e96ks_146 {
margin-top: 16px;
display: flex;
justify-content: space-between;
align-items: center;
background: var(--neutral-100);
padding: 12px 16px 12px 16px;
border-radius: 16px;
height: 44px;
}
._RemoveMultipleButton_e96ks_157 {
display: flex;
justify-content: center;
align-items: center;
background: var(--neutral-100);
color: var(--sematic-danger-red-default);
border: none;
cursor: pointer;
gap: 4px;
padding: 4px 8px;
border-radius: 10px;
}
._RemoveMultipleButton_e96ks_157:hover {
background: var(--sematic-danger-red-light);
}
._avatarGroup_e96ks_173 .ant-space-item {
display: flex;
}._HiddenDatePicker_1eb2d_1.ant-picker {
position: absolute;
visibility: hidden;
padding: 0;
pointer-events: none;
bottom: -8px;
}._dateWithIcon_zcgyv_1 {
font-size: 16px;
font-weight: 400;
line-height: 36px;
}
._dateWithIcon_zcgyv_1 .ant-space-item svg {
display: inherit;
}._BannerHeader_12xgl_1.ant-collapse:hover {
border: 2px solid var(--primary-300);
}
._BannerHeaderWithNotifications_12xgl_5.ant-collapse {
box-shadow: 0 0 15px var(--primary-400);
}
._KTBannerWrapper_12xgl_9 {
background: var(--neutral-000);
}
._KTBannerWrapper_12xgl_9.ant-collapse {
border-radius: 16px;
border: 2px solid transparent;
}
._KTBannerWrapper_12xgl_9.ant-collapse .ant-collapse-item {
border: none;
}
._KTBannerWrapper_12xgl_9.ant-collapse .ant-collapse-item .ant-collapse-panel {
border: none;
}
._KTBannerWrapper_12xgl_9.ant-collapse .ant-collapse-item .ant-collapse-panel .ant-collapse-body {
padding: 0 24px 24px 24px;
}
._KTBannerWrapper_12xgl_9.ant-collapse .ant-collapse-item .ant-collapse-panel .ant-collapse-body .ant-typography {
color: var(--neutral-700);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
._KTBannerWrapper_12xgl_9.ant-collapse .ant-collapse-item .ant-collapse-panel .ant-collapse-body .ant-typography,
._KTBannerWrapper_12xgl_9.ant-collapse .ant-collapse-item .ant-collapse-panel .ant-collapse-body .ant-typography p {
margin-bottom: 16px;
}
._KTBannerWrapper_12xgl_9.ant-collapse .ant-collapse-item .ant-collapse-panel .ant-collapse-body .ant-typography-expand {
color: var(--primary-500);
}
._KTBannerWrapper_12xgl_9.ant-collapse .ant-collapse-item .ant-collapse-header {
padding: 24px 24px 16px 24px;
}
._KTBannerWrapper_12xgl_9.ant-collapse .ant-collapse-item .ant-collapse-title {
flex: auto;
}
._KTBannerWrapper_12xgl_9.ant-collapse .active {
transform: rotate(90deg);
}
._KTBannerWrapper_12xgl_9 .hasAvatar .name {
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
._KTBannerWrapper_12xgl_9 .stakeholders {
border-top: 1px solid var(--neutral-200);
margin-top: 16px;
padding-top: 16px;
font-size: 16px;
}
._KTBannerWrapper_12xgl_9 .stakeholders > .ant-col {
min-width: 212px;
}
._KTBannerWrapper_12xgl_9 .stakeholders .caption1 {
margin-bottom: 8px;
}
._KTBannerWrapper_12xgl_9 .image {
width: 100px;
height: 100px;
-o-object-fit: cover;
object-fit: cover;
background: var(--neutral-100);
margin-right: 16px;
border-radius: 12px;
overflow: hidden;
}
._KTBannerWrapper_12xgl_9 .position {
color: var(--neutral-700);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
margin-top: 4px;
}
._KTBannerWrapper_12xgl_9 .title {
margin-bottom: 8px;
}
._KTBannerWrapper_12xgl_9 .dot {
color: var(--neutral-400);
}
._NotificationsTrigger_12xgl_89 {
display: inline-flex;
position: relative;
right: -43px;
top: 46px;
}
._NotificationsIcon_12xgl_96 {
position: relative;
}
._NotificationPopover_12xgl_100 {
max-width: 450px;
max-height: 60vh;
overflow-y: auto;
}
._DueDate_12xgl_106 {
font-size: 14px;
font-weight: 500;
height: 40px;
}
._DueDate_12xgl_106._Hover_12xgl_111:hover.ant-tag {
background: var(--neutral-200);
}
._DueDate_12xgl_106._OverDue_12xgl_114.ant-tag {
background: var(--red-100);
color: var(--red-700);
}
._GiverPrefix_12xgl_119 {
font-size: 14px;
font-weight: 500;
}
._ConfirmModalWrapper_12xgl_124 {
z-index: 2300 !important;
}
._Description_12xgl_128 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}._root_pe1b3_1 {
padding-top: 24px;
height: 100%;
display: flex;
flex-direction: column;
}
._root_pe1b3_1 .ant-table-cell .ant-btn {
font-size: 14px;
padding: 5px 16px;
}
._root_pe1b3_1 ._headerAction_pe1b3_11 {
width: 100%;
display: flex;
margin: 1rem 0;
justify-content: space-between;
align-items: center;
}
._root_pe1b3_1 .ant-pagination {
display: flex;
justify-content: center;
align-items: center;
}
._empty_pe1b3_24 {
max-width: 720px;
text-align: center;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: wrap;
flex-grow: 1;
}
._empty_pe1b3_24 p {
color: var(--text-description);
}
._empty_pe1b3_24 h6 {
margin-bottom: 12px;
}
._empty_pe1b3_24 .image {
display: inline-block;
margin-bottom: 48px;
}
._empty_pe1b3_24 .add {
margin-top: 32px;
}
._header_pe1b3_11 {
display: flex;
flex-direction: row;
align-content: center;
justify-content: space-between;
align-items: center;
padding: 0 24px 24px;
}
._content_pe1b3_58 {
overflow-y: auto;
height: 100%;
padding: 12px 24px 0;
}
._popupFilter_pe1b3_64 {
min-width: 150px !important;
}
._KTSearchResultCard_pe1b3_68 {
border-radius: 16px;
padding: 24px;
background-color: var(--neutral-000);
display: flex;
flex-direction: column;
margin-bottom: 1.25rem;
gap: 2rem;
}._root_1njqi_1 {
width: var(--thumbnail-size);
display: flex;
flex-direction: column;
}
._thumbnailUpload_1njqi_7 {
position: relative;
width: var(--thumbnail-size);
height: var(--thumbnail-size);
border-radius: 24px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
._thumbnailUpload_1njqi_7 ._imageInputText_1njqi_17 {
color: var(--neutral-700);
font-size: 16px;
font-weight: 400;
line-height: 24px;
padding: 0 16px 0 16px;
text-align: center;
position: relative;
top: -20px;
}
@media screen and (max-width: 768px) {
._thumbnailUpload_1njqi_7 ._imageInputText_1njqi_17 {
font-size: 12px;
}
}
._thumbnailUpload_1njqi_7 ._overlayIcon_1njqi_32 {
position: absolute;
top: 16px;
right: 16px;
width: 40px;
height: 40px;
padding: 8px;
border-radius: 36px;
justify-content: center;
align-items: center;
display: inline-flex;
background: rgba(17, 17, 17, 0.36);
backdrop-filter: blur(40px);
pointer-events: fill;
}
._thumbnailUploadBorder_1njqi_48 {
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%23ADADAD' stroke-width='1.5' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
._thumbnailUploadGreyOut_1njqi_52 {
opacity: 0.6;
}
._uploadProgressBar_1njqi_56 {
position: absolute;
margin: 0;
width: 191px;
}
._uploadProgressBar_1njqi_56 .ant-progress-bg {
background-color: var(--primary-500);
}
._uploadProgressBar_1njqi_56 .ant-progress-text {
display: none;
}
._thumbnailWrapper_1njqi_68 {
position: relative;
}
._thumbnail_1njqi_7 {
width: var(--thumbnail-size);
height: var(--thumbnail-size);
border-radius: 24px;
-o-object-fit: cover;
object-fit: cover;
}
._button_1njqi_79 {
display: flex;
justify-content: center;
color: var(--neutral-900);
margin-top: 16px;
font-size: 14px;
font-weight: 600;
padding: 10px 12px;
}
._button_1njqi_79 span {
margin-left: 10px;
}
._CropModalCancelButton_1njqi_92:hover {
color: var(--primary-400) !important;
border-color: var(--primary-400) !important;
}
._CropModalOkButton_1njqi_97 {
color: #fff;
background-color: var(--primary-500) !important;
box-shadow: 0 2px 0 rgba(5, 145, 255, 0.1);
}
._CropModalOkButton_1njqi_97:hover {
background-color: var(--primary-400) !important;
}._G2KTableContainer_lv1hr_1 {
margin-top: 20px;
}
._G2KTableContainer_lv1hr_1 .ant-table-thead .ant-table-cell {
background-color: var(--neutral-000);
color: var(--neutral-700);
font-size: 12px;
font-weight: 500;
line-height: 18px;
}
._G2KTableContainer_lv1hr_1 .ant-table-thead .ant-table-cell::before {
content: none !important;
}
._G2KTableContainer_lv1hr_1 .ant-table-row td {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
._G2KTableContainer_lv1hr_1 .ant-table-row:last-child td {
border-bottom: none;
}
._G2KTableContainer_lv1hr_1 .ant-table-row {
cursor: pointer;
}
._G2KTableContainer_lv1hr_1 {
/** Pagination */
}
._G2KTableContainer_lv1hr_1 .ant-table-wrapper .ant-table-pagination.ant-pagination {
margin-top: 40px;
}
._G2KTableContainer_lv1hr_1 .ant-table-tbody > tr.ant-table-row:hover > td {
background: none;
}
._G2KTableContainer_lv1hr_1 .ant-table-wrapper .ant-table-tbody > tr.ant-table-placeholder > td {
border-bottom: unset;
}
._G2KTableRow_lv1hr_37 {
z-index: 0;
position: relative;
}
._G2KTableRow_lv1hr_37 > div {
position: absolute;
left: 0;
transform: translateY(8px) translateX(-8px);
width: calc(100% + 16px);
border: 1px solid var(--neutral-100);
border-radius: 16px;
box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.08);
opacity: 0;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
z-index: -1;
}
._G2KTableRow_lv1hr_37:hover {
/* G2KTableRow__overlay */
}
._G2KTableRow_lv1hr_37:hover > div {
opacity: 1;
display: inherit;
}
._G2KTableActionWrapper_lv1hr_62 {
display: flex;
align-items: center;
}._wrapper_qjy4a_1 {
padding: 24px;
border-radius: 16px;
background: var(--neutral-000);
margin-top: 24px;
}
._wrapper_qjy4a_1 ._header_qjy4a_7 {
display: flex;
justify-content: space-between;
margin-bottom: 16px;
}
._wrapper_qjy4a_1 ._header_qjy4a_7 h4 {
font-size: 20px;
}
._wrapper_qjy4a_1 a {
color: var(--black);
}
._wrapper_qjy4a_1 ._KTSubjectListHeader_qjy4a_18 {
font-weight: 600;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
align-items: center;
}
._wrapper_qjy4a_1 ._closeKt_qjy4a_25 {
display: flex;
align-items: center;
padding: 8px 16px;
background: var(--subject-hint-background);
border: 1px solid var(--subject-hint-border-color);
border-radius: 8px;
margin-top: 24px;
}
._wrapper_qjy4a_1 ._closeKt_qjy4a_25 svg {
color: var(--subject-hint-icon-color);
}
._wrapper_qjy4a_1 ._closeKt_qjy4a_25 .right {
margin-left: auto;
}
._wrapper_qjy4a_1 ._closeKt_qjy4a_25 .right .ant-btn {
height: 24px;
font-size: 14px;
line-height: 16px;
padding: 4px 8px;
}
._G2KTableEmpty_qjy4a_47 {
height: 282px;
margin-bottom: 24px;
}
._G2KTableRowTd--fixedHeight_qjy4a_52 {
min-height: 48px;
display: flex;
}
._G2KSearch--KtCategoryList_qjy4a_57 {
margin-top: 0px;
}._root_1naw1_1 {
width: 928px !important;
}
._root_1naw1_1 .ant-modal {
margin-top: 24px;
}
._root_1naw1_1 .ant-modal-body {
padding: 0;
}
._root_1naw1_1 .ant-form-vertical .ant-form-item .ant-form-item-control {
max-width: 100%;
}
._root_1naw1_1 ._EditAbleSubjectBody_1naw1_13 {
margin-top: 24px;
}
._root_1naw1_1 ._EditAbleSubjectBody_1naw1_13 label[title] {
pointer-events: none;
}
._root_1naw1_1 ._EditAbleSubjectBody_1naw1_13 input::-moz-placeholder, ._root_1naw1_1 ._EditAbleSubjectBody_1naw1_13 textarea::-moz-placeholder {
color: var(--gray-800);
}
._root_1naw1_1 ._EditAbleSubjectBody_1naw1_13 input::placeholder,
._root_1naw1_1 ._EditAbleSubjectBody_1naw1_13 textarea::placeholder {
color: var(--gray-800);
}
._subjectItem_1naw1_24 {
padding-top: 20px;
padding-bottom: 24px;
}
._subjectItem_1naw1_24 + ._subjectItem_1naw1_24 {
border-top: 1px dashed var(--gray-500);
}
._userCountLabel_1naw1_32 label::after {
left: -30px;
}
._userCountLabel_1naw1_32 label > span {
display: inline-flex;
align-items: center;
-moz-column-gap: 8px;
column-gap: 8px;
}
._subjectHint_1naw1_41 {
background: rgba(56, 119, 214, 0.08);
border: 1px solid rgba(56, 119, 214, 0.2);
border-radius: 6px;
margin-top: 16px;
margin-bottom: 16px;
padding: 12px;
position: relative;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: var(--gray-800);
display: flex;
}
._subjectHint_1naw1_41 ._iconInfo_1naw1_55 {
height: -moz-fit-content;
height: fit-content;
}
._subjectHint_1naw1_41 h3 {
font-weight: 600;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.02em;
color: var(--text-default);
}
._subjectHint_1naw1_41 svg {
color: var(--subject-hint-color);
font-size: 16px;
}
._subjectHint_1naw1_41 ._closeHint_1naw1_69 {
position: absolute;
top: 10px;
right: 10px;
color: var(--gray-500);
}
._EditAbleSubjectFooter_1naw1_76 {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px;
}
._EditAbleSubjectFooter_1naw1_76 ._EditAbleSubjectRight_1naw1_82 {
display: flex;
justify-content: space-between;
align-items: center;
}
._userSelectedContainer_1naw1_88 {
display: flex;
flex-wrap: wrap;
align-items: center;
min-height: 36px;
gap: 8px;
}
._userInfoSelected_1naw1_96 {
display: inline-flex;
align-items: center;
}
._subjectList_1naw1_101 {
height: 300px;
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
}
._avatarIcon_1naw1_108 {
cursor: pointer;
}
._avatarIcon_1naw1_108:last-of-type {
margin-right: 8px;
}
._alert_1naw1_115 {
margin: 24px 0;
}
._DropDownButton_1naw1_119 {
position: absolute;
top: calc(100% + 14px);
right: 0;
z-index: 100;
width: 220px;
display: flex;
flex-direction: column;
align-items: flex-end;
}
._wrapper_1naw1_130 {
position: relative;
display: inline-block;
}._KtCategoryListInformationToastWrapper_1gak2_1 {
padding: 12px;
border: 1px solid;
border-radius: 12px;
}
._KtCategoryListInformationToastWrapper--InfoWarning_1gak2_7 {
border-color: var(--primary-300);
background-color: var(--primary-100);
}
._KtCategoryListInformationToastWrapper--Info_1gak2_7 {
border-color: var(--neutral-200);
background-color: var(--neutral-100);
}._G2KEditorContent_1wt7q_1 .tiptap {
font-size: 16px;
line-height: 24px;
color: var(--black);
}
._G2KEditorContent_1wt7q_1 .tiptap:focus-visible {
outline: none !important;
}
._G2KEditorContent_1wt7q_1 .tiptap mark {
border-radius: 8px;
}
._G2KEditorContentEditMode_1wt7q_13 {
min-height: 244px;
max-height: 500px;
padding: 12px;
overflow: auto;
scrollbar-width: thin;
scrollbar-color: transparent transparent;
background-color: var(--neutral-100);
}
._G2KEditorContentEditMode_1wt7q_13 .tiptap {
min-height: 244px;
max-height: 500px;
}
._G2KEditorContentEditMode_1wt7q_13::-webkit-scrollbar {
width: 4px;
}
._G2KEditorContentEditMode_1wt7q_13::-webkit-scrollbar-thumb {
background-color: transparent;
}
._G2KEditorContentEditMode_1wt7q_13:hover::-webkit-scrollbar-thumb {
background-color: var(--neutral-400);
}
._G2KEditor_1wt7q_1 {
display: flex;
flex-direction: column;
height: 100%;
margin-top: 16px;
border-radius: 12px;
border: 2px solid var(--neutral-200);
overflow: hidden;
}._KTCompactMode_145ay_1 {
box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.04);
padding: 12px;
border-radius: 16px;
background-color: #fff;
display: flex;
gap: 12px;
min-height: 320px;
margin-top: 24px;
}
._CategoryTitle_145ay_12 {
color: var(--neutral-700);
}
._CategoryTitle_145ay_12:hover {
color: var(--neutral-900);
}
._CategoryTitleActive_145ay_19 {
color: var(--primary-500) !important;
}._actions_1qpgz_1 {
height: 46px;
position: absolute;
top: 0;
right: 0;
}
._KnowledgeTransferDetail_1qpgz_8 {
padding: 24px;
display: flex;
flex-direction: column;
height: 100%;
}
._KnowledgeTransferDetail_1qpgz_8 ._ScrollArea_1qpgz_14 {
overflow-y: auto;
overflow-x: hidden;
}
._KnowledgeTransferDetail_1qpgz_8 .ant-tabs-tab {
padding-top: 7px;
padding-bottom: 7px;
}
._KnowledgeTransferDetail_1qpgz_8 .ant-tabs-top > .ant-tabs-nav::before {
border-bottom: 0;
}
._taskLabel_1qpgz_26 {
font-weight: 600;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.02em;
color: var(--gray-900);
align-items: center;
display: inline-flex;
}
._tasksPanel_1qpgz_36 {
border-radius: 4px 4px 0px 4px;
min-height: calc(100vh - 284px);
}
._SubjectDetail_1qpgz_40 ._tasksPanel_1qpgz_36 {
min-height: calc(100vh - 312px);
}
._SecurityBanner_1qpgz_44 {
margin-bottom: 16px;
}._NotificationDetailContainer_xut38_1 {
padding: 24px;
max-height: 100%;
display: flex;
flex-direction: column;
}
._NotificationDetailContent_xut38_8 {
background-color: var(--neutral-000);
border-radius: 12px;
min-height: calc(100vh - 180px);
margin-top: 24px;
padding: 24px;
display: flex;
flex-direction: column;
}._TaskItemCard_6vake_1 {
display: flex;
background: var(--neutral-000);
border-radius: 16px;
padding: 24px;
gap: 16px;
}
._Content_6vake_9 {
display: flex;
flex-direction: column;
flex: 1;
}
._Content_6vake_9 .row {
display: flex;
align-items: center;
gap: 8px;
}
._ThumbnailSpinner_6vake_20 {
width: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
}
._Actions_6vake_28 {
display: flex;
flex-direction: column;
gap: 8px;
}
._Done_6vake_34 {
padding: 6px 12px 6px 8px;
font-weight: 500;
line-height: 20px;
border-radius: 100px;
color: var(--status-text-completed);
background: var(--status-background-completed);
display: flex;
align-items: center;
margin-bottom: 6px;
width: -moz-fit-content;
width: fit-content;
}
._KTError_6vake_47 {
margin-bottom: 16px;
width: -moz-fit-content;
width: fit-content;
}
._KTLoading_6vake_52 {
margin-bottom: 16px;
}._TasksPage_10ax8_1 {
display: flex;
flex-direction: column;
height: 100%;
}
._Header_10ax8_7 {
padding: 24px;
display: flex;
justify-content: space-between;
}
._Actions_10ax8_13 {
display: flex;
gap: 12px;
}
._ScrollArea_10ax8_18 {
display: flex;
flex-direction: column;
overflow-y: auto;
padding: 0 24px;
gap: 16px;
}
._Empty_10ax8_26 {
display: flex;
flex-grow: 1;
flex-direction: column;
align-items: center;
justify-content: center;
}._G2KFilterDropdown_u2uhl_1 .ant-select .ant-select-content {
min-width: 200px;
font-weight: 600;
}
._G2KFilterDropdown_u2uhl_1 .ant-select {
border: none;
transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
box-shadow: 0 0 0 1.5px var(--neutral-200) !important;
background-color: var(--neutral-000);
}
._G2KFilterDropdown_u2uhl_1 .ant-select:hover {
box-shadow: 0 0 0 1.5px var(--neutral-200) !important;
background-color: var(--neutral-100);
}
._G2KFilterDropdown_u2uhl_1 .ant-select.ant-select-focused {
box-shadow: 0 0 0 1.5px var(--neutral-200) !important;
}
._G2KFilterDropdown_u2uhl_1 .ant-select.ant-select-focused:hover {
box-shadow: 0 0 0 1.5px var(--neutral-200) !important;
}
._G2KFilterDropdown_u2uhl_1 .ant-select.ant-select-focused.ant-select-open {
box-shadow: 0 0 0 3px var(--neutral-200) !important;
color: var(--black);
}
._G2KFilterDropdown_u2uhl_1 .ant-select.ant-select-focused.ant-select-open
.ant-select-selection-item {
color: inherit;
}
._G2KFilterDropdownPopup_u2uhl_30 {
min-width: 200px !important;
width: -moz-fit-content !important;
width: fit-content !important;
}._G2KFormItem_1kbjf_1:not(:has(textarea)) {
margin-bottom: unset;
}
._G2KFormItem__label_with_badge_1kbjf_5 .ant-badge .ant-badge-count {
color: var(--neutral-900);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 24px;
border-radius: 6px;
background: var(--neutral-200);
min-width: 24px;
height: 24px;
}._SettingsContainer_12zbh_1 {
padding: 24px;
gap: 20px;
display: flex;
flex-direction: column;
height: calc(100vh - 80px);
}
._SettingsContent_12zbh_9 {
background-color: var(--neutral-000);
border-radius: 12px;
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
}
._ScrollArea_12zbh_19 {
display: flex;
flex-direction: column;
overflow: auto;
margin-bottom: 84px;
padding: 24px;
}
._SettingsAccountWrapper_12zbh_27 {
display: flex;
flex-direction: column;
gap: 24px;
}
._SettingsAccountHeader_12zbh_33 {
display: flex;
justify-content: space-between;
}
._Divider_12zbh_38 {
height: 1px;
background-color: var(--neutral-200);
width: 100%;
margin: 32px 0;
}
._SettingsAccountForm_12zbh_45 {
margin-bottom: 76px;
}
._footer_12zbh_49 {
position: absolute;
bottom: 0;
left: 0;
border-radius: 0 0 12px 12px;
width: 100%;
padding: 16px 24px;
border-top: 1px solid var(--neutral-200);
background-color: var(--neutral-000);
height: 76px;
display: flex;
justify-content: flex-end;
}
._SettingsNotificationContainer_12zbh_63 {
height: 100%;
width: 100%;
overflow-y: scroll;
padding: 24px 24px 24px 32px;
}
._SettingsNotificationCard_12zbh_70 {
border-color: var(--neutral-200);
}
._SettingsNotificationCard_12zbh_70 ._ant-card-bordered_12zbh_73 {
border: 1px solid var(--neutral-200);
}
._SettingsNotificationCard_12zbh_70 .ant-card-head {
background-color: var(--neutral-100);
padding: 0 16px;
border-bottom: none;
}
._SettingsNotificationCard_12zbh_70 .ant-card-body {
padding: 0;
}
._SettingsNotificationCard_12zbh_70 .ant-checkbox-disabled .ant-checkbox {
border-color: var(--neutral-400) !important;
background-color: var(--neutral-400);
}
._SettingsNotificationCard_12zbh_70 .ant-checkbox-disabled .ant-checkbox:after {
border-color: var(--neutral-700);
}
._SettingsNotificationForm_12zbh_92 .ant-col.ant-form-item-label {
padding-bottom: 0;
}._G2KDefaultAvatar_f9dik_1 {
background-color: var(--neutral-400);
display: flex;
justify-content: center;
align-items: center;
color: var(--neutral-100);
}._G2KImageCrop_qlm78_1 .ant-modal-footer {
display: flex;
justify-content: flex-end;
gap: 4px;
}
._G2KImageCropButton_qlm78_7 {
display: flex;
justify-content: center;
align-items: center;
border: none;
cursor: pointer;
transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out;
height: 40px;
padding: 8px 12px;
gap: 8px;
}
._G2KImageCropButton__cancel_qlm78_19 {
border: 1.5px solid var(--neutral-200);
border-radius: 12px;
background-color: var(--neutral-000);
}
._G2KImageCropButton__cancel_qlm78_19:hover {
border: 1.5px solid var(--neutral-200) !important;
background-color: var(--neutral-100) !important;
color: inherit !important;
}
._G2KImageCropButton__cancel_qlm78_19:focus {
border-color: transparent !important;
box-shadow: 0 0 0 3px var(--neutral-200) !important;
background-color: var(--neutral-000) !important;
}
._G2KImageCropButton__ok_qlm78_35 {
border-radius: 12px;
background-color: var(--primary-500);
}
._G2KImageCropButton__ok_qlm78_35:hover {
background-color: var(--primary-500-hover) !important;
}
._G2KImageCropButton__ok_qlm78_35:focus {
box-shadow: 0 0 0 3px var(--primary-300) !important;
background-color: var(--primary-500) !important;
}._G2KAvatarInputImage_tv80r_1 {
width: 80px;
height: 80px;
cursor: pointer;
position: relative;
}
._G2KAvatarInputImage__icon_tv80r_8 {
position: absolute;
width: 30px;
height: 30px;
background-color: var(--neutral-000);
right: 0;
bottom: 0;
padding: 3px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
._G2KAvatarInputImage__icon_inner_tv80r_22 {
background-color: var(--primary-500);
border-radius: 50%;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
._G2KAvatarInputImage__icon_inner__disabled_tv80r_32 {
background-color: var(--neutral-400);
}
._uploadProgressBar_tv80r_36 {
position: absolute;
margin: 0;
left: 0;
display: flex;
justify-content: center;
width: 80px;
}
._uploadProgressBar_tv80r_36 .ant-progress-bg {
background-color: var(--primary-500);
}
._uploadProgressBar_tv80r_36 .ant-progress-text {
display: none;
}._logo_lkftm_1 {
width: auto;
height: 40px;
}
._buttonWrapper_lkftm_6 {
display: flex;
justify-content: center;
align-items: center;
margin-right: 14px;
}
._buttons_lkftm_13 {
flex: 0 0 auto;
display: flex;
flex-direction: column;
gap: 8px;
}
._SettingsDetailContainer_lkftm_20 {
padding: 24px;
gap: 20px;
display: flex;
flex-direction: column;
height: calc(100vh - 80px);
}
._SettingsDetailContent_lkftm_28 {
background-color: var(--neutral-000);
border-radius: 12px;
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
}
._languagesContainer_lkftm_38 {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-top: 21px;
}
._OfficeFileRadio_lkftm_45 {
margin-top: 16px;
}
._ScrollArea_lkftm_49 {
display: flex;
flex-direction: column;
overflow: auto;
margin-bottom: 84px;
padding: 24px;
}
._footer_lkftm_57 {
position: absolute;
bottom: 0;
left: 0;
border-radius: 0 0 12px 12px;
width: 100%;
padding: 16px 24px;
border-top: 1px solid var(--neutral-200);
background-color: var(--neutral-000);
height: 76px;
display: flex;
justify-content: flex-end;
}._activeButtonBorder_1jyzg_1 {
border: rgba(0, 0, 0, 0) 1px solid;
}._FormField_1e7ri_1 {
margin-top: 16px;
margin-bottom: 0;
}
._TranslationExpansionHeader_1e7ri_6 {
display: flex;
align-items: center;
gap: 8px;
margin-top: 16px;
margin-bottom: 8px;
}
._TranslationItem_1e7ri_14 {
margin: 32px 0 32px 32px;
}
._TranslationItemHeader_1e7ri_18 {
align-items: center;
display: flex;
gap: 8px;
}
._PreviewMargin_1e7ri_24 {
margin-top: 8px;
margin-bottom: 8px;
}._FormField_1e7ri_1 {
margin-top: 16px;
margin-bottom: 0;
}
._TranslationExpansionHeader_1e7ri_6 {
display: flex;
align-items: center;
gap: 8px;
margin-top: 16px;
margin-bottom: 8px;
}
._TranslationItem_1e7ri_14 {
margin: 32px 0 32px 32px;
}
._TranslationItemHeader_1e7ri_18 {
align-items: center;
display: flex;
gap: 8px;
}
._PreviewMargin_1e7ri_24 {
margin-top: 8px;
margin-bottom: 8px;
}._DocumentBoxContainer_1ddem_1 {
height: 100%;
padding: 24px;
display: flex;
flex-direction: column;
gap: 20px;
}
._DocumentBoxContainer_1ddem_1 .ant-table {
border-radius: 16px;
}
._DocumentBoxContainer_1ddem_1 .ant-table-thead tr .ant-table-cell:first-of-type {
padding-left: 24px !important;
border-top-left-radius: 16px !important;
}
._DocumentBoxContainer_1ddem_1 .ant-table-thead tr .ant-table-cell:last-of-type {
border-top-right-radius: 16px !important;
}
._DocumentBoxContainer_1ddem_1 .ant-table-thead .ant-table-cell {
font-weight: 600 !important;
font-size: 14px !important;
border-bottom: 1px solid var(--border-strong) !important;
}
._DocumentBoxContainer_1ddem_1 .ant-table-tbody .ant-table-row:last-child .ant-table-cell {
border-bottom: none !important;
}
._DocumentBoxContainer_1ddem_1 .ant-table-tbody .ant-table-row:last-child .ant-table-cell:last-of-type {
border-bottom-right-radius: 16px !important;
}
._DocumentBoxContainer_1ddem_1 .ant-table-tbody .ant-table-row:last-child .ant-table-cell:first-of-type {
border-bottom-left-radius: 16px !important;
}
._DocumentBoxContainer_1ddem_1 .ant-table-tbody .ant-table-row .ant-table-cell:last-of-type {
padding-left: 8px !important;
}
._DocumentBoxContainer_1ddem_1 .ant-table-tbody .ant-table-row .ant-table-cell:first-of-type {
padding-left: 24px !important;
}
._DocumentBoxContainer_1ddem_1 .ant-table-tbody .ant-table-row .ant-table-cell {
padding-top: 19.5px !important;
padding-bottom: 19.5px !important;
border-bottom: 1px solid var(--border-strong) !important;
}
._DocumentBoxContainer_1ddem_1 .name {
font-size: 16px;
}
._DocumentBoxTableWrapper_1ddem_47 {
max-height: calc(100vh - 402px);
}._ScrollArea_69d6i_1 {
padding: 0 24px;
display: flex;
flex-direction: column;
}
._Entry_69d6i_7 {
display: flex;
gap: 16px;
}
._Entry_69d6i_7 > * {
min-width: 250px;
}._DateRangeFilter_15yd7_1 {
display: flex;
align-items: center;
gap: 10px;
}
._DateRangeFilter_15yd7_1 .ant-select-multiple {
min-width: 150px !important;
}
._DateRangeFilter_15yd7_1 .ant-select .ant-select-content-has-value {
font-weight: 600;
}
._DateRangeFilter_15yd7_1 .ant-select {
border: none;
transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
box-shadow: 0 0 0 1.5px var(--neutral-200) !important;
background-color: var(--neutral-000);
}
._DateRangeFilter_15yd7_1 .ant-select:hover {
box-shadow: 0 0 0 1.5px var(--neutral-200) !important;
background-color: var(--neutral-100);
}
._DateRangeFilter_15yd7_1 .ant-select.ant-select-focused {
box-shadow: 0 0 0 1.5px var(--neutral-200) !important;
}
._DateRangeFilter_15yd7_1 .ant-select.ant-select-focused:hover {
box-shadow: 0 0 0 1.5px var(--neutral-200) !important;
}
._DateRangeFilter_15yd7_1 .ant-select.ant-select-focused.ant-select-open {
box-shadow: 0 0 0 3px var(--neutral-200) !important;
color: var(--black);
}
._DateRangeFilter_15yd7_1 .ant-picker {
box-shadow: 0 0 0 1.5px var(--neutral-200) !important;
background-color: var(--neutral-000);
}
._DateRangeFilterDropdownPopup_15yd7_37 {
min-width: 150px !important;
width: -moz-fit-content !important;
width: fit-content !important;
}
._LegendContainer_15yd7_42 {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
align-items: center;
}
._LegendItem_15yd7_51 {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
cursor: pointer;
border: 1px solid var(--neutral-400);
border-radius: 8px;
padding: 4px;
}._AnalyticsCard_6612a_1 {
background-color: var(--neutral-000);
border-radius: 12px;
padding: 16px;
}
._Table_6612a_7 {
height: 100%;
width: 100%;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
._CurrentStats_6612a_14 {
display: flex;
gap: 32px;
align-items: center;
margin-bottom: 32px;
}
._ChartPanel_6612a_21 {
display: flex;
flex-direction: column;
gap: 16px;
height: 500px;
background-color: var(--neutral-000);
border-radius: 12px;
padding: 16px;
border: 1px solid var(--border-strong);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
._AnalyticsError_6612a_33 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
}
._DocumentBoxCell_6612a_41 {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--neutral-200);
}._Item_1i7bc_1 {
display: flex;
gap: 8px;
}
._Content_1i7bc_6 {
display: flex;
flex-direction: column;
}
._Content_1i7bc_6 .row {
display: flex;
align-items: center;
gap: 4px;
}._Header_1hvq3_1.ant-layout-header {
background: #fff;
padding: 16px 24px;
height: auto;
line-height: inherit;
position: sticky;
top: 0;
width: 100%;
z-index: 998;
}
._Header_1hvq3_1.ant-layout-header img {
height: 76px;
}
._Logo_1hvq3_15 {
height: 76px;
width: auto;
}._CategoryQuestionGridView_wuvwe_1 .g2k-data-grid-view {
width: calc(100vw - 295px);
}
._CategoryQuestionGridView_wuvwe_1 .g2k-data-grid-container {
min-height: unset;
max-height: 100vh;
}
._CategoryQuestionGridView_wuvwe_1 .g2k-data-grid-no-rows {
width: calc(100vw - 295px);
}._TemplateFormTitle_95trs_1::before {
content: "";
width: 8px;
height: 100%;
border-radius: 2px;
background-color: var(--primary-500);
position: absolute;
top: 0;
left: 0;
}
._TemplateFormAlert_95trs_12.g2k-alert-info {
border-radius: 12px;
border: 2px solid var(--blue-200);
background: #fff;
padding: 20px;
}
._TemplateFormAlert_95trs_12 .g2k-alert-message {
margin-bottom: 4px;
}
._ReasonPositionLine_95trs_22 {
position: absolute;
left: -22px;
top: -24px;
height: 76px;
width: 22px;
border-radius: 0 0 0 10px;
border-bottom: 2px solid var(--border-strong);
border-left: 2px solid var(--border-strong);
}
._PositionLine_95trs_33 {
position: absolute;
left: -27px;
top: -37px;
height: calc(100% + 35px);
width: 2px;
background: var(--border-strong);
}
._PositionLine_95trs_33._ViewOnly_95trs_41 {
left: -4px;
top: -39px;
}
._PositionCategoryLine_95trs_46 {
position: absolute;
left: -11px;
top: -35px;
height: 70px;
width: 2px;
background: var(--border-strong);
}
._PositionCategoryLine_95trs_46._ViewOnly_95trs_41 {
left: 12px;
top: -34px;
}
._PositionCategoryLine_95trs_46._ViewOnly_95trs_41._First_95trs_58 {
height: 60px;
top: -25px;
}
._PositionCategoryLineBorder_95trs_63 {
position: absolute;
left: -11px;
top: 31px;
height: 20px;
width: 22px;
border-bottom-left-radius: 10px;
border-bottom: 2px solid var(--border-strong);
border-left: 2px solid var(--border-strong);
}
._PositionCategoryLineBorder_95trs_63._ViewOnly_95trs_41 {
left: 12px;
top: 29px;
width: 20px;
}
._CategoryQuestionLine_95trs_79 {
position: absolute;
left: 58px;
top: -12px;
height: calc(100% - 23px);
width: 2px;
background: var(--border-strong);
}
._CategoryQuestionLine_95trs_79._ViewOnly_95trs_41 {
left: 56px;
}
._CategoryQuestionLineBorder_95trs_91 {
position: absolute;
left: 3px;
top: 3px;
height: 20px;
width: 19px;
border-bottom-left-radius: 10px;
border-bottom: 2px solid var(--border-strong);
border-left: 2px solid var(--border-strong);
}
._CategoryQuestionLineBorder_95trs_91._ViewOnly_95trs_41 {
left: 1px;
}
._CollapsePosition_95trs_105 .ant-collapse-expand-icon {
position: absolute;
top: 40px;
left: 20px;
}
._CollapsePosition_95trs_105 .ant-collapse-header {
padding: 0 !important;
}
._CollapseCategory_95trs_114 .ant-collapse-expand-icon {
position: absolute;
top: 37px;
left: 37px;
}
._CollapseCategory_95trs_114 .g2k-collapse-content-box {
padding-right: 0 !important;
}._status_tag_1rbe5_1 {
font-size: 0.875rem;
font-weight: 600;
padding: 0 0.5rem;
border-radius: 50px;
height: 2rem;
display: inline-flex;
align-items: center;
gap: 4px;
width: -moz-fit-content;
width: fit-content;
}._profile__title_wmthv_1 {
margin-top: 32px;
margin-bottom: 24px;
position: relative;
padding-left: 16px;
}
._profile__title_wmthv_1::before {
content: "";
width: 8px;
height: 100%;
border-radius: 2px;
background-color: var(--primary-500);
position: absolute;
top: 0;
left: 0;
}._status_tag_o3smf_1 {
font-size: 0.875rem;
font-weight: 600;
padding: 6px 8px;
border-radius: 50px;
display: inline-flex;
align-items: center;
gap: 8px;
width: -moz-fit-content;
width: fit-content;
}._Wrapper_1p9ds_1 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
._Content_1p9ds_8 {
padding: 16px;
max-width: 80%;
margin: 20% 16px 16px;
background: var(--neutral-000);
border-radius: 16px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
font-size: 18px;
}
._Title_1p9ds_22 {
font-size: 20px;
font-weight: bold;
}