#remote-chat-wrapper {
    .bs-grid-overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .bs-grid-overlay .container {
        height: 100%
    }

    .bs-grid-overlay .container .row {
        height: 100%
    }

    .bs-grid-overlay .container .row .col-xs-1 {
        opacity: .3;
        height: 100%;
        position: relative
    }

    .bs-grid-overlay .container .row .col-xs-1 .fill {
        background: red;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-left: 1px solid #ccc
    }

    .bs-grid-overlay .container .row .col-xs-1:first-child .bar {
        border-left: 0
    }

    :root {
        --pva-body-fs: torem(16);
        --pva-line-height: 1.5;
        --pva-base-white: #fff;
        --pva-base-white-100: #dedede;
        --pva-base-white-200: #f4f4f4;
        --pva-base-white-300: #f9f9f9;
        --pva-base-white-400: #f5f9ff;
        --pva-base-white-500: #ededed;
        --pva-base-white-600: #f1ebfe;
        --pva-base-white-700: #fcfcfc;
        --pva-base-white-800: #ddd;
        --pva-base-white-900: #f2f2f2;
        --pva-base-white-1000: #dbe3fc;
        --pva-base-white-1100: #dae7fc;
        --pva-base-white-1200: #f0f6ff;
        --pva-base-white-1300: #f4f1fe;
        --pva-base-white-1400: #f3f5f7;
        --pva-base-white-1500: #eee;
        --pva-base-white-1600: #fdfdfb;
        --pva-base-white-1700: #e8e8e8;
        --pva-base-white-1800: #e1e1fe;
        --pva-base-white-1900: #dadada;
        --pva-base-white-2000: #f8f8f8;
        --pva-base-white-2100: #d7ebec;
        --pva-base-white-2200: #e3f3f4;
        --pva-base-white-2300: #f0fbfb;
        --pva-base-white-2400: #e3e1e1;
        --pva-base-white-2500: #f7f7f7;
        --pva-base-white-2600: #eff3ff;
        --pva-base-white-2700: #fff4f0;
        --pva-base-white-2800: #d6dbf2;
        --pva-base-white-2900: #f7f4ff;
        --pva-base-white-3000: #d9d9d9;
        --pva-base-white-3100: #f3f6fa;
        --pva-base-black: #000;
        --pva-base-black-100: #000000b5;
        --pva-base-black-200: #222;
        --pva-base-black-300: #231f20;
        --pva-base-black-400: #0000001a;
        --pva-base-black-500: #00000014;
        --pva-base-black-600: #0000000d;
        --pva-base-black-700: #00000005;
        --pva-base-black-800: #00000080;
        --pva-base-black-900: #0000000f;
        --pva-base-black-1000: #0000000a;
        --pva-base-black-1100: #0009;
        --pva-base-black-1200: #050505;
        --pva-base-black-1300: #333;
        --pva-base-black-1400: #101010;
        --pva-base-black-1500: #ffffff0a;
        --pva-base-black-1600: #ffffff1a;
        --pva-base-black-1700: #fff0;
        --pva-base-grey: #ccc;
        --pva-base-grey-100: #fafafa;
        --pva-base-grey-200: #d6d6d6;
        --pva-base-grey-300: #dfeff9;
        --pva-base-grey-400: #535353;
        --pva-base-grey-500: #f6f6f6;
        --pva-base-grey-600: #f7f5ff;
        --pva-base-grey-700: #4a4a4a;
        --pva-base-grey-800: #8f9195;
        --pva-base-grey-900: #737376;
        --pva-base-grey-1000: #e8e1fd;
        --pva-base-grey-1100: #737373;
        --pva-base-grey-1200: #7c7c7c;
        --pva-base-grey-1300: #505050;
        --pva-base-grey-1400: #eaeaea;
        --pva-base-grey-1500: #7a7a7a;
        --pva-base-grey-1600: #717171;
        --pva-base-grey-1700: #b8b8b8;
        --pva-base-grey-1800: #747474;
        --pva-base-grey-1900: #e0e0e0;
        --pva-base-grey-2000: #ffffffb5;
        --pva-base-grey-2100: #fdfdfd;
        --pva-base-grey-2200: #eeeded;
        --pva-base-grey-2300: #999;
        --pva-base-grey-2400: #bbb;
        --pva-base-grey-2500: #e9e9e9;
        --pva-base-grey-2600: #757575;
        --pva-base-grey-2700: #e4e7f0ba;
        --pva-base-grey-2800: #aca9a9;
        --pva-base-grey-2900: #cccc;
        --pva-base-grey-3000: #d0d0d0;
        --pva-base-grey-3100: #b4b4b4;
        --pva-base-grey-3200: #d8d8d8;
        --pva-base-grey-3300: #b4b4b4;
        --pva-base-grey-3400: #d8d8d8;
        --pva-base-grey-3500: #333;
        --pva-base-grey-3600: #666;
        --pva-base-grey-3700: #707071;
        --pva-base-grey-3800: #7f7f7f;
        --pva-base-grey-3900: #f3f3fe;
        --pva-base-grey-4000: #ffffff96;
        --pva-base-grey-4100: #e8fafa99;
        --pva-base-grey-4200: #818181;
        --pva-base-grey-4300: #d7d5d5;
        --pva-base-grey-4400: #e9e9fb;
        --pva-base-grey-4500: #ffffffe5;
        --pva-base-grey-4600: #fff9;
        --pva-base-grey-4700: #ffffff8f;
        --pva-base-grey-4800: #ffffffb0;
        --pva-base-grey-4900: #fff6;
        --pva-base-grey-5000: #676767;
        --pva-base-grey-5100: #6a6a6a;
        --pva-base-grey-5200: #cccbce;
        --pva-base-grey-5300: #a6a6a6;
        --pva-color-primary: #a100ff;
        --pva-color-secondary-100: #6b10a0;
        --pva-color-secondary-200: #dba3fc;
        --pva-color-secondary-300: #9001e5;
        --pva-color-secondary-400: #9b3192;
        --pva-color-secondary-500: #e35fd8;
        --pva-color-secondary-600: #ffb8f9;
        --pva-color-secondary-700: #6c17b6;
        --pva-color-secondary-800: #aa50f8;
        --pva-color-secondary-900: #d4a2ff;
        --pva-color-secondary-1000: #7d628d;
        --pva-color-secondary-1200: #af81cc;
        --pva-color-secondary-1300: #dcc4eb;
        --pva-color-secondary-1400: #a899c7;
        --pva-color-secondary-1500: #d5c9ed;
        --pva-color-secondary-1600: #f5e5ff;
        --pva-color-secondary-1700: #7500c0;
        --pva-color-secondary-1800: #631e8b;
        --pva-color-secondary-1900: #642a8d;
        --pva-color-secondary-2000: #866dea;
        --pva-color-secondary-2100: #9500ed;
        --pva-color-secondary-2200: #4b3d84;
        --pva-color-secondary-2300: #737cd5;
        --pva-color-secondary-2400: #8c7ad3;
        --pva-color-secondary-2500: #392a72;
        --pva-color-secondary-2600: #715cc4;
        --pva-color-secondary-2700: #460073;
        --pva-color-secondary-2800: #9999f9;
        --pva-color-secondary-2900: #c6c6fa;
        --pva-color-secondary-3000: #5858cc;
        --pva-color-secondary-3100: #af98ef;
        --pva-color-secondary-3200: #8b8ffe;
        --pva-color-secondary-3300: #b20ffb;
        --pva-base-blue: #1a36c6;
        --pva-base-blue-100: #1a36c629;
        --pva-base-blue-200: #008;
        --pva-base-blue-300: #728fbc;
        --pva-base-blue-400: #deeefa;
        --pva-base-blue-500: #5175da;
        --pva-base-blue-600: #5075ae;
        --pva-base-blue-700: #98b9ee;
        --pva-base-blue-800: #dce8fa;
        --pva-base-blue-900: #b4c7ff;
        --pva-base-blue-1000: #d4dfff;
        --pva-base-blue-1100: #b2c6ff;
        --pva-base-blue-1200: #4d67b1;
        --pva-base-blue-1300: #4e69b3;
        --pva-base-blue-1400: #8b8ff2;
        --pva-base-blue-1500: #a1aebe;
        --pva-base-red: #e6242f;
        --pva-base-red-100: #f00;
        --pva-base-red-200: #5b3c20;
        --pva-base-amber: #d1784b;
        --pva-base-amber-100: #b87c22;
        --pva-base-amber-200: #f3db9d80;
        --pva-base-amber-300: #f8ebca;
        --pva-base-amber-400: #ff7800;
        --pva-base-green: #8fe793;
        --pva-base-green-100: #83d069;
        --pva-base-green-200: #7bd19e;
        --pva-base-green-300: #9beadb;
        --pva-base-green-400: #1b6b08;
        --pva-base-green-500: #caffc68a;
        --pva-base-green-600: #d8eff0b2;
        --pva-base-green-700: #c7e4e5b2;
        --pva-base-green-800: #20744a;
        --pva-base-pink: #f6c4cb;
        --pva-base-pink-100: #f4e6e8;
        --pva-color-gradient-1: linear-gradient(135deg, #ffec88 0%, #ff52f5 48%, #8753ff 100%) 0% 0%;
        --pva-color-gradient-2: linear-gradient(180deg, #728fbc 0%, #d5deeb 115.33%);
        --pva-color-gradient-3: linear-gradient(180deg, #4d67b1 0%, #ebf0ff 115.33%)
    }

    @media (prefers-reduced-motion:no-preference) {
        :root {
            scroll-behavior: smooth
        }
    }

    .c-overlay-side-panel {
        display: none;
        position: fixed;
        top: 3.438rem;
        left: 0;
        width: 100%;
        height: 100%;
        justify-content: flex-end;
        z-index: 999
    }

    .c-overlay-side-panel__wrapper {
        max-height: calc(100vh - var(--pva-header-height) - var(--pva-footer-height));
        width: 26.5625rem;
        background-color: var(--pva-base-grey-100, #fafafa);
        box-shadow: 0 .5rem 1rem var(--pva-base-black-500, rgba(0, 0, 0, .0784313725));
        position: relative
    }

    .c-overlay-side-panel__tabs {
        padding: 1.5rem 1rem 0
    }

    .c-overlay-side-panel__tab-content {
        width: 100%;
        display: none
    }

    .c-overlay-side-panel__tab-content.-active {
        display: block
    }

    .c-overlay-side-panel__items {
        display: flex;
        gap: 1rem;
        border-bottom: .05rem solid var(--pva-base-grey, #ccc);
        list-style-type: none
    }

    .c-overlay-side-panel__head-tab {
        color: var(--pva-base-grey-1100, #737373);
        padding-bottom: .75rem
    }

    .c-overlay-side-panel__head-tab:hover {
        color: var(--pva-base-grey-1100, #737373)
    }

    .c-overlay-side-panel__item {
        margin-bottom: .688rem
    }

    .c-overlay-side-panel__item.-active .c-overlay-side-panel__head-tab {
        color: var(--pva-base-black, #000);
        font-weight: 500;
        border-bottom: .125rem solid var(--pva-color-secondary-1700, #7500c0)
    }

    .c-overlay-side-panel__close {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-14, .875rem);
        position: absolute;
        right: 1rem;
        display: flex;
        align-items: center;
        top: 1.375rem;
        cursor: pointer
    }

    .c-overlay-side-panel__main-content-scroll {
        overflow: auto;
        position: relative;
        height: 100%;
        margin-right: .25rem
    }

    .c-overlay-side-panel__main-content-scroll::-webkit-scrollbar {
        height: .125rem;
        width: .375rem
    }

    .c-overlay-side-panel__main-content-scroll::-webkit-scrollbar-track {
        background: 0 0;
        border-radius: .313rem
    }

    .c-overlay-side-panel__main-content-scroll::-webkit-scrollbar-thumb {
        background: var(--pva-base-blue-100, rgba(26, 54, 198, .1607843137));
        border-radius: .313rem
    }

    .c-overlay-side-panel__main-content {
        display: none
    }

    .c-overlay-side-panel__main-content.-active {
        display: block
    }

    .c-overlay-side-panel [role=tabpanel] {
        overflow: auto;
        max-height: calc(100vh - 9.0625rem)
    }

    .c-overlay-side-panel [role=tabpanel]::-webkit-scrollbar {
        height: .125rem;
        width: .375rem
    }

    .c-overlay-side-panel [role=tabpanel]::-webkit-scrollbar-track {
        background: 0 0;
        border-radius: .313rem
    }

    .c-overlay-side-panel [role=tabpanel]::-webkit-scrollbar-thumb {
        background: var(--pva-base-blue-100, rgba(26, 54, 198, .1607843137));
        border-radius: .313rem
    }

    .c-overlay-accordion {
        background: var(--pva-base-grey-100, #fafafa);
        padding: .813rem .375rem .75rem 1rem
    }

    .c-overlay-accordion__top-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: .813rem
    }

    .c-overlay-accordion__add-view {
        display: flex;
        align-items: center;
        gap: .5rem;
        font-size: var(--pva-fs-12, .75rem);
        color: var(--pva-color-primary, #a100ff)
    }

    .c-overlay-accordion__add-view:focus,
    .c-overlay-accordion__add-view:hover {
        color: var(--pva-color-primary, #a100ff)
    }

    .c-overlay-accordion__add-icon {
        position: relative;
        top: .063rem
    }

    .c-overlay-accordion__overlay-order {
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 500;
        color: var(--pva-color-primary, #a100ff)
    }

    .c-overlay-accordion__overlay-order:focus,
    .c-overlay-accordion__overlay-order:hover {
        color: var(--pva-color-primary, #a100ff)
    }

    .c-overlay-accordion__accordion {
        display: -ms-grid;
        display: grid;
        grid-gap: .5rem
    }

    .c-overlay-accordion__accordion-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer
    }

    .c-overlay-accordion__accordion-head-left {
        font-size: var(--pva-fs-12, .75rem);
        transition: all .4s cubic-bezier(.19, 1, .22, 1);
        display: flex;
        align-items: center
    }

    .c-overlay-accordion__accordion-head-right {
        display: flex;
        justify-content: flex-end;
        align-items: center
    }

    .c-overlay-accordion__accordion-head-right-icon {
        color: var(--pva-base-black, #000);
        font-size: .5rem
    }

    .c-overlay-accordion__accordion-content {
        max-height: 0;
        overflow: hidden
    }

    .c-overlay-accordion__accordion-content.-expand {
        max-height: 93.75rem;
        overflow: hidden;
        margin-top: .75rem
    }

    .c-overlay-accordion__accordion-item {
        background: var(--pva-base-white, #fff);
        border: .063rem solid transparent;
        border-radius: .25rem;
        padding: .5125rem 1rem
    }

    .c-overlay-accordion__accordion-item.-active {
        background: var(--pva-base-grey-100, #fafafa);
        border: 2px solid var(--pva-base-white-100, #dedede)
    }

    .c-overlay-accordion__accordion-item.-active .c-overlay-accordion__accordion-head-left {
        font-weight: 500;
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-overlay-accordion__accordion-item.-active .c-overlay-accordion__accordion-head-right-icon {
        transform: rotate(180deg);
        position: relative;
        bottom: .125rem;
        transition: all ease-in-out .3s
    }

    .c-overlay-accordion__accordion-item.-active:focus-visible {
        outline: 0
    }

    .c-overlay-accordion__content-wrap {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
        row-gap: 1rem
    }

    .c-overlay-accordion__col {
        width: 100%;
        display: -ms-grid;
        display: grid;
        row-gap: .75rem;
        column-gap: .938rem;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .c-overlay-accordion__col-input.-full-width {
        -ms-grid-column-span: 2;
        -ms-grid-column: 1;
        grid-column: 1/span 2
    }

    .c-overlay-accordion__col-input.-first-col {
        -ms-grid-column-span: 1;
        -ms-grid-column: 1;
        grid-column: 1/span 1
    }

    .c-overlay-accordion__col-input.-second-col {
        -ms-grid-column-span: 1;
        -ms-grid-column: 2;
        grid-column: 2/span 1
    }

    .c-overlay-accordion__col-input-label {
        color: var(--pva-base-black-100, rgba(0, 0, 0, .7098039216));
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-overlay-accordion__add-value {
        display: flex;
        align-items: center;
        gap: .625rem;
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 400;
        color: var(--pva-color-primary, #a100ff)
    }

    .c-overlay-accordion__add-value:focus,
    .c-overlay-accordion__add-value:hover {
        color: var(--pva-color-primary, #a100ff)
    }

    .c-overlay-accordion__value-icon {
        position: relative;
        top: .063rem
    }

    .c-overlay-accordion__check-btn {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: .75rem
    }

    .c-overlay-accordion__check-button {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: .5rem
    }

    .c-overlay-accordion__content-title {
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 400;
        color: var(--pva-base-black-100, rgba(0, 0, 0, .7098039216));
        opacity: revert
    }

    .c-overlay-accordion .o-input-label {
        color: var(--pva-base-black-100, rgba(0, 0, 0, .7098039216));
        font-size: var(--pva-fs-12, .75rem);
        margin-bottom: .5rem;
        opacity: revert
    }

    .c-overlay-accordion .o-input-wrap input {
        padding: .575rem;
        border: .068rem solid var(--pva-base-grey, #ccc);
        color: var(--pva-base-grey-1100, #737373);
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-overlay-accordion .o-select {
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-overlay-accordion .o-select-label {
        color: var(--pva-base-black-100, rgba(0, 0, 0, .71));
        font-size: var(--pva-fs-12, .75rem);
        margin-bottom: .5rem;
        opacity: revert
    }

    .c-overlay-accordion .o-select__selected-text {
        color: var(--pva-base-grey-1100, #737373)
    }

    .c-overlay-accordion .o-select__selected-text.-active {
        color: var(--pva-base-grey-1100, #737373)
    }

    .c-overlay-accordion .o-select__selected-text.-input {
        color: var(--pva-base-grey-1100, #737373)
    }

    .c-overlay-accordion .o-select__option {
        color: var(--pva-base-grey-1100, #737373)
    }

    .c-overlay-accordion .o-checkbox label {
        color: var(--pva-base-grey-1100, #737373);
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-overlay-accordion .o-checkbox__checked {
        background: 0 0
    }

    .c-overlay-accordion .o-checkbox .o-checkbox__input:checked+i+label {
        color: var(--pva-base-black, #000)
    }

    .c-bottom-panel {
        width: 100%;
        position: fixed;
        bottom: var(--pva-footer-height)
    }

    .c-bottom-panel:has(.-zoom-panel.-active) {
        width: auto;
        background: 0 0;
        right: 0
    }

    .c-bottom-panel__parent-wrap {
        display: flex;
        justify-content: flex-end
    }

    .c-bottom-panel__default {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        border-radius: .25rem;
        border: 1px solid var(--pva-base-white-200, #f4f4f4);
        background: var(--pva-base-white, #fff);
        box-shadow: 0 0 .25rem 0 var(--pva-base-black-1000, rgba(0, 0, 0, .0392156863)), 0 .5rem 1rem 0 var(--pva-base-black-500, rgba(0, 0, 0, .0784313725));
        margin: 0 2.75rem .5rem 2rem
    }

    .c-bottom-panel__percentage-wrapper {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 1.125rem 0 1.125rem
    }

    .c-bottom-panel__percentage-wrapper-minusicon {
        cursor: pointer;
        font-size: .143rem;
        position: relative;
        display: flex;
        align-items: center;
        background: 0 0;
        border: none;
        padding: .375rem;
        margin-right: .75rem
    }

    .c-bottom-panel__percentage-wrapper-plusicon {
        cursor: pointer;
        color: var(--pva-color-primary, #a100ff);
        font-size: var(--pva-fs-10, .625rem);
        margin-left: .75rem;
        background: 0 0;
        border: none
    }

    .c-bottom-panel__percentage-wrapper-tooltip {
        display: none;
        position: absolute;
        bottom: 2.5rem;
        left: 1rem
    }

    .c-bottom-panel__percentage-wrapper-tooltip.-active {
        display: block
    }

    .c-bottom-panel__percentage-wrapper-zoomlist {
        list-style: none;
        border: .5px solid var(--pva-base-grey, #ccc);
        padding: 1rem .75rem;
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 500;
        border-radius: .5rem;
        box-shadow: 0 7.5rem 1rem 0 var(--pva-base-black-600, rgba(0, 0, 0, .0509803922));
        background: var(--pva-base-white, #fff)
    }

    .c-bottom-panel__percentage-wrapper-zoomtext {
        margin-top: 1rem;
        cursor: pointer
    }

    .c-bottom-panel__percentage-wrapper-zoomtext.-zoomtofit {
        padding-bottom: .5rem;
        border-bottom: .036rem solid var(--pva-base-grey, #ccc);
        margin-top: 0
    }

    .c-bottom-panel__percentage-wrapper-zoomtext-zoomicon {
        color: var(--pva-color-primary, #a100ff);
        font-size: var(--pva-fs-12, .75rem);
        padding-right: .5rem
    }

    .c-bottom-panel__percentage-wrapper-zoomtext button {
        background: 0 0;
        border: none;
        padding: 0
    }

    .c-bottom-panel__percentage-wrapper.-z-index {
        position: relative;
        z-index: 1
    }

    .c-bottom-panel__percentage-wrapper-text {
        color: var(--pva-base-white, #fff);
        font-size: var(--pva-fs-12, .5rem);
        background-color: var(--pva-base-black, #000);
        border-radius: .25rem;
        display: inline-flex;
        padding: .25rem .75rem;
        justify-content: center;
        align-items: center;
        gap: .714rem
    }

    .c-bottom-panel__percentage-wrapper-text:focus,
    .c-bottom-panel__percentage-wrapper-text:hover {
        color: var(--pva-base-white, #fff);
        text-decoration: none
    }

    .c-bottom-panel__wrapper {
        display: none;
        align-items: center;
        justify-content: space-between;
        border-radius: .25rem;
        border: .071rem solid var(--pva-base-white-200, #f4f4f4);
        background: var(--pva-base-white, #fff);
        box-shadow: 0 0 .25rem 0 var(--pva-base-black-1000, rgba(0, 0, 0, .0392156863)), 0 .375rem 1rem 0 var(--pva-base-black-500, rgba(0, 0, 0, .0784313725));
        padding: .825rem 1rem;
        margin: 0 0 .375rem 0;
        width: 100%
    }

    .c-bottom-panel__wrapper.-zoom-panel {
        width: auto
    }

    .c-bottom-panel__wrapper.-zoom-panel .c-bottom-panel__percentage-wrapper {
        padding-left: 0
    }

    .c-bottom-panel__wrapper.-active {
        display: flex
    }

    .c-bottom-panel__left {
        display: flex;
        gap: 1rem;
        flex: 1;
        justify-content: space-between;
        align-items: center
    }

    .c-bottom-panel__left-left {
        display: flex;
        gap: 1rem
    }

    .c-bottom-panel__item {
        display: flex;
        align-items: center;
        gap: .5rem;
        flex-wrap: wrap
    }

    .c-bottom-panel__text {
        font-size: var(--pva-fs-12, .75rem);
        white-space: nowrap
    }

    .c-bottom-panel__radio {
        padding: .438rem 1.125rem .438rem .5rem;
        border-radius: .25rem
    }

    .c-bottom-panel__radio.-high {
        background: var(--pva-base-white-2100, #d7ebec)
    }

    .c-bottom-panel__radio.-medium {
        background: var(--pva-base-white-2200, #e3f3f4)
    }

    .c-bottom-panel__radio.-low {
        background: var(--pva-base-white-2300, #f0fbfb)
    }

    .c-bottom-panel__radio.-clear {
        background: var(--pva-base-white-700, #fcfcfc);
        border: 1px solid var(--pva-base-grey-1700, #b8b8b8)
    }

    .c-bottom-panel__radio .o-radio input {
        --ocircle-size: 1.125rem
    }

    .c-bottom-panel__radio .o-radio input:before {
        background: 0 0
    }

    .c-bottom-panel__radio .o-radio input+span {
        color: var(--pva-base-grey-1300, #505050);
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-bottom-panel__radio .o-radio:has(input:checked) input+span {
        color: var(--pva-base-black, #000)
    }

    .c-bottom-panel__edit {
        padding: 0 1rem;
        border-right: 1px solid var(--pva-base-grey, #ccc)
    }

    .c-bottom-panel__edit .o-primary-button {
        min-width: auto
    }

    .c-bottom-panel__toggle-section {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem;
        line-height: 1.2;
        position: relative
    }

    .c-bottom-panel__toggle-section-label {
        pointer-events: none
    }

    .c-bottom-panel__toggle-section-text {
        max-width: 3.312rem;
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-bottom-panel__legend-section {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem;
        padding-left: 1rem;
        background: 0 0;
        border: none
    }

    .c-bottom-panel__legend-section .icon-maximize {
        cursor: pointer;
        font-size: var(--pva-fs-16, 1rem);
        display: flex;
        align-items: center
    }

    .c-bottom-panel__legend-section-text {
        font-size: var(--pva-fs-12, .75rem);
        margin: 0
    }

    .c-bottom-panel__maximize-icon {
        cursor: pointer;
        font-size: var(--pva-fs-16, 1rem);
        position: relative;
        top: .0625rem
    }

    .c-bottom-panel__checkbox-panel {
        display: flex;
        align-items: center;
        gap: 1.5rem
    }

    .c-bottom-panel__checkbox-panel-text {
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-bottom-panel__checkbox-panel-checkbox {
        display: flex;
        align-items: center
    }

    .c-bottom-panel__right {
        display: flex;
        align-items: center;
        position: relative;
        margin-left: auto
    }

    .c-bottom-panel__button-panel {
        display: flex;
        align-items: center;
        gap: .5rem;
        border-right: 1px solid var(--pva-base-grey, #ccc);
        padding-right: 1rem
    }

    .c-bottom-panel__button-wrapper {
        display: flex;
        align-items: center;
        gap: 1rem
    }

    .c-bottom-panel__button-wrapper .icon-info {
        font-size: var(--pva-fs-20, 1.25rem);
        display: flex;
        align-items: center;
        color: var(--pva-color-primary, #a100ff);
        cursor: pointer
    }

    .c-bottom-panel__button-section {
        display: flex;
        align-items: center;
        gap: 1rem;
        justify-content: space-between;
        border-left: 1px solid var(--pva-base-grey, #ccc);
        border-right: 1px solid var(--pva-base-grey, #ccc);
        padding: 0 .312rem 0 .562rem
    }

    .c-bottom-panel__right-section {
        display: flex;
        align-items: center
    }

    .c-bottom-panel__select {
        display: flex;
        align-items: center
    }

    .c-bottom-panel__select .o-select {
        min-width: 8.857rem
    }

    .c-bottom-panel__select .o-select__selected-text {
        padding: .513rem 2.5rem .513rem .75rem;
        background: var(--pva-base-white-700, #fcfcfc);
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-overlay {
        background: var(--pva-base-white, #fff)
    }

    .c-overlay__wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: .875rem
    }

    .c-overlay__title {
        font-size: var(--pva-fs-20, 1.25rem);
        font-weight: 500
    }

    .c-overlay__left {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem
    }

    .c-overlay__right {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 2rem
    }

    .c-overlay__avatar-wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto)[3];
        grid-template-columns: repeat(3, auto)
    }

    .c-overlay__avatar-wrapper-item {
        margin-right: -.3125rem
    }

    .c-overlay__avatar-wrapper-text {
        color: var(--pva-color-primary, #a100ff);
        text-align: center;
        border: .0625rem solid var(--pva-base-grey-1400, #eaeaea);
        border-radius: 50%;
        display: inline-flex;
        padding: .2188rem .4063rem .2188rem .2813rem;
        justify-content: center;
        align-items: center;
        background-color: var(--pva-base-white, #fff);
        fill: var(--pva-base-white, #fff);
        stroke-width: .0625rem;
        stroke: var(--pva-base-grey-1400, #eaeaea);
        filter: drop-shadow(0 .25rem .5rem var(--pva-base-black-900, rgba(0, 0, 0, .0588235294))) drop-shadow(0 0 .25rem var(--pva-base-black-1000, rgba(0, 0, 0, .0392156863)))
    }

    .c-overlay__avatar-img {
        height: 1.75rem;
        width: 1.75rem
    }

    .c-left-panel__nav {
        position: fixed;
        height: 100vh;
        z-index: 100;
        background: var(--pva-base-white, #fff);
        left: 0;
        top: 0;
        display: flex;
        box-shadow: 0 5px 10px 0 var(--pva-base-black-400, rgba(0, 0, 0, .1019607843));
        transition: all ease-in-out .3s;
        width: auto;
        padding: 3.5rem 0 2.5rem 0
    }

    .c-left-panel__nav-wrap {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .c-left-panel__nav-top-logo {
        padding: 1rem 0 0 1rem
    }

    .c-left-panel__nav-top-logo img {
        width: 1.5rem
    }

    .c-left-panel__nav-li {
        list-style: none;
        background: 0 0;
        transition: all ease-in-out .3s;
        border-radius: .5rem;
        width: 100%;
        margin-bottom: .75rem;
        cursor: pointer
    }

    .c-left-panel__nav-li-link {
        display: flex;
        gap: .5rem;
        align-items: center
    }

    .c-left-panel__nav-li-txt {
        white-space: nowrap;
        font-size: var(--pva-fs-14, .875rem);
        color: var(--pva-base-grey-1200, #7c7c7c);
        font-weight: 400
    }

    .c-left-panel__nav-li-icon {
        width: 2.625rem;
        height: 2.625rem;
        color: var(--pva-base-grey-1100, #737373);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 2.625rem;
        font-size: var(--pva-fs-22, 1.375rem)
    }

    .c-left-panel__nav-li-icon.-overlay {
        font-size: var(--pva-fs-24, 1.5rem)
    }

    .c-left-panel__nav-li-icon.-survey {
        font-size: var(--pva-fs-22, 1.375rem)
    }

    .c-left-panel__nav-li-icon.-analyze {
        font-size: var(--pva-fs-20, 1.25rem)
    }

    .c-left-panel__nav-li-icon.-priority {
        font-size: var(--pva-fs-22, 1.375rem)
    }

    .c-left-panel__nav-li-icon.-scenario {
        font-size: var(--pva-fs-24, 1.5rem)
    }

    .c-left-panel__nav-li-icon.-help {
        font-size: var(--pva-fs-18, 1.125rem)
    }

    .c-left-panel__nav-li-icon.-setting {
        font-size: var(--pva-fs-24, 1.5rem)
    }

    .c-left-panel__nav-li-icon i {
        position: relative;
        top: 3px
    }

    .c-left-panel__nav-li.-active,
    .c-left-panel__nav-li:hover {
        background: var(--pva-base-grey-1000, #e8e1fd);
        color: var(--pva-color-secondary-100, #6b10a0)
    }

    .c-left-panel__nav-li.-active .c-left-panel__nav-li-icon,
    .c-left-panel__nav-li:hover .c-left-panel__nav-li-icon {
        color: var(--pva-color-secondary-100, #6b10a0)
    }

    .c-left-panel__nav-ul {
        padding: 0 .5rem;
        width: 3.5rem;
        overflow: hidden;
        transition: all ease-in-out .3s
    }

    .c-left-panel__nav-ul.-top {
        margin: 2.5rem 0 0;
        height: calc(100vh - 16rem);
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 0 0 0 .5rem
    }

    .c-left-panel__nav-ul.-top::-webkit-scrollbar {
        width: 6px
    }

    .c-left-panel__nav-ul.-top::-webkit-scrollbar-track {
        background: 0 0
    }

    .c-left-panel__nav-ul.-top::-webkit-scrollbar-thumb {
        background: var(--pva-base-blue-100, rgba(26, 54, 198, .1607843137))
    }

    .c-left-panel__nav-ul.-btm {
        margin-bottom: .5rem
    }

    .c-left-panel__nav-info-block {
        display: none;
        flex-basis: 50%;
        margin: 2.5rem 0 0
    }

    .c-left-panel__nav.-active .c-left-panel__nav-ul {
        width: 16.25rem
    }

    .c-left-panel__nav.-active .c-left-panel__nav-li.-active .c-left-panel__nav-li-txt,
    .c-left-panel__nav.-active .c-left-panel__nav-li:hover .c-left-panel__nav-li-txt {
        color: var(--pva-color-secondary-100, #6b10a0);
        font-weight: 500
    }

    .c-left-panel__nav.-active .c-left-panel__nav-li.-active .c-left-panel__nav-li-icon,
    .c-left-panel__nav.-active .c-left-panel__nav-li:hover .c-left-panel__nav-li-icon {
        color: var(--pva-color-secondary-100, #6b10a0)
    }

    .c-left-panel__nav.-active.-showmore {
        gap: .75rem
    }

    .c-left-panel__nav.-active.-showmore .c-left-panel__nav-info-block {
        display: block;
        width: 16.625rem;
        padding-inline: 1.25rem;
        border-left: 1px solid var(--pva-base-white-2400, #e3e1e1)
    }

    .c-left-panel__info-cnt {
        margin-block: 4px
    }

    .c-left-panel__info-subblock {
        margin-top: 1.5rem
    }

    .c-left-panel__info-subblock:first-child {
        margin-top: 0
    }

    .c-left-panel__info-subblock .o-select__wrapper {
        max-width: 11.625rem;
        margin-top: 1rem
    }

    .c-left-panel__info-subblock .o-select__selected-text {
        padding: .3875rem 1.875rem .3875rem .9375rem;
        font-size: var(--pva-fs-12, .75rem);
        color: var(--pva-base-grey-1100, #737373)
    }

    .c-left-panel__info-subblock .o-select__selected-text:before {
        font-size: var(--pva-fs-14, .875rem);
        right: .4375rem
    }

    .c-left-panel__info-subtitle {
        margin: 0;
        font-size: var(--pva-fs-16, 1rem);
        font-weight: 500;
        text-transform: capitalize
    }

    .c-left-panel__info-list {
        margin-top: 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 1rem
    }

    .c-left-panel__info-item {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .c-left-panel__info-link {
        font-size: var(--pva-fs-14, .875rem);
        color: var(--pva-base-grey-1200, #7c7c7c)
    }

    .c-left-panel__info-arrow-icon {
        transform: rotate(270deg);
        display: inline-flex;
        font-size: .5625rem;
        margin-left: .125rem;
        color: var(--pva-base-black, #000);
        position: relative;
        top: .5px
    }

    .c-header__client {
        --margin-right: 1.5rem;
        position: relative;
        margin-right: var(--margin-right);
        font-size: var(--pf-fs-12, .75rem);
        color: var(--color-link, #a100ff)
    }

    .c-header__client p {
        margin: 0
    }

    .c-header__client:after {
        content: "";
        height: 1rem;
        width: 1px;
        position: absolute;
        top: 50%;
        right: calc(var(--margin-right) * -.5);
        translate: 0 -50%;
        background-color: rgba(0, 0, 0, .2)
    }

    .c-header__client:focus-visible,
    .c-header__client:hover {
        text-decoration: none
    }

    .c-header__client:is(div) {
        color: var(--color-default, #000)
    }

    .c-header__search {
        width: 34.5rem;
        max-width: 50vw;
        border-radius: 2.5rem;
        border: 1px solid #e3edf7;
        height: 2.875rem;
        padding: .6875rem 1rem .6875rem 2.5rem;
        background-color: inherit;
        display: none
    }

    .c-header__searchlabel {
        position: relative;
        margin-right: 1rem;
        min-width: 2.0625rem;
        min-height: 1.3125rem
    }

    .c-header__searchicon {
        position: absolute;
        top: 50%;
        translate: 1rem -50%;
        height: 1.0625rem;
        width: 1.0625rem
    }

    .c-header__title {
        --paddingleft: 1rem;
        font-size: var(--pf-fs-12, .75rem);
        text-decoration: none;
        font-weight: 500;
        line-height: 1;
        padding-left: var(--paddingleft);
        position: relative;
        display: flex;
        align-items: center
    }

    .c-header__title:before {
        content: none;
        height: 100%;
        width: .0313rem;
        display: inline-block;
        background-color: #5a5a5a;
        position: absolute;
        top: 50%;
        transform: translate(calc(var(--paddingleft)/ 2 * -1), -50%)
    }

    .c-header__navhome {
        display: inline-block;
        height: 1.125rem
    }

    .c-header__navhome * {
        pointer-events: none
    }

    .c-header__navgroup {
        --margin-left: 1.75rem;
        display: flex;
        align-items: center;
        position: relative;
        gap: 1rem;
        margin-left: var(--margin-left)
    }

    .c-header__navgroup:before {
        content: "";
        height: 1rem;
        width: 1px;
        position: absolute;
        top: 50%;
        left: calc(var(--margin-left) * -.5);
        translate: 0 -50%;
        background-color: var(--color-default, #000);
        opacity: .2
    }

    .c-header__navgroup-tt {
        font-size: var(--pf-fs-10, .625rem)
    }

    .c-header__navgroup-lt {
        font-size: var(--pf-fs-12, .75rem)
    }

    .c-header__navgroup-pva {
        color: #222;
        font-weight: 500;
        font-size: var(--pf-fs-12, .75rem)
    }

    .c-header__navgroup-pvaWrap {
        display: flex;
        flex-direction: column;
        gap: .25rem;
        line-height: 1
    }

    .c-header__navgroup-pvaWrap .-bold {
        font-weight: 500
    }

    .c-header__nlogo {
        width: 1rem;
        height: 1.125rem
    }

    .c-header__nlogo img {
        width: 100%;
        height: auto
    }

    .c-header__logo {
        height: 2rem;
        width: 1.813rem
    }

    .c-header__logo img {
        width: 100%;
        height: auto;
        pointer-events: none
    }

    .c-header__home {
        display: flex;
        align-items: center;
        position: relative;
        color: inherit
    }

    .c-header__home:focus,
    .c-header__home:focus-visible,
    .c-header__home:hover {
        color: inherit;
        text-decoration: none
    }

    .c-header__rht {
        display: flex;
        align-items: center;
        margin-left: auto;
        flex: 0 0 auto
    }

    .c-header__rht .o-dropdown-menu {
        border-radius: 1.25rem;
        min-width: 18rem
    }

    .c-header__rht .o-dropdown-body {
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 60vh
    }

    .c-header__rht .o-dropdown-body::-webkit-scrollbar {
        height: .375rem;
        width: .375rem;
        background-color: transparent
    }

    .c-header__rht .o-dropdown-body::-webkit-scrollbar-thumb {
        background-color: #eee6ff;
        border-radius: 1rem
    }

    .c-header__rht .o-dropdown-body::-webkit-scrollbar-track {
        background-color: transparent
    }

    .c-header__rht .o-dropdown-item {
        font-size: 14px;
        padding: .875rem 1.375rem .75rem 1.375rem
    }

    .c-header__rht .o-dropdown-item:focus,
    .c-header__rht .o-dropdown-item:hover {
        background: linear-gradient(92deg, rgba(210, 153, 255, .1) 2.65%, rgba(109, 204, 244, .1) 155.93%);
        font-weight: 400;
        box-shadow: none
    }

    .c-header__rht .o-dropdown-item.-logout {
        padding-top: 1.25rem;
        padding-bottom: 1.125rem;
        border-top: 1px solid #ccc
    }

    .c-header__rht .c-dropdown__profile {
        width: 100%;
        padding: 1.625rem 1.375rem;
        gap: 1rem;
        display: flex;
        align-items: center;
        border-bottom: .0625rem solid #e6e6e6
    }

    .c-header__rht .c-dropdown__profilepic {
        width: 2rem;
        height: 2rem;
        display: flex
    }

    .c-header__rht .c-dropdown__profileinfo {
        display: flex;
        flex-direction: column;
        gap: .125rem;
        font-size: var(--pf-fs-12, .75rem);
        line-height: 1
    }

    .c-header__rht .c-dropdown__profilename {
        font-weight: 500;
        font-size: var(--pf-fs-16, 1rem)
    }

    .c-header__mxd {
        margin-left: auto
    }

    .c-header__lft {
        display: flex;
        align-items: center;
        flex: 0 0 auto
    }

    .c-header__inner {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .c-header__inner.container {
        padding-top: .625rem;
        padding-bottom: .625rem
    }

    .c-header__container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .5625rem 2.5rem;
        width: 100%
    }

    .c-header__wrap {
        --color-header-background: #fff;
        --color-header-shadow: 0 4px 8px rgb(237, 245, 255);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 3.5rem;
        background-color: var(--color-header-background, #fff);
        box-shadow: var(--color-header-shadow, 0 4px 8px #edf5ff);
        z-index: 1001;
        transition: transform .2s ease
    }

    .c-header__wrap.-landing .c-header__inner {
        padding-left: 2rem;
        padding-right: 2rem
    }

    body:has(.c-leftPanel) .c-header__inner {
        padding-left: 2rem;
        padding-right: 2rem
    }

    html[data-theme=dark] .c-header__wrap {
        --color-header-background: #000;
        --color-header-shadow: none
    }

    .c-project-title__wrapper {
        display: flex;
        justify-content: space-between;
        margin-bottom: 1.5rem;
        align-items: center;
        padding-top: 2rem
    }

    .c-project-title .-mt-single-btn {
        padding-top: 2rem;
        margin-bottom: 1.5rem
    }

    .c-project-title .-icon {
        display: flex;
        align-items: center;
        gap: .571rem;
        padding: .8438rem 2.625rem;
        font-size: var(--pva-fs-14, 14px)
    }

    .c-project-title .-icon i {
        display: flex;
        align-items: center
    }

    .c-project-title__heading {
        margin: 0;
        font-size: var(--pva-fs-20, 20px)
    }

    .c-project-title__buttons {
        display: flex;
        gap: 12px
    }

    .c-project-form__wrapper {
        width: 29.25rem
    }

    .c-project-form .o-input-label {
        color: var(--pva-base-black-200, #222);
        font-size: var(--pva-fs-16, 1rem);
        font-weight: 500;
        margin-bottom: .5rem;
        opacity: unset
    }

    .c-project-form__support {
        font-size: var(--pva-fs-16, 1rem);
        font-weight: 500;
        color: var(--pva-base-black-200, #222);
        display: inline-block;
        margin-bottom: .75rem
    }

    .c-project-form__support-cont {
        margin-bottom: 2.25rem;
        display: -ms-grid;
        display: grid
    }

    .c-project-form .o-select-label {
        font-size: var(--pva-fs-16, 1rem);
        font-weight: 500;
        color: var(--pva-base-black-200, #222);
        opacity: unset
    }

    .c-project-form .o-radio input:before {
        background: 0 0
    }

    .c-project-form .o-radio input+span {
        color: var(--pva-base-grey-1300, #505050)
    }

    .c-project-form .o-input-file.-image {
        background: var(--pva-base-grey-4700);
        box-shadow: none
    }

    .c-project-form .o-input-file.-image input {
        background: 0 0
    }

    .c-workspace-view__title {
        font-weight: 500;
        font-size: var(--pva-fs-14, .875rem);
        text-transform: uppercase;
        margin-bottom: 1.25rem
    }

    .c-workspace-view__list {
        display: -ms-grid;
        display: grid;
        gap: 1.5rem
    }

    .c-workspace-view__item-tit {
        font-size: var(--pva-fs-14, .875rem);
        font-weight: 400
    }

    .c-workspace-view__item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .937rem 1.5rem;
        border-radius: .75rem;
        border: 1px soid var(--pva-base-white, #fff);
        background: var(--pva-base-grey-4600)
    }

    .c-workspace-view__item-heading {
        font-size: var(--pva-fs-16, 1rem);
        font-weight: 400;
        color: var(--pva-base-black, #000);
        margin: 0;
        display: flex;
        gap: .5rem
    }

    .c-workspace-view__item-desc {
        font-size: var(--pva-fs-14, .875rem);
        margin-top: .1893rem;
        color: var(--pva-base-grey-1300, #505050)
    }

    .c-workspace-view__icon-list {
        display: flex
    }

    .c-workspace-view__buttons {
        display: flex;
        align-items: center;
        padding: 0 .875rem
    }

    .c-workspace-view__buttons.-selected {
        color: #0041f0;
        font-weight: 500
    }

    .c-workspace-view__buttons.-disable {
        color: var(--pva-base-grey-800, #8f9195)
    }

    .c-workspace-view__buttons .icon-edit {
        font-size: var(--pva-fs-20, 1.25rem);
        display: flex;
        align-items: center;
        padding: .5rem
    }

    .c-workspace-view__buttons .icon-pin {
        font-size: var(--pva-fs-16, 1rem);
        padding: .5rem
    }

    .c-workspace-view__buttons .icon-delete {
        font-size: var(--pva-fs-16, 1rem);
        padding: .5rem
    }

    .c-workspace-view .o-primary-button.-save {
        padding: .8rem 2.625rem;
        width: unset
    }

    .c-workspace-view .o-checkbox__checked {
        background: 0 0
    }

    .c-workspace-name__top-section {
        padding-bottom: 4.214rem
    }

    .c-workspace-name__title-section {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .c-workspace-name__title-section-right .o-primary-button {
        display: inline-flex;
        height: 3.429rem;
        padding: .813rem 2.625rem;
        justify-content: center;
        align-items: center;
        gap: .625rem;
        border-radius: .25rem;
        background: var(--pva-base-black-200, #222);
        color: var(--pva-base-white, #fff);
        border: none;
        cursor: pointer
    }

    .c-workspace-name__breadcrumb {
        display: flex;
        margin-top: 3.429rem
    }

    .c-workspace-name__breadcrumb-link {
        color: var(--pva-base-grey-1500, #7a7a7a);
        font-size: var(--pva-fs-12, .857rem);
        font-style: normal;
        font-weight: 400
    }

    .c-workspace-name__breadcrumb-link.-active {
        color: var(--pva-base-black, #000);
        font-weight: 500
    }

    .c-workspace-name__breadcrumb-link.-active span {
        display: none
    }

    .c-workspace-name__heading {
        color: var(--pva-base-black, #000);
        font-family: Graphik;
        font-size: var(--pva-fs-24, 1.714rem);
        margin: 0
    }

    .c-workspace-name__paratext {
        color: var(--pva-base-grey-1600, #717171);
        font-family: Graphik;
        font-size: var(--pva-fs-14, 1.714rem);
        max-width: 39.571rem;
        margin: .75rem 0 0 0
    }

    .c-workspace-name__tab {
        display: flex;
        flex-direction: column;
        flex: 1
    }

    .c-workspace-name__tab [role=tablist] {
        border-bottom: .65px solid var(--pva-base-white-1900, #dadada)
    }

    .c-workspace-name__tab [role=tablist].-variant2 {
        box-shadow: 0 0 0 0 inset var(--pva-base-grey, #ccc);
        background: var(--pva-base-white, #fff);
        border-bottom: .041rem solid var(--pva-base-grey, #ccc)
    }

    .c-workspace-name__tab [role=tablist] [role=tab] {
        border: 0;
        box-shadow: unset
    }

    .c-workspace-name__tab [role=tabpanel] {
        display: flex;
        flex: 1
    }

    .c-workspace-name__tab .c-tabs__container {
        display: block
    }

    .c-workspace-name__tab .c-tabs__container>.container {
        display: flex
    }

    .c-workspace-name__right-wrap {
        display: flex;
        margin-left: auto;
        gap: 1rem;
        align-items: center
    }

    .c-workspace-name__search-btn {
        background-color: transparent;
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 1.5rem;
        display: inline-flex
    }

    .c-main {
        display: flex;
        padding-left: 2.071rem
    }

    .c-main__right {
        flex-grow: 1
    }

    .c-main__wrapper {
        min-height: calc(100vh - 9.0625rem)
    }

    @media (min-width:992px) {
        .c-main {
            padding-left: 1.875rem
        }
    }

    @media (min-width:1232px) {
        .c-main {
            padding-left: .25rem
        }
    }

    .c-users-table {
        padding-top: .5rem
    }

    .c-users-table__title {
        font-size: var(--pva-fs-20, 1.25rem);
        font-weight: 400;
        margin: 0;
        padding-bottom: 2rem
    }

    .c-users-table__header {
        display: flex;
        background-color: var(--pva-base-grey-100, #fafafa);
        justify-content: space-between;
        padding: .5rem .286rem;
        border-bottom: .056rem solid var(--pva-base-grey-2200, #eeeded)
    }

    .c-users-table__header-text {
        font-size: var(--pva-fs-10, .625rem);
        color: var(--pva-base-black, #000);
        font-weight: 500;
        text-transform: uppercase;
        width: 50%;
        padding-left: 1.071rem;
        display: flex;
        gap: .571rem
    }

    .c-users-table__header-text:first-child {
        padding-left: .429rem;
        width: 30%
    }

    .c-users-table__header-text:last-child {
        width: 20%;
        padding-left: 1.286rem
    }

    .c-users-table .-text-input-select {
        padding: unset;
        height: 2.286rem
    }

    .c-users-table .select-user .o-select {
        background: #e1e9f2;
        border: 1px solid #e1e9f2;
        border-radius: .286rem
    }

    .c-users-table .select-user .o-select__selected-text {
        background: 0 0;
        border-radius: 4px;
        border: unset;
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 400;
        color: var(--pva-base-black, #000);
        align-items: center;
        display: -ms-grid;
        display: grid
    }

    .c-users-table .select-user .icon-chevron-down:before {
        display: none
    }

    .c-users-table .-h-378 {
        max-height: 3.786rem
    }

    .c-users-table__item {
        display: flex;
        justify-content: space-between;
        gap: .071rem;
        max-height: 3.3125rem
    }

    .c-users-table__item-text {
        font-size: var(--pva-fs-12, .75rem);
        color: var(--pva-base-black, #000);
        font-weight: 400;
        width: 50%;
        padding: .625rem .625rem .375rem .375rem;
        display: -ms-grid;
        display: grid;
        align-items: center
    }

    .c-users-table__item-text.-border {
        border-top: 1px solid var(--pva-base-white, #fff)
    }

    .c-users-table__item-text.-last {
        border-radius: 0 0 .75rem .75rem;
        border-bottom: 1px solid var(--pva-base-white, #fff)
    }

    .c-users-table__item-text-user {
        border-radius: .25rem;
        background: #e1e9f2;
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 400;
        color: var(--pva-base-black, #000);
        padding: .571rem 1.143rem
    }

    .c-users-table__item-text .-new-select {
        height: 2rem;
        display: flex;
        align-items: center
    }

    .c-users-table__item-text.-user-name {
        padding-left: 1.375rem
    }

    .c-users-table__item-text:first-child {
        width: 30%;
        background: var(--pva-base-grey-4600);
        border-bottom: .063rem solid var(--pva-base-grey-4300);
        border-left: 1px solid var(--pva-base-white, #fff);
        border-right: 1px solid var(--pva-base-white, #fff)
    }

    .c-users-table__item-text:last-child {
        width: 20%;
        text-decoration: underline;
        background: var(--pva-base-grey-4600);
        border-left: 1px solid var(--pva-base-white, #fff);
        border-right: 1px solid var(--pva-base-white, #fff)
    }

    .c-users-table__item-text.-no-border {
        border-bottom: 1px solid var(--pva-base-white, #fff)
    }

    .c-users-table__item-text-icon {
        display: flex;
        gap: .875rem;
        align-items: center;
        padding-left: 1rem
    }

    .c-users-table__item-text-icon a {
        display: flex;
        align-items: center;
        font-size: var(--pva-fs-14, .875rem)
    }

    .c-users-table__item-text-icon a i:before {
        font-size: var(--pva-fs-18, 1.125rem);
        padding: .5rem .5rem
    }

    .c-users-table__item-text-icon a i:hover {
        color: var(--pva-color-primary, #a100ff)
    }

    .c-users-table__item-text-icon .icon-drag:before {
        font-size: var(--pva-fs-20, 1.25rem)
    }

    .c-users-table__item-text-icon .icon-add {
        position: relative;
        top: .063rem;
        margin-left: .125rem;
        padding-top: .063rem
    }

    .c-users-table__item-text-icon .icon-add:hover {
        border-radius: 50%;
        background: var(--pva-base-grey-2200, #eeeded)
    }

    .c-overlay-table__icons-wrap {
        display: flex;
        gap: .5rem;
        justify-content: flex-start;
        align-items: center
    }

    .c-overlay-table__icons-wraps {
        display: none;
        gap: .5rem;
        justify-content: flex-start;
        align-items: center
    }

    .c-overlay-table__icon {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-12, .75rem);
        width: 1.75rem;
        height: 1.75rem;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .c-overlay-table__icon.-effect:hover {
        width: 1.75rem;
        height: 1.75rem;
        background: var(--pva-base-grey-1000, #e8e1fd);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .c-overlay-table__item {
        background: var(--pva-base-grey-100, #fafafa);
        padding: .5rem .5rem 0 0;
        display: table-cell
    }

    .c-overlay-table__item.-icons {
        display: table-cell;
        vertical-align: top;
        padding: 1.25rem
    }

    .c-overlay-table__item.-color {
        padding: .813rem 1.125rem .375rem .813rem
    }

    .c-overlay-table__row {
        background: var(--pva-base-grey-100, #fafafa);
        transition: all linear .3s;
        cursor: pointer
    }

    .c-overlay-table__row .c-overlay-table__item:first-child {
        padding-left: .75rem;
        width: 4.25rem
    }

    .c-overlay-table__row .c-overlay-table__item:nth-child(2) {
        width: 5.75rem
    }

    .c-overlay-table__row .c-overlay-table__item:nth-child(3) {
        width: 3.5rem
    }

    .c-overlay-table__row .c-overlay-table__item:nth-child(4) {
        width: 3.5rem
    }

    .c-overlay-table__row .c-overlay-table__item:nth-child(5) {
        width: 3.125rem
    }

    .c-overlay-table__row .c-overlay-table__item:nth-child(6) {
        width: 4rem
    }

    .c-overlay-table__row.-active .c-overlay-table__icons-wrap {
        display: none
    }

    .c-overlay-table__row.-active .c-overlay-table__icons-wraps {
        display: flex
    }

    .c-overlay-table__row.-active .icon-kebab {
        color: var(--pva-color-primary, #a100ff)
    }

    .c-overlay-table__theader {
        background: var(--pva-base-white, #fff)
    }

    .c-overlay-table__head {
        padding: .5rem .5rem .5rem 0;
        text-align: left;
        white-space: nowrap;
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 400
    }

    .c-overlay-table__headrow .c-overlay-table__head:first-child {
        padding-left: .75rem;
        width: 4.25rem
    }

    .c-overlay-table__headrow .c-overlay-table__head:nth-child(2) {
        width: 5.75rem
    }

    .c-overlay-table__headrow .c-overlay-table__head:nth-child(3) {
        width: 3.5rem
    }

    .c-overlay-table__headrow .c-overlay-table__head:nth-child(4) {
        width: 3.5rem
    }

    .c-overlay-table__headrow .c-overlay-table__head:nth-child(5) {
        width: 3.125rem
    }

    .c-overlay-table__headrow .c-overlay-table__head:nth-child(6) {
        width: 4rem
    }

    .c-overlay-table__list {
        overflow: auto;
        max-width: 22.25rem
    }

    .c-overlay-table__list::-webkit-scrollbar {
        height: .375rem;
        width: .375rem
    }

    .c-overlay-table__list::-webkit-scrollbar-track {
        background: 0 0;
        border-radius: .313rem
    }

    .c-overlay-table__list::-webkit-scrollbar-thumb {
        background: var(--pva-base-blue-100, rgba(26, 54, 198, .1607843137));
        border-radius: .313rem
    }

    .c-overlay-table__table {
        width: 100%;
        margin-bottom: .75rem
    }

    .c-overlay-table__color {
        width: .75rem;
        height: .75rem;
        background-color: var(--pva-base-green-300, #9beadb)
    }

    .c-overlay-table__color.-green {
        background-color: var(--pva-base-green, #8fe793)
    }

    .c-overlay-table__color.-darkgreen {
        background-color: var(--pva-base-green-100, #83d069)
    }

    .c-overlay-table__color.-sea-green {
        background-color: var(--pva-base-green-200, #7bd19e)
    }

    .c-overlay-table .o-input-wrap input {
        padding: .2rem .625rem;
        background: var(--pva-base-grey-100, #fafafa);
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-12, .75rem);
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    .c-overlay-table .icon-comment,
    .c-overlay-table .icon-edit,
    .c-overlay-table .icon-monitoring {
        font-size: var(--pva-fs-14, .875rem)
    }

    .c-overlay-table input[type=color] {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: 0 0;
        border: 0;
        cursor: pointer;
        height: .75rem;
        padding: 0;
        width: .75rem
    }

    .c-overlay-table input[type=color]::-webkit-color-swatch-wrapper {
        padding: 0
    }

    .c-overlay-table input[type=color]::-webkit-color-swatch {
        border: 0;
        border-radius: 0
    }

    .c-overlay-table input[type=color]::-moz-color-swatch,
    .c-overlay-table input[type=color]::-moz-focus-inner {
        border: 0
    }

    .c-overlay-table input[type=color]::-moz-focus-inner {
        padding: 0
    }

    [role=tablist] {
        display: flex;
        flex-wrap: wrap
    }

    [role=tablist] [role=tab] {
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        margin: 0;
        border: 0;
        min-width: 8.625rem;
        padding: .4813rem 1rem;
        font-size: var(--pva-fs-16, 1rem);
        color: var(--pva-base-black-200, #222);
        border-bottom: 1px solid var(--pva-base-white-800, #ddd)
    }

    [role=tablist] [role=tab][aria-selected=true] {
        border-bottom: 2px solid var(--pva-color-secondary-1700, #7500c0);
        font-weight: 600
    }

    [role=tablist].-variant2 {
        background: var(--pva-base-grey-100, #fafafa);
        box-shadow: 1px 0 0 0 inset var(--pva-base-white-800, #ddd)
    }

    [role=tablist].-variant2 [role=tab] {
        box-shadow: 1px 0 0 0 var(--pva-base-white-800, #ddd), 0 -1px 0 0 inset var(--pva-base-white-800, #ddd);
        padding: .8125rem 2.25rem 1.1875rem 2.25rem;
        min-width: fit-content
    }

    [role=tablist].-variant2 [role=tab][aria-selected=true] {
        background: var(--pva-base-white, #fff);
        border: 0;
        box-shadow: -1px 0 0 0 var(--pva-base-white, #fff), 0 -2px 0 0 inset var(--pva-color-secondary-1700, #7500c0);
        font-weight: 700
    }

    [role=tablist].-small {
        display: flex;
        align-items: center;
        gap: 1rem;
        line-height: 1;
        box-shadow: 0 -1px 0 0 inset var(--pva-base-white-800, #ddd)
    }

    [role=tablist].-small [role=tab] {
        padding: 0 0 .9rem 0;
        font-size: var(--pva-fs-14, .875rem);
        min-width: auto;
        color: var(--pva-base-grey-1100, #737373)
    }

    [role=tablist].-small [role=tab][aria-selected=true] {
        color: var(--pva-base-black, #000)
    }

    [role=tabpanel]:not(.-show) {
        display: none
    }

    .c-analyze-card {
        padding: 1rem
    }

    .c-analyze-card__wrap {
        border-radius: .2857rem;
        background: var(--pva-base-white, #fff);
        box-shadow: 0 0 .2857rem 0 var(--pva-base-black-1000, rgba(0, 0, 0, .0392156863)), 0 .2857rem .5714rem 0 var(--pva-base-black-900, rgba(0, 0, 0, .0588235294));
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .c-analyze-card__img {
        margin-bottom: 1.375rem;
        background: var(--pva-base-grey-100, #fafafa);
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 8.25rem;
        border-radius: .1429rem
    }

    .c-analyze-card__img img {
        height: auto;
        width: auto;
        border-radius: .1429rem
    }

    .c-analyze-card__name {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-14, .875rem);
        font-weight: 400;
        text-transform: capitalize;
        margin: 0 0 1.6px 0
    }

    .c-analyze-card__date {
        margin: 0;
        color: var(--pva-base-grey-1300, #505050);
        font-size: var(--pva-fs-12, .75rem);
        text-transform: capitalize
    }

    .c-analyze-card__cta {
        color: var(--pva-base-black, #000);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .625rem 0;
        margin: 0 .5rem;
        border-top: 1px solid var(--pva-base-white-900, #f2f2f2)
    }

    .c-analyze {
        padding-bottom: 2.2857rem
    }

    .c-analyze__header {
        display: flex;
        justify-content: space-between
    }

    .c-analyze__header-title {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-24, 24px);
        font-weight: 400;
        margin: 0 0 .6rem 0
    }

    .c-analyze__content {
        padding-top: 2rem
    }

    .c-analyze__cards-wrap {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem
    }

    .c-create-matrix .c-proDTitle__inner,
    .c-create-matrix .c-tabs__container {
        padding-left: .625rem
    }

    .c-create-matrix__content {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: .25fr .75fr;
        grid-template-columns: .25fr .75fr
    }

    .c-create-matrix__content-container {
        background: var(--pva-base-grey-4800)
    }

    .c-create-matrix__content-wrap {
        min-height: calc(100vh - 13rem)
    }

    .c-create-matrix__content-input {
        padding: 1.5625rem 1.5rem 0 0
    }

    .c-create-matrix__content-graph {
        background: url(../../toolkit/images/svg/swatch.svg) center;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .c-create-matrix__input-label {
        color: rgba(0, 0, 0, .65);
        font-size: var(--pva-fs-14, .875rem);
        margin-bottom: .75rem;
        display: inline-block
    }

    .c-create-matrix__input-wrap {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        padding-bottom: 1.5rem;
        border-bottom: .0714rem solid rgba(0, 0, 0, .22)
    }

    .c-create-matrix__input-wrap:not(:last-child) {
        margin-bottom: 1.5rem
    }

    .c-create-matrix__input-wrap .o-select-label {
        opacity: 1;
        font-size: var(--pva-fs-16, 1rem);
        margin-bottom: .5rem
    }

    .c-matrix-graph {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (11.125rem)[4];
        grid-template-columns: repeat(4, 11.125rem);
        -ms-grid-rows: (8.37rem)[3] minmax(4.25rem, 1fr);
        grid-template-rows: repeat(3, 8.37rem) minmax(4.25rem, 1fr);
        -ms-grid-column-align: center;
        justify-items: center;
        align-items: end;
        gap: .125rem;
        position: relative;
        width: fit-content
    }

    .c-matrix-graph__label {
        border: .0237rem solid var(--pva-base-grey-1700, #b8b8b8);
        border-radius: .0938rem;
        min-width: 6.375rem;
        min-height: 2.25rem;
        padding: .25rem .25rem .125rem .25rem;
        color: var(--pva-base-black, #000);
        display: flex;
        flex-direction: column;
        gap: .0938rem;
        margin-top: 2rem
    }

    .c-matrix-graph__label-name {
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-matrix-graph__label-info {
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 300
    }

    .c-matrix-graph__label.-align-right {
        margin-right: 1.25rem
    }

    .c-matrix-graph__label.-pastel-blue {
        border-top: .25rem solid var(--pva-base-white-1800, #e1e1fe)
    }

    .c-matrix-graph__label.-pale-purple {
        border-top: .25rem solid var(--pva-color-secondary-2900, #c6c6fa)
    }

    .c-matrix-graph__label.-lavender-blue {
        border-top: .25rem solid var(--pva-color-secondary-2800, #9999f9)
    }

    .c-matrix-graph__label.-shift-right {
        -ms-grid-column: 2;
        grid-column-start: 2
    }

    .c-matrix-graph__cell {
        padding: .75rem;
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 400;
        max-height: 8.735rem;
        width: 100%;
        height: 100%
    }

    .c-matrix-graph__cell-header {
        display: flex;
        justify-content: space-between;
        margin-bottom: .75rem
    }

    .c-matrix-graph__cell-right {
        display: flex;
        align-items: center;
        gap: .5rem
    }

    .c-matrix-graph__cell-right .icon-chevron-down {
        display: inline-flex;
        color: inherit
    }

    .c-matrix-graph__cell-right .icon-chevron-down:before {
        display: inline-flex;
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-matrix-graph__cell-list {
        padding-left: .9375rem;
        max-height: 5.25rem;
        padding-right: .625rem;
        overflow: hidden
    }

    .c-matrix-graph__cell-list::-webkit-scrollbar {
        width: .25rem
    }

    .c-matrix-graph__cell-list::-webkit-scrollbar-thumb {
        background: var(--pva-color-secondary-3000, #5858cc);
        border-radius: 1rem
    }

    .c-matrix-graph__cell-list::-webkit-scrollbar-track {
        background: 0 0;
        border-radius: 1rem
    }

    .c-matrix-graph__cell-list:hover {
        overflow: auto
    }

    .c-matrix-graph__cell.-bg-pastel-blue {
        background: var(--pva-base-white-1800, #e1e1fe)
    }

    .c-matrix-graph__cell.-bg-pale-purple {
        background: var(--pva-color-secondary-2900, #c6c6fa)
    }

    .c-matrix-graph__cell.-bg-lavender-blue {
        background: var(--pva-color-secondary-2800, #9999f9);
        color: var(--pva-base-white, #fff)
    }

    .c-matrix-graph__axis-label {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-12, .75rem);
        position: absolute
    }

    .c-matrix-graph__axis-label.-horizontal {
        bottom: 4rem;
        right: 14.125rem
    }

    .c-matrix-graph__axis-label.-vertical {
        rotate: -90deg;
        top: 12.375rem;
        left: 5.9375rem
    }

    .c-workspace-initial__wrap {
        width: 100%;
        display: flex;
        flex: 1;
        min-height: 33.5rem
    }

    .c-workspace-initial__wrap>.container {
        display: flex;
        flex-direction: column;
        flex: 1
    }

    .c-workspace-initial__wrapper {
        display: flex;
        flex-direction: column;
        flex: 1;
        margin-bottom: 4.286rem;
        background: var(--pva-base-grey-4900);
        border-radius: 0 0 1.429rem 1.429rem
    }

    .c-workspace-initial__wrapper.-padding {
        padding-top: 2rem
    }

    .c-workspace-initial__initial-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.714rem;
        justify-content: center;
        flex: 1
    }

    .c-workspace-initial__initial-section-heading {
        text-align: center;
        font-size: var(--pva-fs-24, 1.714rem)
    }

    .c-workspace-initial__create-proces-btn .o-primary-button {
        font-size: var(--pva-fs-12, 1rem);
        color: var(--pva-base-white-300, #f9f9f9);
        background-color: var(--pva-base-black-200, #222);
        cursor: pointer
    }

    .c-create-process-modal {
        display: none;
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background: rgba(255, 255, 255, .6);
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px)
    }

    .c-create-process-modal.active {
        display: block
    }

    .c-create-process-modal__wrapper {
        max-width: 46.25rem;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        background: var(--pva-base-grey-4500, rgba(255, 255, 255, .8980392157));
        border-radius: .75rem
    }

    .c-create-process-modal__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 2rem 0 0 1.5rem;
        background-repeat: no-repeat;
        background-size: cover
    }

    .c-create-process-modal__header-title {
        font-size: var(--pva-fs-24, 1.714rem);
        font-weight: 500
    }

    .c-create-process-modal__header-text {
        color: var(--pva-base-grey-700, #4a4a4a);
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-create-process-modal__header-left {
        display: flex;
        flex-direction: column;
        gap: .75rem;
        justify-content: start
    }

    .c-create-process-modal__header-right .icon-close {
        position: absolute;
        top: 7%;
        right: 3%;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: end;
        padding: .688rem;
        margin-bottom: .75rem;
        font-size: var(--pva-fs-16, 1rem)
    }

    .c-create-process-modal__body {
        padding: 1.25rem 1.5rem 1.125rem 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 1.143rem;
        margin-top: 0
    }

    .c-create-process-modal__body-input .o-input-wrap {
        display: flex;
        flex-direction: column
    }

    .c-create-process-modal__body-input .o-input-label {
        color: var(--pva-base-black);
        font-size: var(--pva-fs-14, .875rem);
        opacity: 1
    }

    .c-create-process-modal__body-input.-process .o-input-wrap input {
        max-width: 48%;
        border: .063rem solid var(--pva-base-white-800, #ddd);
        border-radius: .5rem;
        padding: .64rem 1.125rem
    }

    .c-create-process-modal__body-input.-description .o-input-wrap input {
        border-radius: .5rem;
        padding: .64rem 1.125rem 2.063rem
    }

    .c-create-process-modal__btn-wrapper {
        display: flex;
        align-items: center;
        justify-content: end;
        gap: 1.5rem;
        padding: 0 1.5rem 2rem
    }

    .c-create-process-modal__btn-wrapper .o-secondary-button {
        min-width: 5.438rem;
        background-color: var(--pva-base-white, #fff);
        font-size: var(--pva-fs-14, .875rem);
        border-radius: .25rem;
        border: .063rem solid var(--pva-base-black, #000);
        cursor: pointer
    }

    .c-create-process-modal__btn-wrapper .o-primary-button {
        min-width: 6rem;
        background-color: var(--pva-base-black, #000);
        color: var(--pva-base-white-200, #f4f4f4);
        font-size: var(--pva-fs-14, .875rem);
        border-radius: .25rem;
        border: none;
        cursor: pointer
    }

    .c-workspace-card__main-process {
        position: relative;
        margin: 1.125rem 0
    }

    .c-workspace-card__main-process-title {
        font-size: var(--pva-fs-16, 1rem);
        font-weight: 500;
        margin-bottom: 1rem
    }

    .c-workspace-card__card-wrapper {
        display: -ms-grid;
        display: grid;
        flex-wrap: wrap;
        gap: 1.5rem;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr)
    }

    .c-workspace-card__card {
        border-radius: .286rem;
        background: var(--pva-base-white, #fff);
        box-shadow: 0 0 .286rem 0 rgba(0, 0, 0, .04), 0 .286rem .571rem 0 rgba(0, 0, 0, .06)
    }

    .c-workspace-card__card-header {
        font-size: var(--pva-fs-14, .875rem);
        font-weight: 500;
        margin: .643rem 0 .714rem 0;
        display: flex;
        gap: .5rem
    }

    .c-workspace-card__card-header span {
        margin-top: .125rem
    }

    .c-workspace-card__card-header .icon-alert {
        color: var(--pva-base-amber-400, #ff7800);
        font-size: var(--pva-fs-14, .875rem)
    }

    .c-workspace-card__card-content {
        padding: 0 1.286rem 0 1.214rem;
        position: relative
    }

    .c-workspace-card__card-top .icon-more {
        font-size: var(--pva-fs-22, 1.375rem);
        cursor: pointer;
        position: absolute;
        top: 3.5%;
        right: 6%
    }

    .c-workspace-card__card-img img {
        width: 100%;
        max-width: 100%;
        border-radius: .286rem
    }

    .c-workspace-card__card-bottom {
        display: flex;
        align-items: center;
        justify-content: end;
        padding: 1rem 1.616rem 1rem 0
    }

    .c-workspace-card__card-configure {
        border-top: .071rem solid var(--pva-base-white-900, #f2f2f2);
        font-size: var(--pva-fs-14, 1rem);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1rem 0;
        margin: 0 .714rem 0 .571rem;
        cursor: pointer
    }

    .c-workspace-card__title {
        display: flex;
        align-items: center
    }

    .c-workspace-card__avatar-wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (auto)[3];
        grid-template-columns: repeat(3, auto)
    }

    .c-workspace-card__avatar-wrapper-item {
        margin-right: -.792rem
    }

    .c-workspace-card__avatar-wrapper-text {
        color: var(--pva-color-primary, #a100ff);
        text-align: center;
        font-size: var(--pva-fs-12, 1rem);
        text-transform: uppercase;
        display: inline-flex;
        padding: .236rem .53rem .224rem .414rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: var(--pva-base-white, #fff);
        border: .063rem solid var(--pva-base-grey, #ccc);
        border-radius: 50%;
        fill: var(--pva-base-white, #fff);
        filter: drop-shadow(0 .315rem .629rem rgba(0, 0, 0, .06)) drop-shadow(0 0 .315rem rgba(0, 0, 0, .04))
    }

    .c-workspace-card__avatar-img {
        height: 1.714rem;
        width: 1.714rem
    }

    @media (max-width:991.98px) {
        .c-workspace-card__card-wrapper {
            -ms-grid-columns: (1fr)[3];
            grid-template-columns: repeat(3, 1fr)
        }
    }

    .c-workspace-popup {
        position: relative
    }

    .c-workspace-popup__card-popup {
        min-width: 11.071rem;
        position: absolute;
        background-color: var(--pva-base-white, #fff);
        box-shadow: 0 0 .286rem 0 rgba(0, 0, 0, .04), 0 .286rem .571rem 0 rgba(0, 0, 0, .06);
        top: 15%;
        right: -40%;
        z-index: 1;
        display: none
    }

    .c-workspace-popup__card-popup.-show {
        display: block
    }

    .c-workspace-popup__card-popup-item {
        display: flex;
        align-items: center;
        gap: .571rem;
        padding: .714rem 0 .714rem .929rem;
        cursor: pointer;
        border-left: .143rem solid transparent
    }

    .c-workspace-popup__card-popup-item:hover {
        border-left: .143rem solid var(--pva-base-blue, #1a36c6);
        background: var(--pva-base-white-400, #f5f9ff)
    }

    .c-chat-bot {
        position: fixed;
        bottom: 0;
        top: 3.375rem;
        right: 0;
        z-index: 12
    }

    .c-chat-bot__logo-icon {
        width: 3.25rem;
        height: 3.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        border-radius: 50%;
        position: absolute;
        right: 2.875rem;
        bottom: 4.375rem
    }

    .c-chat-bot__logo-icon-click {
        cursor: pointer;
        color: var(--pva-base-white, #fff);
        width: 3.25rem;
        height: 3.25rem
    }

    .c-chat-bot__logo-icon.-hide {
        display: none
    }

    .c-chat-bot__container {
        max-height: calc(100vh - var(--pva-header-height) - var(--pva-footer-height));
        height: 100%;
        width: 21rem;
        display: none;
        box-shadow: 0 0 .286rem 0 rgba(0, 0, 0, .04), 0 .286rem .571rem 0 rgba(0, 0, 0, .06)
    }

    .c-chat-bot__container.-active {
        display: block
    }

    .c-chat-bot__outerwrapper {
        height: 100%;
        display: flex;
        flex-direction: column;
        background: linear-gradient(135.55deg, #fff4f0 .74%, #e9e9fb 75.24%);
        border-radius: 0
    }

    .c-chat-bot__title {
        background: linear-gradient(135.55deg, var(--pva-base-white-2700) .74%, var(--pva-base-grey-4400) 75.24%);
        color: var(--pva-base-black, #000);
        padding: 0 1.5rem 0 1.75rem
    }

    .c-chat-bot__title.-home-chat {
        background: linear-gradient(135.55deg, var(--pva-base-white-2700) .74%, var(--pva-base-grey-4400) 75.24%);
        min-height: 13.25rem
    }

    .c-chat-bot__title-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: var(--pva-fs-16, 1rem);
        padding: .969rem 0
    }

    .c-chat-bot__title-left {
        display: flex;
        align-items: center;
        gap: .406rem;
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-16, 1rem)
    }

    .c-chat-bot__title-left-title-light {
        font-weight: 400
    }

    .c-chat-bot__title-left-icon {
        position: relative;
        top: 1px;
        width: 2rem;
        height: 2rem
    }

    .c-chat-bot__title-right {
        display: flex;
        font-size: var(--pva-fs-16, 1.143rem);
        gap: 1.143rem;
        color: var(--pva-base-black-1400, #101010)
    }

    .c-chat-bot__title-icon {
        position: relative;
        top: .143rem;
        cursor: pointer;
        border: none;
        background: 0 0;
        padding: 0;
        font-size: var(--pva-fs-16, 1rem)
    }

    .c-chat-bot__title-icon.c-chat-bot__expand {
        pointer-events: none
    }

    .c-chat-bot__home {
        display: -ms-grid;
        display: grid;
        font-size: var(--pva-fs-22, 1.375rem);
        margin-top: 1.5rem
    }

    .c-chat-bot__home-title {
        display: flex;
        color: #353535;
        gap: .286rem;
        align-items: center;
        font-weight: 500
    }

    .c-chat-bot__home-title img {
        width: 1.857rem
    }

    .c-chat-bot__home-title-sml {
        color: var(--pva-base-blue-500, #5175da);
        font-weight: 500
    }

    .c-chat-bot__home-content {
        flex: 1;
        padding: 0 1.75rem 0 1.5rem
    }

    .c-chat-bot__home-card {
        padding: .45rem 1.5rem .45rem 1rem;
        border-radius: .75rem;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .08);
        font-size: var(--pva-fs-12, .75rem);
        display: flex;
        gap: 1.125rem;
        justify-content: space-between;
        align-items: center;
        background: var(--pva-base-white, #fff)
    }

    .c-chat-bot__home-card-wrap {
        position: relative;
        bottom: 2.5rem;
        z-index: 1
    }

    .c-chat-bot__home-card-left {
        color: var(--pva-base-black, #000)
    }

    .c-chat-bot__home-card-title {
        font-weight: 500
    }

    .c-chat-bot__home-card-btm {
        color: var(--pva-base-green-400, #7f7f7f);
        display: flex;
        flex-wrap: wrap;
        position: relative
    }

    .c-chat-bot__home-card-btm-info {
        display: inline-flex;
        padding: 0 .286rem;
        border-right: 1px solid var(--pva-base-green-400, #7f7f7f)
    }

    .c-chat-bot__home-card-btm-info:first-child {
        padding-left: 0
    }

    .c-chat-bot__home-card-btm-info:last-child {
        border-right: none
    }

    .c-chat-bot__home-card-right-btn {
        background: 0 0;
        border: none;
        padding: 0;
        position: relative;
        transform: rotate(-90deg)
    }

    .c-chat-bot__home-card-right-btn-wrap {
        border-radius: 50%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background: var(--pva-base-grey-3900, #f3f3fe);
        padding: .069rem .275rem;
        min-width: 1.429rem
    }

    .c-chat-bot__home-card-right-btn-wrap i {
        position: relative;
        bottom: -.143rem
    }

    .c-chat-bot__content {
        height: calc(100% - 7.813rem);
        overflow: auto;
        padding: 1.5rem .938rem 0 .857rem;
        background: var(--pva-base-white, #fff);
        border-radius: .75rem .75rem 0 0
    }

    .c-chat-bot__content::-webkit-scrollbar {
        background: 0 0;
        width: .25rem
    }

    .c-chat-bot__content::-webkit-scrollbar-track {
        background: 0 0;
        margin-top: 6px
    }

    .c-chat-bot__content::-webkit-scrollbar-thumb {
        background: var(--pva-base-grey, #ccc)
    }

    .c-chat-bot__content-question {
        margin-top: 1.5rem;
        padding: .5rem .75rem;
        display: flex;
        align-items: center;
        gap: .75rem;
        color: var(--pva-base-grey-400, #535353);
        font-size: .75rem;
        background: var(--pva-base-grey-100, #fafafa);
        border: 1px solid var(--pva-base-grey, #ccc);
        border-radius: .25rem;
        line-height: 1.2
    }

    .c-chat-bot__content-question-userimg {
        height: 1.75rem;
        width: 1.75rem
    }

    .c-chat-bot__left {
        border-radius: 50%
    }

    .c-chat-bot__left-system {
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--pva-base-white, #fff)
    }

    .c-chat-bot__left-system i {
        font-size: var(--pva-fs-18, 1.286rem);
        position: relative;
        top: 2px
    }

    .c-chat-bot__left img {
        width: 100%;
        border-radius: 50%
    }

    .c-chat-bot__response-wrap {
        background: var(--pva-base-grey-500, #f6f6f6);
        padding: .94rem 1rem;
        font-size: var(--pva-fs-12, .75rem);
        border-radius: .5rem
    }

    .c-chat-bot__response-wrap.-loading {
        background: 0 0
    }

    .c-chat-bot__response-loading {
        display: flex;
        flex-direction: row-reverse
    }

    .c-chat-bot__response-loading img {
        width: 1.125rem;
        position: relative;
        left: 1rem
    }

    .c-chat-bot__response-user {
        font-size: var(--pva-fs-12, .75rem);
        color: var(--pva-base-black, #000)
    }

    .c-chat-bot__response-icon {
        display: flex;
        margin: .25rem 0 .625rem;
        width: 100%;
        gap: .5rem .75rem;
        align-items: center;
        align-content: center
    }

    .c-chat-bot__response-icon-link {
        color: var(--pva-base-black, #000)
    }

    .c-chat-bot__response-system-loading {
        display: flex;
        width: 100%;
        padding: 1rem 0 .875rem;
        justify-content: center
    }

    .c-chat-bot__response-system-loading-content img {
        width: 2.125rem
    }

    .c-chat-bot__response-link {
        background: var(--pva-base-white, #fff);
        width: 100%;
        border-radius: .25rem;
        padding: .563rem .938rem .563rem .75rem
    }

    .c-chat-bot__response-link-wrap {
        display: -ms-grid;
        display: grid;
        gap: .857rem;
        padding: .857rem 0 0
    }

    .c-chat-bot__response-link-box {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .c-chat-bot__response-link-box-left {
        display: flex;
        gap: .75rem;
        align-items: center
    }

    .c-chat-bot__response-link-box-ext {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-12, .75rem);
        display: flex;
        align-items: center;
        gap: .25rem;
        border: transparent;
        background: 0 0;
        padding: 0
    }

    .c-chat-bot__response-link-box-icon {
        height: 1.5rem;
        width: 1.5rem;
        border-radius: 50%;
        background: var(--pva-base-grey-600, #f7f5ff);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--pva-color-primary, #a100ff)
    }

    .c-chat-bot__response-link-box-icon i {
        position: relative;
        top: 3px
    }

    .c-chat-bot__response-link-box-text {
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 500;
        color: var(--pva-base-black, #000)
    }

    .c-chat-bot__row {
        display: -ms-grid;
        display: grid;
        width: 100%;
        -ms-grid-columns: 1.25rem calc(100% - 2rem);
        grid-template-columns: 1.25rem calc(100% - 2rem);
        justify-content: space-between;
        margin-bottom: 1rem
    }

    .c-chat-bot__row:last-child {
        margin-bottom: 0
    }

    .c-chat-bot__row.-loading {
        -ms-grid-columns: calc(100% - 3.25rem) 2.5rem;
        grid-template-columns: calc(100% - 3.25rem) 2.5rem;
        align-items: center
    }

    .c-chat-bot__row.-loading .c-chat-bot__left {
        width: 2.5rem
    }

    .c-chat-bot__row.-user {
        -ms-grid-columns: calc(100% - 3.25rem) 2.5rem;
        grid-template-columns: calc(100% - 3.25rem) 2.5rem;
        align-items: flex-end
    }

    .c-chat-bot__row.-user .c-chat-bot__left {
        width: 2.5rem
    }

    .c-chat-bot__row.-user .c-chat-bot__response-wrap {
        background: var(--pva-base-grey-300, #dfeff9);
        padding: .68rem 1rem .76rem
    }

    .c-chat-bot__content-box {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: .75rem
    }

    .c-chat-bot__content-box-textdiv {
        background-color: var(--pva-base-white, #fff);
        border-radius: .75rem;
        display: flex;
        gap: .75rem;
        padding: .875rem .875rem .875rem 1.063rem;
        line-height: 1.2;
        position: relative
    }

    .c-chat-bot__content-box-textdiv-icon {
        font-size: var(--pva-fs-22, 1.571rem);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        position: relative;
        top: .25rem
    }

    .c-chat-bot__content-response {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: var(--pva-fs-22, 1.571rem);
        cursor: pointer;
        margin-top: .5rem .75rem
    }

    .c-chat-bot__content-response-left {
        display: flex;
        gap: 1rem;
        align-items: center
    }

    .c-chat-bot__content-response-right {
        display: flex;
        gap: .75rem;
        align-items: center
    }

    .c-chat-bot__content-response-right-icon:hover {
        color: var(--pva-color-primary, #a100ff)
    }

    .c-chat-bot__content-response-item:hover {
        color: var(--pva-color-primary, #a100ff)
    }

    .c-chat-bot__content-response-icon {
        margin-right: .313rem;
        position: relative;
        top: 1px
    }

    .c-chat-bot__footer {
        border-top: 1px solid var(--pva-base-grey, #ccc);
        background: var(--pva-base-white, #fff)
    }

    .c-chat-bot__footer-left {
        display: flex;
        align-items: center;
        gap: .75rem;
        height: 100%
    }

    .c-chat-bot__footer-left-attach {
        background: 0 0;
        border: transparent;
        padding: 0;
        font-size: var(--pva-fs-20, 1.25rem);
        height: 100%;
        display: flex;
        align-items: center
    }

    .c-chat-bot__footer-right {
        display: flex;
        align-items: center
    }

    .c-chat-bot__footer-right button {
        color: var(--pva-base-black, #000);
        cursor: pointer;
        background: 0 0;
        padding: 0;
        border: none;
        font-size: var(--pva-fs-14, .857rem)
    }

    .c-chat-bot__footer-userinput {
        height: 3.78rem;
        position: relative;
        display: flex;
        background: var(--pva-base-white, #fff);
        align-items: center;
        padding: 0 1.125rem;
        justify-content: space-between;
        gap: 4.75rem
    }

    .c-chat-bot__footer-userinput-send {
        font-size: var(--pva-fs-12, .75rem);
        cursor: pointer;
        color: var(--pva-color-secondary-300, #9001e5)
    }

    .c-chat-bot__footer-userinput-area {
        width: 100%
    }

    .c-chat-bot__footer-userinput .o-text-area {
        height: 100%
    }

    .c-chat-bot__footer-userinput .o-text-area__input {
        height: 100%;
        border: none;
        padding: 1.25rem 0 0 1rem;
        font-size: var(--pva-fs-14, .857rem);
        color: var(--pva-base-grey-3700, #707071)
    }

    .c-chat-bot__footer-userinput .o-text-area__input:-ms-input-placeholder {
        font-size: var(--pva-fs-14, .857rem);
        color: var(--pva-base-grey-3700, #707071);
        font-style: italic
    }

    .c-chat-bot__footer-userinput .o-text-area__input::placeholder {
        font-size: var(--pva-fs-14, .857rem);
        color: var(--pva-base-grey-3700, #707071);
        font-style: italic
    }

    .c-chat-bot__footer-userinput .o-text-area__input:focus {
        outline: 0
    }

    .c-chat-bot.-expand {
        left: 4.75rem
    }

    .c-chat-bot.-expand .c-chat-bot__container {
        width: 100%
    }

    .c-chat-bot.-expand .c-chat-bot__content {
        padding: 1.25rem 11.25rem 0 12.5rem
    }

    .c-chat-bot.-expand .c-chat-bot__footer-userinput {
        padding: 0 10.5rem 0 14rem
    }

    .c-chat-bot.-expand .c-chat-bot__market {
        padding-left: 3.125rem
    }

    .c-chat-bot.-expand .c-chat-bot__title {
        padding-left: 1.25rem
    }

    .c-chat-bot-survey {
        border: 1px solid #b1c6ff;
        border-radius: .75rem;
        background-color: #fff;
        padding: .75rem;
        display: flex;
        gap: 1rem;
        width: 18.75rem;
        position: absolute;
        bottom: 3.625rem;
        right: 7rem
    }

    .c-chat-bot-survey-text {
        color: #606060;
        font-size: .75rem
    }

    .c-chat-bot-survey-text>a {
        font-weight: 500;
        color: #a100ff
    }

    .c-chat-bot-survey.-hide {
        display: none
    }

    .c-create-client {
        border-bottom: 1px solid var(--pva-base-white-1500, #eee)
    }

    .c-create-client__contant {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1.125rem 0
    }

    .c-create-client__title {
        font-size: var(--pva-fs-20, 1.25rem);
        font-weight: 400;
        margin-bottom: .75rem
    }

    .c-create-client__desc {
        color: var(--pva-base-grey-1100, #737373);
        font-size: var(--pva-fs-16, 1rem);
        font-weight: 400
    }

    .c-create-client__step {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-14, .875rem);
        font-weight: 400;
        margin-bottom: .75rem;
        text-align: end
    }

    .c-create-client__step-tab {
        height: .25rem;
        width: 3.75rem;
        background: var(--pva-base-white-1500, #eee);
        border-radius: .25rem
    }

    .c-create-client .-purple {
        background: var(--pva-color-primary, #a100ff)
    }

    .c-create-client__steper {
        display: flex;
        gap: .57rem
    }

    .c-create-client__workspace {
        margin: 0;
        font-size: calc(var(--pva-fs-16, 1rem) * 2);
        font-weight: 400
    }

    .c-create-client .-fs-14 {
        font-size: var(--pva-fs-14, .875rem)
    }

    .c-create-client .-gray {
        color: var(--pva-base-grey-1300, #505050)
    }

    .c-scope {
        flex: 1
    }

    .c-scope__content {
        width: 100%;
        overflow: auto
    }

    .c-scope__content::-webkit-scrollbar {
        height: .125rem;
        width: .375rem
    }

    .c-scope__content::-webkit-scrollbar-track {
        background: 0 0;
        border-radius: .313rem
    }

    .c-scope__content::-webkit-scrollbar-thumb {
        background: var(--pva-base-blue-100, rgba(26, 54, 198, .1607843137));
        border-radius: .313rem
    }

    .c-scope__wrapper {
        padding: 2.5rem 0 2.5rem
    }

    .c-scope .c-create-client__contant {
        padding-top: 1.75rem
    }

    .c-scope__title {
        font-size: var(--pva-fs-18, 1.125rem);
        font-weight: 400;
        margin: 0
    }

    .c-scope__form-flex {
        padding-top: 1.5rem;
        display: flex;
        align-items: center;
        gap: 1.5rem
    }

    .c-scope__form-flex .o-input-wrap {
        min-width: 29.25rem
    }

    .c-scope .o-select__wrapper {
        min-width: 29.25rem
    }

    .c-scope .-h-62 .o-select__selected-text {
        height: 3.875rem;
        padding-bottom: 2.286rem;
        color: var(--pva-base-black, #000)
    }

    .c-scope .-h-62 .o-select__selected-text:before {
        top: 30%
    }

    .c-scope .-bg-gray input {
        background: var(--pva-base-white-500, #ededed)
    }

    .c-scope .-bg-gray .o-select__selected-text {
        background: var(--pva-base-white-500, #ededed);
        color: var(--pva-base-black, #000)
    }

    .c-scope .-cl-black {
        color: var(--pva-base-black, #000)
    }

    .c-scope .o-input-wrap.-disabled .-file,
    .c-scope .o-input-wrap.-disabled input {
        background: var(--pva-base-grey-100, #fafafa)
    }

    .c-scope .o-select__wrapper.-disabled .o-select__selected-text {
        background: var(--pva-base-grey-100, #fafafa)
    }

    .c-stickyfooter__inner {
        display: flex;
        justify-content: end;
        align-items: center;
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .c-stickyfooter__inner.-exit-survey {
        justify-content: space-between
    }

    .c-stickyfooter__wrap {
        position: sticky;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--pva-base-white, #fff);
        margin-top: auto;
        z-index: 11;
        box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .1)
    }

    .c-stickyfooter__actions {
        display: flex;
        align-items: center;
        gap: 1.5rem
    }

    .c-stickyfooter__actions.-gap {
        gap: 1rem
    }

    .c-stickyfooter__desc {
        color: var(--pva-base-black, #000)
    }

    .c-process-mode {
        padding-bottom: 7rem;
        padding-top: 5.625rem
    }

    .c-process-mode__zoomfun {
        transform-origin: top left
    }

    .c-process-mode__functional {
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 600;
        color: var(--pva-base-black, #000);
        background-color: var(--pva-base-white-900, #f2f2f2);
        padding: .625rem 0 .625rem .938rem
    }

    .c-process-mode__content {
        padding-top: .563rem;
        display: flex;
        gap: .5rem
    }

    .c-process-mode__content-col {
        padding: .438rem .313rem
    }

    .c-process-mode__content-col-heading {
        font-size: var(--pva-fs-14, .875rem);
        font-weight: 500;
        color: var(--pva-base-white, #fff);
        padding: .625rem 0;
        background-color: var(--pva-base-blue-1200, #4d67b1);
        display: flex;
        justify-content: center;
        border-radius: .16rem;
        cursor: pointer;
        position: relative;
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-process-mode__content-col-heading-level1 {
        position: absolute;
        top: -.3125rem;
        left: .688rem;
        background: var(--pva-base-white-1000, #dbe3fc);
        border-radius: .25rem;
        padding: 0 1.375rem;
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-process-mode__content-col-data {
        display: flex;
        gap: .2rem;
        padding-top: .688rem
    }

    .c-process-mode__content-col-data-item1 {
        display: flex;
        justify-content: space-between;
        gap: .5rem;
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 500;
        color: var(--pva-base-black, #000);
        background-color: var(--pva-base-blue-900, #b4c7ff);
        padding: .563rem 0 .563rem .625rem;
        white-space: nowrap;
        position: relative;
        width: calc(100% - 1.16rem);
        cursor: pointer;
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-process-mode__content-col-data-item1-overflow {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        text-align: center
    }

    .c-process-mode__content-col-data-item1-level2 {
        position: absolute;
        top: -.375rem;
        left: .688rem;
        background: var(--pva-color-secondary-1800, #631e8b);
        border-radius: .25rem;
        padding: 0 1.286rem;
        color: var(--pva-base-white, #fff);
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-process-mode__content-col-data-item1:before {
        color: var(--pva-base-blue-900, #b4c7ff);
        border-left: 1.16rem solid;
        border-top: 1.16rem solid transparent;
        border-bottom: 1.16rem solid transparent;
        display: inline-block;
        content: "";
        position: absolute;
        left: 100%;
        top: 0
    }

    .c-process-mode__content-col-data-item1-count {
        display: none;
        background: var(--pva-color-secondary-2700, #460073);
        color: var(--pva-base-white, #fff);
        position: absolute;
        width: 91%;
        left: 0;
        top: 100%;
        font-weight: 400;
        padding: .25rem .188rem
    }

    .c-process-mode__content-col-data-item1-count:before {
        color: var(--pva-color-secondary-2700, #460073);
        border-left: 1.5rem solid;
        border-bottom: 1.688rem solid transparent;
        display: inline-block;
        content: "";
        position: absolute;
        right: -1.438rem;
        top: 0
    }

    .c-process-mode__content-col-data-item2 {
        display: flex;
        justify-content: center;
        font-size: var(--pva-fs-12, .75rem);
        color: var(--pva-base-black, #000);
        background-color: var(--pva-base-blue-1000, #d4dfff);
        padding: .625rem .625rem;
        white-space: nowrap;
        border-radius: .25rem;
        position: relative;
        cursor: pointer;
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-process-mode__content-col-data-item2-overflow2 {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .c-process-mode__content-col-data-item2-level3 {
        position: absolute;
        top: -.3125rem;
        left: .688rem;
        background: var(--pva-base-blue-300, #728fbc);
        border-radius: .25rem;
        padding: 0 .875rem;
        color: var(--pva-base-white, #fff);
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-process-mode__content-col-data-item2-popup {
        display: none;
        position: absolute;
        background: #fff;
        top: 105%;
        left: 94%;
        z-index: 1;
        border-radius: 4px;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .0784313725)
    }

    .c-process-mode__content-col-data-item2-popup-data {
        font-size: 12px;
        font-weight: 400;
        cursor: pointer;
        padding: 10px 53px 10px 16px
    }

    .c-process-mode__content-col-data-item2-popup-data:hover {
        background-color: var(--pva-base-white-2600, #eff3ff);
        border-left: 2px solid var(--pva-base-blue-1200, #4d67b1);
        padding-left: 14px
    }

    .c-process-mode__content-col-data-item2-popup-data:hover:last-child {
        border-radius: 0 0 4px 4px
    }

    .c-process-mode__content-col-data-item2-popup-data:hover:first-child {
        border-radius: 4px 4px 0 0
    }

    .c-process-mode__content-col-data-item2-dots {
        display: none;
        font-size: 14px;
        position: absolute;
        right: 10px;
        cursor: pointer;
        outline: 0;
        background: 0 0;
        border: transparent;
        padding: 0
    }

    .c-process-mode__content-col-data-item2.-active .c-process-mode__content-col-data-item2-dots {
        display: block
    }

    .c-process-mode__content-col-data-item2.-activetooltip .c-process-mode__content-col-data-item2-popup {
        display: block
    }

    .c-process-mode__content-col-data-item3 {
        list-style: none;
        font-size: var(--pva-fs-12, .75rem);
        border: .32px solid var(--pva-base-white-1300, #f4f1fe);
        padding: 0 .625rem;
        border-radius: .25rem;
        position: relative;
        transition: all .4s cubic-bezier(.19, 1, .22, 1);
        background: var(--pva-base-grey-2100, #fdfdfd)
    }

    .c-process-mode__content-col-data-item3.is-trans {
        overflow: hidden
    }

    .c-process-mode__content-col-data-item3-level4 {
        position: absolute;
        top: -.375rem;
        left: .688rem;
        background: var(--pva-base-amber, #d1784b);
        border-radius: .25rem;
        padding: 0 .625rem;
        color: var(--pva-base-white, #fff);
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-process-mode__content-col-data-item3-subitem {
        padding: .313rem 0;
        border-bottom: .32px solid var(--pva-base-blue-900, #b4c7ff)
    }

    .c-process-mode__content-col-data-item3-subitem:last-child {
        border-bottom: none
    }

    .c-process-mode__content-col-data-item3-subitem-itemwrap {
        display: flex;
        justify-content: space-between;
        padding: .5rem 0 .5rem .375rem;
        align-items: center
    }

    .c-process-mode__content-col-data-item3-subitem-itemwrap-text {
        padding-right: .313rem
    }

    .c-process-mode__content-col-data-item3-subitem-itemwrap-number {
        display: none;
        border: .5px solid var(--pva-base-pink);
        border-radius: .75rem;
        padding: 0 .375rem;
        background: var(--pva-base-pink-100)
    }

    .c-process-mode__content-col-data-subdata {
        display: flex;
        flex-direction: column;
        gap: .25rem;
        flex-grow: 1;
        flex-basis: 0;
        min-width: 17.5rem;
        padding: .75rem .1875rem
    }

    .c-process-mode__content-col-data-subdata2 {
        display: flex;
        flex-direction: column;
        gap: .563rem;
        flex: 1;
        padding: .3125rem .125rem
    }

    .c-process-mode__content-col-data-input {
        display: none
    }

    .c-process-mode__content-col-data-input .o-input-wrap input {
        border-style: dashed;
        font-size: var(--pva-fs-12, .75rem);
        outline: 0 !important
    }

    .c-process-mode__content-col-data-input .o-input-settingicon {
        position: absolute;
        right: 1rem;
        top: 25%
    }

    .c-process-mode__content-col.-crossfun {
        flex-basis: 65%
    }

    .c-process-mode.-l4legend .c-process-mode__content-col-data-item3-subitem-itemwrap-number {
        display: block
    }

    .c-process-mode.-l4legend .c-process-mode__content-col-data-item3-subitem-itemwrap {
        border-radius: .25rem;
        cursor: pointer
    }

    .c-process-mode.-l4legend .c-process-mode__content-col-data-item3-subitem-itemwrap.-notsupported {
        border-left: 5px solid var(--pva-color-secondary-700);
        background: var(--pva-base-green-700)
    }

    .c-process-mode.-l4legend .c-process-mode__content-col-data-item3-subitem-itemwrap.-partialysupported {
        border-left: 5px solid var(--pva-color-secondary-800);
        background: var(--pva-base-green-600)
    }

    .c-process-mode.-l4legend .c-process-mode__content-col-data-item3-subitem-itemwrap.-fullysupported {
        border-left: 5px solid var(--pva-color-secondary-900);
        background: var(--pva-base-grey-4100)
    }

    .c-process-mode.-l4legend .c-process-mode__content-col-data-item3 {
        padding: 0 .313rem
    }

    .c-process-mode.-l3activity .c-process-mode__content-col-data-input {
        display: block
    }

    .c-process-mode.-percentage .c-process-mode__content-col-data-item1-count {
        display: block
    }

    .c-process-mode.-percentage .c-process-mode__content-col-data-item1 {
        margin-bottom: 1.688rem
    }

    .c-process-mode .c-process-mode__content-col-data-subdata:has(.c-process-mode__content-col-data-item1:hover) {
        background: var(--pva-color-gradient-3);
        border-radius: 4px;
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-process-mode .c-process-mode__content-col-data-subdata:has(.c-process-mode__content-col-data-item1:hover) .c-process-mode__content-col-data-item1,
    .c-process-mode .c-process-mode__content-col-data-subdata:has(.c-process-mode__content-col-data-item1:hover) .c-process-mode__content-col-data-item2,
    .c-process-mode .c-process-mode__content-col-data-subdata:has(.c-process-mode__content-col-data-item1:hover) .c-process-mode__content-col-data-item3 {
        background: var(--pva-base-white, #fff);
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-process-mode .c-process-mode__content-col-data-subdata:has(.c-process-mode__content-col-data-item1:hover) .c-process-mode__content-col-data-item1:before {
        color: var(--pva-base-white, #fff);
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-process-mode .c-process-mode__content-col-data-subdata2:has(.c-process-mode__content-col-data-item2:hover) {
        background: var(--pva-color-gradient-3);
        border-radius: 4px;
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-process-mode .c-process-mode__content-col-data-subdata2:has(.c-process-mode__content-col-data-item2:hover) .c-process-mode__content-col-data-item2,
    .c-process-mode .c-process-mode__content-col-data-subdata2:has(.c-process-mode__content-col-data-item2:hover) .c-process-mode__content-col-data-item3 {
        background: var(--pva-base-white, #fff);
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-process-mode .c-process-mode__content-col:has(.c-process-mode__content-col-heading:hover) {
        background: var(--pva-color-gradient-3);
        border-radius: 4px;
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-process-mode .c-process-mode__content-col:has(.c-process-mode__content-col-heading:hover) .c-process-mode__content-col-data-item1,
    .c-process-mode .c-process-mode__content-col:has(.c-process-mode__content-col-heading:hover) .c-process-mode__content-col-data-item2,
    .c-process-mode .c-process-mode__content-col:has(.c-process-mode__content-col-heading:hover) .c-process-mode__content-col-data-item3,
    .c-process-mode .c-process-mode__content-col:has(.c-process-mode__content-col-heading:hover) .c-process-mode__content-col-heading {
        background: var(--pva-base-white, #fff);
        color: var(--pva-base-black, #000);
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-process-mode .c-process-mode__content-col:has(.c-process-mode__content-col-heading:hover) .c-process-mode__content-col-data-item1:before {
        color: var(--pva-base-white, #fff);
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-processing-modal {
        padding: 1rem 0 2rem
    }

    .c-processing-modal__zoomfun {
        transform-origin: top left
    }

    .c-processing-modal__content-efforts-radio {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        font-size: .75rem;
        color: #737373;
        padding: .75rem 0 0;
        min-height: 7rem;
        gap: 6px;
        border-bottom: .32px solid var(--pva-base-blue-900, #b4c7ff);
        flex: 1
    }

    .c-processing-modal__content-efforts-radioWrap {
        display: flex;
        flex-direction: column;
        padding: .5rem .5rem 0;
        background: #ededed;
        min-width: 12rem
    }

    .c-processing-modal__content-efforts-radio:not(:last-child) {
        border-bottom: 1px solid #b4c7ff
    }

    .c-processing-modal__content-efforts-point {
        display: flex;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem 0;
        border-bottom: .32px solid var(--pva-base-blue-900, #b4c7ff);
        flex: 1
    }

    .c-processing-modal__content-efforts-time {
        color: #737373;
        display: flex;
        right: 0;
        gap: .5rem
    }

    .c-processing-modal__content-efforts-time .-percent {
        color: #000
    }

    .c-processing-modal__functional {
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 600;
        color: var(--pva-base-black, #000);
        background-color: var(--pva-base-white-900, #f2f2f2);
        padding: .625rem 0 .625rem .938rem
    }

    .c-processing-modal__content {
        padding-top: .563rem;
        display: flex;
        gap: .5rem
    }

    .c-processing-modal__content-col {
        padding: .438rem .313rem
    }

    .c-processing-modal__content-col-heading {
        font-size: var(--pva-fs-14, .875rem);
        font-weight: 500;
        color: var(--pva-base-white, #fff);
        padding: .625rem 0;
        background-color: var(--pva-base-blue-1200, #4d67b1);
        display: flex;
        justify-content: center;
        border-radius: .16rem;
        cursor: pointer;
        position: relative;
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-processing-modal__content-col-heading-level1 {
        position: absolute;
        top: -.3125rem;
        left: .688rem;
        background: var(--pva-base-white-1000, #dbe3fc);
        border-radius: .25rem;
        padding: 0 1.375rem;
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-processing-modal__content-col-data {
        display: flex;
        gap: .2rem;
        padding-top: .688rem
    }

    .c-processing-modal__content-col-data-item1 {
        display: flex;
        justify-content: space-between;
        gap: .5rem;
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 500;
        color: var(--pva-base-black, #000);
        background-color: var(--pva-base-blue-900, #b4c7ff);
        padding: .563rem 0 .563rem .625rem;
        white-space: nowrap;
        position: relative;
        width: calc(100% - 1.16rem);
        cursor: pointer;
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-processing-modal__content-col-data-item1-overflow {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        text-align: center
    }

    .c-processing-modal__content-col-data-item1-level2 {
        position: absolute;
        top: -.375rem;
        left: .688rem;
        background: var(--pva-color-secondary-1800, #631e8b);
        border-radius: .25rem;
        padding: 0 1.286rem;
        color: var(--pva-base-white, #fff);
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-processing-modal__content-col-data-item1:before {
        color: var(--pva-base-blue-900, #b4c7ff);
        border-left: 1.16rem solid;
        border-top: 1.16rem solid transparent;
        border-bottom: 1.16rem solid transparent;
        display: inline-block;
        content: "";
        position: absolute;
        left: 100%;
        top: 0
    }

    .c-processing-modal__content-col-data-item1-count {
        display: none;
        background: var(--pva-color-secondary-2700, #460073);
        color: var(--pva-base-white, #fff);
        position: absolute;
        width: 91%;
        left: 0;
        top: 100%;
        font-weight: 400;
        padding: .25rem .188rem
    }

    .c-processing-modal__content-col-data-item1-count:before {
        color: var(--pva-color-secondary-2700, #460073);
        border-left: 1.5rem solid;
        border-bottom: 1.688rem solid transparent;
        display: inline-block;
        content: "";
        position: absolute;
        right: -1.438rem;
        top: 0
    }

    .c-processing-modal__content-col-data-item2 {
        display: flex;
        justify-content: center;
        font-size: var(--pva-fs-12, .75rem);
        color: var(--pva-base-black, #000);
        background-color: var(--pva-base-blue-1000, #d4dfff);
        padding: .625rem 9px;
        white-space: nowrap;
        border-radius: .25rem;
        position: relative;
        cursor: pointer;
        transition: all .4s cubic-bezier(.19, 1, .22, 1);
        margin-bottom: .563rem;
        min-width: 12rem
    }

    .c-processing-modal__content-col-data-item2-overflow2 {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .c-processing-modal__content-col-data-item2-level3 {
        position: absolute;
        top: -.3125rem;
        left: .688rem;
        background: var(--pva-base-blue-300, #728fbc);
        border-radius: .25rem;
        padding: 0 .875rem;
        color: var(--pva-base-white, #fff);
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-processing-modal__content-col-data-item2-popup {
        display: none;
        position: absolute;
        background: #fff;
        top: 105%;
        left: 94%;
        z-index: 1;
        border-radius: 4px;
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .0784313725)
    }

    .c-processing-modal__content-col-data-item2-popup-data {
        font-size: 12px;
        font-weight: 400;
        cursor: pointer;
        padding: .625rem 3.313rem .625rem 1rem
    }

    .c-processing-modal__content-col-data-item2-popup-data:hover {
        background-color: var(--pva-base-white-2600, #eff3ff);
        border-left: 2px solid var(--pva-base-blue-1200, #4d67b1);
        padding-left: .875rem
    }

    .c-processing-modal__content-col-data-item2-popup-data:hover:last-child {
        border-radius: 0 0 4px 4px
    }

    .c-processing-modal__content-col-data-item2-popup-data:hover:first-child {
        border-radius: 4px 4px 0 0
    }

    .c-processing-modal__content-col-data-item2-dots {
        display: none;
        font-size: 14px;
        position: absolute;
        right: 10px;
        cursor: pointer;
        outline: 0;
        background: 0 0;
        border: transparent;
        padding: 0
    }

    .c-processing-modal__content-col-data-item2.-active .c-processing-modal__content-col-data-item2-dots {
        display: block
    }

    .c-processing-modal__content-col-data-item2.-activetooltip .c-processing-modal__content-col-data-item2-popup {
        display: block
    }

    .c-processing-modal__content-col-data-item3 {
        list-style: none;
        font-size: var(--pva-fs-12, .75rem);
        border-radius: .25rem;
        position: relative;
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-processing-modal__content-col-data-item3.is-trans {
        overflow: hidden
    }

    .c-processing-modal__content-col-data-item3-level4 {
        position: absolute;
        top: -.375rem;
        left: .688rem;
        background: var(--pva-base-amber, #d1784b);
        border-radius: .25rem;
        padding: 0 .625rem;
        color: var(--pva-base-white, #fff);
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-processing-modal__content-col-data-item3-subitem {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        gap: .875rem
    }

    .c-processing-modal__content-col-data-item3-subitem.-five {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr)
    }

    .c-processing-modal__content-col-data-item3-subitem.-six {
        -ms-grid-columns: (1fr)[6];
        grid-template-columns: repeat(6, 1fr)
    }

    .c-processing-modal__content-col-data-item3-subitem:last-child {
        border-bottom: none
    }

    .c-processing-modal__content-col-data-item3-subitem-itemwrap {
        display: flex;
        justify-content: space-between;
        padding: .5rem .625rem 0 .625rem;
        align-items: flex-end;
        background: var(--pva-base-grey-2100, #fdfdfd);
        min-width: 12rem
    }

    .c-processing-modal__content-col-data-item3-subitem-itemwrap-wrapper {
        min-height: 7rem;
        border-bottom: .32px solid var(--pva-base-blue-900, #b4c7ff);
        width: 100%;
        max-width: 170px
    }

    .c-processing-modal__content-col-data-item3-subitem-itemwrap-text {
        padding-right: .313rem;
        max-width: 200px
    }

    .c-processing-modal__content-col-data-item3-subitem-itemwrap-number {
        display: none;
        border: .5px solid var(--pva-base-pink);
        border-radius: .75rem;
        padding: 0 .375rem;
        background: var(--pva-base-pink-100)
    }

    .c-processing-modal__content-col-data-item3-subitem-itemwrap.-hidel3 {
        opacity: 0;
        pointer-events: none
    }

    .c-processing-modal__content-col-data-item3-subitem.-noborder .c-processing-modal__content-col-data-item3-subitem-itemwrap-wrapper {
        border-bottom: none
    }

    .c-processing-modal__content-col-data-item3-subitem.-noborder .c-processing-modal__content-efforts-radio {
        border-bottom: none
    }

    .c-processing-modal__content-col-data-item3-subitem.-noborder .c-processing-modal__content-efforts-point {
        border-bottom: none
    }

    .c-processing-modal__content-col-data-subdata {
        display: flex;
        flex-direction: column;
        gap: .25rem;
        flex-grow: 1;
        flex-basis: 0;
        padding: .75rem .1875rem
    }

    .c-processing-modal__content-col-data-subdata2 {
        display: flex;
        flex-direction: column;
        flex: 1;
        padding: .3125rem .125rem
    }

    .c-processing-modal__content-col-data-input {
        display: none
    }

    .c-processing-modal__content-col-data-input .o-input-wrap input {
        border-style: dashed;
        font-size: var(--pva-fs-12, .75rem);
        outline: 0 !important
    }

    .c-processing-modal__content-col-data-input .o-input-settingicon {
        position: absolute;
        right: 1rem;
        top: 25%
    }

    .c-processing-modal__content-col.-crossfun {
        flex-basis: 65%
    }

    .c-processing-modal.-l4legend .c-processing-modal__content-col-data-item3-subitem-itemwrap-number {
        display: block
    }

    .c-processing-modal.-l4legend .c-processing-modal__content-col-data-item3-subitem-itemwrap {
        border-radius: .25rem;
        cursor: pointer
    }

    .c-processing-modal.-l4legend .c-processing-modal__content-col-data-item3-subitem-itemwrap.-notsupported {
        border-left: 5px solid var(--pva-color-secondary-700);
        background: var(--pva-base-green-700)
    }

    .c-processing-modal.-l4legend .c-processing-modal__content-col-data-item3-subitem-itemwrap.-partialysupported {
        border-left: 5px solid var(--pva-color-secondary-800);
        background: var(--pva-base-green-600)
    }

    .c-processing-modal.-l4legend .c-processing-modal__content-col-data-item3-subitem-itemwrap.-fullysupported {
        border-left: 5px solid var(--pva-color-secondary-900);
        background: var(--pva-base-grey-4100)
    }

    .c-processing-modal.-l4legend .c-processing-modal__content-col-data-item3 {
        padding: 0 .313rem
    }

    .c-processing-modal.-l3activity .c-processing-modal__content-col-data-input {
        display: block
    }

    .c-processing-modal.-percentage .c-processing-modal__content-col-data-item1-count {
        display: block
    }

    .c-processing-modal.-percentage .c-processing-modal__content-col-data-item1 {
        margin-bottom: 1.688rem
    }

    .c-processing-modal .c-processing-modal__content-col-data-subdata:has(.c-processing-modal__content-col-data-item1:hover) {
        background: var(--pva-color-gradient-3);
        border-radius: 4px;
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-processing-modal .c-processing-modal__content-col-data-subdata:has(.c-processing-modal__content-col-data-item1:hover) .c-processing-modal__content-col-data-item1,
    .c-processing-modal .c-processing-modal__content-col-data-subdata:has(.c-processing-modal__content-col-data-item1:hover) .c-processing-modal__content-col-data-item2 {
        background: var(--pva-base-white, #fff);
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-processing-modal .c-processing-modal__content-col-data-subdata:has(.c-processing-modal__content-col-data-item1:hover) .c-processing-modal__content-col-data-item1:before {
        color: var(--pva-base-white, #fff);
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-processing-modal .c-processing-modal__content-col-data-subdata2:has(.c-processing-modal__content-col-data-item2:hover) {
        border-radius: 4px;
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-processing-modal .c-processing-modal__content-col-data-subdata2:has(.c-processing-modal__content-col-data-item2:hover) .c-processing-modal__content-col-data-item2 {
        background: var(--pva-base-white, #fff);
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-processing-modal .c-processing-modal__content-col:has(.c-processing-modal__content-col-heading:hover) {
        background: var(--pva-color-gradient-3);
        border-radius: 4px;
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-processing-modal .c-processing-modal__content-col:has(.c-processing-modal__content-col-heading:hover) .c-processing-modal__content-col-data-item1,
    .c-processing-modal .c-processing-modal__content-col:has(.c-processing-modal__content-col-heading:hover) .c-processing-modal__content-col-data-item2,
    .c-processing-modal .c-processing-modal__content-col:has(.c-processing-modal__content-col-heading:hover) .c-processing-modal__content-col-heading {
        background: var(--pva-base-white, #fff);
        color: var(--pva-base-black, #000);
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-processing-modal .c-processing-modal__content-col:has(.c-processing-modal__content-col-heading:hover) .c-processing-modal__content-col-data-item1:before {
        color: var(--pva-base-white, #fff);
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-processing-modal__content-headrow {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        gap: .875rem
    }

    .c-processing-modal__content-headrow.-five {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr)
    }

    .c-processing-modal__content-headrow.-six {
        -ms-grid-columns: (1fr)[6];
        grid-template-columns: repeat(6, 1fr)
    }

    .c-processing-modal__accwrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-radius: .25rem .25rem 0 0;
        background: #ededed;
        padding: .5rem .5rem 0;
        min-width: 12rem;
        font-size: 10px;
        font-weight: 500
    }

    .c-processing-modal .o-radio {
        flex-direction: column;
        gap: .25rem;
        flex: 1
    }

    .c-processing-modal .o-radio input {
        --ocircle-size: 0.75rem
    }

    .c-processing-modal .o-radio input+span {
        text-align: center
    }

    .c-processing-modal .o-radio input:before {
        border: 1px solid #a100ff;
        background: 0 0
    }

    .c-processing-modal .o-input-wrap input {
        min-height: 1.625rem;
        padding: .25rem .75rem;
        font-size: .625rem
    }

    .c-processing-modal-dropdown .o-dropdown>a {
        display: flex;
        align-items: center;
        height: 26px;
        border: 1px solid var(--pva-base-white-800, #ddd);
        border-radius: .5rem;
        color: var(--pva-base-black, #000)
    }

    .c-processing-modal-dropdown .o-dropdown-menu {
        box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .1);
        border-radius: .5rem;
        border: unset
    }

    .c-processing-modal-dropdown .o-dropdown .o-dropdown-body::-webkit-scrollbar {
        height: .375rem;
        width: .375rem;
        background-color: transparent
    }

    .c-processing-modal-dropdown .o-dropdown .o-dropdown-body::-webkit-scrollbar-thumb {
        background-color: #eee6ff;
        border-radius: 1rem;
        box-shadow: unset
    }

    .c-processing-modal-dropdown .o-dropdown .o-dropdown-body::-webkit-scrollbar-track {
        background-color: transparent
    }

    .c-processing-modal-dropdown .o-dropdown-item {
        padding: .625rem 1rem;
        border-left: 0;
        display: block;
        position: relative;
        font-size: var(--pva-fs-14, .875rem);
        white-space: nowrap;
        overflow: unset !important
    }

    .c-processing-modal-dropdown .o-dropdown-item:focus,
    .c-processing-modal-dropdown .o-dropdown-item:hover {
        box-shadow: unset !important;
        background: #fafafa !important;
        font-weight: 400;
        color: #a100ff !important
    }

    .c-processing-modal-dropdown .o-dropdown-item.-active {
        color: #a100ff !important
    }

    .c-processing-modal-dropdown .o-dropdown-item:not(:first-child):before {
        content: "";
        top: 0;
        border-top: 1px solid #e4e4e4;
        left: .5rem;
        right: .5rem;
        position: absolute
    }

    .c-processing-modal-dropdown .o-dropdown-item:hover:first-child {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .c-processing-modal-dropdown .o-dropdown-item:hover:last-child {
        border-bottom-left-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .c-processing-modal .c-custom-select__wrapper {
        width: 100%
    }

    .c-processing-modal .o-dropdown-menu {
        width: max-content;
        max-width: 390px
    }

    .c-processing-modal .c-custom-select__wrapper .o-dropdown-menu {
        width: unset
    }

    @keyframes ovelayFadeIn {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    .c-flyout {
        --trnfrm-close: translateX(100%);
        --trnfrm-close-start: translateX(-100%);
        --trnfrm-default: translateX(0);
        position: fixed;
        top: 3.5rem;
        bottom: 2.5rem;
        width: 26.5625rem;
        flex: 0 0 26.5625rem;
        display: flex;
        flex-direction: column;
        text-align: left;
        color: var(--pva-base-black, #000);
        margin: 0;
        background-color: var(--pva-base-white, #fff);
        background-clip: padding-box;
        outline: 0;
        visibility: hidden;
        z-index: 999;
        transition: transform .2s ease-in-out;
        box-shadow: 0 0 .25rem 0 var(--pva-base-black-1000, rgba(0, 0, 0, .0392156863)), 0 .5rem 1rem 0 var(--pva-base-black-500, rgba(0, 0, 0, .0784313725));
        padding: 0
    }

    .c-flyout__overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .4);
        z-index: 900;
        animation: modalFadeIn .2s both
    }

    .c-flyout.-static+.c-flyout__overlay {
        background: unset
    }

    .c-flyout.-start {
        left: 0;
        border-right: 1px solid rgba(0, 0, 0, .1490196078);
        transform: var(--trnfrm-close-start)
    }

    .c-flyout:not(.-start) {
        right: 0;
        transform: var(--trnfrm-close)
    }

    .c-flyout.-open {
        transform: var(--trnfrm-default)
    }

    .c-flyout .c-flyout__header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-shrink: 0;
        font-size: 1.25rem;
        color: var(--pva-base-black, #000);
        padding: 1rem 1.5rem .5rem
    }

    .c-flyout .c-flyout__header-title {
        font-weight: 500;
        font-size: var(--pva-fs-14, .875rem)
    }

    .c-flyout .c-flyout__header .-dismiss-flyout {
        transition: opacity .2s ease-in-out;
        background: 0 0;
        border: none;
        position: absolute;
        top: 1.375rem;
        right: 1rem;
        padding: 0;
        display: inline-flex
    }

    .c-flyout .c-flyout__header .-dismiss-flyout:focus,
    .c-flyout .c-flyout__header .-dismiss-flyout:hover {
        opacity: 1
    }

    .c-flyout .c-flyout__header .-dismiss-flyout:before {
        font-size: 1rem
    }

    .c-flyout .c-flyout__body {
        flex-grow: 1;
        padding: 1.5rem 1rem;
        overflow: auto;
        margin-right: .25rem
    }

    .c-flyout .c-flyout__body::-webkit-scrollbar {
        width: .25rem
    }

    .c-flyout .c-flyout__body::-webkit-scrollbar-thumb {
        background: rgba(26, 54, 198, .16);
        border-radius: 1rem
    }

    .c-flyout .c-flyout__body::-webkit-scrollbar-track {
        background: 0 0;
        border-radius: 1rem
    }

    .c-flyout.-bottom-flyout {
        --trnfrm-default: translateY(0);
        --trnfrm-close: translateY(100%);
        top: unset;
        bottom: 0;
        left: 0;
        right: 0;
        width: auto
    }

    .c-flyout-feedback {
        display: flex;
        gap: .75rem
    }

    .c-flyout-feedback__input-wrap {
        padding-bottom: 1rem;
        display: flex;
        flex-direction: column;
        gap: .875rem;
        font-size: var(--pva-fs-12, .75rem);
        position: relative
    }

    .c-flyout-feedback__input-wrap .o-primary-button {
        -ms-grid-row-align: end;
        align-self: end;
        font-size: var(--pva-fs-12, .75rem);
        min-width: 6rem
    }

    .c-flyout-feedback__input-wrap .o-text-area__input {
        min-height: 5.875rem
    }

    .c-flyout-feedback__input-wrap:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
        height: 1px;
        width: 22.125rem;
        background: var(--pva-base-grey, #ccc)
    }

    .c-flyout-feedback__all {
        padding-top: 1rem
    }

    .c-flyout-feedback__all-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: var(--pva-fs-12, .8571rem);
        color: var(--pva-base-black, #000);
        margin-bottom: .375rem
    }

    .c-flyout-feedback__all-markread {
        text-decoration: underline
    }

    .c-flyout-feedback__container {
        max-height: calc(100vh - 24.5rem);
        overflow: auto;
        padding-right: 1rem
    }

    .c-flyout-feedback__container::-webkit-scrollbar {
        width: .25rem
    }

    .c-flyout-feedback__container::-webkit-scrollbar-thumb {
        background: var(--pva-color-primary, #a100ff);
        border-radius: 1rem
    }

    .c-flyout-feedback__container::-webkit-scrollbar-track {
        background: 0 0;
        border-radius: 1rem
    }

    .c-flyout-feedback__wrap {
        padding: 1rem 0;
        box-shadow: 0 1px 0 0 var(--pva-base-grey, #ccc)
    }

    .c-flyout-feedback__info-header {
        display: flex;
        align-items: center;
        gap: .375rem;
        margin-bottom: .1875rem
    }

    .c-flyout-feedback__info-tag {
        background: var(--pva-color-secondary-2000, #866dea);
        border-radius: .625rem;
        color: var(--pva-base-white, #fff);
        font-size: var(--pva-fs-11, .6875rem);
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 2.125rem
    }

    .c-flyout-feedback__info-text {
        color: var(--pva-base-grey-1100, #737373);
        font-size: var(--pva-fs-12, .8571rem);
        margin: 0
    }

    .c-flyout-feedback__info-viewreplies {
        color: var(--pva-base-black-200, #222);
        font-size: var(--pva-fs-11, .7857rem);
        display: flex;
        align-items: center;
        gap: .25rem;
        background: 0 0;
        border: none;
        padding: 0;
        margin-top: 1.5px
    }

    .c-flyout-feedback__info-viewreplies:before {
        font-size: .6875rem
    }

    .c-flyout-feedback__user-img {
        max-width: 1.5rem;
        width: 100%;
        height: 1.5rem;
        border-radius: 100%
    }

    .c-flyout-feedback__user-img img {
        width: 100%;
        height: 100%
    }

    .c-flyout-feedback__user-name {
        color: var(--pva-base-black-200, #222);
        font-size: var(--pva-fs-14, 1rem);
        font-weight: 500;
        margin: 0
    }

    .c-flyout-feedback__reply {
        border-radius: .3125rem;
        background: var(--pva-base-white-1400, #f3f5f7);
        padding: .75rem;
        display: flex;
        gap: .75rem
    }

    .c-flyout-feedback__reply-wrap {
        margin-top: 1rem;
        padding: .1875rem .625rem 0 1.5625rem;
        box-shadow: 1px 0 0 0 inset var(--pva-base-grey-1900, #e0e0e0);
        display: flex;
        flex-direction: column;
        gap: .5rem
    }

    .c-flyout-feedback__reply-userimg {
        width: 1.25rem;
        height: 1.25rem;
        border-radius: 100%
    }

    .c-flyout-feedback__reply-userimg img {
        width: 100%;
        height: 100%
    }

    .c-flyout-feedback__reply-username {
        color: var(--pva-base-black-200, #222);
        font-size: var(--pva-fs-14, 1rem);
        font-weight: 500;
        margin: 0
    }

    .c-flyout-feedback__reply-infoheader {
        display: flex;
        align-items: center;
        gap: .5rem;
        margin-bottom: .1875rem
    }

    .c-flyout-feedback__reply-infotime {
        color: var(--pva-base-grey-1800, #747474);
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-flyout-feedback__reply-infotxt {
        color: var(--pva-base-grey-1800, #747474);
        font-size: var(--pva-fs-12, .75rem);
        margin: 0
    }

    .c-flyout-feedback__feed {
        padding: .8875rem 0;
        display: flex;
        align-items: center;
        gap: .625rem;
        position: relative
    }

    .c-flyout-feedback__feed:first-child {
        padding-top: .6875rem
    }

    .c-flyout-feedback__feed-wrap {
        padding-right: .5rem
    }

    .c-flyout-feedback__feed-userimg {
        height: 2.0625rem;
        width: 2.0625rem
    }

    .c-flyout-feedback__feed-userimg img {
        height: 100%;
        width: 100%
    }

    .c-flyout-feedback__feed-txt {
        color: var(--pva-base-black-200, #222);
        font-size: var(--pva-fs-14, .875rem);
        margin: 0;
        flex: 0 0 14.625rem
    }

    .c-flyout-feedback__feed-txt .-highlight {
        font-weight: 500
    }

    .c-flyout-feedback__feed-txt .-highlight.-orange {
        color: var(--pva-base-amber-100, #b87c22)
    }

    .c-flyout-feedback__feed-txt .-highlight.-blue {
        color: var(--pva-base-blue, #1a36c6)
    }

    .c-flyout-feedback__feed-time {
        color: var(--pva-base-grey-1800, #747474);
        font-size: var(--pva-fs-12, .75rem);
        margin-left: auto
    }

    .c-flyout-feedback__feed:not(:last-child):after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
        height: 1px;
        width: 22.8125rem;
        background: var(--pva-base-grey, #ccc)
    }

    .c-flyout-feedback__feed-reply {
        border-bottom: 1px solid var(--pva-base-grey, #ccc)
    }

    .c-flyout-feedback__feed-reply .c-flyout-feedback__feed:not(:last-child):after {
        display: none
    }

    .c-flyout-feedback__feed-reply-title {
        display: -ms-grid;
        display: grid
    }

    .c-flyout-feedback__feed-reply-title>label {
        font-weight: 500;
        font-size: var(--pva-fs-14, .875rem)
    }

    .c-flyout-feedback__feed-reply-title>span {
        font-size: var(--pva-fs-12, .75rem);
        color: var(--pva-base-grey-1100, #737373)
    }

    .c-flyout-feedback__feed-reply-input {
        display: -ms-grid;
        display: grid;
        gap: .75rem;
        padding: .625rem 0 1.5rem 1.5rem;
        border-left: 1px solid var(--pva-base-grey-1900, #e0e0e0);
        margin-left: 1rem
    }

    .c-flyout-feedback__feed-reply-input .o-input-wrap>input {
        background-color: var(--pva-base-white-1400, #f3f5f7)
    }

    .c-flyout-feedback__outer-wrap {
        padding: .75rem 1rem 0 1rem;
        border-radius: .25rem 0 0 .25rem;
        background: var(--pva-base-grey-100, #fafafa)
    }

    .c-flyout-feedback__outer-wrap .c-flyout__header {
        box-shadow: 0 -1px 0 0 inset var(--pva-base-grey, #ccc);
        padding: 0
    }

    .c-flyout-feedback__outer-wrap .c-flyout__body {
        padding: 1.0625rem 0 0 0
    }

    .c-flyout-feedback__outer-wrap [role=tablist] [role=tab] .-highlight {
        color: var(--pva-color-secondary-2100, #9500ed)
    }

    .c-pva-landing-title__wrapper {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .c-pva-landing-title__heading {
        font-size: calc(var(--pva-fs-20, 1.25rem) * 2);
        font-weight: 300;
        color: var(--pva-base-black, #000);
        text-align: center;
        padding: 3rem 0 .125rem
    }

    .c-pva-landing-title__subheading {
        font-size: calc(var(--pva-fs-24, 1.5rem) * 2);
        font-weight: 500;
        background: linear-gradient(270deg, var(--pva-color-secondary-2200, #4b3d84) 0, var(--pva-color-secondary-2000, #866dea) 100%);
        background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        text-align: center;
        padding-bottom: .375rem
    }

    .c-pva-landing-title__chip {
        background: var(--pva-base-black-1500, rgba(255, 255, 255, .0392156863));
        border-radius: 2.5rem;
        display: inline-flex;
        gap: .5rem;
        align-items: center;
        align-content: center;
        min-height: 1.75rem;
        min-width: 9.5rem;
        padding: .2rem .7rem;
        transition: all .4s cubic-bezier(.19, 1, .22, 1);
        position: relative
    }

    .c-pva-landing-title__chip:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 2.5rem;
        border: .063rem solid transparent;
        background: linear-gradient(270deg, var(--pva-color-secondary-2300, #737cd5) 0, var(--pva-color-primary, #a100ff) 100%) border-box;
        -webkit-mask: linear-gradient(var(--pva-base-white, #fff) 0 0) padding-box, linear-gradient(var(--pva-base-white, #fff) 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude
    }

    .c-pva-landing-title__chip-icon {
        font-size: var(--pva-fs-14, .875rem);
        color: var(--pva-base-black-200, #222);
        position: relative;
        top: .188rem
    }

    .c-pva-landing-title__chip-text {
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 400;
        color: var(--pva-base-black, #000)
    }

    .c-pva-landing-title__para {
        font-size: var(--pva-fs-16, 1rem);
        color: var(--pva-base-grey-2600, #757575);
        text-align: center;
        min-height: 3rem;
        padding: 1.125rem 0 2rem
    }

    .c-pva-landing-title .o-primary-button {
        background: linear-gradient(270deg, var(--pva-color-secondary-2400, #8c7ad3) 0, var(--pva-color-secondary-2500, #392a72) 100%);
        padding: .844rem 2.625rem;
        color: var(--pva-base-white-300, #f9f9f9);
        font-size: var(--pva-fs-14, .875rem);
        min-width: 8.563rem;
        border: none
    }

    .c-pva-card__mainwrap {
        min-width: 34rem;
        min-height: 13.75rem;
        background: var(--pva-base-white-2500, #f7f7f7);
        border-radius: .5rem;
        display: flex;
        justify-content: space-between
    }

    .c-pva-card__left {
        background: var(--pva-base-grey-2700, rgba(228, 231, 240, .7294117647));
        border-radius: .5rem 0 0 .5rem;
        padding: .875rem 1rem;
        flex-shrink: 0
    }

    .c-pva-card__image {
        object-fit: cover;
        height: 100%;
        width: 100%
    }

    .c-pva-card__right {
        padding: 2rem 1.625rem 1.25rem 1rem;
        display: flex;
        flex-direction: column;
        gap: 3rem;
        flex-grow: 1;
        position: relative
    }

    .c-pva-card__middle {
        display: -ms-grid;
        display: grid;
        grid-gap: .563rem
    }

    .c-pva-card__title {
        font-size: var(--pva-fs-20, 1.25rem);
        font-weight: 500;
        color: var(--pva-base-black, #000)
    }

    .c-pva-card__subtitle {
        font-size: var(--pva-fs-14, .875rem);
        font-weight: 400;
        color: var(--pva-base-grey-2600, #757575);
        min-height: 3.75rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3
    }

    .c-pva-card__link {
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        position: absolute;
        bottom: 1.25rem
    }

    .c-pva-card__link-know {
        font-size: var(--pva-fs-16, 1rem);
        font-weight: 400;
        color: var(--pva-color-secondary-2600, #715cc4)
    }

    .c-pva-card__link-arrow {
        font-size: var(--pva-fs-24, 1.5rem);
        color: var(--pva-color-secondary-2600, #715cc4);
        position: relative;
        top: .313rem
    }

    .c-pva-card-list {
        padding: 1.25rem 0 2.5rem
    }

    .c-pva-card-list__card-wrap {
        background: var(--pva-base-grey-4000, rgba(255, 255, 255, .5882352941));
        box-shadow: 0 .188rem .313rem var(--pva-base-black-600, rgba(0, 0, 0, .0509803922));
        border-radius: 1rem;
        padding: 1.5rem;
        display: flex;
        gap: 2rem
    }

    .c-pva-card-list__card {
        flex: 1
    }

    .c-footer {
        background-color: var(--pva-base-grey-100, #fafafa);
        min-height: 7.875rem
    }

    .c-footer__wrapper {
        padding: 1.188rem 0 1.438rem
    }

    .c-footer__topwrapper {
        display: flex;
        align-items: center
    }

    .c-footer__left {
        flex: 7;
        width: 0
    }

    .c-footer__center {
        flex: 6;
        width: 0
    }

    .c-footer__right {
        flex: 3;
        width: 0
    }

    .c-footer__info-text {
        margin: 0;
        color: var(--pva-base-grey-2800, #aca9a9);
        font-size: var(--pva-fs-14, .875rem)
    }

    .c-footer__copyright-text {
        margin: 0;
        color: var(--pva-base-grey-2800, #aca9a9);
        font-size: var(--pva-fs-14, .875rem)
    }

    .c-footer__logo {
        display: flex;
        align-items: center;
        margin-bottom: .875rem
    }

    .c-footer__logo-img-wrapp {
        height: 1.875rem;
        overflow: hidden;
        min-width: 7.125rem
    }

    .c-footer__logo-img-wrapp:focus-visible {
        outline-offset: .375rem
    }

    .c-footer__logo-img {
        width: 7.125rem
    }

    .c-footer__info-head {
        margin: 0;
        font-size: var(--pva-fs-16, 1rem);
        margin-bottom: 1rem;
        font-weight: 400;
        color: var(--pva-base-black, #000)
    }

    .c-footer .o-primary-button {
        background-color: var(--pva-base-black-200, #222);
        padding: .5rem 2.05rem;
        color: var(--pva-base-white-1700, #e8e8e8);
        font-size: var(--pva-fs-14, .875rem);
        min-width: 13.75rem;
        min-height: 2.5rem;
        text-transform: uppercase
    }

    .c-global-settings__header {
        background: var(--pva-base-white, #fff);
        box-shadow: 0 .125rem .688rem 0 rgba(0, 0, 0, .1)
    }

    .c-global-settings__header-content {
        margin: 0 4.75rem;
        display: flex;
        flex-direction: column;
        gap: .75rem;
        padding: 1.5rem 0
    }

    .c-global-settings__header-title {
        font-size: var(--pva-fs-20, 1.25rem)
    }

    .c-global-settings__header-description {
        color: var(--pva-base-grey-1100, #737373);
        font-size: var(--pva-fs-16, 1rem)
    }

    .c-global-settings__form-content {
        max-width: 68%;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        padding-top: 2.188rem
    }

    .c-global-settings__dashboard .o-input-wrap {
        display: flex;
        flex-direction: column;
        gap: .75rem
    }

    .c-global-settings__dashboard .o-input-label {
        margin: 0
    }

    .c-global-settings__description {
        display: flex;
        flex-direction: column;
        gap: .75rem
    }

    .c-global-settings__description .o-text-area {
        display: flex;
        flex-direction: column;
        gap: .75rem
    }

    .c-global-settings__description .o-text-area__label {
        margin: 0
    }

    .c-global-settings__description .o-text-area__input {
        min-height: 5.813rem;
        padding: 1.125rem 1.54rem 0 1.111rem;
        border-radius: .25rem;
        background: var(--pva-base-white, #fff);
        color: var(--pva-base-grey-1600, #717171);
        border: 1px solid var(--pva-base-grey, #ccc);
        font-size: var(--pva-fs-14, .875rem);
        outline: 0;
        resize: none
    }

    .c-global-settings__file-label {
        opacity: .6;
        font-size: var(--pva-fs-14, .875rem)
    }

    .c-global-settings__file-label:after {
        content: "*";
        color: var(--pva-base-red, #e6242f);
        padding-left: .25rem
    }

    .c-global-settings__file-label.-optional:after {
        content: none
    }

    .c-global-settings__file-upload {
        display: flex;
        flex-direction: column;
        gap: 1rem
    }

    .c-global-settings__select {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1.5rem
    }

    .c-global-settings__select-content {
        width: 100%
    }

    .c-global-settings__select-content .o-select__wrapper {
        display: flex;
        flex-direction: column;
        gap: .75rem
    }

    .c-global-settings__select-content .o-select-label {
        margin: 0
    }

    .c-global-settings__select-content .o-select__selected-text {
        color: var(--pva-base-black-300, #231f20)
    }

    .c-global-settings__background-opacity-wrapper {
        display: flex;
        flex-direction: column;
        gap: .375rem;
        padding-bottom: 6.25rem
    }

    .c-global-settings__background-opacity-wrapper .o-range-input {
        margin-top: 1.563rem;
        max-width: 13.813rem
    }

    .c-global-settings__background-opacity-wrapper .o-range-input__range-thumb {
        top: -.25rem
    }

    .c-global-settings__background-opacity-wrapper .o-range-input__range-range {
        background-color: var(--pva-base-blue-1400)
    }

    .c-global-settings__background-opacity-wrapper .o-range-input__scale-value {
        color: var(--pva-base-grey-5000);
        font-size: var(--pva-fs-10, .625rem)
    }

    .c-add-new-card {
        background-color: var(--pva-base-white, #fff);
        box-shadow: 0 2px 11px rgba(0, 0, 0, .1);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 1rem;
        min-height: 22.5rem;
        text-align: center
    }

    .c-add-new-card__add-btn {
        color: var(--pva-base-black, #000);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: var(--pva-fs-24, 1.5rem)
    }

    .c-add-new-card__text {
        margin: 0;
        font-size: var(--pva-fs-16, 1rem);
        color: var(--pva-base-black-200);
        opacity: .4
    }

    .c-project-card {
        background-color: var(--pva-base-white, #fff);
        box-shadow: 0 2px 11px rgba(0, 0, 0, .1);
        min-height: 22.5rem;
        display: flex
    }

    .c-project-card__wrapper {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        position: relative
    }

    .c-project-card__header {
        margin: 1.5rem 1rem 1.25rem;
        display: flex;
        justify-content: flex-end
    }

    .c-project-card__title {
        margin: 1.25rem 1.1875rem 0;
        color: var(--pva-base-black-200, #222);
        font-size: var(--pva-fs-16, 1rem);
        font-weight: 400
    }

    .c-project-card__info-wrap {
        margin: auto 1rem 1rem 1.5625rem;
        display: flex;
        flex-direction: column;
        gap: .625rem
    }

    .c-project-card__info-label {
        color: var(--pva-base-grey-2400, #bbb);
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 500;
        text-transform: uppercase
    }

    .c-project-card__info-value {
        margin: 0;
        color: var(--pva-base-grey-3500, #333);
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-project-card__footer {
        display: flex;
        justify-content: center;
        padding: 1rem;
        border-top: 1px solid var(--pva-base-grey-2500, #e9e9e9)
    }

    .c-project-card__footer-btn {
        color: var(--pva-base-black-200, #222);
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-project-card .o-dropdown-menu {
        top: 100%
    }

    .c-ref-template__wrapper {
        padding: 2.9375rem 0 1.875rem
    }

    .c-ref-template__grid-wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(16.5rem, 1fr)) [auto-fill];
        grid-template-columns: repeat(auto-fill, minmax(16.5rem, 1fr));
        gap: 1.5rem
    }

    .c-open-req-tbl {
        width: 100%
    }

    .c-open-req-tbl__tbl {
        width: 100%
    }

    .c-open-req-tbl__tbl-th {
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 500;
        vertical-align: middle;
        background: var(--pva-base-grey-100, #fafafa);
        border-bottom: 1px solid var(--pva-base-grey-2200, #eeeded);
        text-align: left;
        padding: .43rem 0;
        text-transform: uppercase;
        position: relative
    }

    .c-open-req-tbl__tbl-th-btn {
        background: 0 0;
        border: none;
        padding: 0;
        display: inline-flex;
        align-items: center
    }

    .c-open-req-tbl__tbl-th-btn:before {
        font-size: 1rem;
        display: inline-flex;
        margin-left: .25rem;
        order: 1
    }

    .c-open-req-tbl__tbl-th-btn.icon-down:before {
        font-size: 1.375rem
    }

    .c-open-req-tbl__tbl-th:first-child {
        padding-left: 1rem
    }

    .c-open-req-tbl__tbl-td {
        vertical-align: middle;
        font-size: var(--pva-fs-14, .875rem);
        color: var(--pva-base-black-200, #222);
        padding: .686rem 0
    }

    .c-open-req-tbl__tbl-td:first-child {
        padding-left: 1rem
    }

    .c-open-req-tbl__tbl-td-btn {
        background: 0 0;
        border: none;
        padding: 0;
        font-size: var(--pva-fs-14, .875rem)
    }

    .c-open-req-tbl__tbl-td-btn:hover {
        font-weight: 500;
        text-decoration: underline
    }

    .c-open-req-tbl__tbl-td-tag {
        font-size: var(--pva-fs-12, .75rem);
        padding: .19rem .57rem;
        display: inline-flex;
        align-items: center;
        border-radius: .813rem
    }

    .c-open-req-tbl__tbl-td-tag.-green {
        color: var(--pva-base-green-400, #1b6b08);
        background: var(--pva-base-green-500, rgba(202, 255, 198, .5411764706))
    }

    .c-open-req-tbl__tbl-td-tag.-blue {
        background: var(--pva-base-blue-400, #deeefa);
        color: var(--pva-base-black, #000)
    }

    .c-open-req-tbl__tbl-td-tag.-yellow {
        background: var(--pva-base-amber-300, #f8ebca);
        color: var(--pva-base-red-200, #5b3c20)
    }

    .c-open-req-tbl__tbl-td-tr {
        background: var(--pva-base-white, #fff);
        transition: all ease-in-out .3s
    }

    .c-open-req-tbl__tbl-td-tr:hover {
        background: var(--pva-base-white-1200, #f0f6ff);
        mix-blend-mode: multiply
    }

    .c-open-req-tbl__tbl-td-email {
        text-decoration: underline;
        font-weight: 500
    }

    .c-open-req-tbl__tbl-td-email:focus,
    .c-open-req-tbl__tbl-td-email:hover {
        text-decoration: underline
    }

    .c-open-req-tbl__actions {
        display: flex;
        align-items: center;
        gap: 1rem
    }

    .c-open-req-tbl__action {
        background: 0 0;
        border: none;
        padding: 0;
        display: inline-flex
    }

    .c-open-req-tbl__action.icon-edit:before {
        font-size: 1.375rem
    }

    .c-open-req-tbl__action.icon-delete:before {
        font-size: .875rem;
        padding: .25rem
    }

    .c-open-req-tbl__action.icon-add-user:before {
        font-size: 1.1875rem
    }

    .c-request-status {
        width: 26.5rem;
        position: fixed;
        right: 0;
        bottom: 0;
        top: 4rem;
        height: calc(100vh - 3.5rem);
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, .04), 0 8px 16px 0 rgba(0, 0, 0, .08)
    }

    .c-request-status__wrapper {
        background: var(--pva-base-grey-100, #fafafa);
        position: relative
    }

    .c-request-status__content {
        width: 100%
    }

    .c-request-status__head {
        padding: 1.25rem .938rem .94rem 1rem;
        position: relative;
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center
    }

    .c-request-status__head:after {
        content: "";
        position: absolute;
        left: 1rem;
        right: .938rem;
        bottom: 0;
        background: 0 0;
        border-bottom: .8px solid var(--pva-base-grey-2900, #ccc)
    }

    .c-request-status__head-title {
        font-size: var(--pva-fs-14, .875rem);
        font-weight: 500
    }

    .c-request-status__head-close {
        background: 0 0;
        border: none;
        padding: 0;
        font-size: var(--pva-fs-14, .875rem);
        color: var(--pva-base-black, #000)
    }

    .c-request-status__form {
        width: calc(100% - 5px);
        padding: 0 .375rem 0 1rem;
        height: calc(100vh - 7rem);
        overflow-y: auto
    }

    .c-request-status__form::-webkit-scrollbar {
        width: .375rem
    }

    .c-request-status__form::-webkit-scrollbar-track {
        background: 0 0
    }

    .c-request-status__form::-webkit-scrollbar-thumb {
        background: var(--pva-base-blue-100, rgba(26, 54, 198, .1607843137))
    }

    .c-request-status__title-sml {
        font-size: var(--pva-fs-14, .875rem);
        color: var(--pva-base-black, #000);
        font-weight: 500;
        margin-bottom: 1.5rem;
        margin-top: 1rem
    }

    .c-request-status__form-sec {
        width: 100%
    }

    .c-request-status__row {
        display: -ms-grid;
        display: grid;
        gap: 1rem;
        margin-bottom: 1rem
    }

    .c-request-status__row.-half {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .c-request-status__row-btn {
        position: relative;
        bottom: .25rem;
        display: flex;
        justify-content: flex-end;
        gap: .5rem
    }

    .c-request-status__row-btn .o-secondary-button.-small {
        border-radius: .121rem;
        font-size: var(--pva-fs-12, .75rem);
        padding: .28rem 1.17rem;
        min-width: unset;
        height: unset;
        min-height: unset
    }

    .c-request-status__inpt .o-input-label,
    .c-request-status__inpt .o-select-label,
    .c-request-status__inpt .o-text-area__label {
        color: rgba(0, 0, 0, .71);
        font-size: var(--pva-fs-12, .75rem);
        text-transform: capitalize;
        opacity: 1;
        margin-bottom: .5rem
    }

    .c-request-status__inpt .o-input-wrap input {
        font-size: var(--pva-fs-12, .75rem);
        padding: .557rem .75rem;
        color: var(--pva-base-grey-1100, #737373)
    }

    .c-request-status__inpt .o-input-wrap input:-ms-input-placeholder {
        color: var(--pva-base-grey-1100, #737373)
    }

    .c-request-status__inpt .o-input-wrap input::placeholder {
        color: var(--pva-base-grey-1100, #737373)
    }

    .c-request-status__inpt .o-select__selected-text {
        font-size: var(--pva-fs-12, .75rem);
        padding: .591rem .75rem;
        color: var(--pva-base-grey-1100, #737373)
    }

    .c-request-status__inpt .o-text-area__input {
        font-size: var(--pva-fs-12, .75rem);
        padding: 1.063rem 1rem;
        min-height: 5.8755rem;
        border-radius: .25rem
    }

    .c-request-status__inpt .o-text-area__input:-ms-input-placeholder {
        font-size: var(--pva-fs-12, .75rem);
        color: var(--pva-base-grey-1100, #737373)
    }

    .c-request-status__inpt .o-text-area__input::placeholder {
        font-size: var(--pva-fs-12, .75rem);
        color: var(--pva-base-grey-1100, #737373)
    }

    .c-breadcrumb-two {
        width: 100%;
        border-bottom: 1px solid var(--pva-base-white-800, #ddd);
        background: var(--pva-base-white, #fff);
        position: fixed;
        z-index: 2
    }

    .c-breadcrumb-two__wrapper {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .c-breadcrumb-two__content {
        display: flex;
        align-items: center;
        padding: .58rem 0
    }

    .c-breadcrumb-two__li {
        list-style: none
    }

    .c-breadcrumb-two__li-link {
        font-size: var(--pva-fs-12, .75rem);
        display: inline-block;
        padding: 0 .625rem;
        border-right: 1px solid var(--pva-base-black, #000);
        line-height: 1
    }

    .c-breadcrumb-two__li:first-child .c-breadcrumb-two__li-link {
        padding-left: 0
    }

    .c-breadcrumb-two__li:last-child .c-breadcrumb-two__li-link {
        border-right: none;
        font-weight: 500
    }

    .c-breadcrumb-two.-updated .c-breadcrumb-two__li {
        position: relative
    }

    .c-breadcrumb-two.-updated .c-breadcrumb-two__li-link {
        color: #2d2d2d;
        border: 0;
        padding: 0
    }

    .c-breadcrumb-two.-updated .c-breadcrumb-two__li:last-child .c-breadcrumb-two__li-link {
        color: #a100ff;
        font-weight: 400
    }

    .c-breadcrumb-two.-updated .c-breadcrumb-two__li:not(:last-child) {
        padding-right: .5rem;
        margin-right: .25rem
    }

    .c-breadcrumb-two.-updated .c-breadcrumb-two__li:not(:last-child):after {
        content: "/";
        right: 0;
        position: absolute;
        color: #2d2d2d
    }

    .c-open-req {
        margin-bottom: 8.188rem;
        margin-top: 2.5rem
    }

    .c-open-req__header {
        display: flex;
        justify-content: space-between;
        box-shadow: 0 1px 0 0 var(--pva-base-white-800, #ddd);
        margin: .8125rem 0 1.5rem 0
    }

    .c-open-req__header-actions {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 0 0 .75rem 0
    }

    .c-open-req__header-actions .c-search__searchbox {
        min-height: 3rem
    }

    .c-open-req__tab .c-tabs__container {
        padding-top: 1.1875rem
    }

    .c-open-req__tab .c-tab__item {
        border: none
    }

    .c-open-req .c-modal-view__modal {
        background: rgba(255, 255, 255, .1)
    }

    .c-my-workspace-card {
        background: url(../../toolkit/images/svg/bg-workspace.svg) no-repeat;
        background-size: cover;
        padding-bottom: 1.875rem;
        padding-top: 2.4375rem;
        overflow: auto;
        width: 100%;
        overflow-x: none
    }

    .c-my-workspace-card__wrapper {
        display: -ms-grid;
        display: grid;
        gap: 1.5rem;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        flex-wrap: wrap
    }

    .c-my-workspace-card__card {
        min-height: 23.625rem;
        background: var(--pva-base-white, #fff);
        position: relative;
        box-shadow: 0 2px .688rem rgba(0, 0, 0, .1019607843);
        display: flex;
        flex-direction: column
    }

    .c-my-workspace-card__card-wrap {
        padding: 1rem;
        display: flex;
        flex-direction: column;
        flex: 1
    }

    .c-my-workspace-card__card-flex {
        display: flex;
        justify-content: space-between;
        margin-bottom: 1rem;
        align-items: center
    }

    .c-my-workspace-card__card-flex .icon-kebab {
        font-size: var(--pva-fs-18, 1.125rem)
    }

    .c-my-workspace-card__card-flex img {
        height: 2.286rem
    }

    .c-my-workspace-card__card-title {
        margin: 0;
        font-size: var(--pva-fs-16, 1rem);
        font-weight: 400;
        margin-bottom: 1rem;
        min-height: 2.3125rem
    }

    .c-my-workspace-card__pill-cont {
        display: flex;
        gap: .875rem;
        align-items: center
    }

    .c-my-workspace-card__pill {
        padding: .0938rem .5rem;
        border: 1px solid var(--pva-base-grey, #ccc);
        background: var(--pva-base-white, #fff);
        color: var(--pva-base-grey-2300, #999);
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 400;
        border-radius: 1.25rem;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .c-my-workspace-card__pill.-yellow {
        color: var(--pva-base-red-200, #5b3c20);
        background: var(--pva-base-amber-200, rgba(243, 219, 157, .5019607843));
        border: 1px solid var(--pva-base-amber-200, rgba(243, 219, 157, .5019607843))
    }

    .c-my-workspace-card__sub-bottom-list {
        margin-top: auto
    }

    .c-my-workspace-card__work {
        color: var(---pva-base-grey-240, #bbb);
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 500
    }

    .c-my-workspace-card__work-num {
        font-size: var(--pva-fs-14, .875rem);
        font-weight: 400;
        color: var(--pva-base-black-1300, #333)
    }

    .c-my-workspace-card__bottom-list {
        width: 100%;
        margin-top: auto;
        border-top: 1px solid var(--pva-base-grey-2500, #e9e9e9);
        text-align: center;
        display: flex;
        padding: 0 1rem
    }

    .c-my-workspace-card__list-item {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        padding: .823rem 0;
        font-size: var(--pva-fs-12, .75rem);
        color: #000;
        text-transform: uppercase
    }

    .c-my-workspace-card__list-item:not(:last-child) {
        border-right: 1px solid var(--pva-base-grey-2500, #e9e9e9)
    }

    .c-my-workspace-card .-disable {
        color: var(--pva-base-grey-2900, #ccc);
        cursor: unset
    }

    .c-workspace {
        margin-top: .125rem;
        position: relative
    }

    .c-workspace .c-create-client {
        border-bottom: unset;
        padding: 4.0625rem 0 1.125rem 0
    }

    .c-workspace__tabs-main {
        background: var(--pva-base-white, #fff);
        padding-bottom: 1px
    }

    .c-workspace__tabs-main:before {
        content: "";
        position: absolute;
        border-bottom: 1px solid #ccc;
        box-shadow: 0 -.0625rem 0 0 inset var(--tab-border);
        height: 2px;
        width: 100%;
        left: 0;
        top: 255px
    }

    .c-workspace .c-tabs__container {
        border-bottom: 1px solid var(--pva-base-white-1900, #dadada) !important
    }

    .c-workspace .c-tab__item {
        padding: 12px 2.125rem 12px 2.125rem !important;
        box-shadow: unset !important
    }

    .c-workspace__wrapper {
        background: var(--pva-base-grey-100, #fafafa)
    }

    .c-workspace__bg-background {
        background: url(../../toolkit/images/svg/bg-workspace.svg) no-repeat;
        background-size: cover;
        padding-bottom: 5rem;
        height: 100vh
    }

    .c-success-modal {
        margin: auto;
        box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .04), 0 .5rem 1rem 0 rgba(0, 0, 0, .08);
        background-color: var(--pva-base-white, #fff);
        position: relative;
        width: 100%;
        max-width: 38rem;
        border-radius: .5rem
    }

    .c-success-modal__close {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-16, 1rem);
        position: absolute;
        right: 2rem;
        display: flex;
        align-items: center;
        top: 2rem;
        cursor: pointer
    }

    .c-success-modal__content {
        display: -ms-grid;
        display: grid;
        justify-content: center;
        align-items: center;
        vertical-align: middle;
        padding: 3rem 3rem 2.25rem 3rem;
        text-align: center;
        min-height: 271px
    }

    .c-success-modal__head {
        font-size: var(--pva-fs-16, 1rem);
        margin: .75rem 0
    }

    .c-success-modal__pera {
        color: var(--pva-base-grey-1100, #737373);
        font-size: var(--pva-fs-16, 1rem);
        font-weight: 400;
        margin-bottom: 2rem
    }

    .c-success-modal .o-primary-button {
        min-width: 7.5rem
    }

    .c-pageTitle {
        padding: 1rem 0
    }

    .c-pageTitle__Wrapper {
        display: flex;
        flex-direction: column
    }

    .c-pageTitle__inner {
        display: flex;
        flex-direction: column;
        padding: 3rem 0 1.625rem 0
    }

    .c-pageTitle__breadcrumpWrap {
        display: flex;
        align-items: center;
        font-size: var(--pva-fs-12);
        gap: 1rem
    }

    .c-pageTitle__breadcrump {
        color: var(--pva-base-grey-1500);
        position: relative
    }

    .c-pageTitle__breadcrump.-active {
        color: var(--pva-base-black);
        font-weight: 500
    }

    .c-pageTitle__breadcrump:not(:last-child):after {
        content: "/";
        position: absolute;
        right: -.5rem;
        color: var(--pva-base-black)
    }

    .c-pageTitle__breadcrump:not(:last-child):focus,
    .c-pageTitle__breadcrump:not(:last-child):hover {
        color: var(--pva-base-grey-1500)
    }

    .c-pageTitle__title {
        font-size: var(--pva-fs-24);
        color: var(--pva-base-black-200, #222)
    }

    .c-pageTitle__title.-roles {
        font-size: var(--pva-fs-20);
        color: var(--pva-base-black, #000)
    }

    .c-pageTitle__titleWrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 1rem
    }

    .c-pageTitle__titleLeft {
        display: flex;
        flex-direction: column
    }

    .c-pageTitle__titleRight .o-primary-button {
        color: var(--pva-base-white-300, #f9f9f9);
        background-color: var(--pva-base-black-200, #222)
    }

    .c-pageTitle__description {
        color: var(--pva-base-grey-1600);
        padding-top: .5rem;
        max-width: 37rem
    }

    .c-pageTitle__description.-roles {
        color: var(--pva-base-grey-1300, #505050)
    }

    .c-newPTitle__wrapper {
        position: fixed;
        top: var(--pva-header-height);
        width: 100%;
        z-index: 9;
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px)
    }

    .c-newPTitle__inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1.5rem 0
    }

    .c-newPTitle__left {
        display: flex;
        align-items: center;
        gap: 1rem
    }

    .c-newPTitle__title {
        font-size: var(--pva-fs-20);
        font-weight: 500
    }

    .c-newPTitle__right {
        display: flex;
        align-items: center;
        gap: 1rem
    }

    .c-newPTitle__right-ProfileWrap {
        display: flex;
        align-items: center
    }

    .c-newPTitle__right-ProfileMore {
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--pva-base-white);
        filter: drop-shadow(0 4.667px 9.333px rgba(0, 0, 0, .06)) drop-shadow(0 0 4.667px rgba(0, 0, 0, .04));
        border-radius: 50%;
        border: 1px solid var(--pva-base-grey-1400);
        width: 1.75rem;
        height: 1.75rem;
        position: relative;
        left: -1rem;
        color: var(--pva-color-primary)
    }

    .c-newPTitle__right-ProfileMore:focus,
    .c-newPTitle__right-ProfileMore:hover {
        color: var(--pva-color-primary)
    }

    .c-newPTitle__right-Profile {
        width: 1.75rem;
        height: 1.75rem;
        border-radius: 50%;
        overflow: hidden;
        position: relative
    }

    .c-newPTitle__right-Profile:last-of-type {
        left: -.5rem
    }

    .c-newPTitle__editWrap {
        display: flex;
        align-items: center;
        gap: .875rem
    }

    .c-newPTitle__editWrap-back {
        font-size: var(--pva-fs-20);
        display: flex
    }

    .c-newPTitle__editWrap-back i {
        height: 1.325rem;
        transform: rotate(180deg)
    }

    .c-newPTitle__editWrap-back:focus,
    .c-newPTitle__editWrap-back:hover {
        color: var(--pva-color-primary)
    }

    .c-newPTitle__dropdown .o-select {
        width: 11.625rem;
        height: 2rem;
        background: 0 0
    }

    .c-newPTitle__dropdown .o-select__selected-text {
        border-radius: .5rem;
        padding: .5rem .75rem .5rem 1rem;
        color: var(--pva-base-black, #000);
        font-size: .75rem;
        line-height: 1rem;
        font-weight: 400
    }

    .c-newPTitle__dropdown .o-select__selected-text.-active {
        border-color: var(--pva-base-grey, #ccc)
    }

    .c-newPTitle__dropdown .o-select__selected-text:before {
        top: 55%;
        font-size: .875rem
    }

    .c-newPTitle__dropdown .o-select__option {
        font-size: .75rem;
        line-height: 1rem;
        font-weight: 400;
        padding: .5rem 1.125rem
    }

    .c-proDTitle__wrapper {
        background-color: var(--pva-base-white)
    }

    .c-proDTitle__wrapper.-bg {
        background: 0 0
    }

    .c-proDTitle__wrapper.-nobackgraound {
        background-color: transparent
    }

    .c-proDTitle__inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1.5rem 0
    }

    .c-proDTitle__left {
        display: flex;
        flex-direction: column
    }

    .c-proDTitle__left-title {
        font-size: var(--pva-fs-20)
    }

    .c-proDTitle__left-title.-font {
        font-size: var(--pva-fs-24)
    }

    .c-proDTitle__left-title.bold {
        font-weight: 500
    }

    .c-proDTitle__right {
        display: flex;
        align-items: center;
        gap: 1rem
    }

    .c-proDTitle__withsearch {
        display: flex;
        align-items: center;
        gap: 1.25rem
    }

    .c-createProfile__wrapper {
        background: var(--pva-base-white);
        z-index: 1;
        position: sticky;
        top: var(--pva-header-height)
    }

    .c-createProfile__inner {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        padding: 1.5rem 0
    }

    .c-createProfile__left {
        display: flex;
        flex-direction: column
    }

    .c-createProfile__left-title {
        font-size: var(--pva-fs-20)
    }

    .c-createProfile__left-description {
        color: var(--pva-base-grey-1100);
        font-size: var(--pva-fs-16);
        padding-top: .325rem
    }

    .c-createProfile__right {
        display: flex;
        flex-direction: column;
        align-items: flex-end
    }

    .c-createProfile__Stepper {
        display: flex;
        align-items: center;
        gap: .5rem;
        margin-top: .75rem
    }

    .c-createProfile__Stepper-item {
        width: 3.75rem;
        height: .25rem;
        border-radius: .25rem;
        background: var(--pva-base-white-1500)
    }

    .c-createProfile__Stepper-item.-completed {
        background: var(--pva-color-primary)
    }

    @keyframes modalFadeIn {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    @keyframes modalPopUp {
        0% {
            opacity: 0
        }

        25% {
            transform: scale(.9)
        }

        100% {
            opacity: 1;
            transform: scale(1)
        }
    }

    .c-modal {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        outline: 0;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 1050;
        --pva-modal-height: 43.25rem;
        --pva-modal-width: 75.875rem;
        --pva-modal-title-fs: calc(var(--pva-fs-16, 1rem) * 2);
        --pva-modal-header-text-fs: var(--pva-fs-16, 1rem);
        --pva-modal-header-pd: 2.625rem 1.875rem 3.125rem 1.875rem;
        --pva-modal-title-mb: 0.375rem;
        --pva-modal-close-sp: 3.125rem;
        --pva-modal-close-size: 1.25rem;
        --pva-modal-body-pd: 2rem 2.25rem
    }

    .c-modal[aria-hidden=true] {
        display: none
    }

    .c-modal__overlay {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(255, 255, 255, .6);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        animation: modalFadeIn .2s both
    }

    .c-modal__container {
        position: relative;
        display: flex;
        align-items: center;
        width: auto;
        max-width: var(--pva-modal-width);
        margin: .9375rem auto;
        min-height: calc(100% - 1.875rem);
        z-index: 1;
        pointer-events: none;
        transform-origin: center;
        animation: modalFadeIn .2s .2s both, modalPopUp .2s .2s both
    }

    .c-modal__content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-clip: padding-box;
        outline: 0;
        height: var(--pva-modal-height);
        overflow: hidden;
        background-color: var(--pva-base-white, #fff);
        box-shadow: 0 .75rem 1.5rem 0 rgba(0, 0, 0, .1);
        border-radius: .25rem
    }

    .c-modal__content .c-modal__header {
        color: var(--pva-base-black, #000);
        position: relative;
        padding: var(--pva-modal-header-pd)
    }

    .c-modal__content .c-modal__header-title {
        font-size: var(--pva-modal-title-fs);
        font-weight: 400;
        margin: 0
    }

    .c-modal__content .c-modal__header-title span {
        color: var(--pva-base-grey-1300, #505050)
    }

    .c-modal__content .c-modal__header-text {
        color: var(--pva-base-grey-700, #4a4a4a);
        font-size: var(--pva-modal-header-text-fs);
        margin: 0
    }

    .c-modal__content .c-modal__header-text span {
        color: var(--pva-color-secondary-100, #6b10a0)
    }

    .c-modal__content .c-modal__header-text-wrap {
        display: flex;
        align-items: center;
        gap: .125rem
    }

    .c-modal__content .c-modal__header-text-wrap [data-myw-toggle=tooltip] {
        display: inline-flex
    }

    .c-modal__content .c-modal__header-close {
        position: absolute;
        top: var(--pva-modal-close-sp);
        right: var(--pva-modal-close-sp);
        border: 0;
        padding: 0;
        background: 0 0;
        display: inline-flex
    }

    .c-modal__content .c-modal__header-close:before {
        font-size: var(--pva-modal-close-size);
        color: var(--pva-base-black, #000)
    }

    .c-modal__content .c-modal__body {
        position: relative;
        flex: 1 1 auto;
        overflow-y: auto;
        padding: var(--pva-modal-body-pd)
    }

    .c-modal__content .c-modal__body-gridWrap {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        column-gap: 2rem;
        row-gap: 1.5rem
    }

    .c-modal__content .c-modal__body .o-input-label,
    .c-modal__content .c-modal__body .o-select-label {
        color: var(--pva-base-black-200, #222);
        opacity: 1
    }

    .c-modal__content .c-modal__body::-webkit-scrollbar {
        width: 6px;
        height: 6px
    }

    .c-modal__content .c-modal__body::-webkit-scrollbar-thumb {
        background: var(--pva-color-primary, #a100ff);
        border-radius: 1.125rem
    }

    .c-modal__content .c-modal__body::-webkit-scrollbar-track {
        background: 0 0;
        border-radius: 1.125rem
    }

    .c-modal__content .c-modal__footer {
        flex-shrink: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        padding: 1.5rem;
        z-index: 0
    }

    .c-modal__content .c-modal__footer .c-modal__footer-btnGroup {
        display: flex;
        justify-content: flex-end;
        gap: 1.25rem
    }

    .c-modal:has(.c-modal__header-text) {
        --pva-modal-header-pd: 1.625rem 1.875rem 2.25rem 1.875rem
    }

    .c-modal:has(.c-modal__header-text) .c-modal__header-title {
        margin-bottom: var(--pva-modal-title-mb)
    }

    .c-modal.-medium {
        --pva-modal-height: 29.375rem;
        --pva-modal-width: 57rem;
        --pva-modal-title-fs: calc(var(--pva-fs-14, 0.875rem) * 2);
        --pva-modal-header-text-fs: var(--pva-fs-12, 0.75rem);
        --pva-modal-header-pd: 1.75rem 1.5rem 2.375rem 1.5rem;
        --pva-modal-close-sp: 2.375rem;
        --pva-modal-close-size: 1rem;
        --pva-modal-body-pd: 1.75rem 1.5rem
    }

    .c-modal.-medium:has(.c-modal__header-text) {
        --pva-modal-header-pd: 1.125rem 1.5rem 1.625rem 1.5rem;
        --pva-modal-title-mb: 0.25rem
    }

    .c-modal.-small {
        --pva-modal-height: 16.875rem;
        --pva-modal-width: 38rem;
        --pva-modal-title-fs: var(--pva-fs-20, 1.25rem);
        --pva-modal-header-pd: 1.25rem 1.5rem 1rem 24px;
        --pva-modal-close-sp: 1.75rem;
        --pva-modal-close-size: 1rem;
        --pva-modal-body-pd: 1.75rem 1.5rem
    }

    .c-modal.-small .c-modal__footer {
        box-shadow: none
    }

    .c-modal.-attachment-btn {
        --pva-modal-height: 29.375rem;
        --pva-modal-width: 57rem;
        --pva-modal-title-fs: calc(var(--pva-fs-14, 0.875rem) * 2);
        --pva-modal-header-text-fs: var(--pva-fs-12, 0.75rem);
        --pva-modal-header-pd: 1.75rem 1.5rem 2.375rem 1.5rem;
        --pva-modal-close-sp: 2.375rem;
        --pva-modal-close-size: 1rem;
        --pva-modal-body-pd: 1.75rem 1.5rem
    }

    .c-modal.-attachment-btn:has(.c-modal__header-text) {
        --pva-modal-header-pd: 1.125rem 1.5rem 1.625rem 1.5rem;
        --pva-modal-title-mb: 0.25rem
    }

    .c-modal.-import-btn {
        --pva-modal-height: 29.375rem;
        --pva-modal-width: 57rem;
        --pva-modal-title-fs: calc(var(--pva-fs-14, 0.875rem) * 2);
        --pva-modal-header-text-fs: var(--pva-fs-12, 0.75rem);
        --pva-modal-header-pd: 1.75rem 1.5rem 2.375rem 1.5rem;
        --pva-modal-close-sp: 2.375rem;
        --pva-modal-close-size: 1rem;
        --pva-modal-body-pd: 1.75rem 1.5rem
    }

    .c-modal.-import-btn:has(.c-modal__header-text) {
        --pva-modal-header-pd: 1.125rem 1.5rem 1.625rem 1.5rem;
        --pva-modal-title-mb: 0.25rem
    }

    .c-modal.-alert-dialog {
        --pva-modal-height: 16.875rem;
        --pva-modal-width: 38rem
    }

    .c-modal.-alert-dialog .c-modal__content {
        border-radius: .5rem
    }

    .c-modal.-alert-dialog .c-modal__body,
    .c-modal.-alert-dialog .c-modal__header {
        background: 0 0;
        padding: 0
    }

    .c-modal.-alert-dialog .c-modal__header-close {
        z-index: 1
    }

    .c-modal.c-client-consent .c-modal__body {
        display: flex;
        flex-direction: column;
        gap: 1.5rem
    }

    .c-process-selection .c-modal__body {
        display: flex;
        flex-direction: column;
        gap: 1rem
    }

    .c-process-selection .c-modal__container .o-input-wrap label {
        font-size: var(--pva-fs-16, 16px);
        opacity: 1;
        margin-bottom: .375rem
    }

    .c-process-selection .c-modal__container .o-input-wrap input {
        padding: .7312rem 1rem
    }

    .-collapse:not(.-show) {
        display: none
    }

    .-transition {
        height: 0;
        overflow: hidden;
        transition: height .2s ease-out
    }

    .c-accordion {
        background: var(--pva-base-white-2000, #f8f8f8);
        padding: 0 1.25rem
    }

    .c-accordion .c-collapse {
        background: 0 0;
        border: none;
        width: 100%;
        text-align: left;
        font-size: var(--pva-fs-16, 1rem);
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1.0625rem 0
    }

    .c-accordion .c-collapse.icon-chevron-down:before {
        font-size: 1.75rem;
        order: 1;
        margin-right: .75rem
    }

    .c-accordion .c-collapse[aria-expanded=true] {
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, .18)
    }

    .c-accordion .c-collapse[aria-expanded=true].icon-chevron-down:before {
        rotate: 180deg
    }

    .c-accordion .c-collapse .o-checkbox input {
        height: 1.75rem;
        width: 1.75rem
    }

    .c-accordion__container {
        padding: .75rem 0 1.375rem 0;
        display: flex;
        flex-direction: column;
        gap: .9375rem
    }

    .c-accordion.-client-consent {
        background: 0 0;
        padding: 0
    }

    .c-accordion.-client-consent .c-accordion__header {
        display: flex;
        align-items: center;
        gap: .75rem
    }

    .c-accordion.-client-consent .c-accordion__container {
        padding: .75rem 1.125rem .5rem 0
    }

    .c-accordion.-client-consent .c-collapse {
        padding: .5rem 1rem;
        background: var(--pva-base-white-2000, #f8f8f8);
        border-radius: .25rem;
        box-shadow: none;
        font-weight: 400
    }

    .c-accordion.-client-consent .c-collapse:before {
        font-size: 1.375rem;
        margin: 0
    }

    .c-accordion.-no-padding {
        padding: 0
    }

    .c-accordion.-no-padding .c-collapse {
        padding: 1.1875rem 1.25rem
    }

    .c-accordion.-no-padding .c-accordion__container {
        padding-bottom: 0
    }

    .c-accordion.-no-border .c-collapse {
        box-shadow: none
    }

    .c-accordion.-process-selection {
        padding: 0
    }

    .c-accordion.-process-selection .o-checkbox {
        font-size: var(--pva-fs-14, .875rem)
    }

    .c-accordion.-process-selection .o-checkbox input,
    .c-accordion.-process-selection .o-checkbox__checked {
        width: 1.5rem;
        height: 1.5rem
    }

    .c-accordion.-process-selection .o-checkbox__checked:before {
        font-size: .625rem;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .c-accordion.-process-selection .c-accordion__header {
        display: flex;
        align-items: center;
        gap: .625rem
    }

    .c-accordion.-process-selection .c-accordion__header .c-collapse {
        justify-content: unset;
        width: fit-content;
        box-shadow: none;
        padding: 0
    }

    .c-accordion.-process-selection .c-accordion__header .c-collapse:before {
        margin: 0;
        font-size: .9375rem
    }

    .c-accordion.-process-selection .c-accordion__header .o-checkbox__label {
        color: var(--pva-base-black, #000)
    }

    .c-accordion.-process-selection .c-accordion__container {
        padding: .9375rem 0 .9375rem 3.75rem
    }

    .c-activity-flyout {
        background-color: var(--pva-base-grey-100, #fafafa)
    }

    .c-activity-flyout__input {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        margin-bottom: 1rem
    }

    .c-activity-flyout__input-col.-full-col {
        -ms-grid-column: span 2;
        grid-column: span 2
    }

    .c-activity-flyout__actions {
        display: flex;
        justify-content: end;
        align-items: center;
        gap: .375rem;
        margin-bottom: 1.75rem
    }

    .c-activity-flyout .c-accordion {
        background-color: unset;
        padding: 0
    }

    .c-activity-flyout .c-accordion__header {
        display: flex;
        align-items: center;
        gap: .5rem;
        justify-content: space-between;
        padding: .5rem 0
    }

    .c-activity-flyout .c-accordion__header .c-collapse {
        color: var(--pva-base-grey-1100, #737373);
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 400;
        position: relative;
        padding: 0 0 0 1rem;
        box-shadow: unset
    }

    .c-activity-flyout .c-accordion__header .c-collapse:before {
        content: "";
        position: absolute;
        left: 0;
        background: url(../../toolkit/images/svg/add.svg) no-repeat center;
        width: .5rem;
        height: .5rem
    }

    .c-activity-flyout .c-accordion__header .c-collapse[aria-expanded=true]:before {
        background: url(../../toolkit/images/svg/minus.svg) no-repeat center
    }

    .c-activity-flyout .c-accordion__header .c-icon-edit {
        border: unset;
        background-color: unset;
        display: flex;
        align-items: center;
        gap: .5rem;
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-activity-flyout .c-accordion__header .c-icon-edit>span {
        color: var(--pva-base-grey-1100, #737373)
    }

    .c-activity-flyout .c-tabs__container[role=tablist] [role=tab] {
        font-size: var(--pva-fs-14, .875rem);
        min-width: unset
    }

    .c-activity-flyout .c-tabs__container[role=tablist] [role=tab]>span {
        color: var(--pva-color-primary, #a100ff)
    }

    .c-activity-flyout .c-tabs__container[role=tablist][aria-selected=true] {
        font-weight: 500;
        border-bottom: 1px solid var(--pva-color-primary, #a100ff)
    }

    .c-activity-flyout .c-flyout-feedback__input-wrap {
        padding-top: 1rem
    }

    .c-activity-flyout .c-flyout-feedback__container {
        max-height: unset;
        overflow: unset;
        padding-right: 0
    }

    .c-footer-short {
        background: var(--pva-base-white, #fff);
        box-shadow: 0 .25rem 1rem 0 rgba(0, 0, 0, .04);
        z-index: 11;
        position: fixed;
        width: 100%;
        bottom: 0
    }

    .c-footer-short__wrap {
        display: flex;
        justify-content: space-between;
        font-size: var(--pva-fs-12, .75rem);
        padding: .625rem 0;
        height: 2.375rem;
        color: #7e7e7e
    }

    .c-footer-short__link {
        color: #7e7e7e
    }

    .c-legend-panel {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        justify-content: flex-end;
        z-index: 999
    }

    .c-legend-panel__wrapper {
        height: 85.938rem;
        width: 26.56rem;
        background-color: var(--pva-base-grey-100, #fafafa);
        box-shadow: 0 .5rem 1rem var(--pva-base-black-500, rgba(0, 0, 0, .0784313725));
        position: relative
    }

    .c-legend-panel__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem 0 .75rem;
        margin: 0 1rem;
        border-bottom: 1px solid var(--pva-base-grey, #ccc)
    }

    .c-legend-panel__header>a {
        display: flex;
        align-items: center
    }

    .c-legend-panel__title {
        font-weight: 600;
        font-size: var(--pva-fs-16, 1rem)
    }

    .c-legend-panel__body {
        overflow: auto;
        position: relative;
        height: 100%;
        max-height: calc(100vh - 7rem);
        margin-right: .25rem;
        padding: 0 .25rem 1rem 1rem
    }

    .c-legend-panel__body::-webkit-scrollbar {
        height: .125rem;
        width: .375rem
    }

    .c-legend-panel__body::-webkit-scrollbar-track {
        background: 0 0;
        border-radius: .313rem
    }

    .c-legend-panel__body::-webkit-scrollbar-thumb {
        background: var(--pva-base-blue-100, rgba(26, 54, 198, .1607843137));
        border-radius: .313rem
    }

    .c-legend-panel__body .c-accordion {
        padding: 0;
        border-bottom: 1px solid var(--pva-base-grey, #ccc)
    }

    .c-legend-panel__body .c-accordion .c-collapse {
        position: relative;
        padding-right: 1.5rem;
        font-size: var(--pva-fs-14, .875rem)
    }

    .c-legend-panel__body .c-accordion .c-collapse[aria-expanded=true] {
        box-shadow: none
    }

    .c-legend-panel__body .c-accordion .c-collapse[aria-expanded=true]:after {
        top: 57%;
        transform: translateY(-50%) rotate(-135deg)
    }

    .c-legend-panel__body .c-accordion .c-collapse:after {
        position: absolute;
        content: "";
        border-right: .0625rem solid var(--pva-base-black, #000);
        border-bottom: .0625rem solid var(--pva-base-black, #000);
        width: .5rem;
        height: .5rem;
        right: .5rem;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        transition: all;
        cursor: pointer
    }

    .c-legend-panel__body .c-accordion.-open {
        border-bottom: 1px solid var(--pva-color-secondary-100, #6b10a0)
    }

    .c-legend-panel__body .c-accordion__container {
        padding: 0 0 1rem;
        gap: 0
    }

    .c-legend-panel-accordion__text {
        font-size: var(--pva-fs-12, .75rem);
        color: var(--pva-base-black-100, rgba(0, 0, 0, .7098039216));
        display: flex;
        justify-content: end
    }

    .c-legend-panel-accordion__level {
        display: -ms-grid;
        display: grid;
        gap: .5rem;
        margin-top: .5rem
    }

    .c-legend-panel-accordion__level-item {
        height: 2.25rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .625rem .875rem .625rem .875rem;
        font-size: var(--pva-fs-12, .75rem);
        color: var(--pva-base-black-1200, #050505)
    }

    .c-legend-panel-accordion__level-item label {
        color: var(--pva-base-black-100, rgba(0, 0, 0, .7098039216))
    }

    .c-legend-panel-accordion__level-item>span {
        margin-left: auto;
        font-weight: 500
    }

    .c-legend-panel-accordion__level-item.-level1 {
        background-color: var(--pva-base-blue-1300, #4e69b3);
        color: var(--pva-base-white, #fff)
    }

    .c-legend-panel-accordion__level-item.-level1 label {
        color: var(--pva-base-grey-2000, rgba(255, 255, 255, .7098039216))
    }

    .c-legend-panel-accordion__level-item.-level2 {
        background-color: var(--pva-base-blue-1100, #b2c6ff)
    }

    .c-legend-panel-accordion__level-item.-level3 {
        background-color: var(--pva-base-blue-1000, #d4dfff)
    }

    .c-legend-panel-accordion__level-item.-level4 {
        background-color: var(--pva-base-grey-2100, #fdfdfd)
    }

    .c-legend-panel-accordion__mandatory {
        display: flex;
        align-items: center;
        gap: .25rem;
        font-size: var(--pva-fs-14, 1rem);
        padding: 1rem 0 .5rem
    }

    .c-legend-panel-accordion__mandatory>span {
        color: var(--pva-base-red, #e6242f)
    }

    .c-legend-panel-accordion__activity {
        display: -ms-grid;
        display: grid;
        gap: .75rem
    }

    .c-legend-panel-accordion__activity-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        flex-wrap: wrap;
        font-size: var(--pva-fs-12, .75rem);
        padding-right: .25rem
    }

    .c-legend-panel-accordion__activity-item>div {
        margin-left: auto
    }

    .c-legend-panel__footer {
        display: flex;
        padding: 1rem
    }

    .c-legend-panel__footer .c-bottom-panel__right {
        width: 100%
    }

    .c-legend-panel__footer .c-bottom-panel__percentage-wrapper,
    .c-legend-panel__footer .c-bottom-panel__toggle-section {
        padding: 0 1rem 0 0;
        margin-right: 1rem;
        border-right: 1px solid var(--pva-base-grey, #ccc)
    }

    .c-legend-panel__footer .c-bottom-panel__legend-section {
        padding: 0
    }

    .c-legend-table>table {
        font-size: var(--pva-fs-12, .75rem);
        width: 100%
    }

    .c-legend-table>table>thead>tr>th {
        color: var(--pva-base-black-100, rgba(0, 0, 0, .7098039216));
        font-weight: 400;
        padding: .325rem .5rem;
        text-align: end
    }

    .c-legend-table>table>tbody>tr>td {
        padding: .325rem .5rem;
        height: 2.857rem;
        border-bottom: 1px solid var(--pva-base-white, #fff)
    }

    .c-legend-table>table>tbody>tr>td .o-checkbox__label {
        font-size: var(--pva-fs-12, .75rem);
        color: var(--pva-base-black, #000)
    }

    .c-legend-table>table>tbody>tr:nth-child(1) {
        background: rgba(199, 228, 229, .702)
    }

    .c-legend-table>table>tbody>tr:nth-child(2) {
        background: rgba(216, 239, 240, .702)
    }

    .c-legend-table>table>tbody>tr:nth-child(3) {
        background: rgba(232, 250, 250, .6)
    }

    .c-legend-table.-fte-count>table>tbody .o-checkbox__label {
        color: var(--pva-base-white, #fff)
    }

    .c-legend-table.-fte-count>table>tbody>tr:nth-child(1) {
        background: var(--pva-color-secondary-700, #6c17b6);
        color: var(--pva-base-white, #fff)
    }

    .c-legend-table.-fte-count>table>tbody>tr:nth-child(2) {
        background: #b566f9;
        color: var(--pva-base-white, #fff)
    }

    .c-legend-table.-fte-count>table>tbody>tr:nth-child(3) {
        background: var(--pva-color-secondary-900, #d4a2ff);
        color: var(--pva-base-white, #fff)
    }

    .c-legend-table .-text-center {
        text-align: center
    }

    .c-legend-table .-text-end {
        text-align: end
    }

    .c-legend-table .-font-weight {
        font-weight: 500
    }

    .c-attributes-table {
        margin-bottom: 2.625rem
    }

    .c-attributes-table__tbl {
        width: 100%
    }

    .c-attributes-table__tbl-th {
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 500;
        vertical-align: middle;
        background: var(--pva-base-grey-100, #fafafa);
        border-bottom: 1px solid var(--pva-base-grey-2200, #eeeded);
        text-align: left;
        padding: .43rem 0;
        text-transform: uppercase;
        position: relative
    }

    .c-attributes-table__tbl-th-btn {
        background: 0 0;
        border: none;
        padding: 0;
        display: inline-flex;
        align-items: center
    }

    .c-attributes-table__tbl-th-btn:before {
        font-size: 1rem;
        display: inline-flex;
        margin-left: .25rem;
        order: 1
    }

    .c-attributes-table__tbl-th-btn.icon-down:before {
        font-size: 1.375rem;
        padding-top: .063rem
    }

    .c-attributes-table__tbl-th:first-child {
        padding-left: 1rem
    }

    .c-attributes-table__tbl-td {
        vertical-align: middle;
        padding: .625rem 0
    }

    .c-attributes-table__tbl-td:first-child {
        padding-left: 1rem
    }

    .c-attributes-table__tbl-td-btn {
        background: 0 0;
        border: none;
        padding: 0;
        display: inline-flex;
        align-items: center
    }

    .c-attributes-table__tbl-td-btn:before {
        font-size: 1rem;
        display: inline-flex;
        order: 1
    }

    .c-attributes-table__tbl-td-tr {
        background: var(--pva-base-white, #fff);
        transition: all ease-in-out .3s
    }

    .c-attributes-table__tbl-td-tr:hover {
        background: var(--pva-base-white-1200, #f0f6ff);
        mix-blend-mode: multiply
    }

    .c-attributes-table__tbl-td-action {
        display: flex;
        gap: .75rem
    }

    .c-attributes-table__tbl-td-action .icon-edit {
        font-size: var(--pva-fs-20, 1.25rem);
        margin: 0
    }

    .c-attributes-table__tbl-td-action .icon-delete {
        font-size: var(--pva-fs-20, 1.25rem);
        margin: 0
    }

    .c-add-attribute .c-modal__header-title {
        font-size: var(--pva-fs-24);
        font-weight: 500;
        margin-bottom: .375rem !important
    }

    .c-add-attribute .c-modal__body {
        padding: 1.5rem 2.125rem 4.688rem 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 1.5rem
    }

    .c-add-attribute .c-modal__body-gridcontent {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        column-gap: 2rem;
        row-gap: 1.5rem
    }

    .c-add-attribute .c-modal__body-gridcontent2 {
        gap: 1.125rem;
        align-items: flex-end;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .c-add-attribute .c-modal__body-gridcontent2 .o-input-wrap input {
        width: 44.5rem
    }

    .c-add-attribute .c-modal__body-gridcontent2 .o-secondary-button {
        height: 2.5rem;
        width: 7.5rem
    }

    .c-add-attribute .c-modal__body-chip {
        display: flex;
        align-items: center;
        border: 1px solid var(--pva-base-grey, #ccc);
        border-radius: 1rem;
        width: fit-content;
        padding: .25rem 1rem;
        gap: 1.063rem;
        margin-top: -.75rem
    }

    .c-add-attribute .c-modal__body-chip-text {
        font-size: .875rem;
        font-weight: 400;
        color: var(--pva-base-grey-1100, #737373)
    }

    .c-add-attribute .c-modal__body-chip-close {
        margin-top: .188rem;
        border: 0;
        padding: 0;
        background: 0 0;
        font-size: .5rem;
        color: var(--pva-base-black, #000)
    }

    .c-add-attribute .c-modal__body .o-input-label {
        color: var(--pva-base-black-200, #222);
        font-size: var(--pva-fs-16, 1rem);
        opacity: 1
    }

    .c-add-attribute .c-modal__body .o-input-wrap input {
        border-radius: .75rem
    }

    .c-add-attribute .c-modal__body .o-select-label {
        color: var(--pva-base-black-200, #222);
        font-size: var(--pva-fs-16, 1rem);
        opacity: 1
    }

    .c-add-attribute .c-modal__body .o-select__selected-text {
        color: var(--pva-base-grey-1100, #737373);
        font-size: var(--pva-fs-14, .875rem);
        border-radius: .75rem
    }

    .c-edit-attribute .c-modal__header-title {
        font-size: var(--pva-fs-24);
        font-weight: 500;
        margin-bottom: .375rem !important
    }

    .c-edit-attribute .c-modal__body {
        padding: 1.5rem 2.125rem 4rem 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 1.5rem
    }

    .c-edit-attribute .c-modal__body-gridcontent {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        column-gap: 2rem;
        row-gap: 1.5rem
    }

    .c-edit-attribute .c-modal__body .o-input-label {
        color: var(--pva-base-black-200, #222);
        font-size: var(--pva-fs-16, 1rem);
        opacity: 1
    }

    .c-edit-attribute .c-modal__body .o-select-label {
        color: var(--pva-base-black-200, #222);
        font-size: var(--pva-fs-16, 1rem);
        opacity: 1
    }

    .c-edit-attribute .c-modal__body .o-select__selected-text {
        color: var(--pva-base-grey-1100, #737373);
        font-size: var(--pva-fs-14, .875rem)
    }

    .c-delete-attribute .c-modal__body {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1.5rem 0 1.5rem 1.5rem;
        overflow: hidden
    }

    .c-delete-attribute .c-modal__body .icon-warning {
        font-size: calc(var(--pva-fs-24, 1.5rem) * 1.66667);
        color: var(--pva-base-amber-400, #ff7800);
        margin-top: .625rem
    }

    .c-delete-attribute .c-modal__body-text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: .375rem
    }

    .c-delete-attribute .c-modal__body-text-main {
        font-size: var(--pva-fs-16, 1rem);
        color: var(--pva-base-black-200, #222)
    }

    .c-delete-attribute .c-modal__body-text-info {
        font-size: var(--pva-fs-12, .75rem);
        color: var(--pva-base-grey-1100, #737373)
    }

    .c-search__searchbox {
        display: flex;
        align-items: center;
        padding: 0 1.5rem;
        min-height: 2.5rem;
        background: var(--pva-base-white, #fff);
        box-shadow: 0 0 .375rem 0 rgba(0, 0, 0, .12)
    }

    .c-search__searchbox .icon-magnify {
        font-size: var(--pva-fs-18, 1.125rem);
        margin-top: .188rem
    }

    .c-search__searchbox .o-input-wrap input {
        border: none;
        padding: .5rem .75rem
    }

    .c-search__searchbox .o-input-wrap input::-webkit-input-placeholder {
        font-size: var(--pva-fs-14, .875rem);
        color: var(--pva-base-grey-3700, #707070)
    }

    .c-filterNew__content {
        top: calc(100% + .75rem);
        box-shadow: 0 2px 11px rgba(0, 0, 0, .102);
        width: 52.1875rem;
        padding: 0;
        right: unset;
        left: 0
    }

    .c-filterNew__content.-place-right {
        left: unset;
        right: 0
    }

    .c-filterNew__inner {
        display: flex
    }

    .c-filterNew__left {
        display: flex;
        width: 30%;
        flex: 0 0 30%;
        padding-bottom: 1rem;
        padding-right: .25rem;
        background: var(--pva-base-grey-100);
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, .04), 0 4px 8px 0 rgba(0, 0, 0, .06)
    }

    .c-filterNew__left-inner {
        display: flex;
        flex-direction: column;
        padding: 1.125rem 0 1.125rem 1.125rem;
        width: 100%
    }

    .c-filterNew__title {
        font-weight: 500
    }

    .c-filterNew__list {
        margin-top: 1.5rem;
        list-style: none;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 1.125rem;
        max-height: 12rem;
        overflow: auto
    }

    .c-filterNew__list::-webkit-scrollbar {
        width: .25rem;
        height: .25rem
    }

    .c-filterNew__list::-webkit-scrollbar-track {
        background: 0 0
    }

    .c-filterNew__list::-webkit-scrollbar-thumb {
        background-color: var(--pva-base-white-2800, #d6dbf2);
        border-radius: .25rem
    }

    .c-filterNew__list-item {
        display: flex
    }

    .c-filterNew__list-item .o-checkbox__checked {
        width: 1rem;
        height: 1rem;
        background: 0 0;
        border: .063rem solid var(--pva-base-black, #000);
        border-radius: .25rem
    }

    .c-filterNew__list-item .o-checkbox__label {
        margin-left: .75rem;
        font-size: var(--pva-fs-12);
        color: var(--pva-base-black)
    }

    .c-filterNew__right {
        display: flex;
        width: 70%;
        flex: 0 0 70%
    }

    .c-filterNew__right-inner {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 1.5rem .25rem 1.5rem 1.5rem
    }

    .c-filterNew__right-section {
        display: flex;
        max-height: 12rem;
        overflow: auto;
        margin-top: 1.5rem
    }

    .c-filterNew__right-section::-webkit-scrollbar {
        width: .25rem;
        height: .25rem
    }

    .c-filterNew__right-section::-webkit-scrollbar-track {
        background: 0 0
    }

    .c-filterNew__right-section::-webkit-scrollbar-thumb {
        background-color: var(--pva-base-white-2800, #d6dbf2);
        border-radius: .25rem
    }

    .c-filterNew__right .c-filterNew__list {
        display: flex;
        max-height: auto;
        overflow: unset;
        margin: 0
    }

    .c-table {
        color: inherit;
        overflow-wrap: break-word;
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-table thead th {
        position: relative;
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 500;
        text-align: inherit;
        padding: .5rem .625rem;
        height: 1.875rem;
        background-color: var(--pva-base-grey-100, #fafafa);
        color: var(--pva-base-black, #000)
    }

    .c-table thead th:first-child {
        padding-left: 1rem
    }

    .c-table thead th:last-child {
        padding-right: 1rem
    }

    .c-table tbody tr {
        position: relative;
        background-color: var(--pva-base-white, #fff)
    }

    .c-table tbody tr td {
        font-size: var(--pva-fs-12, .75rem);
        padding: .5rem .625rem;
        height: 3.125rem;
        vertical-align: middle;
        color: var(--pva-base-black-200, #222)
    }

    .c-table tbody tr td:first-child {
        padding-left: 1rem
    }

    .c-table tbody tr td:last-child {
        padding-right: 1rem
    }

    .c-table tbody tr td a:focus,
    .c-table tbody tr td a:hover {
        text-decoration: none
    }

    .c-table tbody tr td .-text-semibold {
        font-weight: 600
    }

    .c-table tbody a.-disabled {
        pointer-events: none;
        opacity: .5
    }

    .c-table tbody a.-disabled img {
        opacity: .5
    }

    .c-table tbody a.-disabled i {
        color: var(--pva-base-grey, #ccc)
    }

    .c-table .c-table-link {
        color: var(--pva-color-primary, #a100ff);
        text-decoration: none
    }

    .c-table__inner {
        padding: 0 !important
    }

    .c-table__inner .c-table tbody tr {
        background-color: var(--pva-base-white-1200, #f0f6ff)
    }

    .c-table__inner .c-table tbody tr td:first-child {
        padding-left: 6.25rem
    }

    .c-table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        color: var(--pva-base-black, #000);
        scrollbar-width: thin;
        scrollbar-color: var(--pva-color-primary, #a100ff) var(--pva-base-white, #fff)
    }

    .c-table-responsive::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background-color: var(--pva-base-white, #fff)
    }

    .c-table-responsive::-webkit-scrollbar-thumb {
        background-color: var(--pva-color-primary, #a100ff);
        border-radius: 6px/2;
        cursor: pointer;
        min-height: 40px
    }

    .c-table-responsive::-webkit-scrollbar-track {
        border-radius: 6px/2;
        background-color: var(--pva-base-white, #fff);
        cursor: pointer
    }

    .c-table-responsive .c-table.-hover tbody tr:hover {
        box-shadow: 0 1px 1px rgba(117, 0, 192, .5);
        background-color: rgba(245, 229, 255, .5);
        z-index: 1
    }

    .c-table-responsive.-nowrap .c-table {
        white-space: nowrap
    }

    .c-table-responsive.-border {
        border-top: .125rem solid var(--pva-color-primary, #a100ff)
    }

    .c-table-fixed {
        table-layout: fixed
    }

    .c-text-center {
        text-align: center !important
    }

    .c-text-right {
        text-align: right !important
    }

    .c-table-sort {
        display: inline-block;
        text-decoration: none;
        color: inherit;
        position: relative;
        padding-right: .75rem
    }

    .c-table-sort:focus,
    .c-table-sort:hover {
        text-decoration: none;
        color: inherit
    }

    .c-table-sort:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        border: .25rem solid transparent;
        top: 50%;
        right: 0;
        border-top-color: var(--pva-base-grey-1100, #737373)
    }

    .c-table-sort.active:before {
        border-bottom-color: var(--pva-base-black, #000);
        border-top-color: transparent;
        margin-top: -.335rem
    }

    .c-inner__padding {
        padding: 0 !important
    }

    .c-text-wrap {
        max-width: 9.125rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .c-roles-table {
        counter-reset: count;
        margin-bottom: 2rem
    }

    .c-roles-table .c-accordion .c-collapse {
        padding: 0 0 0 1.5rem;
        font-size: var(--pva-fs-12, .75rem);
        position: relative;
        justify-content: flex-start;
        gap: .25rem
    }

    .c-roles-table .c-accordion .c-collapse:after {
        position: absolute;
        content: "";
        border-right: .0625rem solid var(--pva-base-black, #000);
        border-bottom: .0625rem solid var(--pva-base-black, #000);
        width: .5rem;
        height: .5rem;
        left: 0;
        top: 40%;
        transform: translateY(-40%) rotate(45deg);
        transition: all;
        cursor: pointer
    }

    .c-roles-table .c-accordion .c-collapse:before {
        counter-increment: count;
        content: counter(count) ". ";
        left: 0
    }

    .c-roles-table .c-accordion .c-collapse[aria-expanded=true] {
        box-shadow: unset;
        font-weight: 600;
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-roles-table .c-accordion .c-collapse[aria-expanded=true]:after {
        top: 57%;
        transform: translateY(-50%) rotate(-135deg)
    }

    .c-roles-table .o-checkbox label {
        color: var(--pva-base-black, #000)
    }

    .c-roles-table .o-checkbox__checked {
        background: 0 0;
        border: .063rem solid var(--pva-base-black, #000);
        border-radius: .25rem
    }

    .c-roles-table .c-table thead th {
        font-size: .563rem
    }

    .c-roles-table .c-table tbody tr td {
        color: var(--pva-base-black, #000)
    }

    .c-tooltip {
        --tooltip-bg: var(--pva-base-grey-1300, #505050);
        --arrow-w: 8px;
        position: absolute;
        top: 0;
        left: 0;
        display: inline-flex;
        z-index: -1000;
        min-width: 3.5rem;
        max-width: 15.625rem;
        background-color: var(--tooltip-bg);
        min-height: 28px;
        font-size: .75rem;
        color: var(--pva-base-white, #fff);
        filter: drop-shadow(0 0 .625rem rgba(0, 0, 0, .12));
        border-radius: .25rem;
        opacity: 0;
        transition: opacity ease-in .2s;
        transform: translate(-50%, calc(-100% - 8px))
    }

    .c-tooltip .-arrow {
        position: absolute;
        top: 100%;
        left: 50%;
        border-left: var(--arrow-w) solid transparent;
        border-right: var(--arrow-w) solid transparent;
        border-top: var(--arrow-w) solid var(--tooltip-bg);
        border-bottom: none;
        transform: translateX(-50%);
        filter: drop-shadow(-3px -3px 6px rgba(0, 0, 0, .16))
    }

    .c-tooltip .c-tooltip__inner {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
        padding: .5rem;
        background-color: var(--tooltip-bg);
        border-radius: .25rem;
        z-index: 1
    }

    .c-tooltip.-show {
        opacity: 1;
        z-index: 1051
    }

    .c-tooltip[x-placement=top] {
        transform: translate(-50%, calc(-100% - 8px))
    }

    .c-tooltip[x-placement=bottom] {
        transform: translate(-50%, 8px)
    }

    .c-tooltip[x-placement=bottom] .-arrow {
        top: 0;
        left: 50%;
        transform: translate(-50%, -100%) rotate(180deg)
    }

    .c-tooltip[x-placement=left] {
        transform: translate(calc(-100% - 8px), -50%)
    }

    .c-tooltip[x-placement=left] .-arrow {
        top: 50%;
        left: 100%;
        transform: translate(-4px, -50%) rotate(270deg)
    }

    .c-tooltip[x-placement=right] {
        transform: translate(8px, -50%)
    }

    .c-tooltip[x-placement=right] .-arrow {
        top: 50%;
        left: 0;
        transform: translate(-12px, -50%) rotate(90deg)
    }

    .c-tooltip[x-placement=top-left] {
        transform: translate(-50%, calc(-100% - 8px))
    }

    .c-tooltip[x-placement=top-right] {
        transform: translate(-50%, calc(-100% - 8px))
    }

    .c-tooltip[x-placement=bottom-left] {
        transform: translate(-50%, calc(-100% - 8px))
    }

    .c-tooltip[x-placement=bottom-right] {
        transform: translate(-50%, calc(-100% - 8px))
    }

    .c-import-users .c-modal__body {
        overflow: hidden
    }

    .c-import-users .c-modal__body .o-file-input {
        background: var(--pva-base-white, #fff);
        margin-bottom: 1.688rem;
        max-height: 7.25rem;
        padding: 2rem 0
    }

    .c-import-users .c-modal__body .o-file-input__upload {
        gap: 2rem
    }

    .c-import-users .c-modal__body .o-file-input__upload .icon-upload {
        font-size: calc(var(--pva-fs-24) * 2.375)
    }

    .c-import-users .c-modal__body .o-file-input__upload .icon-upload:before {
        margin-top: 1.375rem
    }

    .c-import-users .c-modal__body .o-file-input__upload-section {
        gap: 1.125rem
    }

    .c-import-users .c-modal__body .o-file-input__upload-section-label {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-16, 1rem)
    }

    .c-import-users .c-modal__body .o-file-input__uploader-btn {
        font-size: var(--pva-fs-16, 1rem);
        font-weight: 500;
        text-decoration: underline
    }

    .c-import-users .c-modal__body .o-file-input__info {
        color: var(--pva-base-grey-700, #4a4a4a)
    }

    .c-download {
        display: inline-flex;
        flex-direction: column;
        gap: .75rem
    }

    .c-download.-attachment {
        width: 100%;
        margin-top: .75rem
    }

    .c-download-title {
        color: var(--pva-base-grey-700, #4a4a4a);
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 500
    }

    .c-download-template {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        padding: .75rem .75rem .75rem .5rem;
        border-radius: .25rem;
        background: var(--pva-base-white-2500, #f7f7f7);
        max-height: 3rem;
        min-width: 13.063rem
    }

    .c-download-template.-attachment {
        padding: .5rem 1.5rem .5rem 1rem;
        border-radius: .5rem;
        max-height: 4rem
    }

    .c-download-template-left {
        display: flex;
        align-items: center;
        gap: .5rem
    }

    .c-download-template-left.-attachment {
        gap: 1rem
    }

    .c-download-template-left .icon-excel {
        color: var(--pva-base-green-800, #20744a);
        font-size: var(--pva-fs-24, 1.5rem)
    }

    .c-download-template-left .icon-excel:before {
        margin-top: .75rem
    }

    .c-download-template-right .icon-download:before {
        margin-top: .313rem
    }

    .c-download-template-right .icon-close {
        font-size: var(--pva-fs-20, 20px);
        position: relative;
        top: .25rem;
        cursor: pointer
    }

    .c-download-template-text-wrap {
        display: flex;
        flex-direction: column;
        gap: .563rem
    }

    .c-download-template-upload {
        display: flex;
        align-items: center;
        gap: .5rem;
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-download-template-success-icon {
        position: relative;
        top: .125rem
    }

    .c-download-template-success-text {
        color: var(--pva-base-grey-3600, #666)
    }

    .c-alert-modal {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 3rem 0 2.25rem 0;
        height: 100%
    }

    .c-alert-modal__desc,
    .c-alert-modal__title {
        font-size: 1rem;
        margin: 0;
        font-weight: 400
    }

    .c-alert-modal__title {
        margin: .5625rem 0 .375rem 0
    }

    .c-alert-modal__desc {
        color: var(--pva-base-grey-1100, #737373);
        max-width: 26.875rem;
        text-align: center
    }

    .c-alert-modal__footer {
        margin-top: auto
    }

    .c-data-transfer .c-modal__body {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding-top: 0
    }

    .c-data-transfer .c-modal__body .o-checkbox.-large {
        margin-left: 1.5625rem
    }

    .c-data-transfer__header {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .c-data-transfer__header-label {
        color: var(--pva-base-grey-4200, #818181)
    }

    .c-data-transfer__header-link {
        display: flex;
        align-items: center;
        gap: .625rem;
        font-size: var(--pva-fs-16, 1rem)
    }

    .c-data-transfer__header-link:before {
        display: inline-flex;
        font-size: 1.375rem
    }

    .c-data-transfer .c-modal__header {
        background: 0 0;
        padding-bottom: 1.625rem
    }

    .c-data-transfer .c-modal__footer {
        box-shadow: none
    }

    .c-pva-table button {
        background: 0 0;
        border: none;
        text-transform: inherit;
        padding: 0
    }

    .c-pva-table thead {
        border-bottom: 1px solid var(--pva-base-grey-2200, #eeeded);
        background: var(--pva-base-grey-100, #fafafa)
    }

    .c-pva-table thead tr th {
        font-size: var(--pva-fs-12, .75rem);
        font-weight: 500;
        text-transform: uppercase;
        padding: .3rem 1.25rem;
        text-align: left
    }

    .c-pva-table thead tr th button {
        display: inline-flex;
        align-items: center;
        gap: .25rem
    }

    .c-pva-table thead tr th button:before {
        order: 1;
        font-size: 1.25rem
    }

    .c-pva-table thead tr th button.icon-down:before {
        font-size: 1.75rem
    }

    .c-pva-table tbody {
        background: var(--pva-base-white, #fff);
        box-shadow: 0 1px 0 0 var(--pva-base-white-2000, #f8f8f8)
    }

    .c-pva-table tbody tr td {
        font-size: var(--pva-fs-14, .875rem);
        padding: .9063rem 1.25rem
    }

    .c-pva-table tbody tr td.-actions {
        display: flex;
        align-items: center
    }

    .c-pva-table tbody tr td.-actions button {
        display: inline-flex
    }

    .c-pva-table tbody tr td.-actions button:before {
        font-size: 1.25rem
    }

    .c-isolate-level-table__tbl {
        width: 100%;
        margin-top: 1rem
    }

    .c-isolate-level-table__tbl-th {
        font-size: .563rem;
        font-weight: 500;
        vertical-align: middle;
        background: var(--pva-base-grey-100, #fafafa);
        border-bottom: 1px solid var(--pva-base-grey-2200, #eeeded);
        text-align: left;
        padding: .5rem 0;
        text-transform: uppercase;
        position: relative
    }

    .c-isolate-level-table__tbl-th:first-child {
        padding-left: 1.938rem;
        width: 30%
    }

    .c-isolate-level-table__tbl-td {
        vertical-align: middle;
        padding: .906rem 0;
        border-bottom: 1px solid var(--pva-base-grey-4300, #d7d5d5);
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-isolate-level-table__tbl-td:first-child {
        padding-left: 1.938rem
    }

    .c-isolate-level-table__tbl-td .o-checkbox label {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-12, .75rem);
        margin-left: .438rem
    }

    .c-isolate-level-table__tbl-td .o-checkbox__checked {
        border: .063rem solid var(--pva-base-black, #000);
        background: 0 0;
        border-radius: .25rem
    }

    .c-isolate-level-table__tbl-td-tr {
        background: var(--pva-base-white, #fff);
        transition: all ease-in-out .3s
    }

    .c-isolate-level-table__tbl-td-tr:hover {
        background: var(--pva-base-white-1200, #f0f6ff);
        mix-blend-mode: multiply
    }

    .c-isolate-level-table .o-radio input:before {
        background: 0 0
    }

    .c-attention-modal {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 4rem 0 3.3125rem 0;
        height: 100%
    }

    .c-attention-modal__title {
        font-size: 1.5rem;
        margin: .5625rem 0 .625rem;
        font-weight: 500
    }

    .c-attention-modal__desc {
        text-align: center;
        font-size: 1rem;
        margin: 0 0 1rem 0
    }

    .c-attention-modal__desc-two {
        margin: 0
    }

    .c-attention-modal__desc-span {
        font-weight: 500
    }

    .c-attention-modal__footer {
        margin-top: auto;
        display: flex;
        gap: 16px
    }

    .c-attention-modal__footer .o-primary-button,
    .c-attention-modal__footer .o-secondary-button {
        min-width: 6.75rem
    }

    .c-attention-modal__wrap .c-modal__container {
        max-width: 46.375rem
    }

    .c-attention-modal__wrap .c-modal__content {
        height: 21.875rem;
        border-radius: .75rem !important
    }

    .c-survey-modal {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 4.5rem 0 4rem 0;
        height: 100%
    }

    .c-survey-modal.-padding {
        padding: 4.5rem 8rem 4rem 8rem
    }

    .c-survey-modal__title {
        font-size: 1.5rem;
        margin: .5625rem 0 .625rem;
        font-weight: 500
    }

    .c-survey-modal__desc {
        text-align: center;
        margin: 0;
        font-size: 1rem
    }

    .c-survey-modal__desc-span {
        font-weight: 500
    }

    .c-survey-modal__desc-bold {
        font-weight: 600
    }

    .c-survey-modal__footer {
        margin-top: auto;
        display: flex;
        gap: 1rem
    }

    .c-survey-modal__footer .o-primary-button {
        min-width: 6.75rem
    }

    .c-survey-modal__footer .o-secondary-button {
        min-width: 6.75rem
    }

    .c-survey-modal__wrap .c-modal__container {
        max-width: 46.375rem
    }

    .c-survey-modal__wrap .c-modal__content {
        height: 21.875rem;
        border-radius: .75rem !important
    }

    .c-copy-survey .c-modal__container {
        max-width: 46.375rem
    }

    .c-copy-survey .c-modal__content {
        height: 20rem;
        border-radius: .75rem !important
    }

    .c-copy-survey .c-modal__body {
        padding-top: 0;
        padding-bottom: 0
    }

    .c-copy-survey .c-modal__header {
        padding: 1.625rem 1.5rem 1.375rem
    }

    .c-copy-survey .c-modal__header-title {
        font-size: 1.5rem
    }

    .c-copy-survey .c-modal__header-close {
        top: 1.5rem;
        right: 1.5rem
    }

    .c-copy-survey .c-modal-footer {
        padding-top: 2.375rem
    }

    .c-copy-survey:has(.o-select__options-list.-active) .c-modal__content {
        height: 27.8125rem
    }

    .c-copy-survey:has(.o-select__options-list.-active) .c-modal__body {
        overflow: unset;
        height: 15.625rem
    }

    .c-copy-survey .o-primary-button,
    .c-copy-survey .o-secondary-button {
        min-width: 6.75rem
    }

    .c-copy-survey .o-select__option {
        border-bottom: 1px solid #e4e4e4;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        padding: .75rem .5rem
    }

    .c-copy-survey .o-select__option:hover {
        box-shadow: unset;
        background: unset
    }

    .c-copy-survey .o-select__option:last-child {
        border-bottom: unset
    }

    .c-copy-survey .o-select__options-list {
        padding: .25rem 1rem;
        overflow-y: auto
    }

    .c-copy-survey .o-select__options-list::-webkit-scrollbar {
        background: 0 0;
        width: .25rem
    }

    .c-copy-survey .o-select__options-list::-webkit-scrollbar-track {
        background: 0 0;
        margin-top: 6px
    }

    .c-copy-survey .o-select__options-list::-webkit-scrollbar-thumb {
        background: #d4c0ff
    }

    .c-copy-survey .o-select__options-list.-active {
        height: 11rem;
        overflow-y: auto
    }

    .c-add-attachments .c-modal__content {
        border-radius: .75rem;
        max-height: 80vh
    }

    .c-add-attachments .c-modal__container {
        max-width: 46.375rem
    }

    .c-add-attachments .c-modal__header {
        padding: 2rem 1.5rem 1rem
    }

    .c-add-attachments .c-modal__header-title {
        font-size: var(--pva-fs-24, 24px);
        font-weight: 500;
        margin-bottom: 0 !important
    }

    .c-add-attachments .c-modal__header-text {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-14, 14px)
    }

    .c-add-attachments .c-modal__header-close {
        top: var(--pva-fs-24);
        right: var(--pva-fs-24)
    }

    .c-add-attachments .c-modal__body {
        padding: 0 1.5rem
    }

    .c-add-attachments .c-modal__body .o-file-input {
        background: #fafaff;
        border: .063rem dashed #c1c1c1;
        border-radius: .5rem;
        max-height: 8.5rem;
        padding: 3rem 0
    }

    .c-add-attachments .c-modal__body .o-file-input__upload {
        gap: 1.5rem
    }

    .c-add-attachments .c-modal__body .o-file-input__upload .icon-upload {
        font-size: calc(var(--pva-fs-20) * 2)
    }

    .c-add-attachments .c-modal__body .o-file-input__upload .icon-upload:before {
        margin-top: 1.125rem
    }

    .c-add-attachments .c-modal__body .o-file-input__upload-section {
        gap: .75rem
    }

    .c-add-attachments .c-modal__body .o-file-input__upload-section-label {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-14, 14px);
        line-height: 1
    }

    .c-add-attachments .c-modal__body .o-file-input__uploader-btn {
        font-size: var(--pva-fs-16, 1rem);
        font-weight: 500;
        text-decoration: underline
    }

    .c-add-attachments .c-modal__body .o-file-input__info {
        color: var(--pva-base-grey-700, #4a4a4a);
        line-height: 1
    }

    .c-add-attachments .c-modal__footer {
        padding: 1.5rem 1.5rem 2rem
    }

    .c-add-attachments .c-modal__footer-btnGroup {
        gap: 1rem !important
    }

    .c-add-attachments .o-primary-button {
        border-radius: .5rem;
        min-width: 6.75rem
    }

    .c-add-attachments .o-secondary-button {
        border-radius: .5rem;
        min-width: 6.75rem
    }

    .c-import-options .c-modal__content {
        border-radius: .75rem;
        height: 30.563rem;
        max-height: 80vh
    }

    .c-import-options .c-modal__container {
        max-width: 46.375rem
    }

    .c-import-options .c-modal__header {
        padding: 2rem 1.5rem 1rem
    }

    .c-import-options .c-modal__header-title {
        font-size: var(--pva-fs-24, 24px);
        line-height: 1;
        font-weight: 500;
        margin-bottom: var(--pva-fs-16) !important
    }

    .c-import-options .c-modal__header-text {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-14, 14px)
    }

    .c-import-options .c-modal__header-close {
        top: var(--pva-fs-24);
        right: var(--pva-fs-24)
    }

    .c-import-options .c-modal__body {
        padding: 0 1.5rem
    }

    .c-import-options .c-modal__body .o-file-input {
        background: #fafaff;
        border: .063rem dashed #c1c1c1;
        border-radius: .5rem;
        max-height: 8.5rem;
        padding: 3rem 0
    }

    .c-import-options .c-modal__body .o-file-input__upload {
        gap: 1.5rem
    }

    .c-import-options .c-modal__body .o-file-input__upload .icon-upload {
        font-size: calc(var(--pva-fs-20) * 2)
    }

    .c-import-options .c-modal__body .o-file-input__upload .icon-upload:before {
        margin-top: 1.125rem
    }

    .c-import-options .c-modal__body .o-file-input__upload-section {
        gap: .75rem
    }

    .c-import-options .c-modal__body .o-file-input__upload-section-label {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-14, 14px);
        line-height: 1
    }

    .c-import-options .c-modal__body .o-file-input__uploader-btn {
        font-size: var(--pva-fs-16, 1rem);
        font-weight: 500;
        text-decoration: underline
    }

    .c-import-options .c-modal__body .o-file-input__info {
        color: var(--pva-base-grey-700, #4a4a4a);
        line-height: 1
    }

    .c-import-options .c-modal__footer {
        padding: 1.5rem 1.5rem 2rem
    }

    .c-import-options .c-modal__footer-btnGroup {
        gap: 1rem !important
    }

    .c-import-options .o-primary-button {
        border-radius: .5rem;
        min-width: 6.75rem
    }

    .c-import-options .o-secondary-button {
        border-radius: .5rem;
        min-width: 6.75rem
    }

    .c-import-options__download-wrap {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: .25rem;
        padding: .313rem 0 .688rem
    }

    .c-import-options__download-icon {
        font-size: var(--pva-fs-12, 12px);
        position: relative;
        top: .063rem
    }

    .c-import-options__upload-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: .063rem solid var(--pva-base-grey, #ccc);
        border-bottom: .063rem solid var(--pva-base-grey, #ccc);
        padding: .625rem 1rem .625rem 0;
        margin-top: .75rem
    }

    .c-import-options__upload-wrap-left {
        display: flex;
        flex-direction: column;
        gap: .563rem
    }

    .c-import-options__upload-wrap-left-bottom {
        font-size: var(--pva-fs-12, 12px);
        color: var(--pva-base-grey-3600, #666)
    }

    .c-import-options__upload-wrap-right {
        display: flex;
        align-items: center;
        gap: 1.5rem
    }

    .c-import-options__upload-wrap-right-progress-bar {
        min-width: 6.25rem
    }

    .c-import-options__upload-wrap-right-progress-title {
        font-size: var(--pva-fs-12, 12px);
        color: var(--pva-base-grey-3600, #666);
        padding-right: 1.5rem;
        border-right: .063rem solid var(--pva-base-grey, #ccc)
    }

    .c-import-options__upload-wrap-right-progress-close {
        font-size: var(--pva-fs-20, 20px);
        position: relative;
        top: .188rem
    }

    .c-surveys-card {
        border-radius: .75rem;
        background: var(--pva-base-white, #fff);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        padding: 1rem;
        display: flex;
        flex-direction: column;
        min-height: 18.75rem
    }

    .c-surveys-card__header {
        display: flex;
        justify-content: space-between;
        gap: .25rem;
        align-items: flex-start;
        padding: 0 .5rem 1rem;
        height: 4rem
    }

    .c-surveys-card__header .o-dropdown-menu {
        box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .1);
        border-radius: .5rem;
        min-width: 9rem;
        top: 1.5rem
    }

    .c-surveys-card__header .o-dropdown-item {
        padding: .625rem 1rem;
        border-left: 0;
        display: block;
        position: relative;
        font-size: var(--pva-fs-14, .875rem);
        white-space: nowrap
    }

    .c-surveys-card__header .o-dropdown-item:hover {
        box-shadow: unset;
        background: #fafafa;
        font-weight: 400;
        color: #a100ff
    }

    .c-surveys-card__header .o-dropdown-item:not(:first-child):before {
        content: "";
        top: 0;
        border-top: 1px solid #e4e4e4;
        left: .5rem;
        right: .5rem;
        position: absolute
    }

    .c-surveys-card__body {
        padding: 0 .5rem
    }

    .c-surveys-card__title {
        font-size: 1rem;
        font-weight: 500;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .c-surveys-card__date {
        font-size: .625rem;
        padding-bottom: .5rem
    }

    .c-surveys-card__status {
        border-radius: .75rem;
        font-size: .75rem;
        height: 1.25rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: .25rem .5rem
    }

    .c-surveys-card__status.-draft {
        background-color: rgba(243, 219, 157, .54)
    }

    .c-surveys-card__status.-published {
        background-color: rgba(157, 210, 243, .54)
    }

    .c-surveys-card__status.-completed {
        background-color: #dff1dc
    }

    .c-surveys-card__status.-reopened {
        background-color: #cae7f8
    }

    .c-surveys-card__desc {
        margin-top: 1.25rem;
        color: #878787;
        font-size: .75rem
    }

    .c-surveys-card__footer {
        margin-top: auto;
        padding: 1rem 0 0;
        border-top: 1px solid #dadada
    }

    .c-surveys-card__footer>a {
        text-align: center;
        text-transform: uppercase;
        font-size: .75rem;
        display: block
    }

    .c-surveys-card__progress {
        display: -ms-grid;
        display: grid;
        gap: .25rem;
        margin-bottom: 1.5rem
    }

    .c-surveys-card__progress-title {
        display: flex;
        justify-content: space-between;
        gap: .25rem
    }

    .c-surveys-card__progress-title>div:first-child {
        font-size: .625rem;
        text-transform: uppercase
    }

    .c-surveys-card__progress-title>div:last-child {
        font-size: .75rem;
        font-weight: 500
    }

    .c-surveys-card__progress-progress {
        border-bottom: 2px dashed silver;
        height: 3px
    }

    .c-surveys-card__progress-progress>span {
        position: relative;
        background-color: #778eff;
        display: block;
        height: .25rem;
        border-radius: .25rem
    }

    .c-surveys-card__progress-progress>span:after {
        content: "";
        width: 2px;
        height: .375rem;
        background-color: #778eff;
        position: absolute;
        right: 0;
        top: -1px
    }

    .c-surveys-card__progress-progress>span.-completed:after {
        display: none
    }

    .c-surveys-card-dropdown {
        position: relative
    }

    .c-surveys-card-dropdown-item {
        display: flex;
        align-items: center;
        position: relative;
        padding: .625rem 1rem;
        margin: 0;
        border-left: 0;
        font-size: var(--pva-fs-14, .875rem)
    }

    .c-surveys-card-dropdown-item:before {
        content: "";
        top: 0;
        border-top: 1px solid #e4e4e4;
        left: .5rem;
        right: .5rem;
        position: absolute
    }

    .c-surveys-card-dropdown-item:after {
        content: "";
        position: absolute;
        right: 1rem;
        border: solid #000;
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: .25rem;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    .c-surveys-card-dropdown-item:hover {
        background-color: #fafafa;
        color: #a100ff
    }

    .c-surveys-card-dropdown-inner {
        position: absolute;
        left: 100%;
        min-width: 10rem;
        top: 0;
        background-color: #fff;
        border-radius: .75rem;
        display: none
    }

    .c-surveys-card-dropdown.-show .c-surveys-card-dropdown-inner {
        display: block
    }

    .c-surveys-card-dropdown.-show .c-surveys-card-dropdown-item:after {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        right: .625rem
    }

    .c-surveys-card-dropdown.-left .c-surveys-card-dropdown-inner {
        left: unset;
        right: 100%
    }

    .c-surveys-row {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
        padding-top: 1.25rem;
        gap: 1.5rem
    }

    .c-surveys-tab[role=tablist] [role=tab] {
        color: #222
    }

    .c-surveys-tab[role=tablist] [role=tab][aria-selected=true] {
        border-color: #4079f0;
        font-weight: 500
    }

    .c-view-toggle__wrapper {
        border-radius: .75rem;
        background: var(--pva-base-white, #fff);
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
        padding: .5rem 1rem .5rem 2rem;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .c-view-toggle__right {
        display: flex;
        align-items: center;
        gap: 1rem
    }

    .c-define-card__range {
        display: flex;
        flex-direction: column;
        gap: .5rem
    }

    .c-define-card__range.-hide {
        display: none
    }

    .c-define-card__range-item {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        gap: .5rem;
        border-radius: .75rem;
        border: 1px solid var(--pva-base-white, #fff);
        background: var(--pva-base-white, #fff);
        padding: 1rem 1rem 1.25rem;
        height: 8.9rem
    }

    .c-define-card__range-item:not(:last-child) {
        margin-bottom: 3.5rem
    }

    .c-define-card__range-title {
        color: var(--pva-base-grey-1600, #717171);
        font-weight: 500;
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-define-card__range-title.-define {
        color: var(--pva-base-grey-1300, #505050)
    }

    .c-define-card__range-slider {
        width: 100%;
        position: relative;
        padding-top: 1rem
    }

    .c-define-card__range-slider-value>span {
        color: var(--pva-base-grey-1100, #737373);
        font-size: var(--pf-fs-10, .625rem);
        position: absolute;
        top: .125rem;
        font-weight: 500
    }

    .c-define-card__range-slider-value .-start {
        left: 0
    }

    .c-define-card__range-slider-value .-end {
        right: 0
    }

    .c-define-card__range-slider .o-rangeslider {
        border-radius: 1.125rem
    }

    .c-define-card__range-slider .o-rangeslider::-webkit-slider-runnable-track {
        height: .5rem;
        background: linear-gradient(90deg, #7c75c4 0, #978fed 100%) no-repeat #eee;
        background-size: var(--range-size) 100%
    }

    .c-define-card__range-slider .o-rangeslider::-webkit-slider-thumb {
        height: 1rem;
        width: 1rem;
        border: 4px solid #4c51c8;
        background-color: var(--pva-base-white, #fff)
    }

    .c-define-card__range-slider .o-rangeslider::-moz-range-track {
        height: .5rem;
        background: linear-gradient(90deg, #7c75c4 0, #978fed 100%) no-repeat #eee;
        background-size: var(--range-size) 100%
    }

    .c-define-card__range-slider .o-rangeslider::-moz-range-thumb {
        height: 1rem;
        width: 1rem;
        border: 4px solid var(--pva-base-white, #fff);
        background-color: #4c51c8
    }

    .c-define-card__range-slider .o-rangeslider::-ms-track {
        height: .5rem;
        background: #eee;
        background-size: var(--range-size) 100%
    }

    .c-define-card__range-slider .o-rangeslider::-ms-fill-upper {
        background: #eee
    }

    .c-define-card__range-value {
        display: flex;
        align-items: center;
        gap: .5rem
    }

    .c-define-card__range-input {
        width: 3.6rem;
        height: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: .5rem;
        background-color: var(--color-base-background, #fff);
        border: 1px solid var(--color-grey-300, #ddd);
        padding: .5rem;
        font-size: var(--pf-fs-18, 1.125rem);
        font-weight: 500
    }

    .c-define-card__range-input:focus {
        outline: 0;
        border-color: var(--pva-base-black, #000)
    }

    .c-define-card__range-input.-percent {
        width: 2rem;
        height: 2rem
    }

    .c-define-card__define,
    .c-define-card__radios {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .c-define-card__radios {
        gap: 1rem
    }

    .c-define-card__define {
        display: none;
        margin-top: 2rem
    }

    .c-define-card__define.-active {
        display: flex
    }

    .c-define-card__qlabel {
        display: block;
        color: #505050
    }

    .c-define-card .o-radio input {
        --ocircle-size: 1rem
    }

    .c-define-card.-preview {
        pointer-events: none
    }

    .c-define-card.-preview .c-define-card__range-input {
        color: #505050
    }

    .c-define-card.-preview .c-define-card__range-input.-percent {
        color: #a6a6a6
    }

    .c-list-view__wrapper {
        display: flex;
        flex-direction: column;
        gap: 1rem
    }

    .c-list-view__preview {
        border-radius: .75rem;
        background: #f3f6fa;
        padding: 1rem 2rem
    }

    .c-list-view__preview-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1rem
    }

    .c-list-view__preview-title {
        color: #090909;
        font-size: var(--pva-fs-20, 20px)
    }

    .c-list-view__preview-list {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        row-gap: 1.5rem;
        column-gap: 1rem
    }

    .c-list-view__preview-bottom {
        margin-bottom: 2rem
    }

    .c-list-view__preview-bottom:last-child {
        margin-bottom: 0
    }

    .c-list-view__preview-bottom-wrap {
        display: none
    }

    .c-list-view__preview-bottom-wrap.-active {
        display: block
    }

    .c-list-view__ptitle {
        color: var(--pva-base-grey-1300, #505050);
        font-size: var(--pva-fs-16, 16px);
        font-weight: 500;
        display: block;
        margin-bottom: 1rem
    }

    .c-list-view__header {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        gap: .25rem;
        margin-bottom: 1rem
    }

    .c-list-view__header .c-list-view__ptitle {
        margin: 0
    }

    .c-list-view__header-time {
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-list-view__header-time>span {
        font-weight: 500
    }

    .c-stepper {
        width: 100%;
        padding: 1.5rem;
        display: flex;
        justify-content: center;
        position: fixed;
        top: 5.875rem;
        left: 0;
        background: var(--pva-base-white, #fff);
        z-index: 2
    }

    .c-stepper__wrapper {
        display: flex;
        align-items: center;
        gap: 8rem
    }

    .c-stepper__step {
        display: flex;
        align-items: center;
        gap: .5rem;
        position: relative
    }

    .c-stepper__step-icon {
        width: 1.5rem;
        flex: 0 0 1.5rem;
        height: 1.5rem;
        border-radius: 50%;
        border: 1px solid #a1aebe;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #a1aebe
    }

    .c-stepper__step-icon>i {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem
    }

    .c-stepper__step-separator {
        width: 6.25rem;
        height: .125rem;
        background-color: #a1aebe
    }

    .c-stepper__step-separator.-active {
        background-color: #989dff
    }

    .c-stepper__step-separator.-complete {
        background-color: #66a352
    }

    .c-stepper__step:not(:last-child):after {
        content: "";
        position: absolute;
        right: -6.5rem;
        width: 5.5rem;
        border-top: 2px solid #a1aebe
    }

    .c-stepper__step.-active {
        font-weight: 600;
        color: #4c51c8
    }

    .c-stepper__step.-active .c-stepper__step-icon {
        border: unset;
        background: #e4e5f7;
        color: #4c51c8
    }

    .c-stepper__step.-active:after {
        border-color: #989dff
    }

    .c-stepper__step.-complete {
        font-weight: 400;
        color: #000
    }

    .c-stepper__step.-complete .c-stepper__step-icon {
        border: unset;
        background: #66a352;
        color: var(--pva-base-white, #fff)
    }

    .c-stepper__step.-complete:after {
        border-color: #66a352
    }

    .c-stepper.-survey .c-stepper__wrapper {
        gap: 13rem
    }

    .c-stepper.-survey .c-stepper__step:not(:last-child):after {
        right: -11.5rem;
        width: 10.5rem
    }

    .c-stepper .icon-basic-details,
    .c-stepper .icon-feedbck {
        display: flex;
        font-size: .75rem
    }

    .c-stepper .icon-clock:before {
        position: relative;
        right: -.3px
    }

    .c-manual-survey {
        margin-top: 7.063rem
    }

    .c-manual-survey .c-basic-details__survey {
        margin: .5rem 0
    }

    .c-manual-survey__outer {
        border-radius: .5rem;
        background: #edf2f9;
        height: 29.75rem;
        position: relative;
        padding: 3rem 6rem;
        overflow: hidden
    }

    .c-manual-survey__outer:before {
        content: "";
        position: absolute;
        right: -10.8125rem;
        bottom: -7.0625rem;
        background: linear-gradient(111deg, rgba(200, 218, 255, .02) 8.05%, #c8daff 86.7%);
        width: 100%;
        height: 31rem;
        z-index: 1;
        transform: rotate(-10deg);
        -webkit-clip-path: ellipse(50% 100% at 50% 100%);
        clip-path: ellipse(50% 100% at 50% 100%)
    }

    .c-manual-survey__inner {
        border-radius: .5rem;
        background: #fff;
        padding: 1.5rem 1rem 2rem 1.75rem;
        position: relative;
        z-index: 1
    }

    .c-manual-survey__inner-content {
        background: #fff;
        height: 21.75rem;
        padding-right: .75rem;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        overflow: auto
    }

    .c-manual-survey__inner-content::-webkit-scrollbar {
        height: .375rem;
        width: .375rem;
        background-color: transparent
    }

    .c-manual-survey__inner-content::-webkit-scrollbar-thumb {
        background-color: #eee6ff;
        border-radius: 1rem
    }

    .c-manual-survey__inner-content::-webkit-scrollbar-track {
        background-color: transparent
    }

    .c-manual-survey__label {
        font-weight: 500;
        margin-bottom: .5rem;
        display: block;
        color: #505050
    }

    .c-manual-survey__title {
        padding: .5rem;
        border-radius: .5rem
    }

    .c-manual-survey__title-text {
        position: relative
    }

    .c-manual-survey__title-text .-text {
        outline: 0;
        display: flex;
        flex-direction: column;
        font-weight: 600;
        font-size: var(--pva-fs-20, 1.25rem)
    }

    .c-manual-survey__title-text .-text.-fs {
        font-size: var(--pva-fs-24, 1.5rem)
    }

    .c-manual-survey__title-text .-text:empty:before {
        content: "Enter Title";
        color: #7a7a7a
    }

    .c-manual-survey__title-text .-text:focus {
        padding: .25rem 1rem;
        border: 1px solid #ddd;
        border-radius: .5rem;
        background: #fff
    }

    .c-manual-survey__title:has(.c-manual-survey__title-text.-text:focus) {
        background-color: #f3f6fa
    }

    .c-manual-survey__title:has(.c-manual-survey__title-text.-text[contenteditable=true]:hover) {
        background: #f3f6fa
    }

    .c-manual-survey__desc {
        padding: .5rem;
        border-radius: .5rem;
        color: #717171;
        margin-top: .5rem
    }

    .c-manual-survey__desc-btxt {
        font-weight: 500
    }

    .c-manual-survey__desc.-clr-blk {
        color: #000
    }

    .c-manual-survey__desc.-instructions {
        background-color: #f4f4f4
    }

    .c-manual-survey__desc.-instructions .-text {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-manual-survey__desc.-instructions .-text:focus {
        display: block
    }

    .c-manual-survey__desc.-instructions .-text .c-manual-survey__desc-btxt {
        font-size: var(--pva-fs-14, .875rem)
    }

    .c-manual-survey__desc-btns {
        display: none;
        gap: .75rem;
        align-items: center;
        margin-top: .75rem
    }

    .c-manual-survey__desc-border {
        padding: .0625rem;
        background: linear-gradient(90deg, rgba(108, 37, 215, .6980392157) 10%, rgba(172, 104, 181, .6980392157) 70%);
        border-radius: 1.5rem
    }

    .c-manual-survey__desc-text {
        position: relative;
        border: 1px solid transparent;
        z-index: 1;
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-manual-survey__desc-text ul {
        padding-left: .875rem;
        color: #505050
    }

    .c-manual-survey__desc-text-charcount {
        color: #717171;
        font-size: .625rem;
        display: none;
        position: absolute
    }

    .c-manual-survey__desc-text .-text {
        outline: 0;
        display: flex;
        flex-direction: column
    }

    .c-manual-survey__desc-text .-text:empty {
        display: block
    }

    .c-manual-survey__desc-text .-text:empty:before {
        content: "Enter";
        color: #7a7a7a
    }

    .c-manual-survey__desc-text .-text:focus {
        padding: .25rem 1rem;
        border: 1px solid #ddd;
        border-radius: .5rem;
        background: #fff
    }

    .c-manual-survey__desc-btn {
        border-radius: 1.5rem;
        padding: .1875rem .6875rem;
        background: #fff;
        font-size: .625rem;
        display: flex;
        gap: .625rem;
        align-items: center
    }

    .c-manual-survey__desc-btn .icon-shock {
        display: flex;
        font-size: .75rem;
        color: #707070
    }

    .c-manual-survey__desc:has(.c-manual-survey__desc-text.-text:focus) {
        outline: 0;
        background-color: #f3f6fa;
        padding: .5rem .5rem .75rem .5rem
    }

    .c-manual-survey__desc:has(.c-manual-survey__desc-text.-text:focus) .c-manual-survey__desc-btns {
        display: flex
    }

    .c-manual-survey__desc:has(.c-manual-survey__desc-text.-text[contenteditable=true]:hover) {
        background: #f3f6fa
    }

    .c-basic-questions {
        background: var(--pva-base-white, #fff);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        border-radius: .5rem;
        display: -ms-grid;
        display: grid;
        gap: .5rem;
        padding: 1.5rem 2rem;
        counter-reset: counter;
        margin-top: .5rem
    }

    .c-basic-questions .-question {
        font-weight: 500;
        position: relative
    }

    .c-basic-questions .-question.-required:after {
        content: "";
        position: absolute;
        margin-left: .5rem;
        left: 100%;
        top: 0;
        display: block;
        background: url(../../toolkit/images/asterisk.svg) no-repeat;
        width: .75rem;
        height: .75rem
    }

    .c-basic-questions-title {
        font-size: var(--pva-fs-20, 1.25rem);
        border-radius: .5rem;
        font-weight: 600
    }

    .c-basic-questions-dropdown .o-dropdown>a {
        display: flex;
        align-items: center;
        height: 2.75rem;
        border: 1px solid var(--pva-base-white-800, #ddd);
        border-radius: .5rem;
        color: var(--pva-base-black, #000)
    }

    .c-basic-questions-dropdown .o-dropdown-menu {
        box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .1);
        border-radius: .5rem;
        border: unset
    }

    .c-basic-questions-dropdown .o-dropdown .o-dropdown-body::-webkit-scrollbar {
        height: .375rem;
        width: .375rem;
        background-color: transparent
    }

    .c-basic-questions-dropdown .o-dropdown .o-dropdown-body::-webkit-scrollbar-thumb {
        background-color: #eee6ff;
        border-radius: 1rem;
        box-shadow: unset
    }

    .c-basic-questions-dropdown .o-dropdown .o-dropdown-body::-webkit-scrollbar-track {
        background-color: transparent
    }

    .c-basic-questions-dropdown .o-dropdown-item {
        padding: .625rem 1rem;
        border-left: 0;
        display: block;
        position: relative;
        font-size: var(--pva-fs-14, .875rem);
        white-space: nowrap;
        overflow: unset !important
    }

    .c-basic-questions-dropdown .o-dropdown-item:focus,
    .c-basic-questions-dropdown .o-dropdown-item:hover {
        box-shadow: unset !important;
        background: #fafafa !important;
        font-weight: 400;
        color: #a100ff !important
    }

    .c-basic-questions-dropdown .o-dropdown-item.-active {
        color: #a100ff !important
    }

    .c-basic-questions-dropdown .o-dropdown-item:not(:first-child):before {
        content: "";
        top: 0;
        border-top: 1px solid #e4e4e4;
        left: .5rem;
        right: .5rem;
        position: absolute
    }

    .c-basic-questions-dropdown .o-dropdown-item:hover:first-child {
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem
    }

    .c-basic-questions-dropdown .o-dropdown-item:hover:last-child {
        border-bottom-left-radius: .5rem;
        border-bottom-right-radius: .5rem
    }

    .c-basic-questions-content {
        border-radius: 8px;
        background: #f3f6fa;
        margin: .5rem 0
    }

    .c-basic-questions-content__body {
        padding: 1.5rem 1rem 1.75rem
    }

    .c-basic-questions-content__question {
        display: flex;
        gap: 1.5rem;
        align-items: center;
        margin-bottom: .75rem
    }

    .c-basic-questions-content__question-data {
        width: 80%;
        flex: 0 0 80%;
        position: relative;
        display: flex;
        align-items: center;
        gap: .5rem
    }

    .c-basic-questions-content__question-data:before {
        counter-increment: counter;
        content: counter(counter, decimal-leading-zero) ". ";
        color: var(--pva-base-grey-1300, #505050)
    }

    .c-basic-questions-content__question .-question {
        height: 2.75rem;
        padding: .25rem 1rem;
        width: 100%;
        display: flex;
        align-items: center;
        background-color: var(--pva-base-white, #fff);
        border: 1px solid var(--pva-base-white-800, #ddd);
        border-radius: .5rem;
        outline: 0;
        font-weight: 400
    }

    .c-basic-questions-content__question .c-custom-select__wrapper {
        width: calc(20% - 1.5rem);
        flex: 0 0 calc(20% - 1.5rem)
    }

    .c-basic-questions-content__options-item .o-radio>span {
        display: flex;
        align-items: center;
        gap: .25rem
    }

    .c-basic-questions-content__options-item .o-radio>span>p {
        margin: 0;
        font-size: var(--pva-fs-10, .625rem);
        color: #848484
    }

    .c-basic-questions-content__options-item .o-radio>span>p>span {
        padding-left: .25rem;
        margin-left: .25rem;
        border-left: 1px solid #848484
    }

    .c-basic-questions-content__options {
        display: -ms-grid;
        display: grid;
        gap: .75rem;
        padding-bottom: 1.75rem
    }

    .c-basic-questions-content__options-item {
        display: flex
    }

    .c-basic-questions-content__options-item .o-checkbox {
        position: relative;
        gap: 1rem;
        display: inline-flex
    }

    .c-basic-questions-content__options-item .o-checkbox>input {
        width: 1.25rem;
        height: 1.25rem;
        left: .625rem;
        top: 1.25rem
    }

    .c-basic-questions-content__options-item .o-checkbox__checked {
        width: 1.25rem;
        height: 1.25rem
    }

    .c-basic-questions-content__options-item .o-checkbox__checked:before {
        top: .35rem;
        left: .25rem
    }

    .c-basic-questions-content__options-item .o-checkbox>label {
        margin-left: 0
    }

    .c-basic-questions-content__options-item .o-radio {
        gap: 1rem;
        display: inline-flex
    }

    .c-basic-questions-content__options-item .o-radio>label {
        cursor: pointer
    }

    .c-basic-questions-content__options-label {
        cursor: unset !important;
        height: 2.75rem;
        padding: .25rem 1rem !important;
        min-width: 16.5rem !important;
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem;
        background-color: var(--pva-base-white, #fff) !important;
        border: 1px solid var(--pva-base-white-800, #ddd) !important;
        border-radius: .5rem !important;
        color: var(--pva-base-black, #000) !important;
        position: relative;
        outline: 0
    }

    .c-basic-questions-content__options-label.-width {
        width: 100% !important
    }

    .c-basic-questions-content__options-label:hover {
        background-color: var(--pva-base-grey-100, #fafafa)
    }

    .c-basic-questions-content__options-label:hover>a {
        display: flex
    }

    .c-basic-questions-content__options-label>a {
        align-items: center;
        display: none
    }

    .c-basic-questions-content__options-label>span {
        outline: 0;
        position: relative;
        display: flex;
        width: calc(100% - 1rem)
    }

    .c-basic-questions-content__options-label>span:empty:before {
        content: "Enter";
        color: #7a7a7a
    }

    .c-basic-questions-content__options .o-input-wrap-calendar {
        display: inline-flex;
        align-items: center;
        position: relative
    }

    .c-basic-questions-content__options .o-input-wrap-calendar>input {
        padding-right: 2.5rem !important
    }

    .c-basic-questions-content__options .o-input-wrap-calendar>a {
        position: absolute;
        right: 1rem
    }

    .c-basic-questions-content__footer {
        padding: 1rem 1rem 1rem 2.25rem;
        border-top: 1px solid #c8c8c8;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem
    }

    .c-basic-questions-content__footer>.icon-download-thin:before {
        transform: rotate(-90deg)
    }

    .c-basic-questions-content__footer-content {
        margin-left: auto;
        display: flex
    }

    .c-basic-questions-content__footer-content-item {
        display: flex;
        gap: 1rem;
        align-items: center
    }

    .c-basic-questions-content__footer-content-item>a {
        display: flex;
        align-items: center
    }

    .c-basic-questions-content__footer-content-item:not(:last-child) {
        padding-right: 1rem;
        margin-right: 1rem;
        border-right: 1px solid rgba(218, 218, 218, .5)
    }

    .c-basic-questions-content__footer-content-item .icon-view {
        font-size: 1.5rem
    }

    .c-basic-questions__btn {
        margin-top: .5rem
    }

    .c-basic-questions__add-option {
        display: inline-flex;
        align-items: center;
        gap: .5rem
    }

    .c-basic-questions__container {
        padding-left: 1.875rem
    }

    .c-basic-questions-readable {
        display: -ms-grid;
        display: grid;
        gap: .5rem;
        margin: 1rem 0
    }

    .c-basic-questions-readable-content {
        display: flex;
        gap: .5rem;
        align-items: center;
        justify-content: space-between;
        padding: .5rem 1rem;
        width: 100%;
        position: relative;
        border-radius: .5rem
    }

    .c-basic-questions-readable-content>a {
        display: none
    }

    .c-basic-questions-readable-content>a:first-child {
        position: absolute;
        left: -1rem;
        top: .5rem;
        cursor: move
    }

    .c-basic-questions-readable-content:hover {
        background-color: #f3f6fa
    }

    .c-basic-questions-readable-content:hover>a {
        display: flex;
        align-items: center
    }

    .c-basic-questions-readable-content:before {
        content: "";
        top: 0;
        bottom: 0;
        left: -1.25rem;
        width: 1.5rem;
        position: absolute
    }

    .c-basic-questions-readable-item {
        display: -ms-grid;
        display: grid;
        gap: .75rem;
        width: 100%
    }

    .c-basic-questions-readable-item .c-custom-select__wrapper {
        width: 22.5rem;
        flex: 0 0 22.5rem
    }

    .c-basic-questions-readable .c-basic-questions-content__options {
        padding: 0
    }

    .c-basic-questions-readable-data {
        display: flex;
        align-items: center;
        gap: .5rem
    }

    .c-basic-questions-readable-opt {
        font-size: var(--pva-fs-10, .625rem);
        color: #848484;
        display: flex;
        align-items: center;
        gap: .25rem
    }

    .c-basic-questions-readable-opt div>span {
        padding-left: .25rem;
        padding-right: .25rem;
        margin-left: .25rem;
        font-style: italic;
        border-left: 1px solid #848484
    }

    .c-basic-questions-readable-opt div:not(:last-child) {
        border-right: 1px solid #848484
    }

    .c-basic-questions-table {
        margin-bottom: 2rem
    }

    .c-basic-questions-table table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0
    }

    .c-basic-questions-table table thead tr th {
        font-weight: 500;
        font-size: var(--pva-fs-10, .625rem);
        text-transform: uppercase;
        padding: .375rem
    }

    .c-basic-questions-table table tbody tr td {
        padding: .375rem
    }

    .c-basic-questions-table table tbody tr td.c-text-center .o-checkbox,
    .c-basic-questions-table table tbody tr td.c-text-center .o-radio {
        justify-content: center
    }

    .c-basic-questions__multi {
        display: -ms-grid;
        display: grid;
        gap: .75rem;
        padding: .75rem 0 1.75rem
    }

    .c-basic-questions__multi-ques {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[14];
        grid-template-columns: repeat(14, 1fr);
        gap: .75rem
    }

    .c-basic-questions__multi-ques>div:nth-child(2),
    .c-basic-questions__multi-ques>div:nth-child(3),
    .c-basic-questions__multi-ques>input:nth-child(2),
    .c-basic-questions__multi-ques>input:nth-child(3) {
        -ms-grid-column: span 3;
        grid-column: span 3
    }

    .c-basic-questions__multi-ques>div:nth-child(4),
    .c-basic-questions__multi-ques>input:nth-child(4) {
        -ms-grid-column: span 6;
        grid-column: span 6
    }

    .c-basic-questions__multi-ques .icon-add-circle {
        -ms-grid-column: span 14;
        grid-column: span 14;
        padding-top: 1rem
    }

    .c-basic-questions__multi-ques.-header {
        margin-bottom: .5rem;
        text-transform: uppercase;
        font-size: var(--pva-fs-10, .625rem);
        font-weight: 500
    }

    .c-basic-questions__multi-ques.-header>div {
        text-align: center
    }

    .c-basic-questions__multi-ques .c-basic-questions-content__options-label {
        min-width: unset !important
    }

    .c-basic-questions__multi-ques .-center {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .c-basic-questions .c-manual-survey__desc-text {
        color: #505050
    }

    .c-basic-questions .c-manual-survey__desc-text ul {
        padding-left: 1.25rem
    }

    .c-basic-questions-view {
        display: -ms-grid;
        display: grid;
        gap: 2.5rem;
        margin-top: 1rem
    }

    .c-basic-questions-view-item {
        display: -ms-grid;
        display: grid;
        gap: .75rem
    }

    .c-basic-questions-accordion {
        background-color: var(--pva-base-white-200, #f4f4f4);
        border-radius: .5rem;
        padding: 1rem
    }

    .c-basic-questions-accordion .c-collapse {
        padding: 0;
        font-size: var(--pva-fs-14, .875rem);
        font-weight: 500
    }

    .c-basic-questions-accordion .c-collapse:before {
        font-size: unset !important;
        color: #2e2e2e
    }

    .c-basic-questions-accordion .c-collapse[aria-expanded=true] {
        box-shadow: unset
    }

    .c-basic-questions-accordion .c-accordion__container {
        padding: .5rem 0 0;
        display: -ms-grid;
        display: grid;
        gap: .25rem;
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-basic-questions-accordion .c-accordion__container a {
        font-weight: 600;
        color: var(--pva-color-primary, #a100ff)
    }

    .c-basic-questions-accordion .c-accordion__container>ul {
        padding-left: 1rem;
        color: #6a6a6a
    }

    .c-basic-details {
        margin-bottom: 1rem;
        margin-top: 7.063rem
    }

    .c-basic-details.-no-stepper {
        margin-top: 2.813rem
    }

    .c-basic-details.-margin-top {
        margin-top: 0
    }

    .c-basic-details-title {
        font-size: var(--pva-fs-20, 1.25rem);
        font-weight: 600
    }

    .c-basic-details__instructions {
        padding-bottom: 1.5rem;
        border-bottom: 1px solid var(--pva-base-white-800, #ddd)
    }

    .c-basic-details__survey {
        background-color: #edf2f9;
        border-radius: .5rem;
        padding: 2rem;
        margin: .5rem 0 1rem;
        position: relative;
        overflow: hidden;
        z-index: 1
    }

    .c-basic-details__survey:before {
        content: "";
        position: absolute;
        right: -12rem;
        bottom: -1.5rem;
        background: linear-gradient(111deg, rgba(200, 218, 255, .02) 8.05%, #c8daff 86.7%);
        width: 100%;
        height: 10rem;
        z-index: -1;
        -webkit-clip-path: ellipse(50% 100% at 50% 100%);
        clip-path: ellipse(50% 100% at 50% 100%)
    }

    .c-basic-details__survey-title {
        font-weight: 600;
        font-size: var(--pva-fs-24, 1.5rem);
        margin-bottom: .5rem
    }

    .c-basic-details__survey>p {
        font-size: var(--pva-fs-16, 1rem);
        margin: 0;
        color: var(--pva-base-grey-1600, #717171)
    }

    .c-basic-details__survey .c-manual-survey__desc-text .-text {
        font-size: var(--pva-fs-16, 1rem);
        color: var(--pva-base-grey-1600, #717171)
    }

    .c-survey-publish {
        margin-bottom: var(--pva-fs-16);
        margin-top: 7.063rem
    }

    .c-survey-publish__wrapper {
        border-radius: .5rem;
        background: var(--pva-base-white, #fff);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        padding: 1.5rem 1.688rem;
        margin-top: .5rem
    }

    .c-survey-publish__top {
        padding: .5rem 2rem;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .c-survey-publish__top-left {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-20);
        line-height: 1.4
    }

    .c-survey-publish__top-right {
        color: var(--pva-color-primary, #a100ff);
        font-size: var(--pva-fs-14);
        font-weight: 500;
        line-height: 1.4
    }

    .c-survey-publish__top-right:focus,
    .c-survey-publish__top-right:hover {
        color: var(--pva-color-primary, #a100ff)
    }

    .c-survey-publish__wrap {
        border-radius: .25rem;
        border: 1px solid #f0f0f0;
        background: var(--pva-base-white, #fff);
        padding: 0 .188rem
    }

    .c-survey-publish__recipient {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .563rem var(--pva-fs-24);
        border-bottom: 1px solid #f0f0f0;
        background: var(--pva-base-white, #fff)
    }

    .c-survey-publish__recipient-left {
        display: flex;
        gap: .5rem
    }

    .c-survey-publish__recipient-name {
        display: flex;
        gap: .5rem;
        align-items: center;
        border-radius: 3.125rem;
        border: 1px solid var(--pva-base-black, #000);
        padding: .125rem var(--pva-fs-16)
    }

    .c-survey-publish__recipient-text {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-14);
        line-height: 1.3
    }

    .c-survey-publish__recipient-righttext {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-14);
        line-height: 1.15
    }

    .c-survey-publish__recipient-close {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-10);
        cursor: pointer;
        position: relative;
        top: .125rem
    }

    .c-survey-publish__recipient-right {
        padding: .25rem var(--pva-fs-10) .25rem .5rem;
        display: flex;
        gap: .25rem;
        align-items: center;
        cursor: pointer;
        border-radius: .25rem;
        background: #f2f2f2
    }

    .c-survey-publish__recipient-icon {
        font-size: var(--pva-fs-12);
        color: var(--pva-base-black, #000);
        position: relative;
        top: .125rem
    }

    .c-survey-publish__subject {
        color: #424242;
        font-size: var(--pva-fs-14);
        line-height: 1.5;
        padding: var(--pva-fs-16) var(--pva-fs-24);
        outline: 0
    }

    .c-survey-publish__textalignment {
        border: .25px solid rgba(0, 0, 0, .06);
        background: var(--pva-base-white, #fff);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .04);
        padding: .25rem var(--pva-fs-24)
    }

    .c-survey-publish__textwrap {
        padding: var(--pva-fs-14) var(--pva-fs-24);
        display: flex;
        flex-direction: column;
        gap: var(--pva-fs-14);
        outline: 0
    }

    .c-survey-publish__textwrap-text {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-14);
        line-height: 1.9
    }

    .c-survey-publish__textwrap-text.-bold {
        color: #4c51c8;
        font-weight: 600
    }

    .c-survey-publish__textwrap-survey {
        color: #4c51c8;
        font-size: var(--pva-fs-14);
        font-weight: 600;
        line-height: var(--pva-fs-24);
        text-decoration: underline
    }

    .c-survey-publish__textwrap-survey:focus,
    .c-survey-publish__textwrap-survey:hover {
        color: #4c51c8;
        text-decoration: underline
    }

    .c-survey-publish__textwrap-name {
        padding: .25rem var(--pva-fs-12);
        border-radius: .25rem;
        background: #4c51c8;
        color: var(--pva-base-white, #fff);
        font-size: var(--pva-fs-12);
        font-weight: 500;
        line-height: 1
    }

    .c-survey-publish__bottom {
        padding: .5rem var(--pva-fs-24);
        background: #f5f5f5;
        color: grey;
        font-size: var(--pva-fs-12);
        line-height: 1.5;
        margin: 0 -3px
    }

    .c-survey-publish__attach {
        display: flex;
        gap: 2.063rem;
        align-items: center;
        border-radius: .25rem;
        background: var(--pva-base-white-2500, #f7f7f7);
        padding: var(--pva-fs-12) .813rem var(--pva-fs-12) .5rem;
        margin: .5rem var(--pva-fs-24);
        width: fit-content
    }

    .c-survey-publish__attach-left {
        display: flex;
        gap: .5rem;
        align-items: center
    }

    .c-survey-publish__attach-text {
        font-size: var(--pva-fs-14);
        line-height: 1;
        color: var(--pva-base-black, #000)
    }

    .c-survey-publish__attach-icon {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-12);
        cursor: pointer;
        position: relative;
        top: .125rem
    }

    .c-text-format {
        display: flex;
        gap: var(--pva-fs-14);
        align-items: center
    }

    .c-text-format__wrap {
        display: flex;
        margin-right: .25rem
    }

    .c-text-format__style {
        border: 1px solid #8a8886;
        padding: .25rem 2px .25rem .313rem;
        display: flex;
        gap: var(--pva-fs-16);
        justify-content: space-between;
        align-items: center;
        width: 8.25rem
    }

    .c-text-format__style-text {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-14);
        line-height: 1.4
    }

    .c-text-format__imgwrap.-pl6 {
        padding-left: .375rem
    }

    .c-text-format__size {
        border: 1px solid #8a8886;
        padding: .25rem .125rem .25rem .313rem;
        display: flex;
        gap: var(--pva-fs-16);
        justify-content: space-between;
        align-items: center;
        width: 3.875rem;
        border-left: none
    }

    .c-text-format__size-text {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-14);
        line-height: 1.4
    }

    .c-text-format__arrow {
        color: #888;
        font-size: var(--pva-fs-12);
        cursor: pointer
    }

    .c-text-format__iconwrap {
        display: flex;
        align-items: center;
        gap: .313rem
    }

    .c-text-format__iconwrap-arrow {
        position: relative;
        top: .125rem;
        color: #212121;
        cursor: pointer
    }

    .c-text-format__attachwrap {
        display: flex;
        gap: .813rem;
        align-items: center;
        padding: 0 .438rem 0 var(--pva-fs-14);
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5
    }

    .c-text-format__icon {
        font-size: var(--pva-fs-20);
        color: #616161;
        height: var(--pva-fs-20);
        cursor: pointer
    }

    .c-text-format .icon-text-export {
        font-size: var(--pva-fs-16);
        position: relative;
        top: .125rem;
        color: #29568a
    }

    .c-text-format__zoomicon {
        position: relative;
        font-size: var(--pva-fs-20);
        top: .125rem;
        color: #29568a
    }

    .c-text-format .icon-text-zoom {
        color: #29568a
    }

    .c-text-format .icon-strikethrough,
    .c-text-format .icon-text-bold,
    .c-text-format .icon-text-italic,
    .c-text-format .icon-text-underline {
        padding-right: .375rem
    }

    .c-text-format .icon-text-allign {
        padding-left: .375rem
    }

    .c-text-format .icon-text-link {
        color: #212121
    }

    .c-time-allocation-main {
        margin-top: 7.063rem
    }

    .c-time-allocation-main__wrapper {
        border-radius: .5rem;
        background: var(--pva-base-white, #fff);
        box-shadow: 0 0 .625rem 0 rgba(0, 0, 0, .1);
        padding: 1.5rem 3.5rem 4rem;
        margin: .5rem 0 1rem
    }

    .c-time-allocation-main .c-basic-details__instructions {
        border-bottom: none
    }

    .c-time-allocation-main .c-basic-questions-accordion {
        margin-bottom: .625rem
    }

    .c-survey-feedback {
        margin-bottom: var(--pva-fs-16);
        margin-top: 7.063rem
    }

    .c-survey-feedback__wrapper {
        border-radius: .5rem;
        background: var(--pva-base-white, #fff);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        padding: 2rem 3.063rem 2rem 1.938rem;
        min-height: calc(100vh - 18.75rem);
        margin-top: .5rem
    }

    .c-survey-feedback__heading {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-20);
        line-height: 1.2;
        padding: 0 0 var(--pva-fs-24) var(--pva-fs-24)
    }

    .c-survey-feedback__togglewrap {
        display: flex;
        align-items: center;
        gap: .5rem;
        margin: .5rem 0 1rem
    }

    .c-survey-feedback__togglewrap-text {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-14);
        line-height: 1.2
    }

    .c-survey-feedback__feedback {
        margin-bottom: .5rem
    }

    .c-survey-feedback__feedback-title {
        color: var(--pva-base-grey-1300, #505050);
        font-size: var(--pva-fs-12);
        font-weight: 500;
        margin-bottom: .5rem
    }

    .c-survey-feedback__feedback-desc {
        color: var(--pva-base-grey-1300, #505050);
        font-size: var(--pva-fs-12);
        line-height: 1.6
    }

    .c-survey-feedback__feedback-wrap {
        padding: .5rem var(--pva-fs-24);
        display: flex;
        flex-direction: column;
        gap: .5rem;
        margin-top: var(--pva-fs-12);
        cursor: pointer
    }

    .c-survey-feedback__feedback-wrap:hover {
        border-radius: .5rem;
        background: #f3f6fa
    }

    .c-survey-feedback__feedback-bottom {
        display: none;
        justify-content: space-between;
        align-items: center;
        padding: var(--pva-fs-12) 0
    }

    .c-survey-feedback__feedback-chipwrap {
        display: flex;
        gap: var(--pva-fs-12)
    }

    .c-survey-feedback__feedback-chip {
        padding: .25rem var(--pva-fs-12);
        display: flex;
        gap: var(--pva-fs-10);
        align-items: center;
        border-radius: var(--pva-fs-24);
        border: 1px solid #6c25d7;
        background: var(--pva-base-white, #fff);
        cursor: pointer
    }

    .c-survey-feedback__feedback-chip-icon {
        color: var(--pva-base-grey-3700, #707070);
        font-size: var(--pva-fs-12);
        height: var(--pva-fs-12)
    }

    .c-survey-feedback__feedback-chip-text {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-10);
        line-height: 1
    }

    .c-survey-feedback__feedback-chars {
        color: var(--pva-base-grey-1600, #717171);
        font-size: var(--pva-fs-10);
        line-height: 1.4
    }

    .c-survey-feedback__feedback.-active {
        padding: .5rem .5rem 0 .5rem;
        border-radius: .5rem;
        background: #f3f6fa
    }

    .c-survey-feedback__feedback.-active .c-survey-feedback__feedback-bottom {
        display: flex
    }

    .c-survey-feedback__feedback.-active .c-survey-feedback__feedback-wrap {
        border-radius: .5rem;
        border: 1px solid var(--pva-base-white-800, #ddd);
        background: var(--pva-base-white, #fff);
        padding: var(--pva-fs-12) var(--pva-fs-16);
        margin-top: 0
    }

    .c-survey-feedback .o-toggle {
        width: 2rem;
        height: var(--pva-fs-16)
    }

    .c-survey-feedback .o-toggle .o-toggle__checkbox {
        width: 2rem;
        height: var(--pva-fs-16)
    }

    .c-survey-feedback .o-toggle .o-toggle__checkbox>input {
        width: 2rem;
        height: var(--pva-fs-16);
        z-index: 1;
        cursor: pointer;
        position: absolute
    }

    .c-survey-feedback .o-toggle .o-toggle__checkbox>input+.o-toggle__checkbox-slider {
        border-radius: 1rem;
        background-color: var(--pva-base-white, #fff);
        border: 1px solid var(--pva-base-black, #000)
    }

    .c-survey-feedback .o-toggle .o-toggle__checkbox>input+.o-toggle__checkbox-slider:before {
        background-color: var(--pva-base-black, #000);
        height: var(--pva-fs-16);
        width: var(--pva-fs-16);
        left: 0;
        bottom: -1px;
        border-radius: 50%
    }

    .c-survey-feedback .o-toggle .o-toggle__checkbox>input:checked+.o-toggle__checkbox-slider {
        border: 1px solid var(--pva-color-secondary-100, #6b10a0)
    }

    .c-survey-feedback .o-toggle .o-toggle__checkbox>input:checked+.o-toggle__checkbox-slider:before {
        background-color: var(--pva-color-secondary-100, #6b10a0);
        left: 1rem;
        transform: unset
    }

    .c-survey-feedback .o-text-area__input {
        min-height: 5.375rem;
        border: 1px solid var(--pva-base-white-800, #ddd);
        border-radius: .5rem
    }

    .c-survey-feedback-title {
        font-size: var(--pva-fs-20, 1.25rem);
        font-weight: 600;
        margin-bottom: 1rem
    }

    .c-survey-feedback-container {
        background-color: #f3f6fa;
        border-radius: .75rem;
        padding: 2rem;
        margin-top: .625rem
    }

    .c-survey-feedback-container-title {
        font-size: var(--pva-fs-16, 1rem);
        color: var(--pva-base-grey-1300, #505050);
        font-weight: 500;
        margin-bottom: 1rem
    }

    .c-survey-feedback-container .o-text-area>textarea {
        height: 13.75rem
    }

    .c-survey-feedback .c-accordion {
        background-color: var(--pva-base-white-200, #f4f4f4);
        border-radius: .5rem;
        padding: 1rem
    }

    .c-survey-feedback .c-accordion .c-collapse {
        padding: 0;
        font-size: var(--pva-fs-14, .875rem);
        font-weight: 500
    }

    .c-survey-feedback .c-accordion .c-collapse:before {
        font-size: unset
    }

    .c-survey-feedback .c-accordion .c-collapse[aria-expanded=true] {
        box-shadow: unset
    }

    .c-survey-feedback .c-accordion__container {
        padding: .5rem 0 0;
        display: -ms-grid;
        display: grid;
        gap: .5rem;
        font-size: var(--pva-fs-12, .75rem)
    }

    .c-survey-feedback .c-accordion__container a {
        font-weight: 600;
        color: var(--pva-color-primary, #a100ff)
    }

    .c-survey-feedback .c-accordion__container>ul {
        padding-left: 1rem;
        color: #6a6a6a
    }

    .c-manage-table {
        background: var(--pva-base-white, #fff);
        max-height: calc(100vh - 22.188rem);
        box-shadow: 0 0 10px rgba(0, 0, 0, .1607843137);
        overflow: auto;
        border-radius: .5rem
    }

    .c-manage-table::-webkit-scrollbar {
        height: .375rem;
        width: .375rem
    }

    .c-manage-table::-webkit-scrollbar-track {
        background: 0 0
    }

    .c-manage-table::-webkit-scrollbar-thumb {
        background: #d4c0ff;
        border-radius: .563rem
    }

    .c-manage-table__table {
        width: 100%
    }

    .c-manage-table__head {
        background-color: #f5f7ff;
        position: sticky;
        top: 0;
        z-index: 10
    }

    .c-manage-table__headcell {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-14);
        font-weight: 500;
        line-height: 1;
        padding-left: var(--pva-fs-16);
        position: relative;
        height: 3rem;
        text-align: left
    }

    .c-manage-table__headcell-wrap {
        display: flex;
        align-items: center;
        gap: var(--pva-fs-12)
    }

    .c-manage-table__headcell:not(:first-child):before {
        height: var(--pva-fs-24);
        width: 1px;
        background: #d7e9ff;
        content: "";
        position: absolute;
        left: 0;
        top: var(--pva-fs-12)
    }

    .c-manage-table__headcell:first-child {
        padding-left: 12px
    }

    .c-manage-table__bodyrow {
        transition: all linear .3s;
        height: 3rem;
        border-bottom: 1px solid #d7e9ff
    }

    .c-manage-table__bodyrow:first-child {
        border-top: 1px solid #d7e9ff
    }

    .c-manage-table__edit {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-14);
        display: none;
        position: absolute;
        right: var(--pva-fs-12);
        top: var(--pva-fs-18);
        cursor: pointer;
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-manage-table__datacell {
        position: relative;
        font-size: var(--pva-fs-12);
        color: var(--pva-base-black, #000);
        padding: var(--pva-fs-16) var(--pva-fs-12);
        line-height: 1;
        border-right: 1px solid #d7e9ff;
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-manage-table__datacell:first-child {
        border-left: 1px solid #d7e9ff
    }

    .c-manage-table__datacell:last-child {
        padding-right: var(--pva-fs-24)
    }

    .c-manage-table__datacell-wrap {
        display: flex;
        align-items: center;
        gap: var(--pva-fs-12)
    }

    .c-manage-table__datacell-text {
        outline: 0;
        max-width: 11.25rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1
    }

    .c-manage-table__datacell-view {
        font-size: var(--pva-fs-12);
        line-height: 1.2;
        color: var(--pva-base-black, #000)
    }

    .c-manage-table__datacell-view:focus,
    .c-manage-table__datacell-view:hover {
        color: var(--pva-color-primary, #a100ff)
    }

    .c-manage-table__datacell-view.-disabled {
        color: #a6a6a6;
        pointer-events: none
    }

    .c-manage-table__datacell:not(:last-child):not(:nth-last-child(2)):hover {
        background-color: #f7f7f7;
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-manage-table__datacell:not(:last-child):not(:nth-last-child(2)):hover .c-manage-table__edit {
        display: inline;
        transition: all .4s cubic-bezier(.19, 1, .22, 1)
    }

    .c-manage-table__datacell-chip {
        border-radius: var(--pva-fs-12);
        background-color: #dff1dc;
        padding: .25rem .5rem;
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-12);
        line-height: 1;
        width: fit-content
    }

    .c-manage-table__datacell-chip.-start {
        background-color: rgba(157, 210, 243, .54)
    }

    .c-manage-table__datacell-chip.-notstart {
        background-color: rgba(243, 219, 157, .54)
    }

    .c-manage-table__wrap {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .c-manage-table__wrap-right {
        display: flex;
        align-items: center;
        gap: var(--pva-fs-16);
        justify-content: space-between
    }

    .c-manage-table__survey {
        display: none;
        position: absolute;
        box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .1);
        border-radius: .5rem;
        padding: 0 .5rem;
        right: 0;
        background: var(--pva-base-white, #fff);
        z-index: 2
    }

    .c-manage-table__survey-text {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-14);
        line-height: 1;
        border-bottom: 1px solid #e4e4e4;
        padding: 1.063rem;
        white-space: nowrap;
        cursor: pointer
    }

    .c-manage-table__survey-text:hover {
        color: var(--pva-color-primary, #a100ff)
    }

    .c-manage-table__survey.-active {
        display: block
    }

    .c-manage-table__more {
        position: relative
    }

    .c-manage-table__more-icon {
        font-size: var(--pva-fs-14);
        color: var(--pva-base-black, #000);
        cursor: pointer
    }

    .c-manage-table__delete {
        font-size: var(--pva-fs-14);
        color: var(--pva-base-black, #000);
        cursor: pointer
    }

    .c-manage-user {
        margin-top: 2.5rem
    }

    .c-manage-user__top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: var(--pva-fs-24)
    }

    .c-manage-user__top-left {
        display: flex;
        align-items: center;
        gap: var(--pva-fs-12)
    }

    .c-manage-user__top-heading {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-24);
        font-weight: 500;
        line-height: 1;
        padding-right: var(--pva-fs-12);
        border-right: 1px solid var(--pva-base-grey, #ccc)
    }

    .c-manage-user__top-title {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-14);
        line-height: 1.72;
        position: relative;
        top: .125rem
    }

    .c-manage-user__top-right {
        display: flex;
        gap: var(--pva-fs-16)
    }

    .c-manage-user__arrow {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-24);
        cursor: pointer;
        position: relative;
        top: .313rem
    }

    .c-manage-user__middle {
        margin: var(--pva-fs-20) 0 var(--pva-fs-16);
        border-radius: .5rem;
        background: rgba(255, 255, 255, .6);
        display: flex;
        gap: 2rem;
        align-items: center;
        padding: 0 2.5rem
    }

    .c-manage-user__middle-wrap {
        display: flex;
        gap: .5rem;
        padding: var(--pva-fs-12) 2.5rem var(--pva-fs-12) 0;
        border-right: 1px solid #f3f3f3
    }

    .c-manage-user__middle-title {
        font-size: var(--pva-fs-14);
        font-weight: 500;
        line-height: 1.68
    }

    .c-manage-user__middle-no {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-18);
        line-height: 1.33
    }

    .c-manage-user__middle-wrapper {
        display: flex;
        gap: 2.5rem;
        align-items: center
    }

    .c-manage-user__middle-wrapper-section {
        display: flex;
        align-items: center;
        gap: .5rem
    }

    .c-manage-user__middle-wrapper-status {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-14);
        line-height: 1.8
    }

    .c-manage-user__middle-wrapper-number {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-18);
        font-weight: 300;
        line-height: 1.4;
        padding: .125rem .375rem;
        border-radius: .25rem;
        background: #dff1dc
    }

    .c-manage-user__middle-wrapper-number.-start {
        background: #c8e5f7
    }

    .c-manage-user__middle-wrapper-number.-notstart {
        background: #f7eac8
    }

    .c-manage-user__view {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: var(--pva-fs-20);
        padding-bottom: var(--pva-fs-12)
    }

    .c-manage-user__view-wrap {
        display: flex;
        align-items: center;
        gap: .25rem
    }

    .c-manage-user__view-text {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-14);
        font-weight: 500;
        line-height: 1.5;
        margin-right: -2rem;
        position: relative;
        z-index: 4
    }

    .c-manage-user__search {
        font-size: var(--pva-fs-20);
        cursor: pointer;
        position: relative;
        top: .25rem;
        color: var(--pva-base-black, #000)
    }

    .c-manage-user .o-select {
        background: 0 0;
        min-width: 9.75rem
    }

    .c-manage-user .o-select__selected-text {
        border: none;
        background: 0 0;
        padding: 0;
        padding-left: 2.5rem;
        color: var(--pva-base-black, #000)
    }

    .c-manage-user .o-select__selected-text.-active {
        border: none
    }

    .c-manage-user .o-select__selected-text.-active:before {
        color: var(--pva-color-primary, #a100ff)
    }

    .c-manage-user .o-select__options-list {
        padding: 0 .5rem;
        border-radius: .5rem
    }

    .c-manage-user .o-select__options-list.-active {
        z-index: 11
    }

    .c-manage-user .o-select__option {
        padding: .813rem 1.125rem
    }

    .c-manage-user .o-select__option:not(:last-child) {
        border-bottom: 1px solid #e4e4e4
    }

    .c-manage-user .o-select__option:hover {
        box-shadow: none;
        background: 0 0;
        color: var(--pva-color-primary, #a100ff)
    }

    .c-manage-user__selectwrap {
        border-radius: .5rem .5rem 0 0;
        background: var(--pva-base-white, #fff);
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        top: -2.25rem;
        height: 2.5rem;
        z-index: 5;
        width: 100%;
        padding: 0 var(--pva-fs-12)
    }

    .c-manage-user__selectwrap-left {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-12);
        line-height: 2
    }

    .c-manage-user__selectwrap-bold {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-12);
        font-weight: 500;
        line-height: 1.8
    }

    .c-manage-user__selectwrap-right {
        display: flex;
        gap: var(--pva-fs-24);
        align-items: center
    }

    .c-manage-user__iconwrap {
        display: flex;
        gap: .5rem;
        align-items: center;
        cursor: pointer
    }

    .c-manage-user__iconwrap-text {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-12);
        line-height: normal
    }

    .c-manage-user__icon {
        font-size: var(--pva-fs-16);
        color: var(--pva-base-black, #000);
        cursor: pointer
    }

    .c-manage-user__tablewrap {
        position: relative
    }

    .c-manage-user .icon-message {
        position: relative;
        top: .125rem
    }

    .c-list-view {
        margin-top: .5rem
    }

    .c-list-view__main {
        background: var(--pva-base-white, #fff);
        padding: 1.75rem 3rem;
        border-radius: .5rem;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
    }

    .c-list-view__head {
        display: flex;
        justify-content: space-between;
        margin-bottom: 1rem;
        align-items: center
    }

    .c-list-view__head-title {
        font-size: var(--pva-fs-20);
        font-weight: 600;
        color: var(--pva-base-black)
    }

    .c-list-view__head .o-multi-toggle__item {
        color: var(--pva-base-grey-1300, #505050);
        font-size: var(--pva-fs-14);
        font-weight: 400;
        min-width: 100px
    }

    .c-list-view__top {
        margin-bottom: .625rem
    }

    .c-list-view__top-accordion {
        background: var(--pva-base-white-200, #f4f4f4);
        border-radius: .5rem;
        padding: 0 1rem
    }

    .c-list-view__wrap {
        display: flex;
        gap: .563rem;
        padding: 2rem;
        background: var(--pva-base-white-3100, #f3f6fa);
        border-radius: .75rem;
        overflow: auto
    }

    .c-list-view__wrap.-column {
        flex-direction: column
    }

    .c-list-view__wrap.-padding-top {
        padding-top: 1rem
    }

    .c-list-view__flex {
        display: flex;
        gap: .563rem
    }

    .c-list-view__left {
        flex-basis: 40%
    }

    .c-list-view__left .c-collapse__inner {
        width: 100%
    }

    .c-list-view__left-title {
        color: var(--pva-base-grey-1600, #717171);
        font-size: var(--pva-fs-12);
        font-weight: 500
    }

    .c-list-view__left-title2 {
        color: var(--pva-base-black, #000);
        font-size: var(--pva-fs-12);
        font-weight: 400;
        display: flex;
        gap: .375rem;
        align-items: center
    }

    .c-list-view__left-icon {
        color: var(--pva-color-primary, #a100ff);
        font-size: var(--pva-fs-12);
        opacity: .5
    }

    .c-list-view__left-container {
        gap: unset;
        padding: .5rem 0 0 0
    }

    .c-list-view__left-container-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .25rem
    }

    .c-list-view__left-container-header .-percentage {
        font-size: var(--pva-fs-12, .75rem);
        color: #4c51c8
    }

    .c-list-view__left-container-header .icon-tag {
        color: #b4c7ff;
        font-size: var(--pva-fs-16, 1rem)
    }

    .c-list-view__left .c-accordion {
        background: var(--pva-base-white, #fff);
        padding: 0 1.5rem 1.5rem 1.5rem;
        border-radius: .5rem;
        min-height: 410px
    }

    .c-list-view__left .c-accordion .c-collapse {
        padding: 1rem 0;
        font-size: var(--pva-fs-14);
        font-weight: 600;
        color: var(--pva-base-black-200, #222);
        gap: .25rem
    }

    .c-list-view__left .c-accordion .c-collapse[aria-expanded=false] {
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, .18)
    }

    .c-list-view__left .c-accordion .c-collapse.icon-chevron-down:before {
        font-size: var(--pva-fs-10);
        border: 1px solid;
        border-radius: 50%;
        padding: 2px;
        margin: 0
    }

    .c-list-view__left-subhead {
        padding-bottom: 5px;
        box-shadow: unset !important
    }

    .c-list-view__nav {
        gap: 16px;
        font-size: var(--pva-fs-12);
        font-weight: 400;
        color: var(--pva-base-black, #000);
        padding: 0 0 0 1.875rem
    }

    .c-list-view__nav-li {
        cursor: pointer;
        position: relative;
        white-space: nowrap;
        opacity: .5
    }

    .c-list-view__nav-li:before {
        content: "";
        height: 1px;
        width: 21px;
        border-bottom: 1px dashed var(--pva-base-blue-1500, #a1aebe);
        position: absolute;
        top: 50%;
        left: -25px
    }

    .c-list-view__nav-li:after {
        content: "";
        height: 185%;
        width: 2px;
        border-left: 1px dashed var(--pva-base-blue-1500, #a1aebe);
        position: absolute;
        top: -24px;
        left: -25px
    }

    .c-list-view__nav-li.-active {
        color: var(--pva-color-primary, #a100ff);
        font-weight: 500;
        opacity: 1
    }

    .c-list-view__nav-li.-active:after {
        border-left: 1px dashed var(--pva-color-primary, #a100ff)
    }

    .c-list-view__nav-li.-active:before {
        border-bottom: 1px dashed var(--pva-color-primary, #a100ff)
    }

    .c-list-view__content {
        display: none
    }

    .c-list-view__content.-active {
        display: block
    }

    .c-list-view__right {
        flex-basis: 60%;
        background: var(--pva-base-white, #fff);
        border-radius: .5rem;
        padding: 1.125rem 1rem
    }

    .c-list-view__right-heading {
        margin-bottom: .938rem;
        display: flex;
        justify-content: space-between
    }

    .c-list-view__right-heading-title {
        font-size: var(--pva-fs-14);
        font-weight: 600
    }

    .c-list-view__right-heading-icons {
        display: flex;
        gap: .5rem
    }

    .c-list-view__right-heading-icons-arrow {
        border-radius: 50%;
        border: 1px solid var(--pva-color-primary, #a100ff);
        height: 1.25rem;
        width: 1.25rem;
        font-size: var(--pva-fs-12);
        color: var(--pva-color-primary, #a100ff);
        display: flex;
        align-items: center;
        justify-content: center;
        transform: rotate(90deg);
        cursor: pointer
    }

    .c-list-view__right-heading-icons-arrow .icon-chevron-down {
        display: inline-flex
    }

    .c-list-view__right-heading-icons-arrow.-right {
        transform: rotate(270deg)
    }

    .c-list-view__right-level1 {
        display: flex;
        gap: .5rem;
        padding: .75rem;
        justify-content: space-between;
        border-bottom: 1px solid var(--pva-base-grey-5200, #cccbce);
        border-top: 1px solid var(--pva-base-grey-5200, #cccbce);
        margin-bottom: 1.5rem
    }

    .c-list-view__right-level1-text {
        font-size: var(--pva-fs-12);
        font-weight: 500;
        color: var(--pva-base-grey-1600, #717171);
        display: flex;
        gap: .5rem
    }

    .c-list-view__right-level1-text .icon-info {
        padding-top: 2px
    }

    .c-list-view__right-level1-right {
        display: flex
    }

    .c-list-view__right-level1-col {
        display: flex;
        flex-direction: column;
        gap: .5rem;
        padding: 0 1.875rem;
        border-right: 1px solid var(--pva-base-grey, #ccc);
        color: var(--pva-base-grey-1300, #505050);
        font-size: var(--pva-fs-10);
        font-weight: 500;
        align-items: center
    }

    .c-list-view__right-level1-col:last-child {
        border-right: none;
        padding-right: 0
    }

    .c-list-view__right-level1-col .o-radio input {
        --ocircle-size: 0.75rem
    }

    .c-list-view__right-level1-col .o-radio input:before {
        border: 1px solid var(--pva-color-primary, #a100ff)
    }

    .c-list-view__right-level1-inputs {
        display: flex;
        flex-direction: column;
        gap: 12px
    }

    .c-list-view__right-level1-inputs-input {
        cursor: unset !important;
        height: 2rem;
        padding: .25rem 1rem !important;
        width: 16.5rem !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: var(--pva-base-white, #fff) !important;
        border: 1px solid var(--pva-base-grey-5300, #a6a6a6) !important;
        border-radius: .5rem !important;
        color: var(--pva-base-black, #000) !important;
        position: relative
    }

    .c-list-view.-preview .c-list-view__main {
        margin-top: .5rem;
        padding: 0
    }

    .c-list-view.-preview .c-list-view__head-close {
        color: var(--pva-base-black, #000);
        position: absolute;
        right: var(--pva-fs-24);
        font-size: var(--pva-fs-16)
    }

    .c-list-view.-preview .c-list-view__wrap {
        padding: 2rem 4.5rem;
        position: relative
    }

    .c-list-view.-preview .c-list-view__wrap.-column {
        padding: 2rem
    }

    .c-list-view.-preview .c-list-view__head {
        justify-content: unset;
        gap: 1.813rem;
        margin-bottom: 0;
        padding: var(--pva-fs-24) var(--pva-fs-12) .5rem 2rem;
        border-radius: .5rem;
        background: #fafafa;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        position: relative
    }

    .c-list-view.-preview .c-list-view__head-title {
        font-size: var(--pva-fs-24);
        font-weight: 400;
        line-height: 1
    }

    .c-list-view.-preview .c-timeAloc-preview__options {
        display: flex;
        justify-content: flex-end;
        bottom: 2rem;
        right: var(--pva-fs-24);
        position: absolute;
        z-index: 10
    }

    .c-list-view.-preview .c-timeAloc-preview__options .c-bottom-panel__wrapper {
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, .04), 0 8px 16px 0 rgba(0, 0, 0, .08)
    }

    .c-list-view__chip {
        display: flex;
        align-items: center;
        gap: .5rem
    }

    .c-list-view__chip-item {
        height: 1.75rem;
        border-radius: 1rem;
        background-color: var(--pva-base-white, #fff);
        display: flex;
        align-items: center;
        gap: .75rem;
        padding: .5rem 1rem
    }

    .c-list-view__chip-item>span {
        color: #4c51c8;
        font-weight: 500;
        font-size: var(--pva-fs-10, .625rem)
    }

    .c-list-view__chip-item>i {
        color: #b4c7ff;
        display: flex;
        align-items: center
    }

    .c-add-recipients__inputs {
        display: flex;
        align-items: center;
        gap: 1.125rem
    }

    .c-add-recipients__inputs .o-input-wrap input {
        width: 13.75rem;
        border-radius: .5rem;
        border: 1px solid #ddd;
        padding: 1.0625rem 1rem;
        height: 2.75rem
    }

    .c-add-recipients__seperator {
        font-size: 1rem;
        text-align: center;
        position: relative;
        padding: 1.1875rem 0 1rem
    }

    .c-add-recipients__seperator:before {
        content: " ";
        position: absolute;
        width: 46%;
        top: 53%;
        height: 1px;
        background: #ebebeb;
        right: 0
    }

    .c-add-recipients__seperator:after {
        content: " ";
        position: absolute;
        width: 46%;
        top: 53%;
        height: 1px;
        background: #ebebeb;
        left: 0
    }

    .c-add-recipients__desc {
        padding-bottom: .9375rem
    }

    .c-add-recipients__desc-btn {
        font-weight: 500;
        color: #a100ff
    }

    .c-add-recipients .o-file-input {
        max-height: 8.5rem;
        padding: 3rem 0;
        border: 1px dashed #c1c1c1;
        border-radius: .5rem
    }

    .c-add-recipients .o-file-input__upload {
        gap: 1.4375rem
    }

    .c-add-recipients .o-file-input__upload-section {
        gap: .375rem
    }

    .c-add-recipients .o-file-input__upload-section-label {
        font-size: .875rem;
        color: #000
    }

    .c-add-recipients .o-file-input__upload .icon-upload {
        font-size: 2.4375rem;
        display: flex
    }

    .c-add-recipients .o-file-input__info {
        color: #4a4a4a
    }

    .c-add-recipients .o-file-input__uploader-btn {
        font-size: .875rem;
        text-decoration: underline
    }

    .c-add-recipients .c-modal__container {
        max-width: 46.5rem
    }

    .c-add-recipients .c-modal__content {
        height: auto;
        border-radius: .75rem !important;
        max-height: 80vh
    }

    .c-add-recipients .c-modal__body {
        padding-top: 0;
        padding-bottom: 0
    }

    .c-add-recipients .c-modal__header {
        padding: 2rem 1.5rem 1.5rem
    }

    .c-add-recipients .c-modal__header-title {
        font-size: 1.5rem
    }

    .c-add-recipients .c-modal__header-close {
        top: 1.5rem;
        right: 1.5rem
    }

    .c-add-recipients .c-modal__footer {
        padding: 1.25rem 1.5625rem 2rem
    }

    .c-add-recipients .c-modal__footer-btnGroup {
        gap: 16px
    }

    .c-add-recipients .c-modal__footer .o-primary-button {
        min-width: 6.75rem
    }

    .c-add-recipients .c-modal__footer .o-secondary-button {
        min-width: 6.75rem
    }

    .c-segmentation-totals__hint {
        margin-bottom: 1rem
    }

    .c-segmentation-totals__table {
        border: 1px solid #d7e9ff;
        display: flex;
        flex-direction: column;
        max-width: 28.75rem;
        width: 100%;
        border-radius: .5rem
    }

    .c-segmentation-totals__table-header {
        display: flex;
        font-size: .75rem;
        font-weight: 500;
        width: 100%;
        height: 2rem;
        background: #f5f7ff;
        border-radius: .5rem .5rem 0 0
    }

    .c-segmentation-totals__table-header-th {
        padding: .375rem 1rem;
        width: 13.125rem;
        position: relative
    }

    .c-segmentation-totals__table-header-th.-seperator:after {
        position: absolute;
        content: " ";
        width: 1px;
        height: 1rem;
        background: #d7e9ff;
        right: 0;
        top: .5rem
    }

    .c-segmentation-totals__table-header-th.-right {
        flex-grow: 1
    }

    .c-segmentation-totals__table-row {
        display: flex;
        font-size: .75rem;
        border-bottom: 1px solid #d7e9ff;
        background: #fbfbfb
    }

    .c-segmentation-totals__table-row:last-child {
        border-bottom: unset;
        border-radius: 0 0 .5rem .5rem
    }

    .c-segmentation-totals__table-row-td {
        padding: .375rem 1rem;
        width: 13.125rem;
        height: 2.5rem;
        display: flex;
        align-items: center
    }

    .c-segmentation-totals__table-row-td.-br {
        border-right: 1px solid #d7e9ff
    }

    .c-segmentation-totals__table-row-td.-right {
        flex-grow: 1
    }

    .c-segmentation-totals__table-row-td .o-input-wrap input {
        height: 1.75rem;
        max-width: 4.25rem
    }

    .c-segmentation-totals .c-modal__container {
        max-width: 31.75rem
    }

    .c-segmentation-totals .c-modal__content {
        height: 22.875rem;
        border-radius: .75rem !important
    }

    .c-segmentation-totals .c-modal__body {
        padding-top: 0;
        padding-bottom: 0
    }

    .c-segmentation-totals .c-modal__header {
        padding: 2rem 1.5rem 1rem
    }

    .c-segmentation-totals .c-modal__header-title {
        font-size: 1.5rem
    }

    .c-segmentation-totals .c-modal__header-close {
        top: 1.5rem;
        right: 1.5rem
    }

    .c-segmentation-totals .c-modal__footer {
        padding: 1.5rem
    }

    .c-segmentation-totals .c-modal__footer-btnGroup {
        gap: 1rem
    }

    .c-segmentation-totals .c-modal__footer .o-primary-button {
        min-width: 6.75rem
    }

    .c-segmentation-totals .c-modal__footer .o-secondary-button {
        min-width: 6.75rem
    }

    .c-survey-analysis__wrapper {
        display: flex;
        flex-direction: column;
        gap: 1.5rem
    }

    .c-survey-analysis__question {
        font-weight: 600;
        padding-bottom: 1rem
    }

    .c-survey-analysis__question span {
        padding-left: 1.5rem
    }

    .c-survey-analysis__answer {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding-left: 1.5rem
    }

    .c-survey-analysis__answer-item {
        display: flex;
        align-items: center;
        gap: 1.5rem
    }

    .c-survey-analysis__answer-txt {
        font-weight: 600
    }

    .c-survey-analysis__answer .o-select__selected-text {
        min-width: 9.75rem;
        height: 2.75rem
    }

    .c-survey-analysis__answer .o-radio {
        align-items: unset
    }

    .c-survey-analysis__answer .o-radio input {
        --ocircle-size: 1rem
    }

    .c-survey-analysis__answer .o-checkbox label {
        color: #000
    }

    .c-survey-analysis .c-modal__container {
        max-width: 46.375rem
    }

    .c-survey-analysis .c-modal__content {
        height: auto;
        border-radius: .75rem !important;
        max-height: 80vh
    }

    .c-survey-analysis .c-modal__body {
        padding-top: 0;
        padding-bottom: 0
    }

    .c-survey-analysis .c-modal__header {
        padding: 2rem 1.5rem 1.5rem
    }

    .c-survey-analysis .c-modal__header-title {
        font-size: 1.5rem
    }

    .c-survey-analysis .c-modal__header-close {
        top: 1.5rem;
        right: 1.5rem
    }

    .c-survey-analysis .c-modal__footer {
        padding: 1.5rem
    }

    .c-survey-analysis .c-modal__footer-btnGroup {
        gap: 16px
    }

    .c-survey-analysis .c-modal__footer .o-primary-button {
        min-width: 6.75rem
    }

    .c-survey-analysis .c-modal__footer .o-secondary-button {
        min-width: 6.75rem
    }

    .c-export-options .c-modal__container {
        max-width: 31.75rem
    }

    .c-export-options .c-modal__content {
        height: 16.625rem;
        border-radius: .75rem !important
    }

    .c-export-options .c-modal__body {
        padding-top: 0;
        padding-bottom: 0
    }

    .c-export-options .c-modal__header {
        padding: 2rem 1.5rem 1rem
    }

    .c-export-options .c-modal__header-title {
        font-size: 1.5rem
    }

    .c-export-options .c-modal__header-close {
        top: 1.5rem;
        right: 1.5rem
    }

    .c-export-options .c-modal-footer {
        padding-top: 2.375rem
    }

    .c-export-options:has(.o-select__options-list.-active) .c-modal__content {
        height: 23.125rem
    }

    .c-export-options:has(.o-select__options-list.-active) .c-modal__body {
        overflow: unset;
        height: 12.75rem
    }

    .c-export-options .o-primary-button,
    .c-export-options .o-secondary-button {
        min-width: 6.75rem
    }

    .c-export-options .o-select__option {
        border-bottom: 1px solid #e4e4e4;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        padding: .75rem .5rem
    }

    .c-export-options .o-select__option:hover {
        box-shadow: unset;
        background: unset
    }

    .c-export-options .o-select__option:nth-child(2) {
        border-bottom: unset
    }

    .c-export-options .o-select__selected-text {
        height: 2.75rem
    }

    .c-export-options .o-select__options-list.-active {
        margin-top: .5rem
    }

    .c-define-weight__hint {
        margin-bottom: 1rem
    }

    .c-define-weight__wrapper {
        display: flex;
        gap: .75rem;
        overflow: auto
    }

    .c-define-weight__wrapper::-webkit-scrollbar {
        width: 6px;
        height: 6px
    }

    .c-define-weight__wrapper::-webkit-scrollbar-thumb {
        background: var(--pva-color-primary, #a100ff);
        border-radius: 1.125rem
    }

    .c-define-weight__wrapper::-webkit-scrollbar-track {
        background: 0 0;
        border-radius: 1.125rem
    }

    .c-define-weight__table {
        border: 1px solid #d7e9ff;
        display: flex;
        flex-direction: column;
        max-width: 11.25rem;
        width: 100%;
        border-radius: .5rem
    }

    .c-define-weight__table-singlehead {
        border-radius: .5rem .5rem 0 0;
        height: 2rem;
        background: #f5f7ff;
        font-size: .75rem;
        font-weight: 500;
        padding: .375rem 0;
        text-align: center;
        border-bottom: 1px solid #d7e9ff
    }

    .c-define-weight__table-header {
        display: flex;
        font-size: .75rem;
        font-weight: 500;
        width: 100%;
        height: 2rem;
        background: #f5f7ff
    }

    .c-define-weight__table-header-th {
        padding: .375rem 1rem;
        width: 5.5rem;
        position: relative
    }

    .c-define-weight__table-header-th.-seperator:after {
        position: absolute;
        content: " ";
        width: 1px;
        height: 1rem;
        background: #d7e9ff;
        right: 0;
        top: .5rem
    }

    .c-define-weight__table-header-th.-right {
        flex-grow: 1
    }

    .c-define-weight__table-row {
        display: flex;
        font-size: .75rem;
        border-bottom: 1px solid #d7e9ff;
        background: #fbfbfb
    }

    .c-define-weight__table-row:last-child {
        border-bottom: unset;
        border-radius: 0 0 .5rem .5rem
    }

    .c-define-weight__table-row-td {
        padding: .375rem 1rem;
        width: 5.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center
    }

    .c-define-weight__table-row-td.-br {
        border-right: 1px solid #d7e9ff
    }

    .c-define-weight__table-row-td.-right {
        flex-grow: 1
    }

    .c-define-weight__table-row-td .o-input-wrap input {
        height: 1.75rem;
        max-width: 4.25rem
    }

    .c-define-weight .c-modal__container {
        max-width: 62.25rem
    }

    .c-define-weight .c-modal__content {
        height: auto;
        border-radius: .75rem !important
    }

    .c-define-weight .c-modal__body {
        padding-top: 0;
        padding-bottom: 0
    }

    .c-define-weight .c-modal__header {
        padding: 1.6875rem 1.5rem .6875rem
    }

    .c-define-weight .c-modal__header-title {
        font-size: 1.5rem
    }

    .c-define-weight .c-modal__header-close {
        top: 1.5rem;
        right: 1.5rem
    }

    .c-define-weight .c-modal__footer {
        padding: 1.5rem
    }

    .c-define-weight .c-modal__footer-btnGroup {
        gap: 1rem
    }

    .c-define-weight .c-modal__footer .o-primary-button {
        min-width: 6.75rem
    }

    .c-define-weight .c-modal__footer .o-secondary-button {
        min-width: 6.75rem
    }

    .c-edit-reminder__content {
        border-radius: .75rem;
        border: 1px solid #f0f0f0;
        background: #fff;
        margin-left: .3125rem;
        height: 100%;
        max-height: 21.5625rem;
        overflow: auto
    }

    .c-edit-reminder__title {
        padding: 1rem 1.5rem;
        color: #424242;
        border-bottom: 1px solid #f0f0f0
    }

    .c-edit-reminder__message {
        padding: .875rem 1.5rem
    }

    .c-edit-reminder__message-greet {
        display: flex;
        align-items: center;
        gap: .375rem;
        padding-bottom: .25rem
    }

    .c-edit-reminder__message-name {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .25rem .75rem;
        border-radius: .25rem;
        background: #4c51c8;
        color: #fff;
        max-height: 1.25rem;
        font-size: .75rem;
        font-weight: 500
    }

    .c-edit-reminder__message-text {
        padding-bottom: 2rem
    }

    .c-edit-reminder__message-text.-nopb {
        padding-bottom: unset
    }

    .c-edit-reminder__message-clrtxt {
        font-weight: 600;
        color: #4c51c8
    }

    .c-edit-reminder__message-link {
        text-decoration: underline;
        font-weight: 600;
        color: #4c51c8
    }

    .c-edit-reminder__message-link:focus,
    .c-edit-reminder__message-link:hover {
        color: #4c51c8;
        text-decoration: underline
    }

    .c-edit-reminder .c-modal__container {
        max-width: 67.5rem
    }

    .c-edit-reminder .c-modal__content {
        height: 32.0625rem;
        max-height: 80vh;
        border-radius: .75rem !important
    }

    .c-edit-reminder .c-modal__body {
        padding-top: 0;
        padding-bottom: 0
    }

    .c-edit-reminder .c-modal__header {
        padding: 1.6875rem 1.5rem .6875rem
    }

    .c-edit-reminder .c-modal__header-title {
        font-size: 1.5rem
    }

    .c-edit-reminder .c-modal__header-close {
        top: 1.5rem;
        right: 1.5rem
    }

    .c-edit-reminder .c-modal__footer {
        padding: 1.5rem 1.5rem 2rem
    }

    .c-edit-reminder .c-modal__footer-btnGroup {
        gap: 1rem
    }

    .c-edit-reminder .c-modal__footer .o-primary-button {
        min-width: 6.75rem
    }

    .c-edit-reminder .c-modal__footer .o-secondary-button {
        min-width: 6.75rem
    }

    .c-instructions__content {
        padding: 0 1rem 0
    }

    .c-instructions__list {
        padding-left: 1rem
    }

    .c-instructions__list-item {
        font-size: .75rem;
        padding-bottom: 1.25rem
    }

    .c-instructions .c-modal__container {
        max-width: 60rem
    }

    .c-instructions .c-modal__content {
        height: 34.125rem;
        border-radius: .75rem !important;
        padding-bottom: 2.375rem;
        max-height: 80vh
    }

    .c-instructions .c-modal__body {
        padding-top: 0;
        padding-bottom: 0
    }

    .c-instructions .c-modal__header {
        padding: 1.375rem 1.5rem .875rem;
        margin-bottom: 1.5rem;
        position: relative
    }

    .c-instructions .c-modal__header:after {
        position: absolute;
        content: " ";
        width: 95%;
        height: 1px;
        background: #ddd;
        bottom: 0;
        left: 1.5rem
    }

    .c-instructions .c-modal__header-title {
        font-size: 1.125rem
    }

    .c-instructions .c-modal__header-close {
        top: 1.5rem;
        right: 1.5rem
    }

    .c-instructions .c-modal__footer {
        display: none
    }

    .c-preview-survey__content {
        position: relative
    }

    .c-preview-survey .c-stepper {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: .9375rem 1.375rem;
        z-index: 999
    }

    .c-preview-survey .c-stepper__wrapper {
        gap: 10.8125rem
    }

    .c-preview-survey .c-stepper__step {
        font-size: .75rem
    }

    .c-preview-survey .c-stepper__step:not(:last-child):after {
        right: -10.1875rem;
        width: 9.4375rem
    }

    .c-preview-survey .c-modal__container {
        max-width: 69.5rem
    }

    .c-preview-survey .c-modal__content {
        height: 41.1875rem;
        border-radius: .75rem !important;
        max-height: 80vh
    }

    .c-preview-survey .c-modal__body {
        padding: 0 2.3125rem 0 2.125rem;
        background-image: url(../../toolkit/images/color-bg.png);
        background-repeat: no-repeat;
        background-size: cover
    }

    .c-preview-survey .c-modal__header {
        padding: 1.125rem 2.25rem;
        border-bottom: 1px solid #f0f0f0
    }

    .c-preview-survey .c-modal__header-title {
        font-size: 1.5rem
    }

    .c-preview-survey .c-modal__header-close {
        top: 1.5rem;
        right: 1.5rem
    }

    .c-preview-survey .c-modal__footer {
        padding: .875rem 2.75rem .875rem 2.125rem;
        justify-content: space-between;
        box-shadow: 0 -1.844px 5.532px 0 rgba(0, 0, 0, .1)
    }

    .c-preview-survey .c-modal__footer-btnGroup {
        gap: .875rem
    }

    .c-preview-survey .c-modal__footer .o-primary-button {
        min-width: 7.375rem;
        height: 2.25rem !important;
        border-radius: 7px
    }

    .c-preview-survey .c-modal__footer .o-secondary-button {
        min-width: 7.375rem;
        height: 2.25rem !important;
        border-radius: 7px
    }

    .c-results-list-view .c-stepper {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: .875rem 1.375rem;
        z-index: 999
    }

    .c-results-list-view .c-stepper__wrapper {
        gap: 10.8125rem
    }

    .c-results-list-view .c-stepper__step {
        font-size: .75rem
    }

    .c-results-list-view .c-stepper__step:not(:last-child):after {
        right: -10.1875rem;
        width: 9.4375rem
    }

    .c-results-list-view .c-modal__container {
        max-width: 69.5rem
    }

    .c-results-list-view .c-modal__content {
        height: 41.1875rem;
        border-radius: .75rem !important;
        max-height: 80vh
    }

    .c-results-list-view .c-modal__body {
        padding: 0 2.3125rem 0 2.5rem;
        background-image: url(../../toolkit/images/color-bg.png);
        background-repeat: no-repeat;
        background-size: cover
    }

    .c-results-list-view .c-modal__header {
        padding: 1.125rem 2.25rem;
        border-bottom: 1px solid #f0f0f0
    }

    .c-results-list-view .c-modal__header-title {
        font-size: 1.5rem
    }

    .c-results-list-view .c-modal__header-close {
        top: 1.5rem;
        right: 1.5rem
    }

    .c-results-list-view .c-modal__footer {
        padding: .875rem 2.75rem .875rem 2.125rem;
        justify-content: space-between;
        box-shadow: 0 -1.844px 5.532px 0 rgba(0, 0, 0, .1)
    }

    .c-results-list-view .c-modal__footer-btnGroup {
        gap: .875rem
    }

    .c-results-list-view .c-modal__footer .o-primary-button {
        min-width: 7.375rem;
        min-height: 2.25rem !important;
        border-radius: 7px
    }

    .c-results-list-view .c-modal__footer .o-secondary-button {
        min-width: 7.375rem;
        min-height: 2.25rem !important;
        border-radius: 7px
    }

    .c-preview-card {
        position: fixed;
        top: 3.375rem;
        right: 0;
        z-index: 12;
        bottom: 0
    }

    .c-preview-card__wrapper {
        position: absolute;
        right: 2.875rem;
        bottom: 8.625rem;
        border-radius: .5rem;
        border: 1px solid silver;
        background: #fbfbfb;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        height: fit-content;
        padding: .563rem;
        cursor: pointer
    }

    .c-preview-card__title {
        color: #000;
        font-size: var(--pva-fs-14);
        line-height: 1.8
    }

    .c-preview-card__imgwrap {
        border-radius: .375rem;
        border: 1px solid rgba(0, 0, 0, .1);
        width: 9.25rem;
        height: 4.125rem
    }

    .c-preview-card__img {
        width: 100%;
        height: 100%;
        border-radius: .375rem
    }

    .c-timeAloc-preview {
        display: flex;
        flex-direction: column;
        border-radius: .75rem;
        background: #f3f6fa;
        overflow: auto
    }

    .c-timeAloc-preview-head {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .c-timeAloc-preview-title {
        color: #090909
    }

    .c-timeAloc-preview__options {
        display: flex;
        justify-content: flex-end
    }

    .c-timeAloc-preview__options.-justify-content {
        justify-content: space-between;
        align-items: flex-end
    }

    .c-timeAloc-preview__options .c-bottom-panel__wrapper {
        display: flex;
        width: auto;
        border-radius: .75rem;
        box-shadow: none
    }

    .c-timeAloc-preview__options .c-bottom-panel__right-section {
        gap: .75rem
    }

    .c-timeAloc-preview__options .c-bottom-panel__percentage-wrapper {
        padding: 0
    }

    .c-timeAloc-preview__options .c-bottom-panel__toggle-section {
        border-left: 1px solid #ccc;
        padding-left: .75rem
    }

    .c-timeAloc-preview__options .c-bottom-panel__toggle-section .o-toggle__checkbox {
        width: 2.25rem;
        height: 1.125rem
    }

    .c-timeAloc-preview__options .c-bottom-panel__toggle-section .o-toggle__checkbox-slider {
        background: #fff;
        border-radius: 1.5rem
    }

    .c-timeAloc-preview__options .c-bottom-panel__toggle-section .o-toggle__checkbox-slider:before {
        border-radius: 50%;
        bottom: 0;
        width: 1.075rem;
        height: 1.075rem;
        left: 0;
        background-color: #737373
    }

    .c-timeAloc-preview__options .c-bottom-panel__percentage-wrapper-tooltip {
        top: 2.5rem;
        width: 100%
    }

    .c-timeAloc-preview .c-process-mode__content-radio-userDefineInput {
        display: flex;
        align-items: center;
        width: 2.75rem;
        height: 1.125rem;
        border-radius: 2.475px;
        border: .619px solid #e5e5e5;
        background: var(--pva-base-white, #fff)
    }

    .c-timeAloc-preview .c-process-mode__content-radio-userDefineInput input {
        width: 100%;
        height: 100%;
        border: none;
        text-align: center;
        outline: 0
    }

    .c-timeAloc-preview .c-process-mode__content-radio-userDefineInput .-percentage {
        height: 100%;
        width: 1rem;
        min-width: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #e5e5e5
    }

    .c-timeAloc-preview .c-process-mode__content-efforts-radio .o-radio {
        flex-direction: column;
        gap: .25rem
    }

    .c-timeAloc-preview .c-process-mode__content-efforts-radio .o-radio input {
        --ocircle-size: 0.75rem
    }

    .c-timeAloc-preview .c-process-mode__content-efforts-radio .o-radio input:before {
        border: 1px solid #a100ff;
        background: 0 0
    }

    .c-timeAloc-preview .c-process-mode__content-radio {
        background: linear-gradient(0deg, rgba(217, 217, 217, 0) 0, #f3f6fa 100%);
        margin-top: -.875rem;
        min-height: 4.875rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: .875rem;
        font-size: var(--pva-fs-12, .75rem);
        color: #000
    }

    .c-timeAloc-preview .c-process-mode__content-radio-userDefine {
        display: none;
        flex-direction: column;
        width: 100%;
        padding: .25rem;
        gap: .375rem
    }

    .c-timeAloc-preview .c-process-mode__content-radio-userDefineTime {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .c-timeAloc-preview .c-process-mode__content-radio-userDefine .c-configure-prop__range-slider {
        width: 100%;
        position: relative;
        padding-bottom: .75rem
    }

    .c-timeAloc-preview .c-process-mode__content-radio-userDefine .o-rangeslider {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        background: 0 0;
        width: 100%;
        height: .5rem;
        border-radius: 50rem;
        -webkit-appearance: none;
        appearance: none;
        transition: all .1s ease
    }

    .c-timeAloc-preview .c-process-mode__content-radio-userDefine .o-rangeslider::-webkit-slider-runnable-track {
        height: .25rem;
        border-radius: 50rem;
        cursor: pointer;
        background: linear-gradient(#4c51c8, #4c51c8) no-repeat #ddd;
        background-size: var(--range-size) 100%
    }

    .c-timeAloc-preview .c-process-mode__content-radio-userDefine .o-rangeslider::-webkit-slider-thumb {
        height: .625rem;
        width: .625rem;
        border-radius: 50%;
        border: 3px solid #4c51c8;
        background-color: #fff;
        cursor: pointer;
        margin-top: -.25rem;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
        -webkit-appearance: none;
        box-sizing: border-box
    }

    .c-timeAloc-preview .c-process-mode__content-radio-userDefine .c-configure-prop__range-slider-value>span {
        color: var(--color-range-text, #797979);
        position: absolute;
        bottom: 0
    }

    .c-timeAloc-preview .c-process-mode__content-radio-userDefine .c-configure-prop__range-slider-value .-start {
        left: 0
    }

    .c-timeAloc-preview .c-process-mode__content-radio-userDefine .c-configure-prop__range-slider-value .-end {
        right: 0
    }

    .c-timeAloc-preview .c-process-mode__content-radio .o-radio input {
        --ocircle-size: 0.75rem
    }

    .c-timeAloc-preview .c-process-mode__content-radio.-userDefined {
        justify-content: left
    }

    .c-timeAloc-preview .c-process-mode__content-radio.-userDefined .o-radio {
        display: none
    }

    .c-timeAloc-preview .c-process-mode__content-radio.-userDefined .c-process-mode__content-radio-userDefine {
        display: flex
    }

    .c-timeAloc-preview .c-process-mode__content-efforts-radio {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        font-size: .75rem;
        color: #737373;
        padding-top: .75rem;
        min-height: 7rem;
        gap: .5rem
    }

    .c-timeAloc-preview .c-process-mode__content-efforts-radioWrap {
        display: flex;
        flex-direction: column;
        padding-top: .5rem
    }

    .c-timeAloc-preview .c-process-mode__content-efforts-radio:not(:last-child) {
        border-bottom: 1px solid #b4c7ff
    }

    .c-timeAloc-preview .c-process-mode {
        padding: 0
    }

    .c-timeAloc-preview .c-process-mode__content-col-data-subdata {
        gap: 0
    }

    .c-timeAloc-preview .c-process-mode__content-col-data-subdata.-efforts {
        gap: .625rem;
        flex: 1;
        min-width: auto
    }

    .c-timeAloc-preview .c-process-mode__content-col-data-subdata.-efforts .c-process-mode__content-col-data-item3-subitem {
        min-height: 7rem
    }

    .c-timeAloc-preview .c-process-mode__content-efforts {
        display: flex;
        flex-direction: column;
        border-radius: .25rem;
        background: #ededed;
        padding: .5rem .5rem 0;
        min-width: 12rem;
        margin-bottom: .3125rem
    }

    .c-timeAloc-preview .c-process-mode__content-effortsWrap {
        display: flex;
        gap: .875rem
    }

    .c-timeAloc-preview .c-process-mode__content-efforts .c-accordion {
        background: 0 0;
        padding: 0
    }

    .c-timeAloc-preview .c-process-mode__content-efforts .c-accordion .c-collapse {
        font-size: .625rem;
        padding: .25rem 0;
        box-shadow: none;
        position: relative
    }

    .c-timeAloc-preview .c-process-mode__content-efforts .c-accordion .c-collapse:after {
        position: absolute;
        border-left: 1.5px solid #000;
        border-bottom: 1.5px solid #000;
        right: 0;
        top: .25rem;
        content: "";
        width: .5rem;
        height: .5rem;
        transform: rotate(-45deg)
    }

    .c-timeAloc-preview .c-process-mode__content-efforts .c-accordion__container {
        padding: .25rem 0 0 0
    }

    .c-timeAloc-preview .c-process-mode__content-efforts-point {
        display: flex;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem 0
    }

    .c-timeAloc-preview .c-process-mode__content-efforts-point .o-input-wrap input {
        min-height: 1.625rem;
        padding: .25rem .75rem;
        font-size: .625rem
    }

    .c-timeAloc-preview .c-process-mode__content-efforts-point:not(:last-child) {
        border-bottom: 1px solid #b4c7ff
    }

    .c-timeAloc-preview .c-process-mode__content-efforts-time {
        color: #737373;
        display: flex;
        right: 0;
        gap: .5rem
    }

    .c-timeAloc-preview .c-process-mode__content-efforts-time .-percent {
        color: #000
    }

    .c-timeAloc-preview .c-process-mode__content-col-data-subdata2 {
        padding: 0 0 .3125rem 0;
        min-width: 12rem
    }

    .c-timeAloc-preview .c-process-mode__content-col-data {
        gap: .75rem
    }

    .c-timeAloc-preview .c-process-mode.-readOnly {
        pointer-events: none
    }

    .c-timeAloc-preview .c-process-mode.-readOnly .c-process-mode__content-radio {
        color: #828282
    }

    .c-timeAloc-preview .c-process-mode.-readOnly .c-process-mode__content-radio-userDefine .o-rangeslider {
        filter: grayscale(1)
    }

    .c-timeAloc-preview .c-process-mode__content-support {
        right: 0;
        display: flex;
        align-items: center;
        font-size: var(--pva-fs-10, .625rem);
        color: #4c51c8;
        font-weight: 500;
        gap: .5rem
    }
}