@keyframes pulse {
    0% {
        border-color: #4e91f6;
        box-shadow: 0 0 0 0 rgba(171, 201, 245, 0.7);
    }

    70% {
        border-color: #4e91f6;
        box-shadow: 0 0 0 0.75rem rgba(171, 201, 245, 0);
    }

    100% {
        border-color: #4e91f6;
        box-shadow: 0 0 0 0 rgba(171, 201, 245, 0);
    }
}

.btn_text {
    gap: 0.219rem;
}

.form-control_color {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    padding: 0.563rem 0.75rem;
    border-radius: 0.5rem;
    border: 0.063rem solid var(--qn-neutral-300);
    position: relative;
}

.form-control__color {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    height: 1.125rem;
    padding: 0;
    width: 1.125rem;
    border-radius: 50%;
    overflow: hidden;
    outline: 0.063rem solid var(--qn-neutral-300);
    border: 0.063rem solid var(--qn-white);
}

.form-control__color::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.form-control__color::-webkit-color-swatch-wrapper {
    padding: 0;
}

.form-control__color::-webkit-color-swatch {
    border: 0;
    border-radius: 0;
}

.form-control__color::-moz-color-swatch,
.form-control__color::-moz-focus-inner {
    border: 0;
}

.form-control__color::-moz-focus-inner {
    padding: 0;
}

.form-control__label-color {
    color: var(--qn-neutral-700);
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
    width: 4.375rem;
}

.text {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
}

.text_none {
    display: none;
}

@media only screen and (min-width: 23.437rem) {
    .text_xs-none {
        display: none;
    }
}

@media only screen and (min-width: 47.937rem) {
    .text_sm-none {
        display: none;
    }
}

@media only screen and (min-width: 79.937rem) {
    .text_md-none {
        display: none;
    }
}

@media only screen and (min-width: 83.437rem) {
    .text_lg-none {
        display: none;
    }
}

@media only screen and (min-width: 89.937rem) {
    .text_xl-none {
        display: none;
    }
}

@media only screen and (min-width: 119.937rem) {
    .text_2xl-none {
        display: none;
    }
}

.text_block {
    display: block;
}

@media only screen and (min-width: 23.437rem) {
    .text_xs-block {
        display: block;
    }
}

@media only screen and (min-width: 47.937rem) {
    .text_sm-block {
        display: block;
    }
}

@media only screen and (min-width: 79.937rem) {
    .text_md-block {
        display: block;
    }
}

@media only screen and (min-width: 83.437rem) {
    .text_lg-block {
        display: block;
    }
}

@media only screen and (min-width: 89.937rem) {
    .text_xl-block {
        display: block;
    }
}

@media only screen and (min-width: 119.937rem) {
    .text_2xl-block {
        display: block;
    }
}

.logo {
    display: flex;
    gap: 1rem;
    align-items: center;
    text-decoration: none;
    height: -moz-fit-content;
    height: fit-content;
}

@media only screen and (max-width: 47.937rem) {
    .logo {
        gap: 0.5rem;
    }
}

.logo__square {
    width: -moz-fit-content;
    width: fit-content;
    height: 2rem;
}

.logo__image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: 2rem;
    width: unset;
}

@media only screen and (max-width: 47.937rem) {
    .logo__image {
        height: 1.75rem;
    }
}

.logo__text {
    color: var(--qn-neutral-800);
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 600;
}

@media only screen and (max-width: 47.937rem) {
    .logo__text {
        color: var(--qn-neutral-800);
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 600;
    }
}

[data-toggle="collapse"] .icon.icon-chevron-down,
[data-toggle="collapse"] .icon.icon-chevron-down-mini {
    transform: rotate(360deg);
}

[data-toggle="collapse"] .icon.icon-chevron-up,
[data-toggle="collapse"] .icon.icon-chevron-up-mini,
[data-toggle="collapse"].show .icon.icon-chevron-down,
[data-toggle="collapse"].show .icon.icon-chevron-down-mini {
    transform: rotate(180deg);
}

[data-toggle="collapse"].show .icon.icon-chevron-up,
[data-toggle="collapse"].show .icon.icon-chevron-up-mini {
    transform: rotate(0deg);
}

body {
    --sidebar-width: 380px;
    background: var(--qn-neutral-300);
}

@media only screen and (max-width: 79.937rem) {
    body {
        --sidebar-width: 0;
    }
}

iframe,
.iframe-front-career-center {
    position: absolute;
    border: none;
    -ms-transform: scale(0.71);
    -moz-transform: scale(0.71);
    -o-transform: scale(0.71);
    -webkit-transform: scale(0.71);
    transform: scale(0.71);

    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.container-iframe {
    height: 100%;
    width: 100%;
}

iframe {
    width: 100%;
    height: 110%;
}

.upload-draggable {
    z-index: 0;
}

.form-control__label {
    padding-bottom: 0.375rem !important;
}

.form-control__label_as-title {
    padding-bottom: 0.75rem !important;
}

.form-control__order-lists {
    padding-left: 1.125rem;
    color: var(--qn-neutral-800);
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
}

.form-control__video {
    width: 100%;
    height: 15rem;
    min-height: 15rem;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 0 1.25rem 0 rgba(77, 77, 77, 0.06);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-control__video-thumbnail {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
}

.form-control__wrapper {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 250ms ease-in-out;
}

.form-control__wrapper:hover {
    background: rgba(0, 0, 0, 0.2);
}

.form-control__icon-play {
    --kl-video-size: 5rem;
    min-width: var(--kl-video-size);
    min-height: var(--kl-video-size);
    width: var(--kl-video-size);
    height: var(--kl-video-size);
    max-width: var(--kl-video-size);
    max-height: var(--kl-video-size);
    background: var(--qn-primary-400);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 79.937rem) {
    .form-control__icon-play {
        --kl-video-size: 4.5rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .form-control__icon-play {
        --kl-video-size: 3.25rem;
    }
}

.form-control__icon-play::after {
    --kl-icon-size: 2rem;
    content: "";
    background-image: url(./../images/icons/play.svg);
    background-size: var(--kl-icon-size) var(--kl-icon-size);
    background-repeat: no-repeat;
    width: var(--kl-icon-size);
    height: var(--kl-icon-size);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 47.937rem) {
    .form-control__icon-play::after {
        --kl-icon-size: 1.5rem;
    }
}

.form-control__items {
    display: block;
    width: 100%;
}

.form-control__item {
    display: block;
    width: 100%;
}

.form-control__item>* {
    padding: 0.75rem 0;
}

.form-control__item-header {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    position: relative;
    border-bottom: 0.063rem solid var(--qn-neutral-300);
}

.form-control__item-header .icon {
    font-size: 1rem;
    line-height: 1rem;
    color: var(--qn-neutral-500);
}

.form-control__item-header .icon~.icon {
    position: absolute;
    right: 0;
}

.form-control__item-button {
    background: none;
    border: none;
    padding: 0.25rem;
    border-radius: 0.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    right: 1.25rem;
}

.form-control__item-button .icon {
    position: relative;
    font-size: 1rem;
    line-height: 1rem;
    color: var(--qn-neutral-500);
    transform: none !important;
}

.form-control__item-button:hover {
    background-color: var(--qn-neutral-300);
}

.form-control__item-button:hover .icon {
    color: var(--qn-neutral-600);
}

.form-control__item-title {
    padding-right: 1.5rem;
    color: var(--qn-neutral-700);
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.form-control__item-wrapper {
    width: 100%;
    padding-top: 0.75rem;
}

.form-control__item-wrapper>* {
    width: 100%;
}

.form-control_fit-content {
    width: -moz-fit-content;
    width: fit-content;
}

.header__sidebar-nav .icon::before {
    content: "\e904";
}

.header__navigation-title {
    width: 100%;
    position: fixed;
    display: flex;
    left: 0;
    justify-content: center;
    align-items: center;
    color: var(--qn-netral-800);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    pointer-events: none;
    top: 1.25rem;
}

@media only screen and (max-width: 79.937rem) {
    .header__navigation-title {
        top: 1rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .header__navigation-title {
        display: none;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 700;
        top: 0.875rem;
    }
}

.sidebar_cms {
    left: unset;
    right: 0;
    width: var(--sidebar-width);
    max-width: var(--sidebar-width);
    padding: 0;
}

@media only screen and (max-width: 79.937rem) {
    .sidebar_cms {
        left: 0;
        right: unset;
    }
}

.sidebar_cms::after {
    content: unset;
}

.sidebar_cms+.main {
    padding-left: 0;
    padding-right: var(--sidebar-width);
}

@media only screen and (max-width: 79.937rem) {
    .sidebar_cms+.main {
        padding-left: var(--sidebar-width);
        padding-right: 0;
    }
}

.sidebar_cms+.sidebar_cms {
    transform: translateX(100%);
    transition: transform 450ms cubic-bezier(0.15, 0.82, 0.37, 1.12);
}

@media only screen and (max-width: 79.937rem) {
    .sidebar_cms+.sidebar_cms {
        transform: translateX(-100%);
    }
}

.sidebar_cms+.sidebar_cms.show {
    transform: translateX(0);
}

@media only screen and (max-width: 79.937rem) {
    .sidebar_expanded {
        width: 380px !important;
        max-width: 380px !important;
    }
}

@media only screen and (max-width: 47.937rem) {
    .sidebar_expanded {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.sidebar__header {
    width: 100%;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    background: var(--qn-primary-100);
    outline: none;
    border: none;
    border-bottom: 0.063rem solid var(--qn-neutral-300);
}

@media only screen and (max-width: 79.937rem) {
    .sidebar__header {
        padding: 0.875rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .sidebar__header {
        padding: 0.75rem;
        gap: 0.375rem;
    }
}

.sidebar__header .icon {
    color: var(--qn-primary-400);
    font-size: 1.25rem;
    line-height: 1.25rem;
}

@media only screen and (max-width: 47.937rem) {
    .sidebar__header .icon {
        font-size: 1rem;
        line-height: 1rem;
    }
}

.sidebar__header-title {
    color: var(--qn-primary-400);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
}

@media only screen and (max-width: 47.937rem) {
    .sidebar__header-title {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 600;
    }
}

.sidebar__header_back {
    cursor: pointer;
    justify-content: start;
}

.sidebar__header_back:focus,
.sidebar__header_back:active,
.sidebar__header_back:hover {
    background: var(--qn-neutral-200);
}

.sidebar__section {
    --kl-sidebar-section-item-x-padding: 1rem;
    overflow-y: auto;
    height: 100%;
    --qn-sidebar-section-form-padding: 1rem;
}

.sidebar__section-item {
    width: 100%;
    padding: var(--kl-sidebar-section-item-x-padding);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    background: var(--qn-white);
    outline: none;
    border: none;
    border-bottom: 0.063rem solid var(--qn-neutral-300);
}

.sidebar__section-item-bottom {
    width: 100%;
    padding: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 79.937rem) {
    .sidebar__section-item {
        padding: 0.875rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .sidebar__section-item {
        padding: 0.75rem;
        gap: 0.375rem;
    }
}

.sidebar__section-item:disabled {
    cursor: not-allowed;
}

.sidebar__section-item:disabled .sidebar__section-text,
.sidebar__section-item:disabled .icon {
    color: var(--qn-neutral-400) !important;
}

.sidebar__section-item[data-toggle]:not([disabled]) {
    cursor: pointer;
}

.sidebar__section-item[data-toggle]:not([disabled]):hover,
.sidebar__section-item[data-toggle]:not([disabled]):focus {
    background: var(--qn-neutral-100);
}

.sidebar__section-item[data-toggle]:not([disabled]):hover .icon,
.sidebar__section-item[data-toggle]:not([disabled]):focus .icon {
    transform: translateX(0.25rem);
}

.sidebar__section-item .icon {
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: var(--qn-neutral-500);
    transition: transform 200ms ease-out;
}

@media only screen and (max-width: 79.937rem) {
    .sidebar__section-item .icon {
        font-size: 1rem;
        line-height: 1rem;
    }
}

.sidebar__section-group {
    position: relative;
    width: 100%;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.sidebar__section-group .icon {
    position: absolute;
    right: 0;
}

.sidebar__section-button {
    background: none;
    border: none;
    padding: 0.25rem;
    border-radius: 0.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    right: 1.5rem;
}

.sidebar__section-button .icon {
    position: relative;
    font-size: 1rem;
    line-height: 1rem;
    color: var(--qn-neutral-500);
    transform: none !important;
}

.sidebar__section-button:hover {
    background-color: var(--qn-neutral-300);
}

.sidebar__section-button:hover .icon {
    color: var(--qn-neutral-600);
}

.sidebar__section-buttons {
    padding: 0.75rem var(--kl-sidebar-section-item-x-padding);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.sidebar__section-buttons>* {
    width: 100%;
}

.sidebar__section-box {
    --qn-section-box-width: 2.375rem;
    --qn-section-box-height: 2.625rem;
    width: var(--qn-section-box-width);
    height: var(--qn-section-box-height);
    min-width: var(--qn-section-box-width);
    min-height: var(--qn-section-box-height);
    overflow: hidden;
    border-radius: 0.25rem;
}

@media only screen and (max-width: 47.937rem) {
    .sidebar__section-box {
        --qn-section-box-width: $size-32;
        --qn-section-box-height: $size-36;
    }
}

.sidebar__section-logo {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.sidebar__section-container {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    padding-right: 2.125rem;
}

@media only screen and (max-width: 47.937rem) {
    .sidebar__section-container {
        gap: 0;
    }
}

.sidebar__section-text {
    text-align: left;
    color: var(--qn-netral-800);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen and (max-width: 47.937rem) {
    .sidebar__section-text {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 600;
    }
}

.sidebar__section-desc {
    text-align: left;
    color: var(--qn-netral-600);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen and (max-width: 47.937rem) {
    .sidebar__section-desc {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 600;
    }
}

.sidebar__section-form {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

.sidebar__section-wrapper {
    display: flex;
    flex-direction: column;
    padding: var(--qn-sidebar-section-form-padding);
    flex-grow: 1;
    overflow-y: auto;
}

.sidebar__section-footer {
    padding: var(--qn-sidebar-section-form-padding);
    width: 100%;
    left: 0;
    bottom: 0;
    border-top: 0.063rem solid var(--qn-neutral-300);
    background: var(--qn-white);
    /* Shadow Docs: Component */
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}

.choices__item--selectable {
    color: #000000;
}

.custom-sidebar-info {
    font-weight: 800;
    overflow: visible;
    -webkit-box-orient: unset;
}

.custom-sidebar-info .only-admin-karirlink {
    font-size: 12px;
    font-weight: 400;
    line-height: 2rem;
    color: #a9b0b9;
}

.tooltip:hover::before {
    transform: translate(-30%, .438rem);
}

/*# sourceMappingURL=app.css.map */