@charset "UTF-8";

@-webkit-keyframes text-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes text-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/**
 * ellipsis
 *
 * @param {number} line number
**/
@-webkit-keyframes ir-text {
    0% {
        color: transparent;
    }

    100% {
        color: inherit;
    }
}

@keyframes ir-text {
    0% {
        color: transparent;
    }

    100% {
        color: inherit;
    }
}

/**
 * icon (svg system icons)
 *
 * @param {string} Design Shape
 * @param {string} Icon name
 * @param {string} Fill & Line
 * @param {string} Hexadecimal & RGB values
 * @param {string} Hexadecimal & RGB values
**/
/**
 * image (background-image)
 *
 * @param {string} file name
 * @param {string} file format
 * @param {number} file location
**/
:root {
    --swiper-wrapper-transition-timing-function: initial;
}

.swiper-initialized[data-component-module-swiper=true] {
    width: 100%;
    height: 100%;
}

.swiper-initialized[data-component-module-swiper=true].swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-initialized[data-component-module-swiper=true].swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-initialized[data-component-module-swiper=true] .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-initialized[data-component-module-swiper=true] .swiper-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-initialized[data-component-module-swiper=true] .swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/**
 * board
**/
/**
 * @name		datepicker
 * @moudle		module-b
**/
.datepicker {
    --datepicker-name-color: var(--color-normal-020);
    --datepicker-button-icon-color: var(--color-normal-020);
    --datepicker-week-color: var(--color-normal-080);
    --datepicker-date-color: var(--color-normal-020);
    --datepicker-today-color: var(--color-normal-100);
    --datepicker-today-background-color: var(--color-normal-000);
    --datepicker-date-prev-color: var(--color-normal-080);
    --datepicker-date-next-color: var(--color-normal-080);
    --datepicker-date-selected: var(--color-normal-100);
    --datepicker-date-background-color: var(--color-accent-250);
    --datepicker-date-lamp-color: var(--color-accent-250);
    --datepicker-mark-color: var(--color-normal-080);
    --datepicker-mark-background-color: var(--color-normal-100);
}

.datepicker .datepicker-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 20px;
}

.datepicker .datepicker-wrap .datepicker-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.datepicker .datepicker-wrap .datepicker-head .datepicker-subject {
    margin: 0;
}

.datepicker .datepicker-wrap .datepicker-head .datepicker-subject .datepicker-name {
    display: block;
    line-height: var(--baseline-7x);
    font-size: calc(var(--baseline-7x) / 1.5);
    font-weight: 800;
    color: var(--datepicker-name-color);
}

.datepicker .datepicker-wrap .datepicker-head .datepicker-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 16rem;
    -moz-column-gap: 16rem;
    column-gap: 16rem;
}

.datepicker .datepicker-wrap .datepicker-head .datepicker-control .btn .btn-name {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.datepicker .datepicker-wrap .datepicker-head .datepicker-control .btn::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--datepicker-button-icon-color);
}

.datepicker .datepicker-wrap .datepicker-head .datepicker-control .btn.prev {
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 "><path fill="rgb(0, 0, 0)" d=""/></svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 "><path fill="rgb(0, 0, 0)" d=""/></svg>');
}

.datepicker .datepicker-wrap .datepicker-head .datepicker-control .btn.next {
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 "><path fill="rgb(0, 0, 0)" d=""/></svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 "><path fill="rgb(0, 0, 0)" d=""/></svg>');
}

.datepicker .datepicker-wrap .datepicker-body .datepicker-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
}

.datepicker .datepicker-wrap .datepicker-body .datepicker-table :where(.datepicker-week, .datepicker-date) .datepicker-row {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    -ms-flex-line-pack: start;
    align-content: start;
}

.datepicker .datepicker-wrap .datepicker-body .datepicker-table :where(.datepicker-week, .datepicker-date) .datepicker-row .datepicker-cell .datepicker-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    line-height: var(--datepicker-cell-line-height);
    font-size: calc(var(--datepicker-cell-line-height) / 1.5);
    font-weight: var(--datepicker-cell-font-weight);
    color: var(--datepicker-cell-color);
    text-align: center;
}

.datepicker .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    -ms-flex-line-pack: start;
    align-content: start;
}

.datepicker.type-week .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell {
    min-height: 32px;
}

.datepicker.type-week .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell .datepicker-text:has(.datepicker-mark)::after {
    content: "";
    position: absolute;
    top: calc(100% + 2px);
    left: calc(50% - 3px);
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--datepicker-date-lamp-color);
}

.datepicker.type-week .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell.datepicker-selected .datepicker-text {
    --datepicker-cell-color: var(--datepicker-date-selected);
    --datepicker-date-lamp-color: var(--datepicker-date-selected);
}

.datepicker.type-week .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell.datepicker-selected .datepicker-text::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: -4px;
    left: calc(50% - 18px);
    width: 36px;
    height: 52px;
    border-radius: 18px;
    background-color: var(--datepicker-date-background-color);
}

.datepicker.type-week .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell .datepicker-mark {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.datepicker.type-month .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell {
    min-height: 72px;
}

.datepicker.type-month .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell.datepicker-selected .datepicker-text {
    --datepicker-date-background-color: var(--color-normal-090);
}

.datepicker.type-month .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell.datepicker-selected .datepicker-text::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: -2px;
    left: calc(50% - 26px);
    width: 52px;
    bottom: -4px;
    border-radius: 6px;
    background-color: var(--datepicker-date-background-color);
}

.datepicker.type-month .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell .datepicker-mark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 44px;
    height: 20px;
    line-height: var(--baseline-4x);
    font-size: calc(var(--baseline-4x) / 1.5);
    font-weight: 800;
    color: var(--datepicker-mark-color);
    letter-spacing: -0.02em;
    border-radius: 4px;
    background-color: var(--datepicker-mark-background-color);
}

.datepicker.type-month .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell .datepicker-mark.accent-250 {
    --datepicker-mark-color: var(--color-normal-100);
    --datepicker-mark-background-color: var(--color-accent-250);
}

.datepicker.type-month .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell .datepicker-mark.accent-550 {
    --datepicker-mark-color: var(--color-normal-100);
    --datepicker-mark-background-color: var(--color-accent-550);
}

.datepicker.type-month .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell .datepicker-mark.accent-750 {
    --datepicker-mark-color: var(--color-normal-100);
    --datepicker-mark-background-color: var(--color-accent-750);
}

.datepicker.type-month .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell .datepicker-mark.accent-850 {
    --datepicker-mark-color: var(--color-normal-100);
    --datepicker-mark-background-color: var(--color-accent-850);
}

.datepicker.type-month .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell .datepicker-mark + .datepicker-mark {
    margin-top: 2px;
}

.datepicker .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell.datepicker-disabled {
    display: none;
}

.datepicker .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell.datepicker-prev {
    --datepicker-cell-color: var(--datepicker-date-prev-color);
}

.datepicker .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell.datepicker-next {
    --datepicker-cell-color: var(--datepicker-date-prev-color);
}

.datepicker .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell.datepicker-canceled {
    --datepicker-cell-color: var(--color-accent-250);
    --datepicker-mark-color: var(--color-accent-250);
}

.datepicker .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell.datepicker-today {
    --datepicker-cell-color: var(--datepicker-today-color);
}

.datepicker .datepicker-wrap .datepicker-body .datepicker-date .datepicker-row .datepicker-cell.datepicker-today .datepicker-text::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--datepicker-today-background-color);
}

.datepicker .datepicker-wrap .datepicker-body .datepicker-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
}

.datepicker .datepicker-wrap .datepicker-body .datepicker-table .datepicker-week {
    --datepicker-cell-font-weight: 400;
    --datepicker-cell-line-height: 24px;
    --datepicker-cell-color: var(--datepicker-week-color);
}

.datepicker .datepicker-wrap .datepicker-body .datepicker-table .datepicker-date {
    --datepicker-cell-font-weight: 700;
    --datepicker-cell-line-height: 24px;
    --datepicker-cell-color: var(--datepicker-date-color);
}

.datepicker.disabeld .datepicker-wrap .datepicker-body .datepicker-table .datepicker-date .datepicker-row .datepicker-cell {
    cursor: pointer;
}

.datepicker.disabled {
    --datepicker-button-icon-color: var(--color-normal-090);
    --datepicker-name-color: var(--color-normal-090);
    --datepicker-week-color: var(--color-normal-090);
    --datepicker-date-color: var(--color-normal-090);
}

.datepicker {
    margin: 20px 0;
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 100;
    src: url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-100.eot");
    /* IE9 Compat Modes */
    src: local(""), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-100.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-100.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-100.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-100.svg#Noto Sans KR") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 300;
    src: url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-300.eot");
    /* IE9 Compat Modes */
    src: local(""), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-300.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-300.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-300.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-300.svg#Noto Sans KR") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 400;
    src: url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-regular.eot");
    /* IE9 Compat Modes */
    src: local(""), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-regular.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-regular.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-regular.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-regular.svg#Noto Sans KR") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 500;
    src: url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-500.eot");
    /* IE9 Compat Modes */
    src: local(""), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-500.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-500.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-500.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-500.svg#Noto Sans KR") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 700;
    src: url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-700.eot");
    /* IE9 Compat Modes */
    src: local(""), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-700.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-700.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-700.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-700.svg#Noto Sans KR") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 900;
    src: url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-900.eot");
    /* IE9 Compat Modes */
    src: local(""), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-900.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-900.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-900.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-kr-v25-korean-900.svg#Noto Sans KR") format("svg");
    /* Legacy iOS */
}

@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 100;
    src: url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-100.eot");
    /* IE9 Compat Modes */
    src: local(""), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-100.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-100.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-100.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-100.ttf") format("truetype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-100.svg#NotoSans") format("svg");
    /* Legacy iOS */
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 200;
    src: url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-200.eot");
    /* IE9 Compat Modes */
    src: local(""), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-200.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-200.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-200.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-200.ttf") format("truetype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-200.svg#NotoSans") format("svg");
    /* Legacy iOS */
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 300;
    src: url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-300.eot");
    /* IE9 Compat Modes */
    src: local(""), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-300.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-300.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-300.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-300.ttf") format("truetype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-300.svg#NotoSans") format("svg");
    /* Legacy iOS */
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 400;
    src: url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-regular.eot");
    /* IE9 Compat Modes */
    src: local(""), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-regular.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-regular.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-regular.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-regular.ttf") format("truetype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-regular.svg#NotoSans") format("svg");
    /* Legacy iOS */
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 500;
    src: url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-500.eot");
    /* IE9 Compat Modes */
    src: local(""), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-500.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-500.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-500.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-500.ttf") format("truetype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-500.svg#NotoSans") format("svg");
    /* Legacy iOS */
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 700;
    src: url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-700.eot");
    /* IE9 Compat Modes */
    src: local(""), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-700.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-700.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-700.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-700.ttf") format("truetype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-700.svg#NotoSans") format("svg");
    /* Legacy iOS */
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 800;
    src: url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-800.eot");
    /* IE9 Compat Modes */
    src: local(""), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-800.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-800.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-800.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-800.ttf") format("truetype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-800.svg#NotoSans") format("svg");
    /* Legacy iOS */
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 900;
    src: url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-900.eot");
    /* IE9 Compat Modes */
    src: local(""), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-900.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-900.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-900.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-900.ttf") format("truetype"), url("http://m.akplaza.com/static/assets/global/fonts/noto-sans-v26-latin-900.svg#NotoSans") format("svg");
    /* Legacy iOS */
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

@font-face {
    font-family: "roboto";
    font-weight: 900;
    font-style: normal;
    src: url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-900.eot");
    src: url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-900.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-900.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-900.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-900.ttf") format("truetype"), url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-900.svg#roboto-v30-latin-900") format("svg");
}

@font-face {
    font-family: "roboto";
    font-weight: 700;
    font-style: normal;
    src: url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-700.eot");
    src: url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-700.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-700.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-700.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-700.ttf") format("truetype"), url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-700.svg#roboto-v30-latin-700") format("svg");
}

@font-face {
    font-family: "roboto";
    font-weight: 500;
    font-style: normal;
    src: url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-500.eot");
    src: url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-500.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-500.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-500.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-regular.ttf") format("truetype"), url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-500.svg#roboto-v30-latin-500") format("svg");
}

@font-face {
    font-family: "roboto";
    font-weight: 400;
    font-style: normal;
    src: url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-regular.eot");
    src: url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-regular.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-regular.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-regular.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-regular.ttf") format("truetype"), url("http://m.akplaza.com/static/assets/global/fonts/roboto-v30-latin-regular.svg#roboto-v30-latin-regular") format("svg");
}

@font-face {
    font-family: "NanumSquareNeo";
    font-weight: 900;
    font-style: normal;
    src: url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.eot");
    src: url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.ttf") format("truetype"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.svg#NanumSquareNeo-Variable") format("svg");
}

@font-face {
    font-family: "NanumSquareNeo";
    font-weight: 800;
    font-style: normal;
    src: url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.eot");
    src: url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.ttf") format("truetype"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.svg#NanumSquareNeo-Variable") format("svg");
}

@font-face {
    font-family: "NanumSquareNeo";
    font-weight: 600;
    font-style: normal;
    src: url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.eot");
    src: url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.ttf") format("truetype"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.svg#NanumSquareNeo-Variable") format("svg");
}

@font-face {
    font-family: "NanumSquareNeo";
    font-weight: 400;
    font-style: normal;
    src: url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.eot");
    src: url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.ttf") format("truetype"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.svg#NanumSquareNeo-Variable") format("svg");
}

@font-face {
    font-family: "NanumSquareNeo";
    font-weight: 350;
    font-style: normal;
    src: url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.eot");
    src: url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.woff2") format("woff2"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.woff") format("woff"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.ttf") format("truetype"), url("http://m.akplaza.com/static/assets/global/fonts/NanumSquareNeo-Variable.svg#NanumSquareNeo-Variable") format("svg");
}

@font-face {
    font-family: "NanumMyeongjo";
    font-weight: 400;
    src: url("http://m.akplaza.com/static/assets/global/fonts/NanumMyeongjo.eot");
    src: url("http://m.akplaza.com/static/assets/global/fonts/NanumMyeongjo.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/NanumMyeongjo.ttf") format("truetype");
}

@font-face {
    font-family: "NanumMyeongjoBold";
    font-weight: 700;
    src: url("http://m.akplaza.com/static/assets/global/fonts/NanumMyeongjoBold.eot");
    src: url("http://m.akplaza.com/static/assets/global/fonts/NanumMyeongjoBold.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/NanumMyeongjoBold.ttf") format("truetype");
}

@font-face {
    font-family: "NanumMyeongjoExtraBold";
    font-weight: 800;
    src: url("http://m.akplaza.com/static/assets/global/fonts/NanumMyeongjoExtraBold.eot");
    src: url("http://m.akplaza.com/static/assets/global/fonts/NanumMyeongjoExtraBold.eot?#iefix") format("embedded-opentype"), url("http://m.akplaza.com/static/assets/global/fonts/NanumMyeongjoExtraBold.ttf") format("truetype");
}

@font-face {
    font-family: 'Pretendard Variable';
    font-weight: 45 920;
    font-style: normal;
    font-display: swap;
    src: url('https://m.akplaza.com/static/assets/global/fonts/PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(https://m.akplaza.com/static/assets/global/fonts/Pretendard-Black.woff2) format('woff2'), url(https://m.akplaza.com/static/assets/global/fonts/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(https://m.akplaza.com/static/assets/global/fonts/Pretendard-ExtraBold.woff2) format('woff2'), url(https://m.akplaza.com/static/assets/global/fonts/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(https://m.akplaza.com/static/assets/global/fonts/Pretendard-Bold.woff2) format('woff2'), url(https://m.akplaza.com/static/assets/global/fonts/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(https://m.akplaza.com/static/assets/global/fonts/Pretendard-SemiBold.woff2) format('woff2'), url(https://m.akplaza.com/static/assets/global/fonts/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(https://m.akplaza.com/static/assets/global/fonts/Pretendard-Medium.woff2) format('woff2'), url(https://m.akplaza.com/static/assets/global/fonts/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(https://m.akplaza.com/static/assets/global/fonts/Pretendard-Regular.woff2) format('woff2'), url(https://m.akplaza.com/static/assets/global/fonts/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(https://m.akplaza.com/static/assets/global/fonts/Pretendard-Light.woff2) format('woff2'), url(https://m.akplaza.com/static/assets/global/fonts/Pretendard-Light.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(https://m.akplaza.com/static/assets/global/fonts/Pretendard-ExtraLight.woff2) format('woff2'), url(https://m.akplaza.com/static/assets/global/fonts/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(https://m.akplaza.com/static/assets/global/fonts/Pretendard-Thin.woff2) format('woff2'), url(https://m.akplaza.com/static/assets/global/fonts/Pretendard-Thin.woff) format('woff');
}

:where(.em, .para, .btn.module-a) {
    --column-gap: 0.25em;
    --line-height: initial;
    --font-size: initial;
    --color: initial;
    line-height: var(--line-height);
    font-size: var(--font-size);
    color: var(--color);
}

:where(.em, .para, .btn.module-a).em {
    display: inline-block;
}

:where(.em, .para, .btn.module-a).normal-010 {
    --color: var(--color-admin-normal-010);
}

:where(.em, .para, .btn.module-a).normal-020 {
    --color: var(--color-admin-normal-020);
}

:where(.em, .para, .btn.module-a).normal-040 {
    --color: var(--color-admin-normal-040);
}

:where(.em, .para, .btn.module-a).normal-060 {
    --color: var(--color-admin-normal-060);
}

:where(.em, .para, .btn.module-a).normal-080 {
    --color: var(--color-admin-normal-080);
}

:where(.em, .para, .btn.module-a).normal-090 {
    --color: var(--color-admin-normal-090);
}

:where(.em, .para, .btn.module-a).normal-095 {
    --color: var(--color-admin-normal-095);
}

:where(.em, .para, .btn.module-a).accent-150 {
    --color: var(--color-admin-accent-150);
}

:where(.em, .para, .btn.module-a).accent-250 {
    --color: var(--color-admin-accent-250);
}

:where(.em, .para, .btn.module-a).accent-350 {
    --color: var(--color-admin-accent-350);
}

:where(.em, .para, .btn.module-a).accent-450 {
    --color: var(--color-admin-accent-450);
}

:where(.em, .para, .btn.module-a).accent-550 {
    --color: var(--color-admin-accent-550);
}

:where(.em, .para, .btn.module-a).accent-650 {
    --color: var(--color-admin-accent-650);
}

:where(.em, .para, .btn.module-a).accent-750 {
    --color: var(--color-admin-accent-750);
}

:where(.em, .para, .btn.module-a).accent-850 {
    --color: var(--color-admin-accent-850);
}

:where(.em, .para, .btn.module-a).outline-5x {
    --line-height: var(--baseline-5x);
    --font-size: calc(var(--line-height) / 1.5);
}

:where(.em, .para, .btn.module-a).outline-6x {
    --line-height: var(--baseline-6x);
    --font-size: calc(var(--line-height) / 1.5);
}

:where(.em, .para, .btn.module-a).outline-8x {
    --line-height: var(--baseline-8x);
    --font-size: calc(var(--line-height) / 1.5);
}

:where(.em, .para, .btn.module-a).outline-9x {
    --line-height: var(--baseline-9x);
    --font-size: calc(var(--line-height) / 1.5);
}

:where(.em, .para, .btn.module-a).outline-10x {
    --line-height: var(--baseline-10x);
    --font-size: calc(var(--line-height) / 1.5);
}

:where(.em, .para, .btn.module-a).outline-12x {
    --line-height: var(--baseline-12x);
    --font-size: calc(var(--line-height) / 1.5);
}

:where(.em, .para, .btn.module-a).outline-14x {
    --line-height: var(--baseline-14x);
    --font-size: calc(var(--line-height) / 1.5);
}

:where(.em, .para, .btn.module-a).outline-16x {
    --line-height: var(--baseline-16x);
    --font-size: calc(var(--line-height) / 1.5);
}

:where(.em, .para, .btn.module-a)[class*=icon-]::before,
:where(.em, .para, .btn.module-a)[class*=icon-]::after {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    vertical-align: top;
    width: var(--line-height);
    height: var(--line-height);
    -webkit-mask: var(--icon-image) no-repeat center/cover;
    mask: var(--icon-image) no-repeat center/cover;
    background-color: var(--color);
}

:where(.em, .para, .btn.module-a)[class*=icon-][class*=ltr-]::before {
    content: "";
}

:where(.em, .para, .btn.module-a)[class*=icon-][class*=rtl-]::after {
    content: "";
}

:where(.em, .para, .btn.module-a)[class*=icon-]:not([class*=ltr-], [class*=rtl-])::before {
    content: "";
}

:where(.em, .para, .btn.module-a)[class*=icon-]:not([class*=ltr-], [class*=rtl-]) .btn-name {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

:where(.em, .para, .btn.module-a).style-a {
    text-decoration: underline;
}

:where(.em, .para, .btn.module-a).type-b {
    text-align: right;
}

:where(.em, .para, .btn.module-a).type-c {
    text-align: center;
}

:where(.em, .para, .btn.module-a).weight-thin {
    font-weight: 100;
}

:where(.em, .para, .btn.module-a).weight-light {
    font-weight: 300;
}

:where(.em, .para, .btn.module-a).weight-regular {
    font-weight: 400;
}

:where(.em, .para, .btn.module-a).weight-medium {
    font-weight: 500;
}

:where(.em, .para, .btn.module-a).weight-bold {
    font-weight: 700;
}

:where(.em, .para, .btn.module-a):where(em) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-column-gap: var(--column-gap);
    -moz-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-style: normal;
}

:where(.em, .para, .btn.module-a):where(a:not([class*=normal-]):not([class*=accent-])) {
    color: inherit;
}

:where(.em, .para, .btn.module-a):where(mark) {
    background-color: transparent;
}

:where(.em, .para, .btn.module-a) svg {
    display: block;
    position: relative;
    top: 0;
    left: 0;
}

/**
 * btn system
**/
:where(.btn, .mark) {
    overflow: hidden;
    text-align: center;
}

:where(.btn, .mark) svg {
    display: block;
    position: relative;
    top: 0;
    left: 0;
}

:where(.btn, .mark) > :where(.btn-name, .mark-name) {
    display: block;
    pointer-events: none;
}

:where(.btn, .mark) > .btn-subtext {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: block;
    line-height: calc(var(--line-height) / 1.57);
    font-size: calc(var(--font-size) / 1.57);
    color: var(--subtext-color);
    pointer-events: none;
}

:where(.btn, .mark):where(input, button) {
    overflow: visible;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit;
    background-color: transparent;
}

:where(.btn, .mark).align-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

:where(.btn, .mark).align-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

:where(.btn, .mark).align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

:where(.btn, .mark).align-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

:where(.btn, .mark).icon-visibility {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M6.651 15.454c-1.385-1.302-2.216-2.808-2.423-3.636a.75.75 0 1 0-1.455.364c.293 1.172 1.311 2.917 2.85 4.365.132.123.267.244.406.363l-1.56 1.56a.75.75 0 1 0 1.062 1.06l1.716-1.716a9.509 9.509 0 0 0 1.852.92l-.795 1.987a.75.75 0 0 0 1.393.558l.86-2.154a8.355 8.355 0 0 0 2.886 0l.86 2.154a.75.75 0 0 0 1.394-.558l-.795-1.987a9.512 9.512 0 0 0 1.851-.92l1.717 1.716a.75.75 0 0 0 1.06-1.06l-1.559-1.56c.14-.12.275-.24.405-.363 1.54-1.448 2.559-3.193 2.852-4.365a.75.75 0 0 0-1.455-.364c-.207.828-1.039 2.334-2.424 3.636-1.37 1.287-3.194 2.296-5.349 2.296-2.154 0-3.98-1.009-5.349-2.296Z"/></svg>');
}

:where(.btn, .mark).icon-visibility.active {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12.25 8.5a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5ZM10 12.25a2.25 2.25 0 1 1 4.5 0 2.25 2.25 0 0 1-4.5 0Zm-6.974.197a.755.755 0 0 1 0-.394c.298-1.172 1.314-2.908 2.848-4.349C7.43 6.241 9.605 5 12.25 5c2.645 0 4.821 1.241 6.376 2.704 1.533 1.442 2.55 3.178 2.847 4.349a.76.76 0 0 1 0 .394c-.298 1.172-1.314 2.908-2.847 4.349-1.556 1.463-3.731 2.704-6.376 2.704-2.645 0-4.82-1.241-6.376-2.704-1.533-1.441-2.55-3.177-2.848-4.349Zm3.875-3.651c-1.289 1.212-2.099 2.599-2.372 3.454.273.854 1.083 2.242 2.372 3.454C8.27 16.991 10.095 18 12.25 18c2.155 0 3.98-1.009 5.349-2.296 1.289-1.212 2.099-2.599 2.372-3.454-.273-.854-1.083-2.242-2.372-3.454C16.23 7.509 14.405 6.5 12.25 6.5c-2.155 0-3.98 1.009-5.349 2.296Z"/></svg>');
}

/**
 * button module-b
**/
:where(.btn.module-b, .mark.module-b) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-column-gap: var(--btn-column-gap);
    -moz-column-gap: var(--btn-column-gap);
    column-gap: var(--btn-column-gap);
    padding-right: var(--btn-padding-right);
    padding-left: var(--btn-padding-left);
    height: var(--btn-height);
    border: var(--btn-border-width) solid var(--btn-border-color);
    line-height: var(--btn-line-height);
    font-weight: var(--btn-font-weight);
    font-size: var(--btn-font-size);
    color: var(--btn-color);
    border-color: var(--btn-border-color);
    background-color: var(--btn-background-color);
}

:where(.btn.module-b, .mark.module-b)[class*=icon-]::before,
:where(.btn.module-b, .mark.module-b)[class*=icon-]::after {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: var(--btn-icon-width);
    height: var(--btn-icon-height);
    -webkit-mask: var(--icon-image) no-repeat center/cover;
    mask: var(--icon-image) no-repeat center/cover;
    background-color: var(--btn-icon-color);
}

:where(.btn.module-b, .mark.module-b)[class*=icon-][class*=ltr-] {
    padding-right: var(--btn-padding-right);
    padding-left: var(--btn-padding-left);
}

:where(.btn.module-b, .mark.module-b)[class*=icon-][class*=ltr-]::before {
    content: "";
}

:where(.btn.module-b, .mark.module-b)[class*=icon-][class*=rtl-]::after {
    content: "";
}

:where(.btn.module-b, .mark.module-b)[class*=icon-]:not([class*=ltr-], [class*=rtl-])::before {
    content: "";
}

:where(.btn.module-b, .mark.module-b)[class*=icon-]:not([class*=ltr-], [class*=rtl-]) .btn-name {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

:where(.btn.module-b, .mark.module-b):where(a) {
    overflow: hidden;
    text-decoration: none;
}

:where(.btn.module-b, .mark.module-b).disabled {
    pointer-events: none;
}

:where(.btn.module-b, .mark.module-b).style-b {
    border-radius: var(--btn-border-radius);
}

:where(.btn.module-b, .mark.module-b).style-c {
    border-radius: calc(var(--btn-height) / 2);
}

:where(.btn.module-b, .mark.module-b).outline-5x {
    --btn-column-gap: 4px;
    --btn-padding-right: 6px;
    --btn-padding-left: 6px;
    --btn-height: var(--baseline-5x);
    --btn-border-width: 1px;
    --btn-border-radius: 8px;
    --btn-line-height: var(--baseline-4x);
    --btn-font-size: calc(var(--btn-line-height) / 1.5);
    --btn-font-weight: 600;
    --btn-icon-width: var(--btn-line-height);
    --btn-icon-height: var(--btn-icon-width);
}

:where(.btn.module-b, .mark.module-b).outline-6x {
    --btn-column-gap: 4px;
    --btn-padding-right: 6px;
    --btn-padding-left: 6px;
    --btn-height: var(--baseline-6x);
    --btn-border-width: 1px;
    --btn-border-radius: 8px;
    --btn-line-height: var(--baseline-4x);
    --btn-font-size: calc(var(--btn-line-height) / 1.5);
    --btn-font-weight: 600;
    --btn-icon-width: var(--btn-line-height);
    --btn-icon-height: var(--btn-icon-width);
}

:where(.btn.module-b, .mark.module-b).outline-8x {
    --btn-column-gap: 4px;
    --btn-padding-right: 6px;
    --btn-padding-left: 6px;
    --btn-height: var(--baseline-8x);
    --btn-border-width: 1px;
    --btn-border-radius: 10px;
    --btn-line-height: var(--baseline-5x);
    --btn-font-size: calc(var(--btn-line-height) / 1.5);
    --btn-font-weight: 600;
    --btn-icon-width: var(--btn-line-height);
    --btn-icon-height: var(--btn-icon-width);
}

:where(.btn.module-b, .mark.module-b).outline-10x {
    --btn-column-gap: 6px;
    --btn-padding-right: 10px;
    --btn-padding-left: 10px;
    --btn-height: var(--baseline-10x);
    --btn-border-width: 1px;
    --btn-border-radius: 12px;
    --btn-line-height: var(--baseline-5x);
    --btn-font-size: calc(var(--btn-line-height) / 1.5);
    --btn-font-weight: 600;
    --btn-icon-width: var(--btn-line-height);
    --btn-icon-height: var(--btn-icon-width);
}

:where(.btn.module-b, .mark.module-b).outline-10x[class*=ltr-] {
    --btn-padding-right: 10px;
    --btn-padding-left: 7px;
}

:where(.btn.module-b, .mark.module-b).outline-10x[class*=rtl-] {
    --btn-padding-right: 7px;
    --btn-padding-left: 10px;
}

:where(.btn.module-b, .mark.module-b).outline-12x {
    --btn-column-gap: 6px;
    --btn-padding-right: 14px;
    --btn-padding-left: 14px;
    --btn-height: var(--baseline-12x);
    --btn-border-width: 1px;
    --btn-border-radius: 14px;
    --btn-line-height: var(--baseline-6x);
    --btn-font-size: calc(var(--btn-line-height) / 1.5);
    --btn-font-weight: 600;
    --btn-icon-width: var(--btn-line-height);
    --btn-icon-height: var(--btn-icon-width);
}

:where(.btn.module-b, .mark.module-b):is(:disabled, .disabled) {
    --btn-color: var(--color-admin-normal-080);
    --btn-icon-color: var(--color-admin-normal-080);
}

:where(.btn.module-b, .mark.module-b):is(:disabled, .disabled).type-fill {
    --btn-border-color: var(--color-admin-normal-095);
    --btn-background-color: var(--color-admin-normal-095);
}

:where(.btn.module-b, .mark.module-b):is(:disabled, .disabled).type-line {
    --btn-border-color: var(--color-admin-normal-090);
    --btn-background-color: var(--color-admin-normal-095);
}

:where(.btn.module-b, .mark.module-b):is(:disabled, .disabled).type-none {
    --btn-background-color: transparent;
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).normal-010.type-fill {
    --btn-color: var(--color-admin-normal-100);
    --btn-border-color: var(--color-admin-normal-010);
    --btn-background-color: var(--color-admin-normal-010);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).normal-010.type-line {
    --btn-border-color: var(--color-admin-normal-010);
    --btn-background-color: var(--color-admin-normal-100);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).normal-010:where(.type-none, .type-line) {
    --btn-color: var(--color-admin-normal-010);
    --btn-icon-color: var(--color-admin-normal-010);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).normal-020.type-fill {
    --btn-color: var(--color-admin-normal-100);
    --btn-border-color: var(--color-admin-normal-020);
    --btn-background-color: var(--color-admin-normal-020);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).normal-020.type-line {
    --btn-border-color: var(--color-admin-normal-020);
    --btn-background-color: var(--color-admin-normal-100);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).normal-020:where(.type-none, .type-line) {
    --btn-color: var(--color-admin-normal-020);
    --btn-icon-color: var(--color-admin-normal-020);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).normal-070.type-fill {
    --btn-color: var(--color-admin-normal-030);
    --btn-border-color: var(--color-admin-normal-070);
    --btn-background-color: var(--color-admin-normal-070);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).normal-070.type-line {
    --btn-border-color: var(--color-admin-normal-070);
    --btn-background-color: var(--color-admin-normal-100);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).normal-070:where(.type-none, .type-line) {
    --btn-color: var(--color-admin-normal-070);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).normal-080.type-fill {
    --btn-color: var(--color-admin-normal-030);
    --btn-border-color: var(--color-admin-normal-080);
    --btn-background-color: var(--color-admin-normal-080);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).normal-080.type-line {
    --btn-border-color: var(--color-admin-normal-080);
    --btn-background-color: var(--color-admin-normal-100);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).normal-080:where(.type-none, .type-line) {
    --btn-color: var(--color-admin-normal-030);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).normal-090.type-fill {
    --btn-color: var(--color-admin-normal-010);
    --btn-border-color: var(--color-admin-normal-090);
    --btn-background-color: var(--color-admin-normal-090);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).normal-090.type-line {
    --btn-border-color: var(--color-admin-normal-090);
    --btn-background-color: var(--color-admin-normal-100);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).normal-090:where(.type-none, .type-line) {
    --btn-color: var(--color-admin-normal-010);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).accent-150.type-fill {
    --btn-color: var(--color-admin-normal-100);
    --btn-border-color: var(--color-admin-accent-150);
    --btn-background-color: var(--color-admin-accent-150);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).accent-150.type-line {
    --btn-border-color: var(--color-admin-accent-150);
    --btn-background-color: var(--color-admin-normal-100);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).accent-150:where(.type-none, .type-line) {
    --btn-color: var(--color-admin-accent-150);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).accent-250.type-fill {
    --btn-color: var(--color-admin-normal-100);
    --btn-border-color: var(--color-admin-accent-250);
    --btn-background-color: var(--color-admin-accent-250);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).accent-250.type-line {
    --btn-border-color: var(--color-admin-accent-250);
    --btn-background-color: var(--color-admin-normal-100);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).accent-250:where(.type-none, .type-line) {
    --btn-color: var(--color-admin-accent-250);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).accent-350.type-fill {
    --btn-color: var(--color-admin-normal-100);
    --btn-border-color: var(--color-admin-accent-350);
    --btn-background-color: var(--color-admin-accent-350);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).accent-350.type-line {
    --btn-border-color: var(--color-admin-accent-350);
    --btn-background-color: var(--color-admin-normal-100);
}

:where(.btn.module-b, .mark.module-b):not(:disabled, .disabled).accent-350:where(.type-none, .type-line) {
    --btn-color: var(--color-admin-accent-350);
    --btn-icon-color: var(--btn-color);
}

/**
 * button module-c
**/
:where(.btn.module-c, .mark.module-c) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-column-gap: var(--btn-column-gap);
    -moz-column-gap: var(--btn-column-gap);
    column-gap: var(--btn-column-gap);
    padding-top: calc((var(--btn-height) - var(--btn-line-height)) / 2);
    padding-right: var(--btn-padding-right);
    padding-bottom: calc((var(--btn-height) - var(--btn-line-height)) / 2);
    padding-left: var(--btn-padding-left);
    height: var(--btn-height);
    border: var(--btn-border-width) solid var(--btn-border-color);
    line-height: var(--btn-line-height);
    font-weight: var(--btn-font-weight);
    font-size: var(--btn-font-size);
    color: var(--btn-color);
    border-color: var(--btn-border-color);
    background-color: var(--btn-background-color);
}

:where(.btn.module-c, .mark.module-c)[class*=icon-]::before,
:where(.btn.module-c, .mark.module-c)[class*=icon-]::after {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: var(--btn-icon-width);
    height: var(--btn-icon-height);
    -webkit-mask: var(--icon-image) no-repeat center/cover;
    mask: var(--icon-image) no-repeat center/cover;
    background-color: var(--btn-icon-color);
}

:where(.btn.module-c, .mark.module-c)[class*=icon-][class*=ltr-]::before {
    content: "";
}

:where(.btn.module-c, .mark.module-c)[class*=icon-][class*=rtl-]::after {
    content: "";
}

:where(.btn.module-c, .mark.module-c)[class*=icon-]:not([class*=ltr-], [class*=rtl-])::before {
    content: "";
}

:where(.btn.module-c, .mark.module-c)[class*=icon-]:not([class*=ltr-], [class*=rtl-]) .btn-name {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

:where(.btn.module-c, .mark.module-c):where(a) {
    overflow: hidden;
    text-decoration: none;
}

:where(.btn.module-c, .mark.module-c).disabled {
    pointer-events: none;
}

:where(.btn.module-c, .mark.module-c).style-b {
    border-radius: var(--btn-border-radius);
}

:where(.btn.module-c, .mark.module-c).style-c {
    border-radius: calc(var(--btn-height) / 2);
}

:where(.btn.module-c, .mark.module-c) > .btn::before {
    content: "";
    display: block;
    width: var(--btn-line-height);
    height: var(--btn-line-height);
    -webkit-mask: var(--icon-image) no-repeat center/cover;
    mask: var(--icon-image) no-repeat center/cover;
    background-color: var(--btn-color);
}

:where(.btn.module-c, .mark.module-c) > .btn .btn-name {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

:where(.btn.module-c, .mark.module-c).type-fill {
    --btn-border-color: color-mix(in srgb, var(--btn-color) 6%, white);
    --btn-background-color: color-mix(in srgb, var(--btn-color) 6%, white);
}

:where(.btn.module-c, .mark.module-c).type-line {
    --btn-border-color: color-mix(in srgb, var(--btn-color) 40%, white);
    --btn-background-color: var(--color-admin-normal-100);
}

:where(.btn.module-c, .mark.module-c):is(:disabled, .disabled) {
    --btn-color: var(--color-admin-normal-100);
    --btn-border-color: var(--color-admin-normal-090);
    --btn-background-color: var(--color-admin-normal-090);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-c, .mark.module-c):not(:disabled, .disabled).normal-010 {
    --btn-color: var(--color-admin-normal-010);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-c, .mark.module-c):not(:disabled, .disabled).normal-030 {
    --btn-color: var(--color-admin-normal-030);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-c, .mark.module-c):not(:disabled, .disabled).normal-070 {
    --btn-color: var(--color-admin-normal-070);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-c, .mark.module-c):not(:disabled, .disabled).accent-150 {
    --btn-color: var(--color-admin-accent-150);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-c, .mark.module-c):not(:disabled, .disabled).accent-250 {
    --btn-color: var(--color-admin-accent-250);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-c, .mark.module-c):not(:disabled, .disabled).accent-350 {
    --btn-color: var(--color-admin-accent-350);
    --btn-icon-color: var(--btn-color);
}

:where(.btn.module-c, .mark.module-c).outline-7x {
    --btn-column-gap: 4px;
    --btn-padding-right: 12px;
    --btn-padding-left: 12px;
    --btn-height: var(--baseline-7x);
    --btn-border-width: 1px;
    --btn-border-radius: 10px;
    --btn-line-height: var(--baseline-5x);
    --btn-font-size: calc(var(--btn-line-height) / 1.5);
    --btn-font-weight: 400;
    --btn-icon-width: var(--btn-line-height);
    --btn-icon-height: var(--btn-icon-width);
}

:where(.btn.module-c, .mark.module-c).outline-7x:has(.btn:first-child) {
    --btn-padding-left: 8px;
}

:where(.btn.module-c, .mark.module-c).outline-7x:has(.btn:last-child) {
    --btn-padding-right: 8px;
}

:where(.btn.module-c, .mark.module-c).outline-8x {
    --btn-column-gap: 4px;
    --btn-padding-right: 12px;
    --btn-padding-left: 12px;
    --btn-height: var(--baseline-8x);
    --btn-border-width: 1px;
    --btn-border-radius: 10px;
    --btn-line-height: var(--baseline-4x);
    --btn-font-size: calc(var(--btn-line-height) / 1.25);
    --btn-font-weight: 600;
    --btn-icon-width: var(--btn-line-height);
    --btn-icon-height: var(--btn-icon-width);
}

:where(.btn.module-c, .mark.module-c).outline-8x:has(.btn:first-child) {
    --btn-padding-left: 8px;
}

:where(.btn.module-c, .mark.module-c).outline-8x:has(.btn:last-child) {
    --btn-padding-right: 8px;
}

:where(.btn.module-c, .mark.module-c).outline-10x {
    --btn-column-gap: 4px;
    --btn-padding-right: 12px;
    --btn-padding-left: 12px;
    --btn-height: var(--baseline-10x);
    --btn-border-width: 1px;
    --btn-border-radius: 12px;
    --btn-line-height: var(--baseline-5x);
    --btn-font-size: calc(var(--btn-line-height) / 1.5);
    --btn-font-weight: 600;
    --btn-icon-width: var(--btn-line-height);
    --btn-icon-height: var(--btn-icon-width);
}

:where(.btn.module-c, .mark.module-c).outline-10x:has(.btn:first-child) {
    --btn-padding-left: 8px;
}

:where(.btn.module-c, .mark.module-c).outline-10x:has(.btn:last-child) {
    --btn-padding-right: 8px;
}

/**
 * button-area
 *
**/
:where(.button-area, .mark-area) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: var(--column-gap);
    -moz-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}

:where(.button-area, .mark-area) > .stretch {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

/**
 * button-display
 *
**/
:where(.button-display, .mark-display) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: var(--column-gap);
    -moz-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
    --column-count: 1;
    --column-gap: 8px;
    --row-gap: var(--column-gap);
    --width: calc((100% / var(--column-count)) - (var(--column-gap) * (var(--column-count) - 1) / var(--column-count)));
}

:where(.button-display, .mark-display) .stretch {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

:where(.button-display, .mark-display)[style*="--column-count"] > :where(.button-area, .mark-area) {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

:where(.button-display, .mark-display)[style*="--column-count"] > :where(.button-area, .mark-area) :where(.btn, .mark) {
    width: var(--width);
}

:where(.button-display, .mark-display).type-b > :where(.button-area, .mark-area) {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

:where(.button-display, .mark-display):not([class*=align-]) > :where(.button-area, .mark-area) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

:where(.button-display, .mark-display).align-a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

:where(.button-display, .mark-display).align-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

:where(.button-display, .mark-display).align-b {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

:where(.button-display, .mark-display).align-d {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.data-finder.module-a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.data-finder.module-a.align-a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.data-finder.module-a.align-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.data-finder.module-a.align-b {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.data-finder.module-a.align-d {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.data-finder.module-a .data-finder-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.data-finder.module-a .data-finder-filter .dropdown {
    min-width: 104px;
}

.data-finder.module-a .data-finder-inform .data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.data-finder.module-a .data-finder-inform .data-list .data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.data-finder.module-a .data-finder-inform .data-list .data-item .head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.data-finder.module-a .data-finder-inform .data-list .data-item .body {
    display: block;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.333);
    color: var(--color-admin-normal-030);
}

.data-finder.module-a .data-finder-search .submit-form.module-a .form-list .form-item.search .form-inform .form-body .form-area {
    --submit-form-area-column-gap: 0;
}

.data-finder.module-a .data-finder-search .submit-form.module-a .form-list .form-item.search .form-inform .form-body .form-area .dropdown.module-b ~ .form.textfield,
.data-finder.module-a .data-finder-search .submit-form.module-a .form-list .form-item.search .form-inform .form-body .form-area .select ~ .form.textfield {
    --form-border-radius: 0 12px 12px 0;
    position: relative;
    border: none;
}

.data-finder.module-a .data-finder-search .submit-form.module-a .form-list .form-item.search .form-inform .form-body .form-area .dropdown.module-b ~ .form.textfield.focusin,
.data-finder.module-a .data-finder-search .submit-form.module-a .form-list .form-item.search .form-inform .form-body .form-area .select ~ .form.textfield.focusin {
    border-left: 1px solid var(--form-border-color);
}

.data-finder.module-a .data-finder-search .submit-form.module-a .form-list .form-item.search .form-inform .form-body .form-area .dropdown.module-b ~ .form.textfield::before,
.data-finder.module-a .data-finder-search .submit-form.module-a .form-list .form-item.search .form-inform .form-body .form-area .select ~ .form.textfield::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -1px;
    z-index: 0;
    border: var(--form-border-width) solid var(--form-border-color);
    border-radius: var(--form-border-radius);
}

.data-finder.module-a .data-finder-search .submit-form.module-a .form-list .form-item.search .form-inform .form-body .form-area .dropdown.module-b:first-child .dropdown-wrap .dropdown-head .dropdown-subject .dropdown-name {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.data-finder.module-a .data-finder-search .submit-form.module-a .form-list .form-item.search .form-inform .form-body .form-area .select:not(:only-child) {
    --form-border-radius: 12px 0 0 12px;
}

.data-finder.module-a .data-finder-search .submit-form.module-a .form-list .form-item.search .form-inform .form-body .form-area .select.focusin {
    position: relative;
    z-index: 1;
}

.data-finder.module-a .data-finder-search .submit-form.module-a .form-list .form-item.search .form-inform .form-body .form-area .btn.module-b {
    --btn-padding-right: 0;
    --btn-padding-left: 0;
    min-width: 72px;
}

.data-finder.module-a .data-finder-search .submit-form.module-a .form-list .form-item.search .form-inform .form-body .form-area .btn.module-b:not(:only-child) {
    margin-left: 8px;
}

.data-finder.module-a .data-finder-search .submit-form.module-a .form.textfield {
    width: 320px;
}

.data-finder.module-a .data-finder-action .btn {
    min-width: 104px;
}

.dropdown.module-b {
    --font-color: var(--color-admin-normal-030);
    --font-weight: 400;
    --icon-color: var(--color-admin-normal-030);
    --border-color: var(--color-admin-normal-080);
}

.dropdown.module-b.active {
    --font-color: var(--color-admin-accent-150);
    --font-weight: 600;
    --icon-color: var(--color-admin-accent-150);
    --border-color: var(--color-admin-accent-180);
}

.dropdown.module-b.activated {
    --font-color: var(--color-admin-accent-150);
    --font-weight: 600;
    --icon-color: var(--color-admin-accent-150);
    --border-color: var(--color-admin-accent-180);
}

.dropdown.module-b[class*=expand-more] .dropdown-head .dropdown-subject .btn.expand.active::after {
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M5.22 14.721a.75.75 0 1 0 1.061 1.06L12 9.834l5.718 5.949a.75.75 0 1 0 1.06-1.06l-6.205-6.458A.748.748 0 0 0 12 8a.748.748 0 0 0-.573.264L5.22 14.721Z"/></svg>') no-repeat center/cover;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M5.22 14.721a.75.75 0 1 0 1.061 1.06L12 9.834l5.718 5.949a.75.75 0 1 0 1.06-1.06l-6.205-6.458A.748.748 0 0 0 12 8a.748.748 0 0 0-.573.264L5.22 14.721Z"/></svg>') no-repeat center/cover;
}

.dropdown.module-b .dropdown-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
    position: relative;
}

.dropdown.module-b .dropdown-wrap .dropdown-head .dropdown-subject {
    position: relative;
    margin: 0;
}

.dropdown.module-b .dropdown-wrap .dropdown-head .dropdown-subject .dropdown-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 8px;
    padding-right: 32px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.333);
    color: var(--font-color);
    font-weight: var(--font-weight);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    background-color: var(--color-admin-normal-100);
}

.dropdown.module-b .dropdown-wrap .dropdown-head .dropdown-subject .btn.expand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 8px 0 10px;
    border-radius: 12px;
}

.dropdown.module-b .dropdown-wrap .dropdown-head .dropdown-subject .btn.expand .btn-name {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.dropdown.module-b .dropdown-wrap .dropdown-head .dropdown-subject .btn.expand::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    -webkit-mask: var(--icon-image) no-repeat center/cover;
    mask: var(--icon-image) no-repeat center/cover;
    background-color: var(--icon-color);
}

.dropdown.module-b .dropdown-wrap .dropdown-head .dropdown-subject .btn.expand:focus {
    outline-offset: -1px;
}

.dropdown.module-b .dropdown-wrap .dropdown-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
    position: absolute;
    z-index: 1;
    top: calc(100% + 8px);
    left: 0;
    padding: 16px;
    width: 296px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--color-admin-normal-090);
    border-radius: 14px;
    background-color: var(--color-admin-normal-100);
}

.dropdown.module-b .dropdown-wrap .dropdown-body .submit-form {
    padding-top: 16px;
    border-top: 1px solid var(--color-admin-normal-090);
}

.dropdown.module-b:not(.active) .dropdown-wrap .dropdown-body {
    display: none;
}

.dropdown.module-b .dropdown-wrap .dropdown-body > .button-display {
    padding-top: 16px;
    border-top: 1px solid var(--color-admin-normal-090);
}

.dropdown.module-b .dropdown-wrap .dropdown-body > .button-display .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.dropdown.module-b .dropdown-wrap .dropdown-body > .button-display .button-area .btn {
    min-width: 76px;
}

/**
 * list reset
**/
:where(.navi-list, .order-list, .data-list, .grade-list, .board-list):where(div, p) {
    margin: 0;
}

:where(.navi-list, .order-list, .data-list, .grade-list, .board-list):where(div, p) > p {
    margin: 0;
}

:where(.navi-list, .order-list, .data-list, .grade-list, .board-list):where(div, p) > em {
    display: block;
    font-style: normal;
}

:where(.navi-list, .order-list, .data-list, .grade-list, .board-list):where(ol, ul) {
    margin: 0;
    padding: 0;
}

:where(.navi-list, .order-list, .data-list, .grade-list, .board-list):where(ol, ul) > li {
    list-style: none;
}

:where(.navi-list, .order-list, .data-list, .grade-list, .board-list):where(ol, ul) > li .para {
    margin: 0;
}

/**
 * @name		data-list
 * @moudle		module-a
**/
.data-list:where(.module-a) {
    --padding-left: calc(var(--line-height) + var(--column-gap));
    --line-height: var(--baseline-6x);
    --font-size: calc(var(--line-height) / 1.5);
    --icon-color: var(--color-admin-normal-000);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--row-gap);
}

.data-list:where(.module-a).type-b {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: right;
}

.data-list:where(.module-a).type-c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.data-list:where(.module-a)[class*=icon-] > .data-item {
    position: relative;
    padding-left: var(--padding-left);
}

.data-list:where(.module-a)[class*=icon-] > .data-item::before {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: var(--line-height);
    height: var(--line-height);
    text-align: center;
    -webkit-mask: var(--icon-image) no-repeat center/cover;
    mask: var(--icon-image) no-repeat center/cover;
    background-color: var(--icon-color);
}

.data-list:where(.module-a) > .data-item {
    line-height: var(--line-height);
    font-size: var(--font-size);
    color: var(--color);
}

.data-list:where(.module-a) > .data-item[class*=icon-] {
    position: relative;
    padding-left: var(--padding-left);
}

.data-list:where(.module-a) > .data-item[class*=icon-]::before {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: var(--line-height);
    height: var(--line-height);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.data-list:where(.module-a).outline-4x {
    --column-gap: 0rem;
    --row-gap: 8px;
    --line-height: 16px;
}

.data-list:where(.module-a).outline-6x {
    --column-gap: 0rem;
    --row-gap: 8px;
    --line-height: 24px;
}

.data-list:where(.module-a).normal-02 {
    --color: var(--color-normal-020);
}

.data-list:where(.module-a).normal-02 > .data-item {
    --icon-color: var(--color);
}

.navi-list.module-category {
    --column-gap: 8px;
    --row-gap: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: var(--column-gap);
    -moz-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}

.navi-list.module-category[style*="--column-count"] {
    --width: calc((100% / var(--column-count)) - (var(--column-gap) * (var(--column-count) - 1) / var(--column-count)));
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.navi-list.module-category .navi-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: var(--width);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    --name-color: var(--color-admin-normal-070);
    --border-color: var(--color-admin-normal-090);
    --background-color: var(--color-admin-normal-100);
    --icon-color: var(--color-admin-normal-080);
}

.navi-list.module-category .navi-item:hover {
    --name-color: var(--color-admin-accent-150);
    --border-color: color-mix(in srgb, var(--name-color) 40%, white);
    --background-color: color-mix(in srgb, var(--name-color) 2%, white);
    --icon-color: var(--name-color);
}

.navi-list.module-category .navi-item .navi-name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 8px;
    position: relative;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    color: var(--name-color);
    border-radius: 12px;
    text-align: center;
    text-decoration: none;
}

.navi-list.module-category .navi-item .navi-name::before {
    content: "";
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    border: 1px solid var(--border-color);
    border-radius: inherit;
    background-color: var(--background-color);
}

.navi-list.module-category .navi-item .navi-name::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 1/1;
    -webkit-mask: var(--icon-image) no-repeat center/60px;
    mask: var(--icon-image) no-repeat center/60px;
    background-color: var(--icon-color);
}

.navi-list.module-middle {
    --column-gap: 4px;
    --row-gap: var(--column-gap);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: var(--column-gap);
    -moz-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.navi-list.module-middle[style*="--column-count"] {
    --width: calc((100% / var(--column-count)) - (var(--column-gap) * (var(--column-count) - 1) / var(--column-count)));
}

.navi-list.module-middle[style*="--column-count"] .navi-item {
    width: var(--width);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.navi-list.module-middle:not([style*="--column-count"]) {
    --column-count: 1;
    --width: calc((100% / var(--column-count)) - (var(--column-gap) * (var(--column-count) - 1) / var(--column-count)));
}

.navi-list.module-middle:not([style*="--column-count"]) .navi-item {
    width: var(--width);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.navi-list.module-middle .navi-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.navi-list.module-middle .navi-item .navi-name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    padding: 0 12px;
    height: 36px;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    font-weight: 600;
    color: var(--color-admin-normal-040);
    text-decoration: none;
    border-radius: 8px;
    background-color: var(--color-admin-normal-097);
}

.navi-list.module-middle .navi-item .navi-name::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M9 6.75A.75.75 0 0 1 9.75 6h7.5a.75.75 0 0 1 .75.75v8a.75.75 0 0 1-1.5 0V8.56l-9.22 9.22a.75.75 0 0 1-1.06-1.06l9.22-9.22H9.75A.75.75 0 0 1 9 6.75Z"/></svg>') no-repeat center/cover;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M9 6.75A.75.75 0 0 1 9.75 6h7.5a.75.75 0 0 1 .75.75v8a.75.75 0 0 1-1.5 0V8.56l-9.22 9.22a.75.75 0 0 1-1.06-1.06l9.22-9.22H9.75A.75.75 0 0 1 9 6.75Z"/></svg>') no-repeat center/cover;
    background-color: var(--color-admin-normal-070);
}

.navi-list.goto-url {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 12px;
    padding: 6px 0;
}

.navi-list.goto-url .navi-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.navi-list.goto-url .navi-item .navi-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    color: var(--color-admin-accent-150);
}

.navi-list.goto-url .navi-item .navi-name:not(:hover) {
    text-decoration: none;
}

.navi-list.goto-url .navi-item .navi-name::after {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M17 9h-5c-1.66 0-3 1.34-3 3v6c0 1.66 1.34 3 3 3h5c1.66 0 3-1.34 3-3v-6c0-1.66-1.34-3-3-3Zm1.5 9c0 .83-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5v-6c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5v6ZM12 3H7C5.34 3 4 4.34 4 6v6c0 1.66 1.34 3 3 3 .28 0 .5-.22.5-.5V14c0-.28-.22-.5-.5-.5-.83 0-1.5-.67-1.5-1.5V6c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5v.75c0 .41.34.75.75.75s.75-.34.75-.75V6c0-1.66-1.34-3-3-3Z"/></svg>') no-repeat center/cover;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M17 9h-5c-1.66 0-3 1.34-3 3v6c0 1.66 1.34 3 3 3h5c1.66 0 3-1.34 3-3v-6c0-1.66-1.34-3-3-3Zm1.5 9c0 .83-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5v-6c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5v6ZM12 3H7C5.34 3 4 4.34 4 6v6c0 1.66 1.34 3 3 3 .28 0 .5-.22.5-.5V14c0-.28-.22-.5-.5-.5-.83 0-1.5-.67-1.5-1.5V6c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5v.75c0 .41.34.75.75.75s.75-.34.75-.75V6c0-1.66-1.34-3-3-3Z"/></svg>') no-repeat center/cover;
    background-color: var(--color-admin-accent-150);
}

.data-list.posted-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
}

.data-list.posted-info .data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.data-list.posted-info .data-item .head {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 68px;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    color: var(--color-admin-normal-030);
}

.data-list.posted-info .data-item .body {
    display: block;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    font-weight: 600;
    color: var(--color-admin-normal-030);
}

/**
 * @type module
 * @name data-table
 */
.data-table.attr-scroll {
    overflow-x: auto;
}

html.mobile .data-table.attr-scroll {
    overflow-x: auto;
    overflow-y: hidden;
}

html.laptop .data-table.attr-scroll {
    -webkit-overflow-scrolling: touch;
    overflow-x: overlay;
    overflow-y: hidden;
}

html.laptop .data-table.attr-scroll::-webkit-scrollbar-thumb {
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
    background-clip: content-box;
    background-color: rgba(0, 0, 0, 0.2);
}

html.laptop .data-table.attr-scroll::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

html.laptop .data-table.attr-scroll::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, 0.6);
}

html.laptop .data-table.attr-scroll::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

html.laptop .data-table.attr-scroll::-webkit-scrollbar-thumb {
    border-radius: 6px;
}

.data-table .align-a {
    text-align: left;
}

.data-table .align-b {
    text-align: right;
}

.data-table .align-c {
    text-align: center;
}

.data-table > table > caption {
    overflow: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    color: transparent;
    border: hidden;
    clip: rect(0, 0, 0, 0);
}

.data-table > table > colgroup col[style*="--int-width"] {
    width: calc(var(--int-width) * 1px);
}

.data-table > table > :where(thead, tbody) > tr > th {
    padding: var(--th-padding);
    height: var(--th-height);
    line-height: var(--th-line-height);
    font-weight: var(--th-font-weight);
    font-size: var(--th-font-size);
    color: var(--th-font-color);
    background-color: var(--th-background-color);
}

.data-table > table > :where(thead, tbody) > tr > td {
    padding: var(--td-padding);
    height: var(--td-height);
    line-height: var(--td-line-height);
    font-weight: var(--td-font-weight);
    font-size: var(--td-font-size);
    color: var(--td-font-color);
    background-color: var(--td-background-color);
}

.data-table.align-a > table > :where(thead, tbody) {
    text-align: left;
}

.data-table.align-b > table > :where(thead, tbody) {
    text-align: right;
}

.data-table.align-c > table > :where(thead, tbody) {
    text-align: center;
}

.data-table.module-c {
    --th-padding: 8px 0;
    --th-height: 32px;
    --th-line-height: var(--baseline-4x);
    --th-font-size: calc(var(--th-line-height) / 1.25);
    --th-font-color: var(--color-accent-250);
    --th-font-weight: 700;
    --th-background-color: transparent;
    --td-padding: 8px 0;
    --td-height: 32px;
    --td-line-height: var(--baseline-5x);
    --td-font-size: calc(var(--td-line-height) / 1.5);
    --td-font-color: var(--color-admin-normal-010);
    --td-font-weight: 700;
    --td-background-color: var(--color-admin-normal-100);
    border-bottom: 1px solid var(--color-admin-normal-090);
}

.data-table.module-c > table {
    table-layout: fixed;
    width: 100%;
    height: 1px;
    border: hidden;
    border-spacing: 0;
    border-collapse: collapse;
}

.data-table.module-c > table > thead > tr > th {
    border-bottom: 1px solid var(--color-admin-normal-040);
}

.data-table.module-c > table > tbody > tr > td {
    border-bottom: 1px solid var(--color-admin-normal-090);
}

/**
 * tab reset
**/
ul.tab-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bui-tab-target:not(.active) {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

/**
 * @name		tab-display
**/
.tab-display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tab-display .tab-list {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tab-display .tab-list button.tab-item {
    overflow: visible;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: hidden;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: 'Pretendard', 'Pretendard Variable', NanumSquareNeo, Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, dotum, 돋움, sans-serif;
}

.tab-display .tab-list .tab-item .tab-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tab-display .tab-list .tab-item.current {
    z-index: 0;
}

.tab-display.type-a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.tab-display.type-b {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.tab-display.type-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tab-display.type-d .tab-list {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.tab-display.type-d .tab-list .tab-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.tab-display.module-b {
    --column-count: 3;
    --column-gap: 8px;
    --row-gap: 28px;
    --width: calc((100% / var(--column-count)) - (var(--column-gap) * (var(--column-count) - 1) / var(--column-count)));
    --tab-color: var(--color-normal-020);
    --tab-background-color: var(--color-normal-095);
}

.tab-display.module-b .tab-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: var(--column-gap);
    -moz-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}

.tab-display.module-b .tab-list .tab-item {
    width: var(--width);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tab-display.module-b .tab-list .tab-item .tab-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 0;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    font-weight: 600;
    color: var(--tab-color);
    border-radius: 8px;
    background-color: var(--tab-background-color);
}

.tab-display.module-b .tab-list .tab-item .tab-name::before {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: var(--tab-icon);
}

.tab-display.module-b .tab-list .tab-item a.tab-name {
    text-decoration: none;
}

.tab-display.module-b .tab-list .tab-item.current {
    --tab-color: var(--color-normal-100);
    --tab-background-color: var(--color-accent-150);
}

.tab-display.module-b .tab-list .tab-item:nth-child(1) {
    --tab-icon: url(../../front/images/svg/icon_c_clock_gray.svg);
}

.tab-display.module-b:not(.disabled) .tab-list .tab-item:nth-child(1).current {
    --tab-icon: url(../../front/images/svg/icon_c_clock_purple.svg);
}

.tab-display.module-b .tab-list .tab-item:nth-child(2) {
    --tab-icon: url(../../front/images/svg/icon_c_calendar_gray.svg);
}

.tab-display.module-b:not(.disabled) .tab-list .tab-item:nth-child(2).current {
    --tab-icon: url(../../front/images/svg/icon_c_calendar_purple.svg);
}

.tab-display.module-b .tab-list .tab-item:nth-child(3) {
    --tab-icon: url(../../front/images/svg/icon_c_replay_gray.svg);
}

.tab-display.module-b:not(.disabled) .tab-list .tab-item:nth-child(3).current {
    --tab-icon: url(../../front/images/svg/icon_c_replay_purple.svg);
}

.tab-display.module-b.disabled .tab-list .tab-item {
    --tab-color: var(--color-normal-080);
    --tab-background-color: var(--color-normal-095);
}

.tab-display.module-b.disabled .tab-list .tab-item a.tab-name {
    pointer-events: none;
}

.tab-display.module-b {
    margin: 20px 0;
}

.tab-display.module-category {
    padding: 20px 0;
}

.tab-display.module-category .tab-list {
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

.tab-display.module-category .tab-list .tab-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.tab-display.module-category .tab-list .tab-item .tab-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    height: 40px;
    line-height: var(--baseline-7x);
    font-size: calc(var(--baseline-7x) / 1.5);
    font-weight: 800;
    color: var(--color-normal-080);
    text-decoration: none;
    border-radius: 4px;
    background-color: var(--color-normal-095);
}

.tab-display.module-category .tab-list .tab-item.current .tab-name {
    color: var(--color-accent-150);
    background-color: color-mix(in srgb, var(--color-accent-150) 10%, white);
}

/**
 * form system
**/
.form .form-elem {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form .form-elem[type=search]::-webkit-search-decoration,
.form .form-elem[type=search]::-webkit-search-cancel-button,
.form .form-elem[type=search]::-webkit-search-results-button,
.form .form-elem[type=search]::-webkit-search-results-decoration {
    display: none;
}

.form .form-elem[type=date]::-webkit-inner-spin-button,
.form .form-elem[type=date]::-webkit-calendar-picker-indicator {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--form-border-radius);
    background: transparent;
}

.form .form-elem[type=time]::-webkit-inner-spin-button,
.form .form-elem[type=time]::-webkit-calendar-picker-indicator {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

.form .form-elem[type=file]::file-selector-button {
    display: none;
}

.form .form-elem[type=color]::-webkit-color-swatch-wrapper {
    display: none;
}

.form .form-elem[type=color]::-moz-color-swatch {
    display: none;
}

.form .form-elem[type=number]::-webkit-outer-spin-button,
.form .form-elem[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.form.module-a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -webkit-column-gap: var(--form-column-gap);
    -moz-column-gap: var(--form-column-gap);
    column-gap: var(--form-column-gap);
    position: relative;
}

.form.module-a .form-text {
    display: block;
    line-height: var(--form-text-line-height);
    font-size: var(--form-text-font-size);
    color: var(--form-text-color);
}

.form.module-a .form-elem {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form.module-a:has(:disabled) {
    opacity: 0.1;
}

.form.module-a:where(.radio, .checkbox) .form-elem {
    width: var(--form-elem-width);
    height: var(--form-elem-height);
}

.form.module-a:where(.radio, .checkbox) .form-elem::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: var(--form-icon-image) no-repeat center/cover;
    mask: var(--form-icon-image) no-repeat center/cover;
    background-color: var(--form-icon-color);
}

.form.module-a:where(.radio, .checkbox).radio {
    --form-icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12 2.5a9.5 9.5 0 1 0 0 19 9.5 9.5 0 0 0 0-19ZM1.5 12C1.5 6.201 6.201 1.5 12 1.5S22.5 6.201 22.5 12 17.799 22.5 12 22.5 1.5 17.799 1.5 12Z"/></svg>');
}

.form.module-a:where(.radio, .checkbox).radio:has(.form-elem:checked) {
    --form-icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-7 0a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z"/></svg>');
}

.form.module-a:where(.radio, .checkbox).checkbox {
    --form-icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M1.5 8A6.5 6.5 0 0 1 8 1.5h8A6.5 6.5 0 0 1 22.5 8v8a6.5 6.5 0 0 1-6.5 6.5H8A6.5 6.5 0 0 1 1.5 16V8ZM8 2.5A5.5 5.5 0 0 0 2.5 8v8A5.5 5.5 0 0 0 8 21.5h8a5.5 5.5 0 0 0 5.5-5.5V8A5.5 5.5 0 0 0 16 2.5H8Z"/></svg>');
}

.form.module-a:where(.radio, .checkbox).checkbox:has(.form-elem:checked) {
    --form-icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M8 2a6 6 0 0 0-6 6v8a6 6 0 0 0 6 6h8a6 6 0 0 0 6-6V8a6 6 0 0 0-6-6H8Zm7.809 7.473c.26.26.26.682 0 .942l-4.392 4.392a.667.667 0 0 1-.942 0l-2.28-2.279a.667.667 0 0 1 .942-.943l1.809 1.808 3.92-3.92c.26-.26.682-.26.943 0Z"/></svg>');
}

.form.module-a.switch .form-elem {
    width: calc(var(--form-elem-height) * 1.5);
    height: var(--form-elem-height);
    --form-slider-height: calc(var(--form-elem-height) * 0.8);
    --form-slider-thumb-height: calc(var(--form-elem-height) * 0.6);
    --form-slider-thumb-gap: calc((var(--form-slider-height) - var(--form-slider-thumb-height)) / 2);
}

.form.module-a.switch .form-elem::before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - var(--form-slider-height) / 2);
    left: 0;
    width: 100%;
    height: var(--form-slider-height);
    border-radius: calc(var(--form-slider-height) / 2);
    background-color: var(--form-icon-background-color);
}

.form.module-a.switch .form-elem::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - var(--form-slider-thumb-height) / 2);
    left: var(--form-slider-thumb-gap);
    width: var(--form-slider-thumb-height);
    height: var(--form-slider-thumb-height);
    border-radius: 50%;
    background-color: white;
    -webkit-box-shadow: 0 0 calc(var(--form-slider-thumb-height) / 4) 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 calc(var(--form-slider-thumb-height) / 4) 0 rgba(0, 0, 0, 0.24);
    -webkit-transition: left 0.1s ease-out;
    transition: left 0.1s ease-out;
}

.form.module-a.switch .form-elem:checked::after {
    border-color: var(--icon-checked);
    left: calc(100% - var(--form-slider-thumb-height) - var(--form-slider-thumb-gap));
}

.form.module-a.outline-5x {
    --form-column-gap: 4px;
    --form-elem-height: var(--baseline-5x);
    --form-elem-width: var(--form-elem-height);
    --form-text-line-height: var(--form-elem-height);
    --form-text-font-size: calc(var(--form-text-line-height) / 1.5);
}

.form.module-a.outline-6x {
    --form-column-gap: 4px;
    --form-elem-height: var(--baseline-6x);
    --form-elem-width: var(--form-elem-height);
    --form-text-line-height: var(--form-elem-height);
    --form-text-font-size: calc(var(--form-text-line-height) / 1.5);
}

.form.module-a.normal-010 {
    --form-text-color: var(--color-admin-normal-040);
    --form-icon-color: var(--color-admin-normal-080);
    --form-icon-background-color: var(--color-admin-normal-010);
}

.form.module-a.normal-010:has(:checked) {
    --form-text-color: var(--color-admin-normal-040);
    --form-icon-color: var(--color-admin-normal-010);
    --form-icon-background-color: var(--color-admin-normal-010);
}

.form.module-a.normal-030 {
    --form-text-color: var(--color-admin-normal-040);
    --form-icon-color: var(--color-admin-normal-080);
    --form-icon-background-color: var(--color-admin-normal-030);
}

.form.module-a.normal-030:has(:checked) {
    --form-text-color: var(--color-admin-normal-040);
    --form-icon-color: var(--color-admin-normal-030);
    --form-icon-background-color: var(--color-admin-normal-030);
}

.form.module-a.accent-150 {
    --form-text-color: var(--color-admin-normal-040);
    --form-icon-color: var(--color-admin-normal-080);
    --form-icon-background-color: var(--color-admin-normal-080);
}

.form.module-a.accent-150:has(:checked) {
    --form-text-color: var(--color-admin-normal-040);
    --form-icon-color: var(--color-admin-accent-150);
    --form-icon-background-color: var(--color-admin-accent-150);
}

.form.module-b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: var(--form-column-gap);
    -moz-column-gap: var(--form-column-gap);
    column-gap: var(--form-column-gap);
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: var(--form-border-radius);
    background-color: var(--form-background-color);
    cursor: pointer;
}

.form.module-b[style*="--int-width"] {
    width: calc(var(--int-width) * 1px);
}

.form.module-b:not(.textarea) {
    height: var(--form-height);
}

.form.module-b:not(.textarea) .from-elem {
    height: var(--form-height);
}

.form.module-b .form-elem {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: var(--form-elem-line-height);
    font-size: var(--form-elem-font-size);
    font-weight: var(--form-elem-font-weight);
    font-family: 'Pretendard', 'Pretendard Variable', NanumSquareNeo, Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, dotum, 돋움, sans-serif;
    color: var(--form-elem-color);
    text-overflow: ellipsis;
    border: hidden;
    background-color: transparent;
    outline: none;
}

.form.module-b .form-elem::-webkit-input-placeholder {
    font-weight: 400;
    color: var(--form-elem-placeholder-color);
}

.form.module-b .form-elem::-moz-placeholder {
    font-weight: 400;
    color: var(--form-elem-placeholder-color);
}

.form.module-b .form-elem:-ms-input-placeholder {
    font-weight: 400;
    color: var(--form-elem-placeholder-color);
}

.form.module-b .form-elem::-ms-input-placeholder {
    font-weight: 400;
    color: var(--form-elem-placeholder-color);
}

.form.module-b .form-elem::placeholder {
    font-weight: 400;
    color: var(--form-elem-placeholder-color);
}

.form.module-b .form-text {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    min-width: 32px;
    line-height: var(--form-text-line-height);
    font-size: var(--form-text-font-size);
    font-weight: var(--form-text-font-weight);
    color: var(--form-text-color);
}

.form.module-b .form-text[class*=icon-] {
    min-width: calc(var(--form-column-gap) + var(--form-icon-width) + 32px);
}

.form.module-b .form-text[class*=icon-]::before {
    content: "";
    display: block;
    width: var(--form-icon-width);
    height: var(--form-icon-height);
    -webkit-mask: var(--icon-image) no-repeat center/cover;
    mask: var(--icon-image) no-repeat center/cover;
    background-color: var(--form-text-color);
}

.form.module-b button[class*=form-btn-] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    width: var(--form-icon-width);
    height: var(--form-icon-height);
    cursor: pointer;
    border: hidden;
    background-color: transparent;
}

.form.module-b button[class*=form-btn-]::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--form-elem-color);
}

.form.module-b button[class*=form-btn-] .btn-name {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.form.module-b .form-btn-search::before {
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M14.391 15.452a7 7 0 1 1 1.06-1.06l4.33 4.328a.75.75 0 0 1-1.061 1.06l-4.329-4.328ZM15.5 10a5.5 5.5 0 1 0-11 0 5.5 5.5 0 0 0 11 0Z"/></svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M14.391 15.452a7 7 0 1 1 1.06-1.06l4.33 4.328a.75.75 0 0 1-1.061 1.06l-4.329-4.328ZM15.5 10a5.5 5.5 0 1 0-11 0 5.5 5.5 0 0 0 11 0Z"/></svg>');
}

.form.module-b .form-btn-cancel {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: var(--form-icon-width);
    height: var(--form-icon-height);
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-7.121-3.293-1.88 1.879-1.878-1.879a1 1 0 1 0-1.414 1.414L10.586 12l-1.879 1.878a1 1 0 0 0 1.415 1.415L12 13.414l1.878 1.879a1 1 0 0 0 1.414-1.415L13.414 12l1.879-1.879a1 1 0 0 0-1.414-1.414Z"/></svg>') no-repeat center/cover;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-7.121-3.293-1.88 1.879-1.878-1.879a1 1 0 1 0-1.414 1.414L10.586 12l-1.879 1.878a1 1 0 0 0 1.415 1.415L12 13.414l1.878 1.879a1 1 0 0 0 1.414-1.415L13.414 12l1.879-1.879a1 1 0 0 0-1.414-1.414Z"/></svg>') no-repeat center/cover;
    background-color: var(--form-text-color);
}

.form.module-b:not(.typed:hover) .form-btn-cancel {
    display: none;
}

.form.module-b:has(:disabled) .form-btn-cancel {
    display: none;
}

.form.module-b .form-unit {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    line-height: var(--form-elem-line-height);
    font-size: var(--form-elem-font-size);
    font-weight: var(--form-elem-font-weight);
    color: var(--form-elem-color);
}

.form.module-b.textarea .form-elem {
    resize: none;
    padding: calc((var(--form-height) - var(--form-elem-line-height)) / 2) var(--form-padding-left);
}

html.laptop .form.module-b.textarea .form-elem {
    -webkit-overflow-scrolling: touch;
}

html.laptop .form.module-b.textarea .form-elem::-webkit-scrollbar-thumb {
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
    background-clip: content-box;
    background-color: rgba(0, 0, 0, 0.2);
}

html.laptop .form.module-b.textarea .form-elem::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

html.laptop .form.module-b.textarea .form-elem::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, 0.6);
}

html.laptop .form.module-b.textarea .form-elem::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

html.laptop .form.module-b.textarea .form-elem::-webkit-scrollbar-thumb {
    border-radius: 6px;
}

.form.module-b.select {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12 18a1.898 1.898 0 0 1-.737-.151 1.702 1.702 0 0 1-.593-.418l-4.209-5.533a1.764 1.764 0 0 1-.447-.95c-.046-.347.02-.699.187-1.015.136-.274.359-.509.64-.674.283-.166.612-.255.95-.259h8.418c.338.004.668.093.95.259.281.165.504.4.64.674.168.316.233.668.187 1.016a1.766 1.766 0 0 1-.447.949l-4.21 5.533c-.16.177-.362.32-.592.418-.23.098-.482.15-.737.151Z"/></svg>');
}

.form.module-b.select:has(.form-text) {
    padding-left: var(--form-padding-left);
}

.form.module-b.select:not(:has(.form-text)) .form-elem {
    padding-left: var(--form-padding-left);
}

.form.module-b.select .form-elem {
    height: var(--form-height);
    padding-right: calc(var(--form-column-gap) + var(--form-icon-width) + var(--form-padding-right));
}

.form.module-b.select::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - var(--form-icon-height) / 2);
    right: var(--form-padding-right);
    width: var(--form-icon-width);
    height: var(--form-icon-height);
    -webkit-mask: var(--icon-image) no-repeat center/cover;
    mask: var(--icon-image) no-repeat center/cover;
    background-color: var(--form-icon-color);
    pointer-events: none;
}

.form.module-b.checkbox .form-elem {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.form.module-b.checkbox[class*=icon-] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: var(--type-padding-right);
    padding-left: var(--type-padding-left);
}

.form.module-b.checkbox[class*=icon-][class*=ltr-] {
    padding-right: var(--type-padding-right);
    padding-left: var(--type-padding-left);
}

.form.module-b.checkbox[class*=icon-][class*=ltr-]::before {
    content: "";
}

.form.module-b.checkbox[class*=icon-][class*=rtl-]::after {
    content: "";
}

.form.module-b.checkbox[class*=icon-]:not([class*=ltr-], [class*=rtl-])::before {
    content: "";
}

.form.module-b.checkbox[class*=icon-]:not([class*=ltr-], [class*=rtl-]) .form-text {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.form.module-b.checkbox[class*=icon-]::before,
.form.module-b.checkbox[class*=icon-]::after {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    position: relative;
    z-index: 1;
    width: var(--type-icon-width);
    height: var(--type-icon-height);
    -webkit-mask: var(--icon-image) no-repeat center/cover;
    mask: var(--icon-image) no-repeat center/cover;
    background-color: var(--type-icon-color);
}

.form.module-b.checkbox[class*=icon-].icon-arrow-northeast::before {
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M9 6.75A.75.75 0 0 1 9.75 6h7.5a.75.75 0 0 1 .75.75v8a.75.75 0 0 1-1.5 0V8.56l-9.22 9.22a.75.75 0 0 1-1.06-1.06l9.22-9.22H9.75A.75.75 0 0 1 9 6.75Z"/></svg>') no-repeat center/cover;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M9 6.75A.75.75 0 0 1 9.75 6h7.5a.75.75 0 0 1 .75.75v8a.75.75 0 0 1-1.5 0V8.56l-9.22 9.22a.75.75 0 0 1-1.06-1.06l9.22-9.22H9.75A.75.75 0 0 1 9 6.75Z"/></svg>') no-repeat center/cover;
}

.form.module-b.checkbox[class*=icon-]:has(.form-elem:checked).icon-arrow-northeast {
    --form-border-color: var(--color-admin-accent-150);
}

.form.module-b.checkbox[class*=icon-]:has(.form-elem:checked).icon-arrow-northeast::before {
    background-color: var(--color-admin-accent-150);
}

.form.module-b.file {
    position: relative;
}

.form.module-b.file:after,
.form.module-b.file .form-text {
    cursor: pointer;
}

.form.module-b.file .form-text:not([class*=icon]) + .form-elem[type=file] {
    left: 64px;
    width: calc(100% - 100px);
}

.form.module-b.file .form-text + .form-elem[type=file] {
    left: 80px;
    width: calc(100% - 118px);
}

.form.module-b.file .form-elem[type=file] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    overflow: hidden;
    width: calc(100% - 48px);
    padding: 0;
    opacity: 0;
}

.form.module-b.textfield:has(> input[type=date]) {
    width: 0;
}

.form.module-b:where(.textfield, .date, .time, .file) {
    padding-right: var(--form-padding-right);
}

.form.module-b:where(.textfield, .date, .time, .file):has(.form-text) {
    padding-left: var(--form-padding-left);
}

.form.module-b:where(.textfield, .date, .time, .file):not(:has(.form-text)) .form-elem {
    padding-left: var(--form-padding-left);
}

.form.module-b:where(.textfield, .date, .time, .file):where(.date, .time, .file)::after {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: var(--form-icon-width);
    height: var(--form-icon-height);
    -webkit-mask: var(--icon-image) no-repeat center/cover;
    mask: var(--icon-image) no-repeat center/cover;
    background-color: var(--form-icon-color);
}

.form.module-b:where(.textfield, .date, .time, .file):where(.date, .time, .file).date {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M7.5 3.75a.75.75 0 0 1 1.5 0V5h6V3.75a.75.75 0 0 1 1.5 0V5h.5a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h.5V3.75ZM15 6.5H9v1.25a.75.75 0 0 1-1.5 0V6.5H7A2.5 2.5 0 0 0 4.5 9v1.043A.738.738 0 0 1 4.75 10h14.5c.088 0 .172.015.25.043V9A2.5 2.5 0 0 0 17 6.5h-.5v1.25a.75.75 0 0 1-1.5 0V6.5ZM4.5 11.457V17A2.5 2.5 0 0 0 7 19.5h10a2.5 2.5 0 0 0 2.5-2.5v-5.543a.738.738 0 0 1-.25.043H4.75a.738.738 0 0 1-.25-.043Z"/></svg>');
}

.form.module-b:where(.textfield, .date, .time, .file):where(.date, .time, .file).time {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M16.25 12.5H12.5V8.75c0-.41-.34-.75-.75-.75s-.75.34-.75.75v4.5c0 .41.34.75.75.75h4.5c.41 0 .75-.34.75-.75s-.34-.75-.75-.75ZM12 3a9 9 0 1 0 .001 18.001A9 9 0 0 0 12 3Zm0 16.5c-4.14 0-7.5-3.36-7.5-7.5 0-4.14 3.36-7.5 7.5-7.5 4.14 0 7.5 3.36 7.5 7.5 0 4.14-3.36 7.5-7.5 7.5Zm4.25-7H12.5V8.75c0-.41-.34-.75-.75-.75s-.75.34-.75.75v4.5c0 .41.34.75.75.75h4.5c.41 0 .75-.34.75-.75s-.34-.75-.75-.75Zm0 0H12.5V8.75c0-.41-.34-.75-.75-.75s-.75.34-.75.75v4.5c0 .41.34.75.75.75h4.5c.41 0 .75-.34.75-.75s-.34-.75-.75-.75Z"/></svg>');
}

.form.module-b:where(.textfield, .date, .time, .file):where(.date, .time, .file).file {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M17.8 3c-.5 0-.8.3-.8.8v1.8h-1.8c-.4 0-.8.3-.8.8s.4.6.8.6H17v1.8c0 .4.3.8.8.8s.8-.3.8-.8V7h1.8c.3 0 .6-.3.6-.8s-.3-.8-.8-.8h-1.8V3.8c.1-.5-.2-.8-.6-.8Zm-6.6 1c.5 0 .8.3.8.8s-.3.8-.8.8h-4c-1.5 0-2.8 1.2-2.8 2.8v8.1L6 15c1-1 2.4-1.1 3.4-.4l.9.6c.5.3 1.3.2 1.7-.3l1.1-1.4c1.1-1.4 3.2-1.4 4.3-.1l1.1 1.3v-3c0-.4.3-.8.8-.8s.8.3.8.8v5c0 2.3-1.9 4.2-4.2 4.2H7.2C4.9 21 3 19.1 3 16.8V8.2C3 5.9 4.9 4 7.2 4h4Zm7.3 13.1-2.2-2.7c-.5-.6-1.5-.6-1.9 0l-1.1 1.4c-.9 1.1-2.5 1.4-3.6.6l-.9-.6c-.5-.3-1.1-.3-1.5.1L4.8 18c.5.9 1.4 1.5 2.4 1.5h8.5c1.5 0 2.6-1.1 2.8-2.4Zm-7-7.3c0 1.5-1.2 2.8-2.8 2.8C7.2 12.5 6 11.3 6 9.8 6 8.2 7.2 7 8.8 7c1.5 0 2.7 1.2 2.7 2.8Zm-1.5 0c0-.7-.6-1.2-1.2-1.2s-1.3.5-1.3 1.2.6 1.2 1.2 1.2 1.3-.6 1.3-1.2Z"/></svg>');
}

.form.module-b:where(.type-line) {
    border: var(--form-border-width) solid var(--form-border-color);
}

.form.module-b.normal-080 {
    --form-border-color: var(--color-admin-normal-080);
    --form-background-color: var(--color-admin-normal-100);
    --form-text-color: var(--color-admin-normal-060);
    --form-elem-color: var(--color-admin-normal-030);
    --form-elem-placeholder-color: var(--color-admin-normal-080);
    --form-unit-color: var(--form-text-color);
    --form-icon-color: var(--form-elem-color);
}

.form.module-b.normal-080:has(.form-elem:-moz-read-only:not(select, [type=file], [type=checkbox], .file-name)):has(.form-elem:not(:disabled)) {
    --form-border-color: var(--color-admin-normal-080);
    --form-background-color: var(--color-admin-normal-097);
    --form-text-color: var(--color-admin-normal-060);
    --form-elem-color: var(--color-admin-normal-030);
    --form-elem-placeholder-color: var(--color-admin-normal-080);
    --form-unit-color: var(--form-text-color);
    --form-icon-color: var(--form-elem-color);
}

.form.module-b.normal-080:has(.form-elem:read-only:not(select, [type=file], [type=checkbox], .file-name)):has(.form-elem:not(:disabled)) {
    --form-border-color: var(--color-admin-normal-080);
    --form-background-color: var(--color-admin-normal-097);
    --form-text-color: var(--color-admin-normal-060);
    --form-elem-color: var(--color-admin-normal-030);
    --form-elem-placeholder-color: var(--color-admin-normal-080);
    --form-unit-color: var(--form-text-color);
    --form-icon-color: var(--form-elem-color);
}

.form.module-b.normal-080:has(.form-elem:disabled) {
    --form-border-color: var(--color-admin-normal-090);
    --form-background-color: var(--color-admin-normal-095);
    --form-text-color: var(--color-admin-normal-080);
    --form-elem-color: var(--color-admin-normal-080);
    --form-elem-placeholder-color: var(--color-admin-normal-080);
    --form-unit-color: var(--form-text-color);
    --form-icon-color: var(--form-elem-color);
}

.form.module-b.normal-080:has(.form-elem:focus):not(.checkbox) {
    --form-border-color: var(--color-admin-accent-150);
}

.form.module-b.normal-080.invalid {
    --form-border-color: var(--color-admin-accent-250);
}

.form.module-b.normal-080:where(.type-none, .type-line) {
    --type-color: var(--color-admin-normal-030);
    --type-icon-color: var(--type-color);
}

.form.module-b.normal-080:where(.type-none) {
    --form-border-width: 0;
}

.form.module-b.normal-080:has([class*=icon-]) {
    --type-color: var(--color-admin-normal-010);
    --type-icon-color: var(--color-admin-normal-030);
}

.form.module-b.normal-090 {
    --form-border-color: var(--color-admin-normal-090);
    --form-background-color: var(--color-admin-normal-100);
    --form-text-color: var(--color-admin-normal-060);
    --form-elem-color: var(--color-admin-normal-010);
    --form-elem-placeholder-color: var(--color-admin-normal-080);
    --form-unit-color: var(--form-text-color);
    --form-icon-color: var(--form-elem-color);
}

.form.module-b.normal-090:has(.form-elem:-moz-read-only:not(select, [type=file])) {
    --form-border-color: var(--color-admin-normal-090);
    --form-background-color: var(--color-admin-normal-097);
    --form-text-color: var(--color-admin-normal-070);
    --form-elem-color: var(--color-admin-normal-020);
    --form-elem-placeholder-color: var(--color-admin-normal-070);
    --form-unit-color: var(--form-text-color);
    --form-icon-color: var(--form-elem-color);
}

.form.module-b.normal-090:has(.form-elem:read-only:not(select, [type=file])) {
    --form-border-color: var(--color-admin-normal-090);
    --form-background-color: var(--color-admin-normal-097);
    --form-text-color: var(--color-admin-normal-070);
    --form-elem-color: var(--color-admin-normal-020);
    --form-elem-placeholder-color: var(--color-admin-normal-070);
    --form-unit-color: var(--form-text-color);
    --form-icon-color: var(--form-elem-color);
}

.form.module-b.normal-090:has(.form-elem:disabled) {
    --form-border-color: var(--color-admin-normal-090);
    --form-background-color: var(--color-admin-normal-097);
    --form-text-color: var(--color-admin-normal-080);
    --form-elem-color: var(--color-admin-normal-080);
    --form-elem-placeholder-color: var(--color-admin-normal-080);
    --form-unit-color: var(--form-text-color);
    --form-icon-color: var(--form-elem-color);
}

.form.module-b.normal-090:has(.form-elem:focus) {
    --form-border-color: var(--color-admin-accent-150);
}

.form.module-b.normal-090.invalid {
    --form-border-color: var(--color-admin-accent-250);
}

.form.module-b.outline-6x {
    --form-height: 24px;
    --form-column-gap: 8px;
    --form-padding-top: 10px;
    --form-padding-bottom: var(--form-padding-top);
    --form-padding-left: 12px;
    --form-padding-right: var(--form-padding-left);
    --form-border-width: 1px;
    --form-border-radius: 12px;
    --form-text-line-height: var(--baseline-4x);
    --form-text-font-size: calc(var(--form-text-line-height) / 1.5);
    --form-text-font-weight: 600;
    --form-elem-line-height: var(--baseline-6x);
    --form-elem-font-size: calc(var(--form-elem-line-height) / 1.5);
    --form-elem-font-weight: 400;
    --form-icon-width: var(--form-elem-line-height);
    --form-icon-height: var(--form-icon-width);
    --form-unit-line-height: var(--form-elem-line-height);
    --form-unit-font-size: var(--form-elem-font-size);
    --form-unit-font-weight: var(--form-elem-font-weight);
    --type-icon-width: var(--form-elem-line-height);
    --type-icon-height: var(--type-icon-width);
    --type-padding-right: 4px;
    --type-padding-left: 4px;
}

.form.module-b.outline-6x:has(.form-elem:focus) {
    --form-border-width: 1px;
}

.form.module-b.outline-8x {
    --form-height: 32px;
    --form-column-gap: 8px;
    --form-padding-top: 10px;
    --form-padding-bottom: var(--form-padding-top);
    --form-padding-left: 12px;
    --form-padding-right: var(--form-padding-left);
    --form-border-width: 1px;
    --form-border-radius: 8px;
    --form-text-line-height: var(--baseline-4x);
    --form-text-font-size: calc(var(--form-text-line-height) / 1.5);
    --form-text-font-weight: 600;
    --form-elem-line-height: var(--baseline-5x);
    --form-elem-font-size: calc(var(--form-elem-line-height) / 1.5);
    --form-elem-font-weight: 400;
    --form-icon-width: var(--form-elem-line-height);
    --form-icon-height: var(--form-icon-width);
    --form-unit-line-height: var(--form-elem-line-height);
    --form-unit-font-size: var(--form-elem-font-size);
    --form-unit-font-weight: var(--form-elem-font-weight);
}

.form.module-b.outline-8x:has(.form-elem:focus) {
    --form-border-width: 1px;
}

.form.module-b.outline-10x {
    --form-height: 40px;
    --form-column-gap: 8px;
    --form-padding-top: 10px;
    --form-padding-bottom: var(--form-padding-top);
    --form-padding-left: 12px;
    --form-padding-right: var(--form-padding-left);
    --form-border-width: 1px;
    --form-border-radius: 12px;
    --form-text-line-height: var(--baseline-4x);
    --form-text-font-size: calc(var(--form-text-line-height) / 1.5);
    --form-text-font-weight: 600;
    --form-elem-line-height: var(--baseline-5x);
    --form-elem-font-size: calc(var(--form-elem-line-height) / 1.5);
    --form-elem-font-weight: 400;
    --form-icon-width: var(--form-elem-line-height);
    --form-icon-height: var(--form-icon-width);
    --form-unit-line-height: var(--form-elem-line-height);
    --form-unit-font-size: var(--form-elem-font-size);
    --form-unit-font-weight: var(--form-elem-font-weight);
    --type-icon-width: var(--form-elem-line-height);
    --type-icon-height: var(--type-icon-width);
    --type-padding-right: 10px;
    --type-padding-left: 10px;
}

.form.module-b.outline-10x:has(.form-elem:focus) {
    --form-border-width: 1px;
}

.form.module-c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.form.module-c.align-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.form.module-c.align-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.form.module-c.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.form.module-c.align-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.form.module-c .form-elem {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--form-border-radius);
    border: var(--form-border-width) solid var(--form-border-color);
    background-color: var(--form-background-color);
}

.form.module-c .form-elem:checked {
    -webkit-box-shadow: 0 1px 6px 0 color-mix(in srgb, var(--form-text-color) 12%, white);
    box-shadow: 0 1px 6px 0 color-mix(in srgb, var(--form-text-color) 12%, white);
}

.form.module-c .form-text {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    padding-left: var(--form-padding-left);
    padding-right: var(--form-padding-right);
    height: var(--form-height);
    line-height: var(--form-text-line-height);
    font-size: var(--form-text-font-size);
    font-weight: var(--form-text-font-weight);
    color: var(--form-text-color);
}

.form.module-c.accent-150 {
    --form-border-color: var(--color-admin-normal-080);
    --form-background-color: var(--color-admin-normal-100);
    --form-text-color: var(--color-admin-normal-070);
}

.form.module-c.accent-150:has(.form-elem:checked) {
    --form-text-color: var(--color-admin-accent-150);
    --form-border-color: var(--form-text-color);
    --form-background-color: color-mix(in srgb, var(--form-text-color) 2%, white);
}

.form.module-c.accent-150.invalid {
    --form-border-color: var(--color-admin-accent-250);
}

.form.module-c.outline-8x {
    --form-height: 32px;
    --form-column-gap: 4px;
    --form-padding-top: 6px;
    --form-padding-bottom: var(--form-padding-top);
    --form-padding-left: 8px;
    --form-padding-right: var(--form-padding-left);
    --form-border-width: 1px;
    --form-border-radius: 8px;
    --form-text-line-height: var(--baseline-5x);
    --form-text-font-size: calc(var(--form-text-line-height) / 1.5);
    --form-text-font-weight: 600;
    --form-icon-width: var(--form-elem-line-height);
    --form-icon-height: var(--form-icon-width);
}

.form.module-c.outline-10x {
    --form-height: 40px;
    --form-column-gap: 8px;
    --form-padding-top: 10px;
    --form-padding-bottom: var(--form-padding-top);
    --form-padding-left: 10px;
    --form-padding-right: var(--form-padding-left);
    --form-border-width: 1px;
    --form-border-radius: 12px;
    --form-text-line-height: var(--baseline-5x);
    --form-text-font-size: calc(var(--form-text-line-height) / 1.5);
    --form-text-font-weight: 600;
    --form-icon-width: var(--form-elem-line-height);
    --form-icon-height: var(--form-icon-width);
}

.form.module-property {
    --form-elem-padding: 0 4px;
    --form-icon-width: 20px;
    --form-icon-height: 20px;
    --form-icon-color: var(--color-admin-normal-070);
    --form-icon-background-color: transparent;
    display: block;
}

.form.module-property .form-elem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px;
    padding: var(--form-elem-padding);
    border-radius: 4px;
    background-color: var(--form-icon-background-color);
}

.form.module-property .form-elem::before {
    content: "";
    display: block;
    width: var(--form-icon-width);
    height: var(--form-icon-height);
    -webkit-mask: var(--icon-image) no-repeat center/cover;
    mask: var(--icon-image) no-repeat center/cover;
    background-color: var(--form-icon-color);
}

.form.module-property .form-elem:checked {
    --form-icon-color: var(--color-admin-accent-150);
    --form-icon-background-color: color-mix(in srgb, var(--color-admin-accent-150) 6%, white);
}

.form.module-property .form-text {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
    display: none;
}

.form.module-property.icon-system-auto {
    --form-elem-padding: 4px 2.5px;
    --form-icon-width: 40px;
}

.form.module-property.type-fill {
    --background-color: color-mix(in srgb, var(--color-admin-accent-150) 6%, white);
}

/**
 * fieldset-system
 *
 * @param{string} module
 * @param{string} prefix
**/
/**
 * @name submit-form
**/
.submit-form.module-a {
    --column-gap: 0;
    --row-gap: var(--column-gap);
    --width: calc((100% / var(--column-count)) - (var(--column-gap) * (var(--column-count) - 1) / var(--column-count)));
    --column-count: 1;
    --column-gap: 0px;
    --row-gap: 12px;
    --submit-form-inform-row-gap: 8px;
    --submit-form-body-row-gap: 8px;
    --submit-form-area-column-gap: 8px;
    --submit-form-area-row-gap: var(--submit-form-area-column-gap);
}

.submit-form.module-a:where(fieldset) {
    min-width: auto;
    margin: 0;
}

.submit-form.module-a .form-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: var(--column-gap);
    -moz-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}

.submit-form.module-a .form-list .form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: var(--width);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.submit-form.module-a .form-list .form-item .form-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: var(--submit-form-wrap-row-gap);
}

.submit-form.module-a .form-list .form-item .form-wrap .form-inform {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--submit-form-inform-row-gap);
}

.submit-form.module-a .form-list .form-item .form-wrap .form-inform .form-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

.submit-form.module-a .form-list .form-item .form-wrap .form-inform .form-head p.form-subject {
    margin: 0;
}

.submit-form.module-a .form-list .form-item .form-wrap .form-inform .form-head .form-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    line-height: var(--submit-form-subject-line-height);
    font-weight: var(--submit-form-subject-font-weight);
    font-size: var(--submit-form-subject-font-size);
    color: var(--submit-form-subject-color);
}

.submit-form.module-a .form-list .form-item .form-wrap .form-inform .form-head .form-subject .form-name {
    display: block;
}

.submit-form.module-a .form-list .form-item .form-wrap .form-inform .form-head .form-subject[data-bui-form-value]::before {
    content: attr(data-bui-form-value);
    display: block;
    height: var(--submit-form-subject-line-height);
}

.submit-form.module-a .form-list .form-item .form-wrap .form-inform .form-head .form-subject[data-bui-form-value] input.form-name {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    line-height: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    border: hidden;
}

.submit-form.module-a .form-list .form-item .form-wrap .form-inform .form-head p.form-summary {
    margin: 0;
}

.submit-form.module-a .form-list .form-item .form-wrap .form-inform .form-head .form-summary {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    line-height: var(--submit-form-summary-line-height);
    font-weight: var(--submit-form-summary-font-weight);
    font-size: var(--submit-form-summary-font-size);
    color: var(--submit-form-summary-color);
}

.submit-form.module-a .form-list .form-item .form-wrap .form-inform .form-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--submit-form-body-row-gap);
}

.submit-form.module-a .form-list .form-item .form-wrap .form-inform .form-body .form-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: var(--submit-form-area-column-gap);
    -moz-column-gap: var(--submit-form-area-column-gap);
    column-gap: var(--submit-form-area-column-gap);
    row-gap: var(--submit-form-area-row-gap);
}

.submit-form.module-a .form-list .form-item .form-wrap .form-inform .form-body .form-area .stretch {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.submit-form.module-a .form-list .form-item .form-wrap .form-inform .form-body .form-area .form:not(.stretch) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.submit-form.module-a .form-list .form-item .form-wrap .form-inform .form-body .form-area .form-sign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 1em;
    text-align: center;
}

.submit-form.module-a:not([class*=type-]) .form-wrap .form-head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.submit-form.module-a:where(fieldset) {
    margin: 0;
    padding: 0;
    min-width: auto;
    border: hidden;
}

.submit-form.module-a:where(fieldset) > legend {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.submit-form.module-a .form-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.submit-form.module-b {
    --column-gap: 0;
    --row-gap: var(--column-gap);
    --width: calc((100% / var(--column-count)) - (var(--column-gap) * (var(--column-count) - 1) / var(--column-count)));
    margin: 0;
    padding: 0;
    border: hidden;
    --column-count: 1;
    --column-gap: 0px;
    --row-gap: 12px;
    --submit-form-inform-row-gap: 12px;
    --submit-form-subject-font-weight: 800;
    --submit-form-subject-line-height: 20px;
    --submit-form-subject-font-size: calc(var(--submit-form-subject-line-height) / 1.5);
    --submit-form-subject-color: var(--color-admin-normal-010);
    --submit-form-body-row-gap: 8px;
    --submit-form-area-column-gap: 4px;
    --submit-form-area-row-gap: var(--submit-form-area-column-gap);
}

.submit-form.module-b:where(fieldset) {
    min-width: auto;
    margin: 0;
}

.submit-form.module-b .form-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: var(--column-gap);
    -moz-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}

.submit-form.module-b .form-list .form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: var(--width);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.submit-form.module-b .form-list .form-item .form-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: var(--submit-form-wrap-row-gap);
}

.submit-form.module-b .form-list .form-item .form-wrap .form-inform {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--submit-form-inform-row-gap);
}

.submit-form.module-b .form-list .form-item .form-wrap .form-inform .form-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

.submit-form.module-b .form-list .form-item .form-wrap .form-inform .form-head p.form-subject {
    margin: 0;
}

.submit-form.module-b .form-list .form-item .form-wrap .form-inform .form-head .form-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    line-height: var(--submit-form-subject-line-height);
    font-weight: var(--submit-form-subject-font-weight);
    font-size: var(--submit-form-subject-font-size);
    color: var(--submit-form-subject-color);
}

.submit-form.module-b .form-list .form-item .form-wrap .form-inform .form-head .form-subject .form-name {
    display: block;
}

.submit-form.module-b .form-list .form-item .form-wrap .form-inform .form-head .form-subject[data-bui-form-value]::before {
    content: attr(data-bui-form-value);
    display: block;
    height: var(--submit-form-subject-line-height);
}

.submit-form.module-b .form-list .form-item .form-wrap .form-inform .form-head .form-subject[data-bui-form-value] input.form-name {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    line-height: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    border: hidden;
}

.submit-form.module-b .form-list .form-item .form-wrap .form-inform .form-head p.form-summary {
    margin: 0;
}

.submit-form.module-b .form-list .form-item .form-wrap .form-inform .form-head .form-summary {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    line-height: var(--submit-form-summary-line-height);
    font-weight: var(--submit-form-summary-font-weight);
    font-size: var(--submit-form-summary-font-size);
    color: var(--submit-form-summary-color);
}

.submit-form.module-b .form-list .form-item .form-wrap .form-inform .form-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--submit-form-body-row-gap);
}

.submit-form.module-b .form-list .form-item .form-wrap .form-inform .form-body .form-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: var(--submit-form-area-column-gap);
    -moz-column-gap: var(--submit-form-area-column-gap);
    column-gap: var(--submit-form-area-column-gap);
    row-gap: var(--submit-form-area-row-gap);
}

.submit-form.module-b .form-list .form-item .form-wrap .form-inform .form-body .form-area .stretch {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.submit-form.module-b .form-list .form-item .form-wrap .form-inform .form-body .form-area .form:not(.stretch) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.submit-form.module-b .form-list .form-item .form-wrap .form-inform .form-body .form-area .form-sign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 1em;
    text-align: center;
}

.submit-form.module-b:not([class*=type-]) .form-wrap .form-head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.submit-form.module-b > legend {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.submit-form.module-b > .form-list .form-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.submit-form.module-b > .form-list .form-item .form-wrap {
    padding: 16px 12px;
    border: 1px solid var(--color-admin-normal-090);
    border-radius: 16px;
}

.submit-form.module-b > .form-list .form-item .form-wrap .form-head:has(.form-utility > .option-list:first-child) {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
}

.submit-form.module-b > .form-list .form-item .form-wrap .form-utility .option-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

.submit-form.module-b > .form-list .form-item .form-wrap .form-utility .option-list .form.module-property .form-elem {
    --form-icon-width: 16px;
    --form-icon-height: 16px;
    --form-elem-padding: 2px;
    height: 20px;
}

.submit-form.module-b > .form-util {
    margin-top: 24px;
}

.submit-form.module-b .btn.edit::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M19.164 4.839a2.871 2.871 0 0 0-4.06 0l-1.597 1.597a.758.758 0 0 0-.072.071L5.72 14.222a.75.75 0 0 0-.181.294l-1.5 4.5a.75.75 0 0 0 .948.948l4.5-1.5a.75.75 0 0 0 .293-.18L19.164 8.9a2.871 2.871 0 0 0 0-4.061ZM6.906 15.158 14 8.062l1.94 1.94-7.096 7.095-2.435.812a.25.25 0 0 1-.316-.316l.812-2.435Zm11.197-7.319-1.102 1.102-1.94-1.94L16.165 5.9a1.371 1.371 0 0 1 1.94 1.939ZM12.75 18.5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z"/></svg>') no-repeat center/cover;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M19.164 4.839a2.871 2.871 0 0 0-4.06 0l-1.597 1.597a.758.758 0 0 0-.072.071L5.72 14.222a.75.75 0 0 0-.181.294l-1.5 4.5a.75.75 0 0 0 .948.948l4.5-1.5a.75.75 0 0 0 .293-.18L19.164 8.9a2.871 2.871 0 0 0 0-4.061ZM6.906 15.158 14 8.062l1.94 1.94-7.096 7.095-2.435.812a.25.25 0 0 1-.316-.316l.812-2.435Zm11.197-7.319-1.102 1.102-1.94-1.94L16.165 5.9a1.371 1.371 0 0 1 1.94 1.939ZM12.75 18.5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z"/></svg>') no-repeat center/cover;
    background-color: var(--color-admin-normal-070);
}

.submit-form.module-b .btn.edit .btn-name {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.submit-form.module-b.draggable .form-list .form-item.sortable-chosen .form-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.submit-form.module-b.draggable .form-list .form-item .form-wrap .form-head {
    cursor: -webkit-grab;
    cursor: grab;
}

.submit-form.module-c {
    --column-gap: 0;
    --row-gap: var(--column-gap);
    --width: calc((100% / var(--column-count)) - (var(--column-gap) * (var(--column-count) - 1) / var(--column-count)));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    border: hidden;
    --column-count: 1;
    --column-gap: 0px;
    --row-gap: 12px;
    --submit-form-wrap-row-gap: 12px;
    --submit-form-subject-font-weight: 700;
    --submit-form-subject-line-height: 20px;
    --submit-form-subject-font-size: calc(var(--submit-form-subject-line-height) / 1.5);
    --submit-form-subject-color: var(--color-admin-normal-010);
    --submit-form-body-row-gap: 8px;
    --submit-form-area-column-gap: 4px;
    --submit-form-area-row-gap: var(--submit-form-area-column-gap);
    --icon-image: url("../../../assets/global/images/svg/image_element_type.svg");
}

.submit-form.module-c:where(fieldset) {
    min-width: auto;
    margin: 0;
}

.submit-form.module-c .form-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: var(--column-gap);
    -moz-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}

.submit-form.module-c .form-list .form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: var(--width);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.submit-form.module-c .form-list .form-item .form-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: var(--submit-form-wrap-row-gap);
}

.submit-form.module-c .form-list .form-item .form-wrap .form-inform {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--submit-form-inform-row-gap);
}

.submit-form.module-c .form-list .form-item .form-wrap .form-inform .form-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

.submit-form.module-c .form-list .form-item .form-wrap .form-inform .form-head p.form-subject {
    margin: 0;
}

.submit-form.module-c .form-list .form-item .form-wrap .form-inform .form-head .form-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    line-height: var(--submit-form-subject-line-height);
    font-weight: var(--submit-form-subject-font-weight);
    font-size: var(--submit-form-subject-font-size);
    color: var(--submit-form-subject-color);
}

.submit-form.module-c .form-list .form-item .form-wrap .form-inform .form-head .form-subject .form-name {
    display: block;
}

.submit-form.module-c .form-list .form-item .form-wrap .form-inform .form-head .form-subject[data-bui-form-value]::before {
    content: attr(data-bui-form-value);
    display: block;
    height: var(--submit-form-subject-line-height);
}

.submit-form.module-c .form-list .form-item .form-wrap .form-inform .form-head .form-subject[data-bui-form-value] input.form-name {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    line-height: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    border: hidden;
}

.submit-form.module-c .form-list .form-item .form-wrap .form-inform .form-head p.form-summary {
    margin: 0;
}

.submit-form.module-c .form-list .form-item .form-wrap .form-inform .form-head .form-summary {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    line-height: var(--submit-form-summary-line-height);
    font-weight: var(--submit-form-summary-font-weight);
    font-size: var(--submit-form-summary-font-size);
    color: var(--submit-form-summary-color);
}

.submit-form.module-c .form-list .form-item .form-wrap .form-inform .form-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--submit-form-body-row-gap);
}

.submit-form.module-c .form-list .form-item .form-wrap .form-inform .form-body .form-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: var(--submit-form-area-column-gap);
    -moz-column-gap: var(--submit-form-area-column-gap);
    column-gap: var(--submit-form-area-column-gap);
    row-gap: var(--submit-form-area-row-gap);
}

.submit-form.module-c .form-list .form-item .form-wrap .form-inform .form-body .form-area .stretch {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.submit-form.module-c .form-list .form-item .form-wrap .form-inform .form-body .form-area .form:not(.stretch) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.submit-form.module-c .form-list .form-item .form-wrap .form-inform .form-body .form-area .form-sign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 1em;
    text-align: center;
}

.submit-form.module-c:not([class*=type-]) .form-wrap .form-head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.submit-form.module-c > legend {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.submit-form.module-c .form-list {
    width: 100%;
}

.submit-form.module-c .form-list .form-item {
    --background-position-x: 0;
}

.submit-form.module-c .form-list .form-item.attr-badge {
    --background-position-y: 0;
}

.submit-form.module-c .form-list .form-item.attr-thumbnail {
    --background-position-y: calc(-64px * 1);
}

.submit-form.module-c .form-list .form-item.attr-subject {
    --background-position-y: calc(-64px * 2);
}

.submit-form.module-c .form-list .form-item.attr-info {
    --background-position-y: calc(-64px * 3);
}

.submit-form.module-c .form-list .form-item.attr-price {
    --background-position-y: calc(-64px * 4);
}

.submit-form.module-c .form-list .form-item.attr-limited {
    --background-position-y: calc(-64px * 5);
}

.submit-form.module-c .form-list .form-item .form-wrap {
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 0 1px var(--color-admin-normal-090);
    box-shadow: inset 0 0 0 1px var(--color-admin-normal-090);
}

.submit-form.module-c .form-list .form-item .form-wrap::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 80px;
    height: 64px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: var(--background-position-x) var(--background-position-y);
    background-image: var(--icon-image);
    background-size: 200% auto;
}

.submit-form.module-c .form-list .form-item .form-wrap:has(.form-elem:checked) {
    --background-position-x: 100%;
    -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-admin-accent-150) 40%, white), 0 1px 6px 0 color-mix(in srgb, var(--color-admin-accent-150) 6%, white);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-admin-accent-150) 40%, white), 0 1px 6px 0 color-mix(in srgb, var(--color-admin-accent-150) 6%, white);
}

.submit-form.module-c .form-list .form-item .form-wrap .form-inform .form-head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.submit-form.module-c .form-list .form-item .form-wrap .form-inform .form-body {
    margin-top: 8px;
}

.submit-form.module-c .form-list .form-item.undefined {
    pointer-events: none;
}

.submit-form.module-c .form-list .form-item.undefined .form-wrap {
    opacity: 0.4;
    background-color: var(--color-admin-normal-097);
}

.submit-form.module-c .btn.edit::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M15.347 3.969a3.309 3.309 0 0 1 4.68 4.679l-.009.008-8.77 8.515-4.424-4.424 8.523-8.778ZM5.573 14.043l-.934.967a.682.682 0 0 0-.164.281l-1.446 4.82a.689.689 0 0 0 .858.858l4.82-1.446a.7.7 0 0 0 .281-.164l.967-.934-4.382-4.382Z"/></svg>') no-repeat center/cover;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M15.347 3.969a3.309 3.309 0 0 1 4.68 4.679l-.009.008-8.77 8.515-4.424-4.424 8.523-8.778ZM5.573 14.043l-.934.967a.682.682 0 0 0-.164.281l-1.446 4.82a.689.689 0 0 0 .858.858l4.82-1.446a.7.7 0 0 0 .281-.164l.967-.934-4.382-4.382Z"/></svg>') no-repeat center/cover;
    background-color: var(--color-admin-normal-070);
}

.submit-form.module-c .btn.edit .btn-name {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.submit-form.component-properties {
    --column-gap: 0;
    --row-gap: var(--column-gap);
    --width: calc((100% / var(--column-count)) - (var(--column-gap) * (var(--column-count) - 1) / var(--column-count)));
    --row-gap: 12px;
}

.submit-form.component-properties:where(fieldset) {
    min-width: auto;
    margin: 0;
}

.submit-form.component-properties .form-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: var(--column-gap);
    -moz-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}

.submit-form.component-properties .form-list .form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: var(--width);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.submit-form.component-properties .form-list .form-item .form-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: var(--submit-form-wrap-row-gap);
}

.submit-form.component-properties .form-list .form-item .form-wrap .form-inform {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--submit-form-inform-row-gap);
}

.submit-form.component-properties .form-list .form-item .form-wrap .form-inform .form-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
}

.submit-form.component-properties .form-list .form-item .form-wrap .form-inform .form-head p.form-subject {
    margin: 0;
}

.submit-form.component-properties .form-list .form-item .form-wrap .form-inform .form-head .form-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    line-height: var(--submit-form-subject-line-height);
    font-weight: var(--submit-form-subject-font-weight);
    font-size: var(--submit-form-subject-font-size);
    color: var(--submit-form-subject-color);
}

.submit-form.component-properties .form-list .form-item .form-wrap .form-inform .form-head .form-subject .form-name {
    display: block;
}

.submit-form.component-properties .form-list .form-item .form-wrap .form-inform .form-head .form-subject[data-bui-form-value]::before {
    content: attr(data-bui-form-value);
    display: block;
    height: var(--submit-form-subject-line-height);
}

.submit-form.component-properties .form-list .form-item .form-wrap .form-inform .form-head .form-subject[data-bui-form-value] input.form-name {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    line-height: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    border: hidden;
}

.submit-form.component-properties .form-list .form-item .form-wrap .form-inform .form-head p.form-summary {
    margin: 0;
}

.submit-form.component-properties .form-list .form-item .form-wrap .form-inform .form-head .form-summary {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    line-height: var(--submit-form-summary-line-height);
    font-weight: var(--submit-form-summary-font-weight);
    font-size: var(--submit-form-summary-font-size);
    color: var(--submit-form-summary-color);
}

.submit-form.component-properties .form-list .form-item .form-wrap .form-inform .form-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--submit-form-body-row-gap);
}

.submit-form.component-properties .form-list .form-item .form-wrap .form-inform .form-body .form-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: var(--submit-form-area-column-gap);
    -moz-column-gap: var(--submit-form-area-column-gap);
    column-gap: var(--submit-form-area-column-gap);
    row-gap: var(--submit-form-area-row-gap);
}

.submit-form.component-properties .form-list .form-item .form-wrap .form-inform .form-body .form-area .stretch {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.submit-form.component-properties .form-list .form-item .form-wrap .form-inform .form-body .form-area .form:not(.stretch) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.submit-form.component-properties .form-list .form-item .form-wrap .form-inform .form-body .form-area .form-sign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 1em;
    text-align: center;
}

.submit-form.component-properties:not([class*=type-]) .form-wrap .form-head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.submit-form.component-properties:not([class*=module-]) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    border: hidden;
}

.submit-form.component-properties:not([class*=module-]):not(:first-child) {
    margin: 12px 0;
}

.submit-form.component-properties:not([class*=module-]) > legend {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.submit-form.component-properties:not([class*=module-]) .form-list {
    border: 1px solid var(--color-admin-normal-090);
    border-radius: 12px;
}

.submit-form.component-properties:not([class*=module-]) .form-list .form-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.submit-form.component-properties:not([class*=module-]) .form-list .form-item + .form-item::before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
    width: 1px;
    height: 16px;
    background-color: var(--color-admin-normal-090);
}

.submit-form.component-properties:not([class*=module-]) .option-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
    padding: 6px 12px;
}

.submit-form.component-properties:not([class*=module-]) .option-list .option-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

fieldset.option-display {
    margin: 0;
    padding: 0;
    min-width: auto;
    border: hidden;
}

fieldset.option-display > legend {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

/**
 * @name option-list
**/
fieldset.option-list {
    margin: 0;
    padding: 0;
    min-width: auto;
    border: hidden;
}

fieldset.option-list:not([class*=type-]) > legend {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.option-list.module-a {
    --column-gap: 8px;
    --row-gap: var(--column-gap);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: var(--column-gap);
    -moz-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}

.option-list.module-a[style*="--column-count"] {
    --width: calc((100% / var(--column-count)) - (var(--column-gap) * (var(--column-count) - 1) / var(--column-count)));
}

.option-list.module-a[style*="--column-count"] .option-item {
    width: var(--width);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.option-list.module-a .option-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.option-list.module-a.module-a {
    --column-count: 5;
    --column-gap: 8px;
}

.option-list.module-a.module-a .form {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.option-display.edm-type-select .option-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
}

.option-display.edm-type-select .option-list .option-item {
    --border: inset 0 0 0 1px var(--color-admin-normal-090);
    --subject-color: var(--color-admin-normal-030);
    --summary-color: var(--color-admin-normal-060);
    --icon-position: 0 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.option-display.edm-type-select .option-list .option-item:has(.form-elem:checked) {
    --border: inset 0 0 0 2px var(--color-admin-accent-150);
    --icon-position: 0 0;
    --subject-color: var(--color-admin-accent-150);
    --summary-color: var(--color-admin-normal-030);
    --background-color: var(--color-admin-accent-197);
}

.option-display.edm-type-select .option-list .option-item:nth-child(1) {
    --icon-image: url(../../../assets/global/images/svg/image_edm_type_a.svg);
}

.option-display.edm-type-select .option-list .option-item:nth-child(2) {
    --icon-image: url(../../../assets/global/images/svg/image_edm_type_b.svg);
}

.option-display.edm-type-select .option-list .option-item .option-wrap {
    position: relative;
    padding: 24px 24px 32px;
    border-radius: 16px;
    -webkit-box-shadow: var(--border);
    box-shadow: var(--border);
    background-color: var(--background-color);
    -webkit-transition: -webkit-box-shadow 0.25s ease;
    transition: -webkit-box-shadow 0.25s ease;
    transition: box-shadow 0.25s ease;
    transition: box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
}

.option-display.edm-type-select .option-list .option-item .option-wrap .option-select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.option-display.edm-type-select .option-list .option-item .option-wrap .option-select .form {
    display: block;
    width: 100%;
    height: 100%;
}

.option-display.edm-type-select .option-list .option-item .option-wrap .option-select .form .form-elem,
.option-display.edm-type-select .option-list .option-item .option-wrap .option-select .form .form-text {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.option-display.edm-type-select .option-list .option-item .option-wrap .option-inform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.option-display.edm-type-select .option-list .option-item .option-wrap .option-inform::before {
    content: "";
    display: block;
    width: 160px;
    height: 160px;
    background-image: var(--icon-image);
    background-repeat: no-repeat;
    background-size: 160px auto;
    background-position: var(--icon-position);
}

.option-display.edm-type-select .option-list .option-item .option-wrap .option-inform .option-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
}

.option-display.edm-type-select .option-list .option-item .option-wrap .option-inform .option-head:nth-child(1) {
    --icon-image: url(../../../assets/global/images/svg/image_edm_type_a.svg);
}

.option-display.edm-type-select .option-list .option-item .option-wrap .option-inform .option-head .option-subject {
    margin: 0;
    line-height: var(--baseline-6x);
    font-size: calc(var(--baseline-6x) / 1.5);
    font-weight: 600;
    color: var(--subject-color);
}

.option-display.edm-type-select .option-list .option-item .option-wrap .option-inform .option-head .option-subject .option-name {
    display: block;
}

.option-display.edm-type-select .option-list .option-item .option-wrap .option-inform .option-head .option-summary {
    margin: 0;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    font-weight: 400;
    color: var(--summary-color);
}

.option-display.edm-type-select .option-list .option-item .option-wrap .option-inform .option-head .option-summary .wbr {
    display: block;
}

.option-display.create-edm-type > .option-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 24px;
}

.option-display.create-edm-type > .option-list .option-item {
    --subject-color: var(--color-admin-normal-030);
}

.option-display.create-edm-type > .option-list .option-item.stretch {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}

.option-display.create-edm-type > .option-list .option-item .option-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8px;
}

.option-display.create-edm-type > .option-list .option-item .option-wrap .option-inform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.option-display.create-edm-type > .option-list .option-item .option-wrap .option-inform .option-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.option-display.create-edm-type > .option-list .option-item .option-wrap .option-inform .option-head .option-subject {
    margin: 0;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    font-weight: 600;
    color: var(--subject-color);
}

.option-display.create-edm-type > .option-list .option-item .option-wrap .option-inform .option-head .option-subject .option-name {
    display: block;
}

.option-display.create-edm-type > .option-list .option-item .option-wrap .option-select .option-list {
    --column-gap: 4px;
}

.option-display.create-edm-type > .option-list .option-item .option-wrap .option-select .option-list.stretch {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/**
 * board-system
 *
 * @param{string} module
 * @param{string} prefix
**/
/**
 * info-board
 *
**/
.info-board.module-a {
    --board-subject-name-font-weight: 600;
}

.info-board.module-a:not([class*=type-]) .board-wrap .board-head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.info-board.module-a .board-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--board-wrap-row-gap);
    padding: var(--board-wrap-padding);
    border-radius: var(--board-wrap-border-radius);
    background-color: var(--board-wrap-background-color);
}

.info-board.module-a .board-wrap .board-inform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--board-inform-row-gap);
}

.info-board.module-a .board-wrap .board-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--board-head-row-gap);
}

.info-board.module-a .board-wrap .board-head .board-caption {
    margin: 0;
    line-height: var(--board-caption-line-height);
    font-size: var(--board-caption-font-size);
    font-weight: var(--board-caption-font-weight);
    color: var(--board-caption-color);
}

.info-board.module-a .board-wrap .board-head .board-subject {
    margin: 0;
    line-height: var(--board-subject-name-line-height);
    font-size: var(--board-subject-name-font-size);
    font-weight: var(--board-subject-name-font-weight);
    color: var(--board-subject-name-color);
}

.info-board.module-a .board-wrap .board-head .board-summary {
    margin: 0;
    line-height: var(--board-summary-line-height);
    font-size: var(--board-summary-font-size);
    font-weight: var(--board-summary-font-weight);
    color: var(--board-summary-color);
}

.info-board.module-a.align-a .board-wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    text-align: left;
}

.info-board.module-a.align-c .board-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.info-board.module-a.align-b .board-wrap {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    text-align: right;
}

.info-board.module-a.normal-010 {
    --board-caption-color: var(--color-admin-accent-150);
    --board-summary-color: var(--board-color);
    --board-icon-color: var(--color-admin-normal-070);
}

.info-board.module-a.normal-030 {
    --board-caption-color: var(--color-admin-normal-010);
    --board-subject-name-color: var(--color-admin-normal-030);
    --board-summary-color: var(--board-color);
    --board-icon-color: var(--color-admin-normal-070);
    --board-subject-name-color: var(--color-admin-normal-030);
}

.info-board.module-a.outline-6x {
    --board-wrap-row-gap: 24px;
    --board-head-row-gap: 8px;
    --board-caption-line-height: var(--baseline-6x);
    --board-caption-font-size: calc(var(--board-caption-line-height) / 1.5);
    --board-subject-name-line-height: var(--baseline-6x);
    --board-subject-name-font-size: calc(var(--board-subject-name-line-height) / 1.5);
    --board-subject-name-font-weight: 800;
    --board-summary-line-height: var(--baseline-4x);
    --board-summary-font-size: calc(var(--board-summary-line-height) / 1.5);
    --board-caption-font-weight: 600;
    --board-inform-row-gap: 16px;
}

.info-board.module-a.outline-8x {
    --board-caption-line-height: var(--baseline-5x);
    --board-caption-font-size: calc(var(--board-subject-name-line-height) / 1.5);
    --board-subject-name-line-height: var(--baseline-8x);
    --board-subject-name-font-size: calc(var(--board-subject-name-line-height) / 1.5);
    --board-summary-line-height: var(--baseline-4x);
    --board-summary-font-size: calc(var(--board-summary-line-height) / 1.5);
}

/**
 * guide-board
 *
**/
.guide-board.module-b:not([class*=type-]) .board-wrap .board-head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.guide-board.module-b .board-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--board-wrap-row-gap);
    padding: var(--board-wrap-padding);
    border-radius: var(--board-wrap-border-radius);
    background-color: var(--board-wrap-background-color);
}

.guide-board.module-b .board-wrap .board-inform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--board-inform-row-gap);
}

.guide-board.module-b .board-wrap .board-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--board-head-row-gap);
}

.guide-board.module-b .board-wrap .board-head .board-caption {
    margin: 0;
    line-height: var(--board-caption-line-height);
    font-size: var(--board-caption-font-size);
    font-weight: var(--board-caption-font-weight);
    color: var(--board-caption-color);
}

.guide-board.module-b .board-wrap .board-head .board-subject {
    margin: 0;
    line-height: var(--board-subject-name-line-height);
    font-size: var(--board-subject-name-font-size);
    font-weight: var(--board-subject-name-font-weight);
    color: var(--board-subject-name-color);
}

.guide-board.module-b .board-wrap .board-head .board-summary {
    margin: 0;
    line-height: var(--board-summary-line-height);
    font-size: var(--board-summary-font-size);
    font-weight: var(--board-summary-font-weight);
    color: var(--board-summary-color);
}

.guide-board.module-b.align-a .board-wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    text-align: left;
}

.guide-board.module-b.align-c .board-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.guide-board.module-b.align-b .board-wrap {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    text-align: right;
}

.guide-board.module-b .board-wrap {
    padding: 12px;
    border-radius: 12px;
    background-color: var(--board-background-color);
}

.guide-board.module-b .board-wrap .wbr {
    display: block;
}

.guide-board.module-b[class*=icon-] .board-wrap .board-head {
    position: relative;
    padding-left: calc(var(--board-summary-line-height) + 4px);
}

.guide-board.module-b[class*=icon-] .board-wrap .board-head::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: var(--board-summary-line-height);
    height: var(--board-summary-line-height);
    -webkit-mask: var(--icon-image) no-repeat center/cover;
    mask: var(--icon-image) no-repeat center/cover;
    background-color: var(--board-icon-color);
}

.guide-board.module-b.normal-030 {
    --board-color: var(--color-admin-normal-030);
    --board-background-color: var(--color-admin-normal-097);
    --board-summary-color: var(--board-color);
    --board-icon-color: var(--color-admin-normal-070);
}

.guide-board.module-b.normal-040 {
    --board-color: var(--color-admin-normal-040);
    --board-background-color: var(--color-admin-normal-097);
    --board-summary-color: var(--board-color);
    --board-icon-color: var(--color-admin-normal-070);
}

.guide-board.module-b.accent-150 {
    --board-color: var(--color-admin-accent-150);
    --board-background-color: color-mix(in srgb, var(--board-color) 6%, white);
    --board-summary-color: var(--board-color);
    --board-icon-color: var(--board-color);
}

.guide-board.module-b.outline-4x {
    --board-subject-name-line-height: var(--baseline-4x);
    --board-subject-name-font-size: calc(var(--board-subject-name-line-height) / 1.33);
    --board-summary-line-height: var(--baseline-4x);
    --board-summary-font-size: calc(var(--board-summary-line-height) / 1.33);
    --board-summary-font-weight: 400;
}

.guide-board.module-b.outline-5x {
    --board-subject-name-line-height: var(--baseline-5x);
    --board-subject-name-font-size: calc(var(--board-subject-name-line-height) / 1.5);
    --board-summary-line-height: var(--baseline-5x);
    --board-summary-font-size: calc(var(--board-summary-line-height) / 1.5);
    --board-summary-font-weight: 500;
}

.guide-board.module-c {
    margin: 32px 0;
}

.guide-board.module-c:not([class*=type-]) .board-wrap .board-head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.guide-board.module-c .board-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--board-wrap-row-gap);
    padding: var(--board-wrap-padding);
    border-radius: var(--board-wrap-border-radius);
    background-color: var(--board-wrap-background-color);
}

.guide-board.module-c .board-wrap .board-inform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--board-inform-row-gap);
}

.guide-board.module-c .board-wrap .board-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: var(--board-head-row-gap);
}

.guide-board.module-c .board-wrap .board-head .board-caption {
    margin: 0;
    line-height: var(--board-caption-line-height);
    font-size: var(--board-caption-font-size);
    font-weight: var(--board-caption-font-weight);
    color: var(--board-caption-color);
}

.guide-board.module-c .board-wrap .board-head .board-subject {
    margin: 0;
    line-height: var(--board-subject-name-line-height);
    font-size: var(--board-subject-name-font-size);
    font-weight: var(--board-subject-name-font-weight);
    color: var(--board-subject-name-color);
}

.guide-board.module-c .board-wrap .board-head .board-summary {
    margin: 0;
    line-height: var(--board-summary-line-height);
    font-size: var(--board-summary-font-size);
    font-weight: var(--board-summary-font-weight);
    color: var(--board-summary-color);
}

.guide-board.module-c.align-a .board-wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    text-align: left;
}

.guide-board.module-c.align-c .board-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.guide-board.module-c.align-b .board-wrap {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    text-align: right;
}

.guide-board.module-c .board-wrap {
    padding: 16px;
    border-radius: 16px;
    background-color: var(--board-background-color);
}

.guide-board.module-c[class*=icon-] .board-wrap .board-head {
    position: relative;
    padding-left: calc(var(--board-summary-line-height) + 4px);
}

.guide-board.module-c[class*=icon-] .board-wrap .board-head::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: var(--board-summary-line-height);
    height: var(--board-summary-line-height);
    -webkit-mask: var(--icon-image) no-repeat center/cover;
    mask: var(--icon-image) no-repeat center/cover;
    background-color: var(--board-icon-color);
}

.guide-board.module-c.normal-030 {
    --board-color: var(--color-admin-normal-030);
    --board-background-color: var(--color-admin-normal-097);
    --board-summary-color: var(--board-color);
    --board-icon-color: var(--color-admin-normal-070);
}

.guide-board.module-c.normal-040 {
    --board-color: var(--color-admin-normal-040);
    --board-background-color: var(--color-admin-normal-097);
    --board-summary-color: var(--board-color);
    --board-icon-color: var(--color-admin-normal-070);
}

.guide-board.module-c.accent-150 {
    --board-color: var(--color-admin-accent-150);
    --board-background-color: color-mix(in srgb, var(--board-color) 6%, white);
    --board-summary-color: var(--board-color);
    --board-icon-color: var(--board-color);
}

.guide-board.module-c.outline-4x {
    --board-subject-name-line-height: var(--baseline-4x);
    --board-subject-name-font-size: calc(var(--board-subject-name-line-height) / 1.33);
    --board-summary-line-height: var(--baseline-4x);
    --board-summary-font-size: calc(var(--board-summary-line-height) / 1.33);
    --board-summary-font-weight: 500;
}

.guide-board.module-c.outline-5x {
    --board-subject-name-line-height: var(--baseline-5x);
    --board-subject-name-font-size: calc(var(--board-subject-name-line-height) / 1.5);
    --board-summary-line-height: var(--baseline-5x);
    --board-summary-font-size: calc(var(--board-summary-line-height) / 1.5);
    --board-summary-font-weight: 500;
}

/**
 * posts system
**/
ul.posts-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.posts-display .align-a {
    text-align: left;
}

.posts-display .align-b {
    text-align: right;
}

.posts-display .align-c {
    text-align: center;
}

.posts-display .posts-list > table caption {
    overflow: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    color: transparent;
    border: hidden;
    clip: rect(0, 0, 0, 0);
}

.posts-display .posts-list > table colgroup col[style*="--int-width"] {
    width: calc(var(--int-width) * 1px);
}

.posts-display .posts-list > table > :where(thead, tbody) > tr > th {
    padding: var(--th-padding);
    height: var(--th-height);
    line-height: var(--th-line-height);
    font-weight: var(--th-font-weight);
    font-size: var(--th-font-size);
    color: var(--th-font-color);
    background-color: var(--th-background-color);
}

.posts-display .posts-list > table > :where(thead, tbody) > tr > td {
    padding: var(--td-padding);
    height: var(--td-height);
    line-height: var(--td-line-height);
    font-weight: var(--td-font-weight);
    font-size: var(--td-font-size);
    color: var(--td-font-color);
    background-color: var(--td-background-color);
}

.posts-display.align-a .posts-list > table > :where(thead, tbody) {
    text-align: left;
}

.posts-display.align-b .posts-list > table > :where(thead, tbody) {
    text-align: right;
}

.posts-display.align-c .posts-list > table > :where(thead, tbody) {
    text-align: center;
}

.posts-display.module-a .posts-list {
    --th-padding: 8px 0;
    --th-height: 32px;
    --th-line-height: var(--baseline-4x);
    --th-font-size: calc(var(--th-line-height) / 1.25);
    --th-font-color: var(--color-accent-250);
    --th-font-weight: 600;
    --td-padding: 8px;
    --td-height: 32px;
    --td-line-height: var(--baseline-5x);
    --td-font-size: calc(var(--td-line-height) / 1.5);
    --td-font-color: var(--color-admin-normal-010);
    --td-font-weight: 400;
    --td-background-color: var(--color-admin-normal-100);
    border-bottom: 1px solid var(--color-admin-normal-090);
}

.posts-display.module-a .posts-list > table {
    table-layout: fixed;
    width: 100%;
    height: 1px;
    border: hidden;
    border-spacing: 0;
    border-collapse: collapse;
}

.posts-display.module-a .posts-list > table > thead > tr > th {
    border-bottom: 1px solid var(--color-admin-normal-040);
}

.posts-display.module-a .posts-list > table > tbody > tr > td {
    border-bottom: 1px solid var(--color-admin-normal-090);
}

.posts-display.module-a .posts-list > table > tbody > tr > td.align-a .em {
    word-break: break-word;
}

.posts-display.module-a > .data-finder {
    margin-bottom: 8px;
}

.posts-display.module-a > .data-finder .submit-form {
    width: 320px;
}

.posts-display.module-a > .pagination {
    margin: 16px 0;
}

.posts-display.module-a > .mark-display {
    margin: 24px 0;
}

.posts-display.module-b .posts-list {
    --th-padding: 0 8px;
    --th-height: 40px;
    --th-line-height: var(--baseline-4x);
    --th-font-size: calc(var(--th-line-height) / 1.25);
    --th-font-color: var(--color-admin-normal-030);
    --th-font-weight: 700;
    --th-background-color: var(--color-admin-normal-095);
    --td-padding: 0 8px;
    --td-height: 40px;
    --td-line-height: var(--baseline-5x);
    --td-font-size: calc(var(--td-line-height) / 1.5);
    --td-font-color: var(--color-admin-normal-010);
    --td-font-weight: 700;
    --td-background-color: var(--color-admin-normal-100);
    border-bottom: 1px solid var(--color-admin-normal-090);
}

.posts-display.module-b .posts-list > table {
    table-layout: fixed;
    width: 100%;
    height: 1px;
    border: hidden;
    border-spacing: 0;
    border-collapse: collapse;
}

.posts-display.module-b .posts-list > table > thead > tr > th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.posts-display.module-b .posts-list > table > thead > tr > th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.posts-display.module-b .posts-list > table > tbody > tr > td {
    border-bottom: 1px solid var(--color-admin-normal-090);
}

.posts-display.module-c .data-finder.module-a {
    margin-bottom: 24px;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.posts-display.module-c .data-finder.module-a + .data-finder {
    padding-top: 24px;
    border-top: 1px solid var(--color-admin-normal-090);
}

.posts-display.module-c .pagination.module-a {
    margin-top: 40px;
}

.posts-display.module-c .posts-list {
    --th-padding: 0;
    --th-height: 32px;
    --th-line-height: var(--baseline-5x);
    --th-font-size: calc(var(--th-line-height) / 1.4);
    --th-font-color: var(--color-admin-normal-030);
    --th-font-weight: 700;
    --th-background-color: transparent;
    --td-padding: 16px 0;
    --td-height: 32px;
    --td-line-height: var(--baseline-5x);
    --td-font-size: calc(var(--td-line-height) / 1.333);
    --td-font-color: var(--color-admin-normal-010);
    --td-font-weight: 400;
    --td-background-color: var(--color-admin-normal-100);
}

.posts-display.module-c .posts-list > table {
    table-layout: fixed;
    width: 100%;
    height: 1px;
    border: hidden;
    border-spacing: 0 8px;
    border-collapse: separate;
}

.posts-display.module-c .posts-list > table > tbody > tr > td {
    word-break: break-word;
    border-top: 1px solid var(--color-admin-normal-090);
    border-bottom: 1px solid var(--color-admin-normal-090);
}

.posts-display.module-c .posts-list > table > tbody > tr > td:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border-left: 1px solid var(--color-admin-normal-090);
}

.posts-display.module-c .posts-list > table > tbody > tr > td:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-right: 1px solid var(--color-admin-normal-090);
}

.posts-display.module-c .posts-list > table > tbody > tr > td .mark.module-c {
    min-width: 64px;
}

.posts-display.module-c .posts-list > table > tbody > tr > td.align-a .em {
    word-break: break-word;
}

.posts-display.module-d:not([data-module-swiper=true]) {
    --column-count: 4;
    --column-gap: 24px;
    --row-gap: var(--column-gap);
    --width: calc((100% / var(--column-count)) - (var(--column-gap) * (var(--column-count) - 1) / var(--column-count)));
}

.posts-display.module-d:not([data-module-swiper=true]) .posts-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: var(--column-gap);
    -moz-column-gap: var(--column-gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}

.posts-display.module-d:not([data-module-swiper=true]) .posts-list .posts-item {
    width: var(--width);
}

.posts-display.module-d[data-module-swiper=true] {
    position: relative;
}

.posts-display.module-d[data-module-swiper=true] .posts-list .posts-item {
    width: 322px;
    margin-right: 24px;
    opacity: 0;
    -webkit-transition: opacity 0.26s ease;
    transition: opacity 0.26s ease;
    pointer-events: none;
}

.posts-display.module-d[data-module-swiper=true] .posts-list .posts-item.swiper-slide-active,
.posts-display.module-d[data-module-swiper=true] .posts-list .posts-item.swiper-slide-active + .swiper-slide,
.posts-display.module-d[data-module-swiper=true] .posts-list .posts-item.swiper-slide-active + .swiper-slide + .swiper-slide,
.posts-display.module-d[data-module-swiper=true] .posts-list .posts-item.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
    opacity: 1;
    pointer-events: auto;
}

.posts-display.module-d[data-module-swiper=true] .swiper-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: calc(100% + 20px);
}

.posts-display.module-d[data-module-swiper=true] .swiper-navigation [class*=swiper-button-] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--color-admin-normal-080);
    background-color: var(--color-admin-normal-100);
    --icon-color: var(--color-admin-normal-010);
}

.posts-display.module-d[data-module-swiper=true] .swiper-navigation [class*=swiper-button-].swiper-button-disabled {
    --icon-color: var(--color-admin-normal-080);
}

.posts-display.module-d[data-module-swiper=true] .swiper-navigation [class*=swiper-button-]::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    -webkit-mask: var(--icon-image) no-repeat center/cover;
    mask: var(--icon-image) no-repeat center/cover;
    background-color: var(--icon-color);
}

.posts-display.module-d[data-module-swiper=true] .swiper-navigation [class*=swiper-button-].swiper-button-prev {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M13.72 17.779a.75.75 0 0 0 1.06-1.061L9.835 12l4.945-4.718a.75.75 0 1 0-1.06-1.06l-5.455 5.203a.747.747 0 0 0-.267.575.747.747 0 0 0 .267.575l5.454 5.204Z"/></svg>');
    border-left: 1px solid var(--color-admin-normal-080);
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.posts-display.module-d[data-module-swiper=true] .swiper-navigation [class*=swiper-button-].swiper-button-next {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M10.278 17.779a.75.75 0 1 1-1.06-1.061L14.163 12 9.218 7.282a.75.75 0 1 1 1.06-1.06l5.454 5.203A.747.747 0 0 1 16 12a.747.747 0 0 1-.268.575l-5.454 5.204Z"/></svg>');
    border-left: hidden;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.posts-display.module-d .posts-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.posts-display.module-d .posts-list .posts-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.posts-display.module-d .posts-list .posts-item .posts-wrap {
    overflow: hidden;
    border: 1px solid var(--color-admin-normal-090);
    border-radius: 24px;
    -webkit-filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.05));
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.05));
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-figure .posts-thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    aspect-ratio: 16/9;
    overflow: hidden;
    border-radius: 24px 24px 0px 0px;
    background: url(../../../assets/admin/images/common/default_image.png) no-repeat center/cover;
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-figure .posts-thumbnail:focus {
    position: relative;
    outline-offset: -1px;
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-figure .posts-thumbnail img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    min-width: 100%;
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform {
    padding: 24px;
    background-color: var(--color-admin-normal-100);
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-type {
    margin-bottom: 8px;
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-type .data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-type .data-list .data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    position: relative;
    left: -8px;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    font-weight: 600;
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-type .data-list .data-item::before {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background-color: var(--color-admin-normal-090);
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-type .data-list .data-item .head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-type .data-list .data-item .body {
    display: block;
    color: var(--color-admin-accent-150);
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject .posts-name {
    display: block;
    line-height: var(--baseline-6x);
    font-size: calc(var(--baseline-6x) / 1.5);
    font-weight: 800;
    color: var(--color-admin-normal-010);
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-head .posts-subject .posts-name:not(:hover) {
    text-decoration: none;
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-data {
    margin-top: 8px;
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-data .data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-data .data-list .data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    position: relative;
    left: -8px;
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-data .data-list .data-item::before {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background-color: var(--color-admin-normal-090);
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-data .data-list .data-item .head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-data .data-list .data-item .body {
    display: block;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    color: var(--color-admin-normal-030);
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-info {
    margin-top: 16px;
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-info .data-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-info .data-list .data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-info .data-list .data-item .head {
    display: block;
    color: var(--color-admin-normal-070);
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-info .data-list .data-item .body {
    display: block;
    color: var(--color-admin-normal-030);
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-util {
    margin-top: 24px;
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-util .button-display .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.posts-display.module-d .posts-list .posts-item .posts-wrap .posts-inform .posts-util .button-display .button-area .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.posts-display.module-e .posts-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
}

.posts-display.module-e.draggable .posts-list .posts-item.sortable-chosen .posts-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.posts-display.module-e.draggable .posts-list .posts-item .posts-wrap {
    cursor: -webkit-grab;
    cursor: grab;
}

.posts-display.module-e .posts-list .posts-item .posts-wrap {
    padding: 8px 12px;
    border-radius: 12px;
    border: 1px solid var(--color-admin-normal-090);
}

.posts-display.module-e .posts-list .posts-item .posts-wrap .posts-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.posts-display.module-e.type-d .posts-list .posts-item .posts-wrap .posts-head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.posts-display.module-e .posts-list .posts-item .posts-wrap .posts-head .posts-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin: 0;
}

.posts-display.module-e.draggable .posts-list .posts-item .posts-wrap .posts-head .posts-subject::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-color: var(--color-admin-normal-080);
    -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M9.00012 19.6155C8.5559 19.6155 8.17562 19.4573 7.85927 19.141C7.54293 18.8246 7.38477 18.4443 7.38477 18.0001C7.38477 17.5559 7.54293 17.1756 7.85927 16.8593C8.17562 16.5429 8.5559 16.3848 9.00012 16.3848C9.44433 16.3848 9.82462 16.5429 10.141 16.8593C10.4573 17.1756 10.6155 17.5559 10.6155 18.0001C10.6155 18.4443 10.4573 18.8246 10.141 19.141C9.82462 19.4573 9.44433 19.6155 9.00012 19.6155ZM15.0001 19.6155C14.5559 19.6155 14.1756 19.4573 13.8593 19.141C13.5429 18.8246 13.3848 18.4443 13.3848 18.0001C13.3848 17.5559 13.5429 17.1756 13.8593 16.8593C14.1756 16.5429 14.5559 16.3848 15.0001 16.3848C15.4443 16.3848 15.8246 16.5429 16.141 16.8593C16.4573 17.1756 16.6155 17.5559 16.6155 18.0001C16.6155 18.4443 16.4573 18.8246 16.141 19.141C15.8246 19.4573 15.4443 19.6155 15.0001 19.6155ZM9.00012 13.6155C8.5559 13.6155 8.17562 13.4573 7.85927 13.141C7.54293 12.8246 7.38477 12.4443 7.38477 12.0001C7.38477 11.5559 7.54293 11.1756 7.85927 10.8593C8.17562 10.5429 8.5559 10.3848 9.00012 10.3848C9.44433 10.3848 9.82462 10.5429 10.141 10.8593C10.4573 11.1756 10.6155 11.5559 10.6155 12.0001C10.6155 12.4443 10.4573 12.8246 10.141 13.141C9.82462 13.4573 9.44433 13.6155 9.00012 13.6155ZM15.0001 13.6155C14.5559 13.6155 14.1756 13.4573 13.8593 13.141C13.5429 12.8246 13.3848 12.4443 13.3848 12.0001C13.3848 11.5559 13.5429 11.1756 13.8593 10.8593C14.1756 10.5429 14.5559 10.3848 15.0001 10.3848C15.4443 10.3848 15.8246 10.5429 16.141 10.8593C16.4573 11.1756 16.6155 11.5559 16.6155 12.0001C16.6155 12.4443 16.4573 12.8246 16.141 13.141C15.8246 13.4573 15.4443 13.6155 15.0001 13.6155ZM9.00012 7.61547C8.5559 7.61547 8.17562 7.4573 7.85927 7.14097C7.54293 6.82462 7.38477 6.44433 7.38477 6.00012C7.38477 5.5559 7.54293 5.17562 7.85927 4.85927C8.17562 4.54293 8.5559 4.38477 9.00012 4.38477C9.44433 4.38477 9.82462 4.54293 10.141 4.85927C10.4573 5.17562 10.6155 5.5559 10.6155 6.00012C10.6155 6.44433 10.4573 6.82462 10.141 7.14097C9.82462 7.4573 9.44433 7.61547 9.00012 7.61547ZM15.0001 7.61547C14.5559 7.61547 14.1756 7.4573 13.8593 7.14097C13.5429 6.82462 13.3848 6.44433 13.3848 6.00012C13.3848 5.5559 13.5429 5.17562 13.8593 4.85927C14.1756 4.54293 14.5559 4.38477 15.0001 4.38477C15.4443 4.38477 15.8246 4.54293 16.141 4.85927C16.4573 5.17562 16.6155 5.5559 16.6155 6.00012C16.6155 6.44433 16.4573 6.82462 16.141 7.14097C15.8246 7.4573 15.4443 7.61547 15.0001 7.61547Z"/></svg>') no-repeat center/cover;
    mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M9.00012 19.6155C8.5559 19.6155 8.17562 19.4573 7.85927 19.141C7.54293 18.8246 7.38477 18.4443 7.38477 18.0001C7.38477 17.5559 7.54293 17.1756 7.85927 16.8593C8.17562 16.5429 8.5559 16.3848 9.00012 16.3848C9.44433 16.3848 9.82462 16.5429 10.141 16.8593C10.4573 17.1756 10.6155 17.5559 10.6155 18.0001C10.6155 18.4443 10.4573 18.8246 10.141 19.141C9.82462 19.4573 9.44433 19.6155 9.00012 19.6155ZM15.0001 19.6155C14.5559 19.6155 14.1756 19.4573 13.8593 19.141C13.5429 18.8246 13.3848 18.4443 13.3848 18.0001C13.3848 17.5559 13.5429 17.1756 13.8593 16.8593C14.1756 16.5429 14.5559 16.3848 15.0001 16.3848C15.4443 16.3848 15.8246 16.5429 16.141 16.8593C16.4573 17.1756 16.6155 17.5559 16.6155 18.0001C16.6155 18.4443 16.4573 18.8246 16.141 19.141C15.8246 19.4573 15.4443 19.6155 15.0001 19.6155ZM9.00012 13.6155C8.5559 13.6155 8.17562 13.4573 7.85927 13.141C7.54293 12.8246 7.38477 12.4443 7.38477 12.0001C7.38477 11.5559 7.54293 11.1756 7.85927 10.8593C8.17562 10.5429 8.5559 10.3848 9.00012 10.3848C9.44433 10.3848 9.82462 10.5429 10.141 10.8593C10.4573 11.1756 10.6155 11.5559 10.6155 12.0001C10.6155 12.4443 10.4573 12.8246 10.141 13.141C9.82462 13.4573 9.44433 13.6155 9.00012 13.6155ZM15.0001 13.6155C14.5559 13.6155 14.1756 13.4573 13.8593 13.141C13.5429 12.8246 13.3848 12.4443 13.3848 12.0001C13.3848 11.5559 13.5429 11.1756 13.8593 10.8593C14.1756 10.5429 14.5559 10.3848 15.0001 10.3848C15.4443 10.3848 15.8246 10.5429 16.141 10.8593C16.4573 11.1756 16.6155 11.5559 16.6155 12.0001C16.6155 12.4443 16.4573 12.8246 16.141 13.141C15.8246 13.4573 15.4443 13.6155 15.0001 13.6155ZM9.00012 7.61547C8.5559 7.61547 8.17562 7.4573 7.85927 7.14097C7.54293 6.82462 7.38477 6.44433 7.38477 6.00012C7.38477 5.5559 7.54293 5.17562 7.85927 4.85927C8.17562 4.54293 8.5559 4.38477 9.00012 4.38477C9.44433 4.38477 9.82462 4.54293 10.141 4.85927C10.4573 5.17562 10.6155 5.5559 10.6155 6.00012C10.6155 6.44433 10.4573 6.82462 10.141 7.14097C9.82462 7.4573 9.44433 7.61547 9.00012 7.61547ZM15.0001 7.61547C14.5559 7.61547 14.1756 7.4573 13.8593 7.14097C13.5429 6.82462 13.3848 6.44433 13.3848 6.00012C13.3848 5.5559 13.5429 5.17562 13.8593 4.85927C14.1756 4.54293 14.5559 4.38477 15.0001 4.38477C15.4443 4.38477 15.8246 4.54293 16.141 4.85927C16.4573 5.17562 16.6155 5.5559 16.6155 6.00012C16.6155 6.44433 16.4573 6.82462 16.141 7.14097C15.8246 7.4573 15.4443 7.61547 15.0001 7.61547Z"/></svg>') no-repeat center/cover;
}

.posts-display.module-e .posts-list .posts-item .posts-wrap .posts-head .posts-subject .posts-name {
    display: block;
    line-height: var(--baseline-5x);
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    font-weight: 600;
    color: var(--color-admin-normal-030);
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    max-height: 1.5em;
    word-wrap: break-word;
    overflow: hidden;
}

/**
 * pagination
 *
 * @param{string} module
 * @param{string} prefix
**/
.pagination.module-a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
}

.pagination.module-a.outline-5x {
    --width: 20px;
}

.pagination.module-a.outline-6x {
    --width: 24px;
}

.pagination.module-a .pagination-util {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pagination.module-a .pagination-util .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
}

.pagination.module-a .pagination-util .button-area .btn {
    --icon-color: var(--color-admin-normal-040);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: var(--width);
    height: var(--width);
}

.pagination.module-a .pagination-util .button-area .btn::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    -webkit-mask: var(--icon-image) no-repeat center/cover;
    mask: var(--icon-image) no-repeat center/cover;
    background-color: var(--icon-color);
}

.pagination.module-a .pagination-util .button-area .btn .btn-name {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.pagination.module-a .pagination-util .button-area .btn.disabled {
    --icon-color: var(--color-admin-normal-080);
    pointer-events: none;
}

.pagination.module-a .pagination-util .button-area .btn.prev-end {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12.721 17.777a.75.75 0 1 0 1.061-1.061l-4.945-4.718 4.945-4.718a.75.75 0 1 0-1.061-1.061l-5.454 5.204a.751.751 0 0 0 .001 1.15l5.454 5.203h-.001Zm4 0a.75.75 0 1 0 1.061-1.061l-4.945-4.718 4.945-4.718a.75.75 0 1 0-1.061-1.061l-5.454 5.203-.048.044a.748.748 0 0 0 0 1.062c.016.015.031.03.048.044l5.454 5.203v.002Z"/></svg>');
}

.pagination.module-a .pagination-util .button-area .btn.prev {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M13.72 17.779a.75.75 0 0 0 1.06-1.061L9.835 12l4.945-4.718a.75.75 0 1 0-1.06-1.06l-5.455 5.203a.747.747 0 0 0-.267.575.747.747 0 0 0 .267.575l5.454 5.204Z"/></svg>');
}

.pagination.module-a .pagination-util .button-area .btn.next {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M10.278 17.779a.75.75 0 1 1-1.06-1.061L14.163 12 9.218 7.282a.75.75 0 1 1 1.06-1.06l5.454 5.203A.747.747 0 0 1 16 12a.747.747 0 0 1-.268.575l-5.454 5.204Z"/></svg>');
}

.pagination.module-a .pagination-util .button-area .btn.next-end {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12.28 17.777a.75.75 0 1 1-1.061-1.061l4.945-4.718L11.22 7.28a.75.75 0 1 1 1.06-1.061l5.455 5.203a.748.748 0 0 1 0 1.15l-5.454 5.203-.001.002Zm-4 0a.75.75 0 1 1-1.061-1.061l4.945-4.718L7.22 7.28a.749.749 0 1 1 1.06-1.06l5.454 5.203a.748.748 0 0 1 0 1.15L8.28 17.777Z"/></svg>');
}

.pagination.module-a .pagination-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pagination.module-a .pagination-list .pagination-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    min-width: var(--width);
    line-height: var(--width);
    font-size: calc(var(--width) / 1.5);
    color: var(--color-admin-normal-070);
    text-align: center;
    text-decoration: none;
}

.pagination.module-a .pagination-list .pagination-item.current {
    color: var(--color-admin-normal-010);
}

/**
 * @type		component
 * @name		dialogPopup-popup
 * @moudle		module-a
**/
.dialog-popup.module-a {
    --width: 320px;
    --padding: 24px;
    --margin: 24px 0;
    --subject-height: 60px;
}

.dialog-popup.module-a[data-bui-toggle] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    z-index: 60;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--baseline-6x);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0.25s ease, opacity 0.25s ease, background-color 0.25s ease;
    transition: visibility 0.25s ease, opacity 0.25s ease, background-color 0.25s ease;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0);
}

html.active-dialog-popup body {
    overflow: hidden;
}

.dialog-popup.module-a[data-bui-toggle].active {
    z-index: 61;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.dialog-popup.module-a .popup-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: var(--width);
    max-width: 100%;
    border-radius: 8px;
    pointer-events: auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(0, 16px);
    -ms-transform: translate(0, 16px);
    transform: translate(0, 16px);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

html.active-dialog-popup .dialog-popup.module-a .popup-page {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.dialog-popup.module-a .popup-page .popup-page-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    border-radius: 16px;
    background-color: var(--color-admin-normal-100);
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.24), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.24), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
}

.dialog-popup.module-a .popup-page .popup-page-body .popup-local {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.dialog-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--padding);
    height: var(--subject-height);
}

.dialog-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head .popup-local-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    line-height: var(--baseline-6x);
    font-size: calc(var(--baseline-6x) / 1.5);
    font-weight: 600;
    color: var(--color-admin-normal-010);
}

.dialog-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head .popup-local-subject .popup-local-name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.dialog-popup.module-a[class*=type-] .popup-page .popup-page-body .popup-local .popup-local-head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.dialog-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 120px;
    padding: var(--padding);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html.mobile .dialog-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body {
    overflow-x: hidden;
    overflow-y: auto;
}

html.laptop .dialog-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: overlay;
}

html.laptop .dialog-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb {
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
    background-clip: content-box;
    background-color: rgba(0, 0, 0, 0.2);
}

html.laptop .dialog-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

html.laptop .dialog-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, 0.6);
}

html.laptop .dialog-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

html.laptop .dialog-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb {
    border-radius: 6px;
}

.dialog-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body > .info-board.module-a {
    --board-summary-line-height: 24px;
    --board-summary-font-size: 16px;
    --board-summary-font-weight: 400;
    --board-summary-color: var(--color-admin-normal-030);
}

.dialog-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body > .info-board.module-a .wbr {
    display: block;
}

.dialog-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-util {
    -webkit-box-shadow: inset 0 1px 0 0 var(--color-admin-normal-080);
    box-shadow: inset 0 1px 0 0 var(--color-admin-normal-080);
}

.dialog-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-util .button-display .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dialog-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-util .button-display .button-area .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

/**
 * @type		component
 * @name		content-popup
 * @moudle		module-a
**/
html.active-content-popup body {
    overflow: hidden;
}

.content-popup:not([class*=type-]) .popup-local-head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.content-popup.module-a {
    --subject-height: 72px;
    --container-padding: var(--baseline-12x);
    --container-background-color: rgba(0, 0, 0, 0.65);
    --content-body-margin: var(--baseline-10x) 0;
}

.content-popup.module-a.small {
    --width: 280px;
    --padding: 0 12px;
    --body-padding: 0 24px;
    --border-radius: 16px;
}

.content-popup.module-a.medium {
    --width: 720px;
    --padding: 0 24px;
    --body-padding: var(--padding);
    --border-radius: 32px;
}

.content-popup.module-a.large {
    --width: 960px;
    --padding: 0 24px;
    --body-padding: var(--padding);
    --border-radius: 32px;
}

.content-popup.module-a[data-bui-toggle] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    z-index: 60;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: visibility 0.25s ease, background-color 0.25s ease;
    transition: visibility 0.25s ease, background-color 0.25s ease;
    pointer-events: none;
}

.content-popup.module-a[data-bui-toggle] .popup-page .popup-page-body {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0.25s ease, opacity 0.25s ease;
    transition: visibility 0.25s ease, opacity 0.25s ease;
}

.content-popup.module-a[data-bui-toggle].active {
    visibility: visible;
    background-color: var(--container-background-color);
    pointer-events: auto;
}

.content-popup.module-a[data-bui-toggle].active .popup-page .popup-page-body {
    visibility: visible;
    opacity: 1;
}

.content-popup.module-a .popup-page {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    width: var(--width);
    max-width: 100%;
}

.content-popup.module-a .popup-page .popup-page-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--border-radius);
    -webkit-box-shadow: 0 0 var(--baseline-2x) 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 var(--baseline-2x) 0 rgba(0, 0, 0, 0.08);
    background-color: var(--color-admin-normal-100);
}

.content-popup.module-a .popup-page .popup-page-body .popup-local {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--padding);
    height: var(--subject-height);
}

.content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head .popup-local-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    line-height: var(--baseline-6x);
    font-size: calc(var(--baseline-6x) / 1.5);
    font-weight: 800;
    color: var(--color-admin-normal-010);
}

.content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head .popup-local-subject .popup-local-name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head .popup-local-utility {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head .popup-local-utility .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head .popup-local-utility .button-area .btn {
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
}

.content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head .popup-local-utility .button-area .btn .btn-name {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head .popup-local-utility .button-area .btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--color-admin-normal-010);
}

.content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head .popup-local-utility .button-area .btn.popup-close::before {
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M18.293 19.707a1 1 0 0 0 1.414-1.414L13.414 12l6.293-6.293a1 1 0 0 0-1.414-1.414L12 10.586 5.707 4.293a1 1 0 0 0-1.414 1.414L10.586 12l-6.293 6.293a1 1 0 1 0 1.414 1.414L12 13.414l6.293 6.293Z"/></svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M18.293 19.707a1 1 0 0 0 1.414-1.414L13.414 12l6.293-6.293a1 1 0 0 0-1.414-1.414L12 10.586 5.707 4.293a1 1 0 0 0-1.414 1.414L10.586 12l-6.293 6.293a1 1 0 1 0 1.414 1.414L12 13.414l6.293 6.293Z"/></svg>');
}

.content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: var(--body-padding);
}

html.mobile .content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body {
    overflow-x: hidden;
    overflow-y: auto;
}

html.laptop .content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: overlay;
}

html.laptop .content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb {
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
    background-clip: content-box;
    background-color: rgba(0, 0, 0, 0.2);
}

html.laptop .content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

html.laptop .content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, 0.6);
}

html.laptop .content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

html.laptop .content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb {
    border-radius: 6px;
}

.content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body .popup-content {
    margin-bottom: 24px;
}

.content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body {
    margin-bottom: var(--padding);
}

.content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-util .button-display .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.content-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-util .button-display .button-area .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.content-popup#contentPopupCreateEdm .popup-content-body .option-display.edm-type-select {
    margin: 24px auto 16px;
    width: 528px;
}

.content-popup#contentPopupCreateEdm .popup-content-body .option-display.edm-type-select .option-select .form.radio {
    cursor: pointer;
}

.content-popup#contentPopupCreateEdm .popup-content-body .guide-board.module-b {
    margin: 16px auto;
    width: 528px;
}

.content-popup#contentPopupCreateEdm .popup-content-body > .button-display.module-a {
    margin-top: 24px;
}

.content-popup#contentPopupCreateEdm .popup-content-body > .button-display.module-a .button-area .btn {
    min-width: 160px;
}

.content-popup#contentPopupCreateEdmType .popup-local-head {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.content-popup#contentPopupCreateEdmType .popup-local-head .popup-local-subject {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.content-popup#contentPopupCreateEdmType .popup-content-body > .info-board.module-a {
    margin: 0 0 24px;
}

.content-popup#contentPopupCreateEdmType .popup-content-body > .info-board.module-a .board-wrap::before {
    content: "";
    display: block;
    height: 160px;
    border-radius: 8px;
    background: url(../../../assets/global/images/svg/image_edm_type_b.svg) no-repeat center top;
    background-size: 160px auto;
    background-color: var(--color-admin-accent-195);
}

.content-popup#contentPopupCreateEdmCopy .popup-local-head {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.content-popup#contentPopupCreateEdmCopy .popup-local-head .popup-local-subject {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.content-popup#contentPopupCreateEdmCopy .popup-content-body > .info-board.module-a {
    margin: 0 0 24px;
}

.content-popup#contentPopupCreateEdmCopy .popup-content-body > .info-board.module-a .board-wrap::before {
    content: "";
    display: block;
    height: 160px;
    border-radius: 8px;
    background: url(../../../assets/global/images/svg/image_edm_type_c.svg) no-repeat center top;
    background-size: 160px auto;
    background-color: var(--color-admin-accent-195);
}

.content-popup#contentPopupCreateEdmType,
.content-popup#contentPopupCreateEdmCopy {
    --subject-height: 48px;
}

.content-popup#contentPopupLoadCoupon .popup-content-body > .posts-display.module-a > .data-finder.module-a .data-finder-search .submit-form,
.content-popup#contentPopupLoadEvent .popup-content-body > .posts-display.module-a > .data-finder.module-a .data-finder-search .submit-form,
.content-popup#contentPopupLoadShoppingNews .popup-content-body > .posts-display.module-a > .data-finder.module-a .data-finder-search .submit-form,
.content-popup#contentPopupLoadNewsNotice .popup-content-body > .posts-display.module-a > .data-finder.module-a .data-finder-search .submit-form,
.content-popup#contentPopupLoadEdm .popup-content-body > .posts-display.module-a > .data-finder.module-a .data-finder-search .submit-form {
    width: auto;
}

.content-popup#contentPopupLoadCoupon .popup-content-body > .posts-display.module-a > .data-finder.module-a .data-finder-search .submit-form .dropdown .dropdown-subject,
.content-popup#contentPopupLoadEvent .popup-content-body > .posts-display.module-a > .data-finder.module-a .data-finder-search .submit-form .dropdown .dropdown-subject,
.content-popup#contentPopupLoadShoppingNews .popup-content-body > .posts-display.module-a > .data-finder.module-a .data-finder-search .submit-form .dropdown .dropdown-subject,
.content-popup#contentPopupLoadNewsNotice .popup-content-body > .posts-display.module-a > .data-finder.module-a .data-finder-search .submit-form .dropdown .dropdown-subject,
.content-popup#contentPopupLoadEdm .popup-content-body > .posts-display.module-a > .data-finder.module-a .data-finder-search .submit-form .dropdown .dropdown-subject {
    min-width: 100px;
}

.content-popup#contentPopupLoadCoupon .popup-content-body > .posts-display.module-a > .data-finder.module-a .data-finder-search .submit-form .form.textfield,
.content-popup#contentPopupLoadEvent .popup-content-body > .posts-display.module-a > .data-finder.module-a .data-finder-search .submit-form .form.textfield,
.content-popup#contentPopupLoadShoppingNews .popup-content-body > .posts-display.module-a > .data-finder.module-a .data-finder-search .submit-form .form.textfield,
.content-popup#contentPopupLoadNewsNotice .popup-content-body > .posts-display.module-a > .data-finder.module-a .data-finder-search .submit-form .form.textfield,
.content-popup#contentPopupLoadEdm .popup-content-body > .posts-display.module-a > .data-finder.module-a .data-finder-search .submit-form .form.textfield {
    min-width: 280px;
}

.content-popup#contentPopupLoadCoupon .popup-content-body > .button-display.module-a .button-area .btn,
.content-popup#contentPopupLoadEvent .popup-content-body > .button-display.module-a .button-area .btn,
.content-popup#contentPopupLoadShoppingNews .popup-content-body > .button-display.module-a .button-area .btn,
.content-popup#contentPopupLoadNewsNotice .popup-content-body > .button-display.module-a .button-area .btn,
.content-popup#contentPopupLoadEdm .popup-content-body > .button-display.module-a .button-area .btn {
    min-width: 120px;
}

/**
 * @type		component
 * @name		content-front-popup
 * @moudle		module-a
**/
html.active-content-popup body {
    overflow: hidden;
}

.content-front-popup:not([class*=type-]) .popup-local-head {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.content-front-popup.module-a {
    --subject-height: 48px;
    --container-padding: var(--baseline-12x);
    --container-background-color: rgba(0, 0, 0, 0.65);
    --content-body-margin: var(--baseline-10x) 0;
}

.content-front-popup.module-a.small {
    --width: 280px;
    --padding: 0 12px;
    --body-padding: 0 24px;
}

.content-front-popup.module-a.medium {
    --width: 720px;
    --padding: 0 24px;
    --body-padding: var(--padding);
}

.content-front-popup.module-a.large {
    --width: 960px;
    --padding: 0 24px;
    --body-padding: var(--padding);
}

.content-front-popup.module-a[data-bui-toggle] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    z-index: 60;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: visibility 0.25s ease, background-color 0.25s ease;
    transition: visibility 0.25s ease, background-color 0.25s ease;
    pointer-events: none;
}

.content-front-popup.module-a[data-bui-toggle] .popup-page .popup-page-body {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0.25s ease, opacity 0.25s ease;
    transition: visibility 0.25s ease, opacity 0.25s ease;
}

.content-front-popup.module-a[data-bui-toggle].active {
    visibility: visible;
    background-color: var(--container-background-color);
    pointer-events: auto;
}

.content-front-popup.module-a[data-bui-toggle].active .popup-page .popup-page-body {
    visibility: visible;
    opacity: 1;
}

.content-front-popup.module-a .popup-page {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    width: var(--width);
    max-width: 100%;
}

.content-front-popup.module-a .popup-page .popup-page-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--border-radius);
    -webkit-box-shadow: 0 0 var(--baseline-2x) 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 var(--baseline-2x) 0 rgba(0, 0, 0, 0.08);
    background-color: var(--color-admin-normal-100);
}

.content-front-popup.module-a .popup-page .popup-page-body .popup-local {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--padding);
    height: var(--subject-height);
}

.content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head .popup-local-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    line-height: var(--baseline-6x);
    font-size: calc(var(--baseline-6x) / 1.5);
    font-weight: 800;
    color: var(--color-admin-normal-010);
}

.content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head .popup-local-subject .popup-local-name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head .popup-local-utility {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head .popup-local-utility .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head .popup-local-utility .button-area .btn {
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
}

.content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head .popup-local-utility .button-area .btn .btn-name {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head .popup-local-utility .button-area .btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--color-admin-normal-010);
}

.content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-head .popup-local-utility .button-area .btn.popup-close::before {
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M18.293 19.707a1 1 0 0 0 1.414-1.414L13.414 12l6.293-6.293a1 1 0 0 0-1.414-1.414L12 10.586 5.707 4.293a1 1 0 0 0-1.414 1.414L10.586 12l-6.293 6.293a1 1 0 1 0 1.414 1.414L12 13.414l6.293 6.293Z"/></svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M18.293 19.707a1 1 0 0 0 1.414-1.414L13.414 12l6.293-6.293a1 1 0 0 0-1.414-1.414L12 10.586 5.707 4.293a1 1 0 0 0-1.414 1.414L10.586 12l-6.293 6.293a1 1 0 1 0 1.414 1.414L12 13.414l6.293 6.293Z"/></svg>');
}

.content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: var(--body-padding);
}

html.mobile .content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body {
    overflow-x: hidden;
    overflow-y: auto;
}

html.laptop .content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: overlay;
}

html.laptop .content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb {
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
    background-clip: content-box;
    background-color: rgba(0, 0, 0, 0.2);
}

html.laptop .content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

html.laptop .content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, 0.6);
}

html.laptop .content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

html.laptop .content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb {
    border-radius: 6px;
}

.content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body .popup-content {
    margin-bottom: 24px;
}

.content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-body .popup-content .popup-content-body {
    margin-bottom: var(--padding);
}

.content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-util .button-display .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.content-front-popup.module-a .popup-page .popup-page-body .popup-local .popup-local-util .button-display .button-area .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.content-front-popup#contentFrontPopupShare .popup-local-head {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.content-front-popup#contentFrontPopupShare .popup-local-head .popup-local-subject {
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    border: hidden;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
    display: block;
    position: absolute;
}

.content-front-popup#contentFrontPopupShare .popup-content-body .navi-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 28px;
    -moz-column-gap: 28px;
    column-gap: 28px;
    row-gap: 16px;
}

.content-front-popup#contentFrontPopupShare .popup-content-body .navi-list .navi-item .navi-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
}

.content-front-popup#contentFrontPopupShare .popup-content-body .navi-list .navi-item .navi-name .navi-text {
    line-height: var(--baseline-5x);
    font-size: calc(var(--baseline-5x) / 1.5);
    color: var(--color-admin-normal-120);
}

.content-front-popup#contentFrontPopupShare .popup-content-body .navi-list .navi-item .navi-name::before {
    content: "";
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
}

.content-front-popup#contentFrontPopupShare .popup-content-body .navi-list .navi-item.kakao .navi-name::before {
    background-image: url(http://m.akplaza.com/static/assets/global/images/component/kakao.png);
}

.content-front-popup#contentFrontPopupShare .popup-content-body .navi-list .navi-item.copylink .navi-name::before {
    background-image: url(http://m.akplaza.com/static/assets/global/images/component/linkcopy.png);
}

@media (max-width: 320px) {
    .content-front-popup#contentFrontPopupShare .popup-page-body {
        margin: 0 20px;
    }
}

:root {
    --color-admin-normal-000: #000000;
    --color-admin-normal-010: #1C2630;
    --color-admin-normal-020: #303C48;
    --color-admin-normal-030: #3E4C59;
    --color-admin-normal-040: #52606D;
    --color-admin-normal-050: #616F7C;
    --color-admin-normal-060: #7B8795;
    --color-admin-normal-070: #9DA7B3;
    --color-admin-normal-080: #D2D9E1;
    --color-admin-normal-090: #E4E7EC;
    --color-admin-normal-095: #F5F6F6;
    --color-admin-normal-097: #FAFAFA;
    --color-admin-normal-100: #ffffff;
    --color-admin-normal-110: #191919;
    --color-admin-normal-120: #333333;
    --color-admin-normal-130: #4C4C4C;
    --color-admin-normal-140: #666666;
    --color-admin-normal-150: #7F7F7F;
    --color-admin-normal-160: #999999;
    --color-admin-normal-170: #B2B2B2;
    --color-admin-normal-180: #CCCCCC;
    --color-admin-normal-190: #E5E5E5;
    --color-admin-normal-195: #f6f7f7;
    --color-admin-normal-197: #F7F7F7;
    --color-admin-accent-110: #0F1329;
    --color-admin-accent-120: #1E2653;
    --color-admin-accent-130: #2D3A7C;
    --color-admin-accent-140: #4B60CF;
    --color-admin-accent-150: #4B60CF;
    --color-admin-accent-160: #6F80D9;
    --color-admin-accent-170: #93A0E2;
    --color-admin-accent-180: #B7BFEC;
    --color-admin-accent-190: #DBDFF5;
    --color-admin-accent-195: #F0F2FD;
    --color-admin-accent-197: #FBFCFF;
    --color-admin-accent-250: #EF3C3C;
    --color-admin-accent-350: #66A860;
    --baseline: 4px;
    --baseline-0x: calc(var(--baseline) * 0);
    --baseline-1x: calc(var(--baseline) * 1);
    --baseline-2x: calc(var(--baseline) * 2);
    --baseline-3x: calc(var(--baseline) * 3);
    --baseline-4x: calc(var(--baseline) * 4);
    --baseline-5x: calc(var(--baseline) * 5);
    --baseline-6x: calc(var(--baseline) * 6);
    --baseline-7x: calc(var(--baseline) * 7);
    --baseline-8x: calc(var(--baseline) * 8);
    --baseline-9x: calc(var(--baseline) * 9);
    --baseline-10x: calc(var(--baseline) * 10);
    --baseline-11x: calc(var(--baseline) * 11);
    --baseline-12x: calc(var(--baseline) * 12);
    --baseline-13x: calc(var(--baseline) * 13);
    --baseline-14x: calc(var(--baseline) * 14);
    --baseline-15x: calc(var(--baseline) * 15);
    --baseline-16x: calc(var(--baseline) * 16);
    --baseline-17x: calc(var(--baseline) * 17);
    --baseline-18x: calc(var(--baseline) * 18);
    --baseline-19x: calc(var(--baseline) * 19);
    --baseline-20x: calc(var(--baseline) * 20);
    --baseline-21x: calc(var(--baseline) * 21);
    --baseline-22x: calc(var(--baseline) * 22);
    --baseline-23x: calc(var(--baseline) * 23);
    --baseline-24x: calc(var(--baseline) * 24);
    --baseline-25x: calc(var(--baseline) * 25);
    --baseline-26x: calc(var(--baseline) * 26);
    --baseline-27x: calc(var(--baseline) * 27);
    --baseline-28x: calc(var(--baseline) * 28);
    --baseline-29x: calc(var(--baseline) * 29);
    --baseline-30x: calc(var(--baseline) * 30);
    --baseline-31x: calc(var(--baseline) * 31);
    --baseline-32x: calc(var(--baseline) * 32);
    --baseline-33x: calc(var(--baseline) * 33);
    --baseline-34x: calc(var(--baseline) * 34);
    --baseline-35x: calc(var(--baseline) * 35);
    --baseline-36x: calc(var(--baseline) * 36);
    --baseline-37x: calc(var(--baseline) * 37);
    --baseline-38x: calc(var(--baseline) * 38);
    --baseline-39x: calc(var(--baseline) * 39);
}

[class*=icon-][class*=bui-][class*=code] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M8,18l-6-6l6-6l1.4,1.4L4.8,12l4.6,4.6L8,18z M16,18l-1.4-1.4l4.6-4.6l-4.6-4.6L16,6l6,6L16,18"/></svg>');
}

[class*=icon-][class*=bui-][class*=code-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=pages] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M5,21c-0.5,0-1-0.2-1.4-0.6S3,19.6,3,19V5c0-0.6,0.2-1,0.6-1.4S4.5,3,5,3h14c0.6,0,1,0.2,1.4,0.6S21,4.4,21,5v14c0,0.6-0.2,1-0.6,1.4S19.6,21,19,21H5z M5,19h14V7H5V19z M7,12v-2h10v2H7z M7,16v-2h6v2H7z"/></svg>');
}

[class*=icon-][class*=bui-][class*=pages-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=snippet] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M13,8V4c0-0.3,0.1-0.5,0.3-0.7C13.5,3.1,13.7,3,14,3h6c0.3,0,0.5,0.1,0.7,0.3C20.9,3.5,21,3.7,21,4v4c0,0.3-0.1,0.5-0.3,0.7C20.5,8.9,20.3,9,20,9h-6c-0.3,0-0.5-0.1-0.7-0.3C13.1,8.5,13,8.3,13,8z M3,12V4c0-0.3,0.1-0.5,0.3-0.7C3.5,3.1,3.7,3,4,3h6c0.3,0,0.5,0.1,0.7,0.3C10.9,3.5,11,3.7,11,4v8c0,0.3-0.1,0.5-0.3,0.7C10.5,12.9,10.3,13,10,13H4c-0.3,0-0.5-0.1-0.7-0.3C3.1,12.5,3,12.3,3,12z M13,20v-8c0-0.3,0.1-0.5,0.3-0.7c0.2-0.2,0.4-0.3,0.7-0.3h6c0.3,0,0.5,0.1,0.7,0.3c0.2,0.2,0.3,0.4,0.3,0.7v8c0,0.3-0.1,0.5-0.3,0.7C20.5,20.9,20.3,21,20,21h-6c-0.3,0-0.5-0.1-0.7-0.3C13.1,20.5,13,20.3,13,20z M3,20v-4c0-0.3,0.1-0.5,0.3-0.7C3.5,15.1,3.7,15,4,15h6c0.3,0,0.5,0.1,0.7,0.3c0.2,0.2,0.3,0.4,0.3,0.7v4c0,0.3-0.1,0.5-0.3,0.7C10.5,20.9,10.3,21,10,21H4c-0.3,0-0.5-0.1-0.7-0.3C3.1,20.5,3,20.3,3,20z M5,11h4V5H5V11z M15,19h4v-6h-4V19z M15,7h4V5h-4V7z M5,19h4v-2H5V19z"/></svg>');
}

[class*=icon-][class*=bui-][class*=snippet-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=javascript] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M14,20v-2h3c0.3,0,0.5-0.1,0.7-0.3c0.2-0.2,0.3-0.4,0.3-0.7v-2c0-0.6,0.2-1.2,0.6-1.7c0.4-0.5,0.8-0.9,1.4-1.1v-0.4c-0.6-0.2-1.1-0.6-1.4-1.1C18.2,10.2,18,9.6,18,9V7c0-0.3-0.1-0.5-0.3-0.7C17.5,6.1,17.3,6,17,6h-3V4h3c0.8,0,1.5,0.3,2.1,0.9C19.7,5.5,20,6.2,20,7v2c0,0.3,0.1,0.5,0.3,0.7C20.5,9.9,20.7,10,21,10h1v4h-1c-0.3,0-0.5,0.1-0.7,0.3C20.1,14.5,20,14.7,20,15v2c0,0.8-0.3,1.5-0.9,2.1C18.5,19.7,17.8,20,17,20H14z M7,20c-0.8,0-1.5-0.3-2.1-0.9C4.3,18.5,4,17.8,4,17v-2c0-0.3-0.1-0.5-0.3-0.7C3.5,14.1,3.3,14,3,14H2v-4h1c0.3,0,0.5-0.1,0.7-0.3C3.9,9.5,4,9.3,4,9V7c0-0.8,0.3-1.5,0.9-2.1S6.2,4,7,4h3v2H7C6.7,6,6.5,6.1,6.3,6.3C6.1,6.5,6,6.7,6,7v2c0,0.6-0.2,1.2-0.5,1.7c-0.4,0.5-0.9,0.9-1.5,1.1v0.4c0.6,0.2,1.1,0.6,1.5,1.1C5.8,13.8,6,14.4,6,15v2c0,0.3,0.1,0.5,0.3,0.7C6.5,17.9,6.7,18,7,18h3v2H7z"/></svg>');
}

[class*=icon-][class*=bui-][class*=javascript-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=expand-more] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12,14.9c-0.1,0-0.3,0-0.4-0.1c-0.1,0-0.2-0.1-0.3-0.2l-4.6-4.6C6.5,9.9,6.4,9.6,6.4,9.4c0-0.3,0.1-0.5,0.3-0.7c0.2-0.2,0.4-0.3,0.7-0.3c0.3,0,0.5,0.1,0.7,0.3l3.9,3.9l3.9-3.9c0.2-0.2,0.4-0.3,0.7-0.3c0.3,0,0.5,0.1,0.7,0.3c0.2,0.2,0.3,0.4,0.3,0.7c0,0.3-0.1,0.5-0.3,0.7l-4.6,4.6c-0.1,0.1-0.2,0.2-0.3,0.2C12.3,14.9,12.1,15,12,14.9z"/></svg>');
}

[class*=icon-][class*=bui-][class*=expand-more-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=expand-less] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M6.7,14.7c-0.2-0.2-0.3-0.4-0.3-0.7s0.1-0.5,0.3-0.7l4.6-4.6c0.1-0.1,0.2-0.2,0.3-0.2c0.1,0,0.2-0.1,0.4-0.1s0.3,0,0.4,0.1c0.1,0,0.2,0.1,0.3,0.2l4.6,4.6c0.2,0.2,0.3,0.4,0.3,0.7s-0.1,0.5-0.3,0.7c-0.2,0.2-0.4,0.3-0.7,0.3s-0.5-0.1-0.7-0.3L12,10.8l-3.9,3.9C7.9,14.9,7.7,15,7.4,15S6.9,14.9,6.7,14.7z"/></svg>');
}

[class*=icon-][class*=bui-][class*=expand-less-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=check] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M9.55001 18L3.85001 12.3L5.27501 10.875L9.55001 15.15L18.725 5.97501L20.15 7.40001L9.55001 18Z"/></svg>');
}

[class*=icon-][class*=bui-][class*=check-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=check-small] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M10 16.4L6 12.4L7.4 11L10 13.6L16.6 7L18 8.4L10 16.4Z"/></svg>');
}

[class*=icon-][class*=bui-][class*=check-small-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=drop-down] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M11.3,14.3l-2.6-2.6c-0.3-0.3-0.4-0.7-0.2-1.1C8.7,10.2,9,10,9.4,10h5.2c0.5,0,0.8,0.2,0.9,0.6c0.2,0.4,0.1,0.8-0.2,1.1l-2.6,2.6c-0.1,0.1-0.2,0.2-0.3,0.2c-0.1,0.1-0.2,0.1-0.4,0.1s-0.3,0-0.4-0.1S11.4,14.4,11.3,14.3z"/></svg>');
}

[class*=icon-][class*=bui-][class*=drop-down-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=drop-up] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M9.4,14c-0.5,0-0.8-0.2-0.9-0.6c-0.2-0.4-0.1-0.8,0.2-1.1l2.6-2.6c0.1-0.1,0.2-0.2,0.3-0.2s0.2-0.1,0.4-0.1s0.3,0,0.4,0.1c0.1,0,0.2,0.1,0.3,0.2l2.6,2.6c0.3,0.3,0.4,0.7,0.2,1.1C15.3,13.8,15,14,14.6,14L9.4,14z"/></svg>');
}

[class*=icon-][class*=bui-][class*=drop-up-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=cancel] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M7.9,16.1c0.1,0.1,0.3,0.2,0.5,0.2c0.2,0,0.4-0.1,0.5-0.2l3.1-3.1l3.1,3.1c0.1,0.1,0.3,0.2,0.5,0.2c0.2,0,0.4-0.1,0.5-0.2c0.1-0.1,0.2-0.3,0.2-0.5c0-0.2-0.1-0.4-0.2-0.5L13.1,12l3.1-3.1c0.1-0.1,0.2-0.3,0.2-0.5c0-0.2-0.1-0.4-0.2-0.5c-0.1-0.2-0.3-0.2-0.5-0.2c-0.2,0-0.4,0.1-0.5,0.2L12,10.9L8.9,7.8C8.8,7.7,8.6,7.7,8.4,7.7C8.2,7.7,8,7.7,7.9,7.9C7.7,8,7.7,8.2,7.7,8.4c0,0.2,0.1,0.4,0.2,0.5l3.1,3.1l-3.1,3.1c-0.1,0.1-0.2,0.3-0.2,0.5C7.7,15.8,7.7,16,7.9,16.1z M12,21.5c-1.3,0-2.6-0.2-3.7-0.8c-1.2-0.5-2.2-1.2-3-2s-1.5-1.9-2-3c-0.5-1.2-0.8-2.4-0.8-3.7s0.2-2.6,0.8-3.7c0.5-1.2,1.2-2.2,2-3s1.9-1.5,3-2c1.2-0.5,2.4-0.8,3.7-0.8s2.6,0.2,3.7,0.8c1.2,0.5,2.2,1.2,3,2s1.5,1.9,2,3c0.5,1.2,0.8,2.4,0.8,3.7s-0.2,2.6-0.8,3.7c-0.5,1.2-1.2,2.2-2,3s-1.9,1.5-3,2C14.6,21.2,13.3,21.5,12,21.5z"/></svg>');
}

[class*=icon-][class*=bui-][class*=cancel-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=search] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M19.6,19l-2.5-2.5c1.2-1.3,1.9-3.1,1.9-5C19,7.4,15.6,4,11.5,4S4,7.4,4,11.5S7.4,19,11.5,19c1.7,0,3.3-0.6,4.5-1.5l2.5,2.6c0.3,0.3,0.8,0.3,1.1,0C19.9,19.8,19.9,19.3,19.6,19z M11.5,17.5c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S14.8,17.5,11.5,17.5z"/></svg>');
}

[class*=icon-][class*=bui-][class*=search-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=form-radio] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12,3c-5,0-9,4-9,9s4,9,9,9s9-4,9-9S17,3,12,3z M12,20c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8S16.4,20,12,20z"/></svg>');
}

[class*=icon-][class*=bui-][class*=form-radio-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=form-radio-checked] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12,3c-5,0-9,4-9,9s4,9,9,9s9-4,9-9S17,3,12,3z M12,15c-1.7,0-3-1.3-3-3s1.3-3,3-3s3,1.3,3,3S13.7,15,12,15z"/></svg>');
}

[class*=icon-][class*=bui-][class*=form-radio-checked-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=date] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M5.3,21.5c-0.5,0-0.9-0.2-1.3-0.5c-0.4-0.4-0.5-0.8-0.5-1.3V6.3C3.5,5.8,3.7,5.4,4,5c0.4-0.3,0.8-0.5,1.3-0.5h1.4V2.4h1.5v2.1h7.6V2.4h1.5v2.1h1.4c0.5,0,0.9,0.2,1.3,0.5c0.4,0.4,0.5,0.8,0.5,1.3v13.4c0,0.5-0.2,0.9-0.5,1.3c-0.4,0.4-0.8,0.5-1.3,0.5C18.7,21.5,5.3,21.5,5.3,21.5z M5.3,20h13.4c0.1,0,0.1,0,0.2-0.1c0.1-0.1,0.1-0.1,0.1-0.2v-9.4H5v9.4c0,0.1,0,0.1,0.1,0.2C5.2,20,5.2,20,5.3,20z M5,8.8h14V6.3c0-0.1,0-0.1-0.1-0.2C18.8,6,18.8,6,18.7,6H5.3C5.2,6,5.2,6,5.1,6.1C5,6.2,5,6.2,5,6.3C5,6.3,5,8.8,5,8.8z M5,8.8V6V8.8z"/></svg>');
}

[class*=icon-][class*=bui-][class*=date-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=visibility] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12,15.6c1.1,0,2.1-0.4,2.9-1.2c0.8-0.8,1.2-1.8,1.2-2.9s-0.4-2.1-1.2-2.9c-0.8-0.8-1.8-1.2-2.9-1.2S9.9,7.8,9.1,8.6c-0.8,0.8-1.2,1.8-1.2,2.9s0.4,2.1,1.2,2.9C9.9,15.2,10.9,15.6,12,15.6z M12,14.2c-0.8,0-1.4-0.3-1.9-0.8c-0.5-0.5-0.8-1.2-0.8-1.9s0.3-1.4,0.8-1.9c0.5-0.5,1.2-0.8,1.9-0.8s1.4,0.3,1.9,0.8c0.5,0.5,0.8,1.2,0.8,1.9s-0.3,1.4-0.8,1.9C13.4,13.9,12.8,14.2,12,14.2z M12,18.5c-2.2,0-4.2-0.6-6-1.7c-1.8-1.2-3.2-2.7-4.2-4.7c0-0.1-0.1-0.2-0.1-0.3c0-0.1,0-0.2,0-0.3s0-0.2,0-0.3c0-0.1,0-0.2,0.1-0.3c1-2,2.3-3.5,4.2-4.7c1.8-1.2,3.8-1.7,6-1.7c2.2,0,4.2,0.6,6,1.7c1.8,1.2,3.2,2.7,4.2,4.7c0,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.2,0,0.3s0,0.2,0,0.3c0,0.1,0,0.2-0.1,0.3c-1,2-2.3,3.5-4.2,4.7C16.2,17.9,14.2,18.5,12,18.5z M12,17c1.9,0,3.6-0.5,5.2-1.5s2.8-2.3,3.6-4c-0.8-1.7-2-3-3.6-4C15.6,6.5,13.9,6,12,6S8.4,6.5,6.8,7.5c-1.6,1-2.8,2.3-3.6,4c0.8,1.7,2,3,3.6,4S10.1,17,12,17z"/></svg>');
}

[class*=icon-][class*=bui-][class*=visibility-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=visibility-off] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M15.8,13l-1.1-1.1c0.2-0.8-0.1-1.6-0.7-2.2c-0.6-0.7-1.4-0.9-2.3-0.8l-1.1-1.1c0.2-0.1,0.5-0.2,0.7-0.2c0.2-0.1,0.5-0.1,0.8-0.1c1.1,0,2.1,0.4,2.9,1.2c0.8,0.8,1.2,1.8,1.2,2.9c0,0.3,0,0.5-0.1,0.8C16,12.5,15.9,12.8,15.8,13z M19,16.1l-1.1-1c0.6-0.5,1.2-1,1.7-1.6c0.5-0.6,0.9-1.2,1.3-2c-0.8-1.7-2-3-3.6-4C15.7,6.5,13.9,6,12,6c-0.5,0-1,0-1.4,0.1c-0.5,0.1-0.9,0.2-1.4,0.3L8,5.2C8.7,5,9.3,4.8,10,4.7c0.7-0.1,1.3-0.2,2-0.2c2.2,0,4.2,0.6,6.1,1.8c1.8,1.2,3.2,2.7,4.1,4.6c0,0.1,0.1,0.2,0.1,0.3c0,0.1,0,0.2,0,0.3s0,0.2,0,0.3c0,0.1,0,0.2-0.1,0.3c-0.4,0.8-0.8,1.5-1.4,2.2C20.3,14.9,19.7,15.5,19,16.1z M19.2,21.3l-3.5-3.5c-0.5,0.2-1.1,0.3-1.7,0.5c-0.6,0.1-1.3,0.2-2,0.2c-2.2,0-4.3-0.6-6.1-1.8c-1.8-1.2-3.2-2.7-4.1-4.6c0-0.1-0.1-0.2-0.1-0.3c0-0.1,0-0.2,0-0.3s0-0.2,0-0.3c0-0.1,0-0.2,0.1-0.3c0.4-0.8,0.8-1.5,1.4-2.1C3.7,8.1,4.3,7.5,4.9,7L2.6,4.8C2.5,4.6,2.4,4.5,2.4,4.3c0-0.2,0.1-0.4,0.2-0.5C2.8,3.6,3,3.5,3.2,3.5c0.2,0,0.4,0.1,0.5,0.2l16.6,16.6c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2-0.1,0.4-0.2,0.5c-0.1,0.1-0.3,0.2-0.5,0.2S19.4,21.5,19.2,21.3z M6,8.1C5.4,8.5,4.9,9,4.4,9.6c-0.5,0.6-0.9,1.2-1.2,1.9c0.8,1.7,2,3,3.6,4S10.1,17,12,17c0.5,0,0.9,0,1.4-0.1s0.8-0.2,1.1-0.2l-1.3-1.3c-0.2,0.1-0.4,0.1-0.6,0.2c-0.2,0-0.4,0.1-0.6,0.1c-1.1,0-2.1-0.4-2.9-1.2c-0.8-0.8-1.2-1.8-1.2-2.9c0-0.2,0-0.4,0.1-0.6c0-0.2,0.1-0.4,0.2-0.6L6,8.1z"/></svg>');
}

[class*=icon-][class*=bui-][class*=visibility-off-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=bullet-dash] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M9,12h6v1H9V12z"/></svg>');
}

[class*=icon-][class*=bui-][class*=bullet-dash-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=bullet-square] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M13.5,13.5h-3v-3h3V13.5z"/></svg>');
}

[class*=icon-][class*=bui-][class*=bullet-square-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=bullet-circle] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12Z"/></svg>');
}

[class*=icon-][class*=bui-][class*=bullet-circle-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bui-][class*=bullet-star] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12,14.9c-0.1,0-0.2,0-0.2-0.1s-0.1-0.1-0.1-0.2v-1.9l-1.6,1c-0.1,0.1-0.2,0.1-0.3,0c-0.1,0-0.2-0.1-0.2-0.2c0-0.1-0.1-0.2,0-0.3c0-0.1,0.1-0.2,0.2-0.2l1.7-0.9l-1.7-0.9c-0.1-0.1-0.1-0.1-0.2-0.2c0-0.1,0-0.2,0-0.3c0.1-0.1,0.1-0.1,0.2-0.2c0.1,0,0.2,0,0.3,0l1.6,1V9.5c0-0.1,0-0.2,0.1-0.2s0.1-0.1,0.2-0.1s0.2,0,0.2,0.1s0.1,0.1,0.1,0.2v1.9l1.6-1c0.1-0.1,0.2-0.1,0.3,0c0.1,0,0.2,0.1,0.2,0.2c0,0.1,0.1,0.2,0,0.3c0,0.1-0.1,0.2-0.2,0.2L12.7,12l1.7,0.9c0.1,0.1,0.1,0.1,0.2,0.2c0,0.1,0,0.2,0,0.3c-0.1,0.1-0.1,0.1-0.2,0.2c-0.1,0-0.2,0-0.3,0l-1.6-1v1.9c0,0.1,0,0.2-0.1,0.2S12.1,14.9,12,14.9z"/></svg>');
}

[class*=icon-][class*=bui-][class*=bullet-star-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bullet-][class*=dash] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M9 12H15V13H9V12Z"/></svg>');
}

[class*=icon-][class*=bullet-][class*=dash-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bullet-][class*=circle] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12Z"/></svg>');
}

[class*=icon-][class*=bullet-][class*=circle-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bullet-][class*=star] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M11.4444 17V13.3333L8.86111 15.9306L8.06944 15.1389L10.6667 12.5556H7V11.4444H10.6667L8.06944 8.86111L8.86111 8.06944L11.4444 10.6667V7H12.5556V10.6667L15.1389 8.06944L15.9306 8.86111L13.3333 11.4444H17V12.5556H13.3333L15.9306 15.1389L15.1389 15.9306L12.5556 13.3333V17H11.4444Z"/></svg>');
}

[class*=icon-][class*=bullet-][class*=star-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bullet-][class*=square] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M15 15H9V9H15V15Z"/></svg>');
}

[class*=icon-][class*=bullet-][class*=square-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bullet-][class*=mark] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M11.9267 7.92973C11.6228 7.92973 11.4003 7.84324 11.2592 7.67027C11.1289 7.4973 11.0638 7.25946 11.0638 6.95676C11.0638 6.66486 11.1289 6.43243 11.2592 6.25946C11.4003 6.08649 11.6228 6 11.9267 6C12.2307 6 12.4532 6.08649 12.5943 6.25946C12.7463 6.43243 12.8223 6.66486 12.8223 6.95676C12.8223 7.25946 12.7463 7.4973 12.5943 7.67027C12.4532 7.84324 12.2307 7.92973 11.9267 7.92973ZM6.99322 17.7568L6.24423 17.0108L11.2266 11.9838L6.22795 6.97297L6.97693 6.21081L11.9919 11.2216L17.0231 6.22703L17.772 6.97297L12.7571 11.9838L17.7395 17.027L16.9905 17.773L11.9919 12.7459L6.99322 17.7568ZM6.87924 12.973C6.61872 12.973 6.40706 12.9027 6.24423 12.7622C6.08141 12.6108 6 12.3676 6 12.0324C6 11.6973 6.08141 11.4541 6.24423 11.3027C6.40706 11.1514 6.61872 11.0757 6.87924 11.0757C7.15061 11.0757 7.36771 11.1514 7.53053 11.3027C7.69335 11.4541 7.77476 11.6973 7.77476 12.0324C7.77476 12.3676 7.69335 12.6108 7.53053 12.7622C7.36771 12.9027 7.15061 12.973 6.87924 12.973ZM17.1045 12.973C16.844 12.973 16.6323 12.9027 16.4695 12.7622C16.3066 12.6108 16.2252 12.3676 16.2252 12.0324C16.2252 11.6973 16.3066 11.4541 16.4695 11.3027C16.6323 11.1514 16.844 11.0757 17.1045 11.0757C17.3758 11.0757 17.5929 11.1514 17.7558 11.3027C17.9186 11.4541 18 11.6973 18 12.0324C18 12.3676 17.9186 12.6108 17.7558 12.7622C17.5929 12.9027 17.3758 12.973 17.1045 12.973ZM11.9267 18C11.6228 18 11.4003 17.9135 11.2592 17.7405C11.1289 17.5676 11.0638 17.3297 11.0638 17.027C11.0638 16.7351 11.1289 16.5027 11.2592 16.3297C11.4003 16.1568 11.6228 16.0703 11.9267 16.0703C12.2307 16.0703 12.4532 16.1568 12.5943 16.3297C12.7463 16.5027 12.8223 16.7351 12.8223 17.027C12.8223 17.3297 12.7463 17.5676 12.5943 17.7405C12.4532 17.9135 12.2307 18 11.9267 18Z"/></svg>');
}

[class*=icon-][class*=bullet-][class*=mark-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=bullet-][class*=ordered] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M11.61 16.38H13.28V7.62H11.93L9.08 9.82L10.01 11.06L11.61 9.83V16.39V16.38ZM21 12C21 16.97 16.97 21 12 21C7.03 21 3 16.97 3 12C3 7.03 7.03 3 12 3C16.97 3 21 7.03 21 12ZM4 12C4 16.42 7.58 20 12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4C7.58 4 4 7.58 4 12Z"/></svg>');
}

[class*=icon-][class*=bullet-][class*=ordered-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=plus] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12.75 6.75C12.75 6.33579 12.4142 6 12 6C11.5858 6 11.25 6.33579 11.25 6.75V11.25H6.75C6.33579 11.25 6 11.5858 6 12C6 12.4142 6.33579 12.75 6.75 12.75H11.25V17.25C11.25 17.6642 11.5858 18 12 18C12.4142 18 12.75 17.6642 12.75 17.25V12.75H17.25C17.6642 12.75 18 12.4142 18 12C18 11.5858 17.6642 11.25 17.25 11.25H12.75V6.75Z"/></svg>');
}

[class*=icon-][class*=system-][class*=plus-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=minus] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M6 12a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H6.75A.75.75 0 0 1 6 12Z"/></svg>');
}

[class*=icon-][class*=system-][class*=minus-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=arrow-east] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12.217 6.223a.75.75 0 0 1 1.06 0l5.453 5.201.05.046a.748.748 0 0 1-.05 1.108l-5.452 5.201a.75.75 0 0 1-1.06-1.06l4.156-3.966H5.748a.75.75 0 0 1 0-1.5h10.63l-4.16-3.97a.75.75 0 0 1 0-1.06Z"/></svg>');
}

[class*=icon-][class*=system-][class*=arrow-east-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=arrow-west] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M11.78 6.223a.75.75 0 0 0-1.061 0l-5.454 5.203a.747.747 0 0 0-.267.575.747.747 0 0 0 .267.575l5.454 5.203a.75.75 0 0 0 1.06-1.06l-4.156-3.966h10.626a.75.75 0 0 0 0-1.5H7.62l4.16-3.97a.75.75 0 0 0 0-1.06Z"/></svg>');
}

[class*=icon-][class*=system-][class*=arrow-west-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=arrow-south] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="m11.25 16.38-3.97-4.16a.75.75 0 0 0-1.06 1.06l5.203 5.454a.754.754 0 0 0 1.106.048.756.756 0 0 0 .044-.048l5.204-5.454a.75.75 0 0 0-1.061-1.06l-3.966 4.157V5.75a.75.75 0 0 0-1.5 0v10.63Z"/></svg>');
}

[class*=icon-][class*=system-][class*=arrow-south-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=arrow-north] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M6.22 11.782a.75.75 0 0 1 0-1.06l5.206-5.457a.748.748 0 0 1 1.104-.045.56.56 0 0 1 .04.045l5.207 5.456a.75.75 0 0 1-1.06 1.06l-3.97-4.16v10.63a.75.75 0 0 1-1.5 0V7.626L7.28 11.782a.75.75 0 0 1-1.06 0Z"/></svg>');
}

[class*=icon-][class*=system-][class*=arrow-north-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=arrow-northeast] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M9 6.75A.75.75 0 0 1 9.75 6h7.5a.75.75 0 0 1 .75.75v8a.75.75 0 0 1-1.5 0V8.56l-9.22 9.22a.75.75 0 0 1-1.06-1.06l9.22-9.22H9.75A.75.75 0 0 1 9 6.75Z"/></svg>');
}

[class*=icon-][class*=system-][class*=arrow-northeast-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=dropdown-down] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12 18a1.898 1.898 0 0 1-.737-.151 1.702 1.702 0 0 1-.593-.418l-4.209-5.533a1.764 1.764 0 0 1-.447-.95c-.046-.347.02-.699.187-1.015.136-.274.359-.509.64-.674.283-.166.612-.255.95-.259h8.418c.338.004.668.093.95.259.281.165.504.4.64.674.168.316.233.668.187 1.016a1.766 1.766 0 0 1-.447.949l-4.21 5.533c-.16.177-.362.32-.592.418-.23.098-.482.15-.737.151Z"/></svg>');
}

[class*=icon-][class*=system-][class*=dropdown-down-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=dropdown-up] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12 7a1.9 1.9 0 0 1 .737.151c.23.099.432.241.593.418l4.209 5.533c.246.273.4.602.447.95.046.347-.02.699-.187 1.015a1.628 1.628 0 0 1-.64.674 1.919 1.919 0 0 1-.95.259H7.791a1.919 1.919 0 0 1-.95-.259 1.628 1.628 0 0 1-.64-.674 1.685 1.685 0 0 1-.187-1.016c.046-.347.201-.676.447-.949l4.21-5.533c.16-.177.362-.32.592-.418A1.9 1.9 0 0 1 12 7Z"/></svg>');
}

[class*=icon-][class*=system-][class*=dropdown-up-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=close] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M16.72 17.78a.75.75 0 1 0 1.06-1.06L13.06 12l4.72-4.72a.75.75 0 0 0-1.06-1.06L12 10.94 7.28 6.22a.75.75 0 0 0-1.06 1.06L10.94 12l-4.72 4.72a.75.75 0 1 0 1.06 1.06L12 13.06l4.72 4.72Z"/></svg>');
}

[class*=icon-][class*=system-][class*=close-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=close-large] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M18.293 19.707a1 1 0 0 0 1.414-1.414L13.414 12l6.293-6.293a1 1 0 0 0-1.414-1.414L12 10.586 5.707 4.293a1 1 0 0 0-1.414 1.414L10.586 12l-6.293 6.293a1 1 0 1 0 1.414 1.414L12 13.414l6.293 6.293Z"/></svg>');
}

[class*=icon-][class*=system-][class*=close-large-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=expand-more] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M5.049 9.28a.75.75 0 0 1 1.06-1.06l5.718 5.949 5.718-5.95a.75.75 0 0 1 1.06 1.061L12.4 15.737a.757.757 0 0 1-.573.265.748.748 0 0 1-.572-.265L5.049 9.28Z"/></svg>');
}

[class*=icon-][class*=system-][class*=expand-more-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=expand-less] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M5.22 14.721a.75.75 0 1 0 1.061 1.06L12 9.834l5.718 5.949a.75.75 0 1 0 1.06-1.06l-6.205-6.458A.748.748 0 0 0 12 8a.748.748 0 0 0-.573.264L5.22 14.721Z"/></svg>');
}

[class*=icon-][class*=system-][class*=expand-less-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=direction-prev] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M13.72 17.779a.75.75 0 0 0 1.06-1.061L9.835 12l4.945-4.718a.75.75 0 1 0-1.06-1.06l-5.455 5.203a.747.747 0 0 0-.267.575.747.747 0 0 0 .267.575l5.454 5.204Z"/></svg>');
}

[class*=icon-][class*=system-][class*=direction-prev-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=direction-next] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M10.278 17.779a.75.75 0 1 1-1.06-1.061L14.163 12 9.218 7.282a.75.75 0 1 1 1.06-1.06l5.454 5.203A.747.747 0 0 1 16 12a.747.747 0 0 1-.268.575l-5.454 5.204Z"/></svg>');
}

[class*=icon-][class*=system-][class*=direction-next-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=direction-prev-all] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12.721 17.777a.75.75 0 1 0 1.061-1.061l-4.945-4.718 4.945-4.718a.75.75 0 1 0-1.061-1.061l-5.454 5.204a.751.751 0 0 0 .001 1.15l5.454 5.203h-.001Zm4 0a.75.75 0 1 0 1.061-1.061l-4.945-4.718 4.945-4.718a.75.75 0 1 0-1.061-1.061l-5.454 5.203-.048.044a.748.748 0 0 0 0 1.062c.016.015.031.03.048.044l5.454 5.203v.002Z"/></svg>');
}

[class*=icon-][class*=system-][class*=direction-prev-all-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=direction-next-all] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12.28 17.777a.75.75 0 1 1-1.061-1.061l4.945-4.718L11.22 7.28a.75.75 0 1 1 1.06-1.061l5.455 5.203a.748.748 0 0 1 0 1.15l-5.454 5.203-.001.002Zm-4 0a.75.75 0 1 1-1.061-1.061l4.945-4.718L7.22 7.28a.749.749 0 1 1 1.06-1.06l5.454 5.203a.748.748 0 0 1 0 1.15L8.28 17.777Z"/></svg>');
}

[class*=icon-][class*=system-][class*=direction-next-all-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=check] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M18.713 6.16a.75.75 0 0 1 .127 1.053l-8.25 10.5a.75.75 0 0 1-1.173.009l-4.25-5.25a.75.75 0 1 1 1.166-.944l3.658 4.52 7.67-9.761a.75.75 0 0 1 1.052-.127Z"/></svg>');
}

[class*=icon-][class*=system-][class*=check-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=checkbox] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM15.8086 10.4153L11.4172 14.8067C11.1569 15.067 10.7348 15.0671 10.4745 14.8068L8.19487 12.528C7.93447 12.2677 7.93438 11.8456 8.19467 11.5852C8.45497 11.3248 8.87708 11.3247 9.13748 11.585L10.9457 13.3926L14.8658 9.47248C15.1261 9.21213 15.5482 9.21213 15.8086 9.47248C16.0689 9.73283 16.0689 10.1549 15.8086 10.4153Z"/></svg>');
}

[class*=icon-][class*=system-][class*=checkbox-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=radio] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM12 15.5C10.067 15.5 8.5 13.933 8.5 12C8.5 10.067 10.067 8.5 12 8.5C13.933 8.5 15.5 10.067 15.5 12C15.5 13.933 13.933 15.5 12 15.5Z"/></svg>');
}

[class*=icon-][class*=system-][class*=radio-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=cancel] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-7.121-3.293-1.88 1.879-1.878-1.879a1 1 0 1 0-1.414 1.414L10.586 12l-1.879 1.878a1 1 0 0 0 1.415 1.415L12 13.414l1.878 1.879a1 1 0 0 0 1.414-1.415L13.414 12l1.879-1.879a1 1 0 0 0-1.414-1.414Z"/></svg>');
}

[class*=icon-][class*=system-][class*=cancel-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=info] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1.5-14a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 3v6h-3v-6h3Z"/></svg>');
}

[class*=icon-][class*=system-][class*=info-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=star] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M10.406 4.28c.621-1.37 2.566-1.37 3.188 0l1.672 3.687a.25.25 0 0 0 .198.145l3.994.482c1.474.177 2.07 1.995.99 3.012l-2.976 2.798a.25.25 0 0 0-.074.23l.786 4.026c.287 1.468-1.283 2.596-2.583 1.856l-3.478-1.98a.25.25 0 0 0-.247 0l-3.477 1.98c-1.3.74-2.87-.388-2.584-1.856l.787-4.026a.25.25 0 0 0-.074-.23l-2.976-2.798c-1.081-1.017-.484-2.835.99-3.012l3.994-.482a.25.25 0 0 0 .197-.145l1.673-3.688Zm1.821.619a.25.25 0 0 0-.455 0l-1.673 3.688A1.75 1.75 0 0 1 8.715 9.6l-3.994.482a.25.25 0 0 0-.141.43l2.975 2.799a1.75 1.75 0 0 1 .519 1.61l-.786 4.025a.25.25 0 0 0 .369.265l3.477-1.98a1.75 1.75 0 0 1 1.732 0l3.477 1.98a.25.25 0 0 0 .369-.265l-.787-4.025a1.75 1.75 0 0 1 .519-1.61l2.976-2.799a.25.25 0 0 0-.142-.43L15.284 9.6A1.75 1.75 0 0 1 13.9 8.587l-1.673-3.688Z"/></svg>');
}

[class*=icon-][class*=system-][class*=star-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M10.407 4.027c.621-1.37 2.566-1.37 3.187 0l1.673 3.688a.25.25 0 0 0 .198.145l3.994.482c1.474.178 2.07 1.995.99 3.012l-2.976 2.799a.25.25 0 0 0-.074.23l.786 4.024c.287 1.47-1.283 2.597-2.583 1.857l-3.478-1.98a.25.25 0 0 0-.247 0L8.4 20.264c-1.3.74-2.87-.388-2.584-1.857l.787-4.024a.25.25 0 0 0-.074-.23l-2.976-2.8c-1.081-1.016-.484-2.833.99-3.011l3.994-.482a.25.25 0 0 0 .197-.145l1.673-3.688Z"/></svg>');
}

[class*=icon-][class*=system-][class*=heart] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M8.126 4.086C5.288 4.086 3 6.408 3 9.251c0 2.745 1.68 5.077 3.67 6.962 1.01.956 2.25 1.876 3.222 2.55a42.072 42.072 0 0 0 1.682 1.106l.027.016.007.004.002.002c.241.146.54.147.78-.001l.013-.008.026-.016a17.306 17.306 0 0 0 .446-.285 43.38 43.38 0 0 0 1.2-.808c.96-.67 2.195-1.588 3.246-2.552C19.564 14.164 21 11.905 21 9.165 21 6.314 18.712 4 15.874 4A5.087 5.087 0 0 0 12 5.79c-.936-1.092-2.32-1.704-3.874-1.704Zm3.871 14.277-.072-.046a40.28 40.28 0 0 1-1.178-.786c-.95-.658-2.117-1.529-3.045-2.407C5.818 13.34 4.5 11.293 4.5 9.165 4.5 7.137 6.13 5.5 8.126 5.5c1.39 0 2.599.794 3.209 1.967a.75.75 0 0 0 1.33 0 3.618 3.618 0 0 1 3.21-1.967c1.996 0 3.625 1.63 3.625 3.665 0 2.147-1.105 4.035-3.193 5.95-.98.9-2.152 1.774-3.09 2.428-.467.326-.872.594-1.159.78l-.06.04Z"/></svg>');
}

[class*=icon-][class*=system-][class*=heart-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=pencil] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M15.347 3.969a3.309 3.309 0 0 1 4.68 4.679l-.009.008-8.77 8.515-4.424-4.424 8.523-8.778ZM5.573 14.043l-.934.967a.682.682 0 0 0-.164.281l-1.446 4.82a.689.689 0 0 0 .858.858l4.82-1.446a.7.7 0 0 0 .281-.164l.967-.934-4.382-4.382Z"/></svg>');
}

[class*=icon-][class*=system-][class*=pencil-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=heading] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M5 5a.75.75 0 0 0 0 1.5h1.5v11H5A.75.75 0 0 0 5 19h4a.75.75 0 0 0 0-1.5H8v-5.298h8V17.5h-1a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5h-1.5v-11H19A.75.75 0 0 0 19 5h-4a.75.75 0 0 0 0 1.5h1v4.202H8V6.5h1A.75.75 0 0 0 9 5H5Z"/></svg>');
}

[class*=icon-][class*=system-][class*=heading-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=write] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M19.164 4.839a2.871 2.871 0 0 0-4.06 0l-1.597 1.597a.758.758 0 0 0-.072.071L5.72 14.222a.75.75 0 0 0-.181.294l-1.5 4.5a.75.75 0 0 0 .948.948l4.5-1.5a.75.75 0 0 0 .293-.18L19.164 8.9a2.871 2.871 0 0 0 0-4.061ZM6.906 15.158 14 8.062l1.94 1.94-7.096 7.095-2.435.812a.25.25 0 0 1-.316-.316l.812-2.435Zm11.197-7.319-1.102 1.102-1.94-1.94L16.165 5.9a1.371 1.371 0 0 1 1.94 1.939ZM12.75 18.5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z"/></svg>');
}

[class*=icon-][class*=system-][class*=write-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=badge] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M9 8.549c0-.442.358-.799.799-.799h2.826a2.375 2.375 0 0 1 1.884 3.821 2.625 2.625 0 0 1-1.634 4.679h-3.07A.804.804 0 0 1 9 15.445V8.549ZM10.5 11h2.125a.875.875 0 0 0 0-1.75H10.5V11Zm0 1.5v2.25h2.375a1.125 1.125 0 0 0 0-2.25H10.5ZM7 3a4 4 0 0 0-4 4v10a4 4 0 0 0 4 4h10a4 4 0 0 0 4-4V7a4 4 0 0 0-4-4H7Zm10 1.5A2.5 2.5 0 0 1 19.5 7v10a2.5 2.5 0 0 1-2.5 2.5H7A2.5 2.5 0 0 1 4.5 17V7A2.5 2.5 0 0 1 7 4.5h10Z"/></svg>');
}

[class*=icon-][class*=system-][class*=badge-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=palette] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm3 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM8 9a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm-1 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm1 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm3.75-12.5a9.25 9.25 0 0 0-9.25 9.25 9.25 9.25 0 0 0 11.702 8.921c1.344-.369 2.038-1.655 2.038-2.878v-.167a2.6 2.6 0 0 0-.274-1.161 1.095 1.095 0 0 1 .98-1.585h.555c1.696 0 3.5-1.153 3.5-3.13A9.251 9.251 0 0 0 11.75 2.5ZM4 11.75a7.75 7.75 0 0 1 15.5 0c0 .881-.837 1.63-2 1.63h-.555a2.596 2.596 0 0 0-2.322 3.756c.076.152.116.32.116.49v.167c0 .726-.399 1.285-.935 1.432a7.75 7.75 0 0 1-9.805-7.475H4Z"/></svg>');
}

[class*=icon-][class*=system-][class*=palette-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=calendar] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M7.5 3.75a.75.75 0 0 1 1.5 0V5h6V3.75a.75.75 0 0 1 1.5 0V5h.5a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h.5V3.75ZM15 6.5H9v1.25a.75.75 0 0 1-1.5 0V6.5H7A2.5 2.5 0 0 0 4.5 9v1.043A.738.738 0 0 1 4.75 10h14.5c.088 0 .172.015.25.043V9A2.5 2.5 0 0 0 17 6.5h-.5v1.25a.75.75 0 0 1-1.5 0V6.5ZM4.5 11.457V17A2.5 2.5 0 0 0 7 19.5h10a2.5 2.5 0 0 0 2.5-2.5v-5.543a.738.738 0 0 1-.25.043H4.75a.738.738 0 0 1-.25-.043Z"/></svg>');
}

[class*=icon-][class*=system-][class*=calendar-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=copy] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M17 9h-5c-1.66 0-3 1.34-3 3v6c0 1.66 1.34 3 3 3h5c1.66 0 3-1.34 3-3v-6c0-1.66-1.34-3-3-3Zm1.5 9c0 .83-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5v-6c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5v6ZM12 3H7C5.34 3 4 4.34 4 6v6c0 1.66 1.34 3 3 3 .28 0 .5-.22.5-.5V14c0-.28-.22-.5-.5-.5-.83 0-1.5-.67-1.5-1.5V6c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5v.75c0 .41.34.75.75.75s.75-.34.75-.75V6c0-1.66-1.34-3-3-3Z"/></svg>');
}

[class*=icon-][class*=system-][class*=copy-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=clock] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M16.25 12.5H12.5V8.75c0-.41-.34-.75-.75-.75s-.75.34-.75.75v4.5c0 .41.34.75.75.75h4.5c.41 0 .75-.34.75-.75s-.34-.75-.75-.75ZM12 3a9 9 0 1 0 .001 18.001A9 9 0 0 0 12 3Zm0 16.5c-4.14 0-7.5-3.36-7.5-7.5 0-4.14 3.36-7.5 7.5-7.5 4.14 0 7.5 3.36 7.5 7.5 0 4.14-3.36 7.5-7.5 7.5Zm4.25-7H12.5V8.75c0-.41-.34-.75-.75-.75s-.75.34-.75.75v4.5c0 .41.34.75.75.75h4.5c.41 0 .75-.34.75-.75s-.34-.75-.75-.75Zm0 0H12.5V8.75c0-.41-.34-.75-.75-.75s-.75.34-.75.75v4.5c0 .41.34.75.75.75h4.5c.41 0 .75-.34.75-.75s-.34-.75-.75-.75Z"/></svg>');
}

[class*=icon-][class*=system-][class*=clock-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=category] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M6 3a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6Zm2 1.5A1.5 1.5 0 0 1 9.5 6v2A1.5 1.5 0 0 1 8 9.5H6A1.5 1.5 0 0 1 4.5 8V6A1.5 1.5 0 0 1 6 4.5h2ZM6 13a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3H6Zm2 1.5A1.5 1.5 0 0 1 9.5 16v2A1.5 1.5 0 0 1 8 19.5H6A1.5 1.5 0 0 1 4.5 18v-2A1.5 1.5 0 0 1 6 14.5h2ZM13 6a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3h-2a3 3 0 0 1-3-3V6Zm3-1.5A1.5 1.5 0 0 0 14.5 6v2A1.5 1.5 0 0 0 16 9.5h2A1.5 1.5 0 0 0 19.5 8V6A1.5 1.5 0 0 0 18 4.5h-2Zm-2.78 12.78a.75.75 0 1 1 1.061-1.061l1.969 2.122v-4.592a.75.75 0 0 1 1.5 0v4.589l1.966-2.119a.75.75 0 1 1 1.061 1.061l-3.193 3.442a.748.748 0 0 1-1.17 0L13.22 17.28Z"/></svg>');
}

[class*=icon-][class*=system-][class*=category-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=image] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M9.5 12a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0-1.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2ZM8 4a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4V8a4 4 0 0 0-4-4H8Zm8 1.5v.001a2.5 2.5 0 0 1 2.5 2.5v5.841l-.778-1.067a2.75 2.75 0 0 0-4.444 0l-.739 1.014a1.25 1.25 0 0 1-1.717.294l-.508-.348a2.75 2.75 0 0 0-3.527.351L5.5 15.41V8A2.5 2.5 0 0 1 8 5.5h8Zm2.494 10.669A2.499 2.499 0 0 1 16 18.5H8a2.499 2.499 0 0 1-2.177-1.27l2.04-2.098a1.25 1.25 0 0 1 1.603-.16l.508.348a2.75 2.75 0 0 0 3.777-.648l.739-1.014a1.25 1.25 0 0 1 2.02 0l1.884 2.584.1-.073Z"/></svg>');
}

[class*=icon-][class*=system-][class*=image-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=image-add] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M17.8 3c-.5 0-.8.3-.8.8v1.8h-1.8c-.4 0-.8.3-.8.8s.4.6.8.6H17v1.8c0 .4.3.8.8.8s.8-.3.8-.8V7h1.8c.3 0 .6-.3.6-.8s-.3-.8-.8-.8h-1.8V3.8c.1-.5-.2-.8-.6-.8Zm-6.6 1c.5 0 .8.3.8.8s-.3.8-.8.8h-4c-1.5 0-2.8 1.2-2.8 2.8v8.1L6 15c1-1 2.4-1.1 3.4-.4l.9.6c.5.3 1.3.2 1.7-.3l1.1-1.4c1.1-1.4 3.2-1.4 4.3-.1l1.1 1.3v-3c0-.4.3-.8.8-.8s.8.3.8.8v5c0 2.3-1.9 4.2-4.2 4.2H7.2C4.9 21 3 19.1 3 16.8V8.2C3 5.9 4.9 4 7.2 4h4Zm7.3 13.1-2.2-2.7c-.5-.6-1.5-.6-1.9 0l-1.1 1.4c-.9 1.1-2.5 1.4-3.6.6l-.9-.6c-.5-.3-1.1-.3-1.5.1L4.8 18c.5.9 1.4 1.5 2.4 1.5h8.5c1.5 0 2.6-1.1 2.8-2.4Zm-7-7.3c0 1.5-1.2 2.8-2.8 2.8C7.2 12.5 6 11.3 6 9.8 6 8.2 7.2 7 8.8 7c1.5 0 2.7 1.2 2.7 2.8Zm-1.5 0c0-.7-.6-1.2-1.2-1.2s-1.3.5-1.3 1.2.6 1.2 1.2 1.2 1.3-.6 1.3-1.2Z"/></svg>');
}

[class*=icon-][class*=system-][class*=image-add-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=description] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M5.25 5.83c0-.983.796-1.78 1.779-1.78h10.225c.982 0 1.778.797 1.778 1.78v1.935a.75.75 0 1 1-1.5 0V5.83a.279.279 0 0 0-.278-.278h-4.151v12.9h2.668a.75.75 0 0 1 0 1.5H9.086a.75.75 0 0 1 0-1.5h2.517V5.55H7.029a.279.279 0 0 0-.279.278v1.513a.75.75 0 0 1-1.5 0V5.829Z"/></svg>');
}

[class*=icon-][class*=system-][class*=description-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=text-add] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M2.5 5a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1v1.75a.75.75 0 0 1-1.5 0V5.5h-5.25v14h2a.75.75 0 0 1 0 1.5h-5.5a.75.75 0 0 1 0-1.5h2v-14H4v1.25a.75.75 0 0 1-1.5 0V5ZM18 13h1.75c.41 0 .75.34.75.75s-.34.75-.75.75H18v1.75c0 .41-.34.75-.75.75s-.75-.34-.75-.75V14.5h-1.75c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h1.75v-1.75c0-.41.34-.75.75-.75s.75.34.75.75V13Z"/></svg>');
}

[class*=icon-][class*=system-][class*=text-add-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=para-add] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M17 3.8c0-.5.3-.8.8-.8s.8.3.8.8v1.8h1.8c.4 0 .8.3.8.8s-.5.6-1 .6h-1.8v1.8c0 .4-.3.8-.8.8s-.6-.4-.6-.8V7h-1.8c-.4 0-.8-.3-.8-.8s.3-.8.8-.8H17V3.8Zm-5.8.2c.5 0 .8.3.8.8s-.3.8-.8.8h-4c-1.5 0-2.8 1.2-2.8 2.8v8.5c0 1.5 1.2 2.8 2.8 2.8h8.5c1.5 0 2.8-1.2 2.8-2.8v-5c0-.4.3-.8.8-.8s.8.3.8.8v5c0 2.3-1.9 4.2-4.2 4.2H7.2C4.9 21 3 19.1 3 16.8V8.2C3 5.9 4.9 4 7.2 4h4ZM7 15.8c0-.5.3-.8.8-.8h7.5c.4 0 .8.3.8.8s-.3.8-.8.8H7.8c-.5-.1-.8-.4-.8-.8Zm.8-3.8c-.5 0-.8.3-.8.8s.3.8.8.8h7.5c.4 0 .8-.3.8-.8s-.4-.8-.9-.8H7.8ZM7 9.8c0-.5.3-.8.8-.8h4.5c.4 0 .7.3.7.8 0 .4-.3.8-.8.8H7.8c-.5-.1-.8-.4-.8-.8Z"/></svg>');
}

[class*=icon-][class*=system-][class*=para-add-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=list-add] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M16.5 3.75a.75.75 0 0 1 1.5 0V5.5h1.75a.75.75 0 0 1 0 1.5H18v1.75a.75.75 0 0 1-1.5 0V7h-1.75a.75.75 0 0 1 0-1.5h1.75V3.75ZM4.25 10a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm7-2a.75.75 0 0 1 0 1.5h-3.5a.75.75 0 0 1 0-1.5h3.5ZM21 12.75a.75.75 0 0 0-.75-.75H7.75a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 .75-.75ZM4.25 14a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM21 16.75a.75.75 0 0 0-.75-.75H7.75a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 .75-.75ZM4.25 18a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z"/></svg>');
}

[class*=icon-][class*=system-][class*=list-add-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=visibility-on] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12.25 8.5a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5ZM10 12.25a2.25 2.25 0 1 1 4.5 0 2.25 2.25 0 0 1-4.5 0Zm-6.974.197a.755.755 0 0 1 0-.394c.298-1.172 1.314-2.908 2.848-4.349C7.43 6.241 9.605 5 12.25 5c2.645 0 4.821 1.241 6.376 2.704 1.533 1.442 2.55 3.178 2.847 4.349a.76.76 0 0 1 0 .394c-.298 1.172-1.314 2.908-2.847 4.349-1.556 1.463-3.731 2.704-6.376 2.704-2.645 0-4.82-1.241-6.376-2.704-1.533-1.441-2.55-3.177-2.848-4.349Zm3.875-3.651c-1.289 1.212-2.099 2.599-2.372 3.454.273.854 1.083 2.242 2.372 3.454C8.27 16.991 10.095 18 12.25 18c2.155 0 3.98-1.009 5.349-2.296 1.289-1.212 2.099-2.599 2.372-3.454-.273-.854-1.083-2.242-2.372-3.454C16.23 7.509 14.405 6.5 12.25 6.5c-2.155 0-3.98 1.009-5.349 2.296Z"/></svg>');
}

[class*=icon-][class*=system-][class*=visibility-on-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=visibility-off] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M6.651 15.454c-1.385-1.302-2.216-2.808-2.423-3.636a.75.75 0 1 0-1.455.364c.293 1.172 1.311 2.917 2.85 4.365.132.123.267.244.406.363l-1.56 1.56a.75.75 0 1 0 1.062 1.06l1.716-1.716a9.509 9.509 0 0 0 1.852.92l-.795 1.987a.75.75 0 0 0 1.393.558l.86-2.154a8.355 8.355 0 0 0 2.886 0l.86 2.154a.75.75 0 0 0 1.394-.558l-.795-1.987a9.512 9.512 0 0 0 1.851-.92l1.717 1.716a.75.75 0 0 0 1.06-1.06l-1.559-1.56c.14-.12.275-.24.405-.363 1.54-1.448 2.559-3.193 2.852-4.365a.75.75 0 0 0-1.455-.364c-.207.828-1.039 2.334-2.424 3.636-1.37 1.287-3.194 2.296-5.349 2.296-2.154 0-3.98-1.009-5.349-2.296Z"/></svg>');
}

[class*=icon-][class*=system-][class*=visibility-off-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=delete] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M7.622 5.406A1.001 1.001 0 0 1 6.708 6H4.25a.75.75 0 0 0 0 1.5h15.5a.75.75 0 0 0 0-1.5h-2.467c-.395 0-.753-.233-.914-.594l-.542-1.218A2 2 0 0 0 13.999 3H9.991a2 2 0 0 0-1.828 1.188l-.542 1.218h.001ZM14 4.5c.198 0 .377.116.457.297L14.992 6H9l.535-1.203a.499.499 0 0 1 .457-.297H14ZM6.982 9.634a.75.75 0 0 0-1.482.232l1.208 9.022A2.5 2.5 0 0 0 9.178 21h5.661a2.5 2.5 0 0 0 2.47-2.112L18.5 9.866a.75.75 0 1 0-1.482-.232l-1.191 9.022a1 1 0 0 1-.988.845H9.178a1 1 0 0 1-.988-.845L6.982 9.634Z"/></svg>');
}

[class*=icon-][class*=system-][class*=delete-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=upload] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M11.429 5.264A.749.749 0 0 1 12.002 5a.749.749 0 0 1 .573.264l3.457 3.453a.75.75 0 1 1-1.061 1.061l-2.226-2.223v8.694a.75.75 0 0 1-1.5 0V7.567L9.031 9.779A.751.751 0 0 1 7.97 8.718l3.459-3.454ZM7.5 11.998a.75.75 0 0 1 0 1.5H7a2.5 2.5 0 0 0-2.5 2.5v2a2.5 2.5 0 0 0 2.5 2.5h10a2.5 2.5 0 0 0 2.5-2.5v-2a2.5 2.5 0 0 0-2.5-2.5h-.5a.75.75 0 0 1 0-1.5h.5a4 4 0 0 1 4 4v2a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4v-2a4 4 0 0 1 4-4h.5Z"/></svg>');
}

[class*=icon-][class*=system-][class*=upload-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=search] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M14.391 15.452a7 7 0 1 1 1.06-1.06l4.33 4.328a.75.75 0 0 1-1.061 1.06l-4.329-4.328ZM15.5 10a5.5 5.5 0 1 0-11 0 5.5 5.5 0 0 0 11 0Z"/></svg>');
}

[class*=icon-][class*=system-][class*=search-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=refresh] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M6.204 8.25h1.579a.75.75 0 0 1 0 1.5H4A.75.75 0 0 1 3.25 9V5a.75.75 0 0 1 1.5 0v2.85a.75.75 0 0 1 .077-.21C6.254 5.031 8.94 3.25 12.04 3.25c3.516 0 6.494 2.29 7.716 5.482a.75.75 0 0 1-1.4.536c-1.023-2.67-3.482-4.518-6.316-4.518-2.459 0-4.632 1.388-5.835 3.5Zm-1.454-.1a.753.753 0 0 0 .028.1H4.75v-.1Zm-.073 6.15a.75.75 0 0 1 .969.432c1.022 2.67 3.481 4.518 6.315 4.518 2.459 0 4.632-1.388 5.835-3.5h-1.579a.75.75 0 0 1 0-1.5H20a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-2.85a.75.75 0 0 1-.077.21c-1.427 2.608-4.112 4.39-7.212 4.39-3.516 0-6.494-2.29-7.716-5.482a.75.75 0 0 1 .432-.968Zm14.573 1.55v-.1h-.028a.747.747 0 0 1 .028.1Z"/></svg>');
}

[class*=icon-][class*=system-][class*=refresh-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=download] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="m7.28 9.718 3.97 4.16V3.75a.75.75 0 0 1 1.5 0v10.125l3.966-4.157a.75.75 0 0 1 1.06 1.06l-5.203 5.455a.747.747 0 0 1-.575.267.747.747 0 0 1-.575-.267L6.22 10.779a.75.75 0 1 1 1.06-1.061ZM3.75 19.5a.75.75 0 0 0 0 1.5h16.5a.75.75 0 0 0 0-1.5H3.75Z"/></svg>');
}

[class*=icon-][class*=system-][class*=download-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=mobile] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M10.75 6a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Zm-2-3A2.75 2.75 0 0 0 6 5.75v12.5A2.75 2.75 0 0 0 8.75 21h6.5A2.75 2.75 0 0 0 18 18.25V5.75A2.75 2.75 0 0 0 15.25 3h-6.5ZM7.5 5.75c0-.69.56-1.25 1.25-1.25h6.5c.69 0 1.25.56 1.25 1.25v12.5c0 .69-.56 1.25-1.25 1.25h-6.5c-.69 0-1.25-.56-1.25-1.25V5.75Z"/></svg>');
}

[class*=icon-][class*=system-][class*=mobile-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=mobile-bold] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M9 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H9ZM8 6a1 1 0 0 1 1-1l.386 1.287a1 1 0 0 0 .958.713h3.312a1 1 0 0 0 .958-.713L15 5a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V6Z"/></svg>');
}

[class*=icon-][class*=system-][class*=mobile-bold-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=align-left] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M3.75 5a.75.75 0 0 0 0 1.5h16.5a.75.75 0 0 0 0-1.5H3.75Zm0 8a.75.75 0 0 0 0 1.5h16.5a.75.75 0 0 0 0-1.5H3.75ZM3 18.25a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1-.75-.75ZM3.75 9a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H3.75Z"/></svg>');
}

[class*=icon-][class*=system-][class*=align-left-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=align-center] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M7.75 5a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5Zm-2 8a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H5.75ZM3 18.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75ZM3.75 9a.75.75 0 0 0 0 1.5h16.5a.75.75 0 0 0 0-1.5H3.75Z"/></svg>');
}

[class*=icon-][class*=system-][class*=align-center-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=align-right] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M20.25 5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1 0-1.5h16.5Zm0 8a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1 0-1.5h16.5Zm.75 5.25a.75.75 0 0 0-.75-.75h-8.5a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 .75-.75ZM20.25 9a.75.75 0 0 1 0 1.5H7.75a.75.75 0 0 1 0-1.5h12.5Z"/></svg>');
}

[class*=icon-][class*=system-][class*=align-right-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=menu] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M20 7.25a.75.75 0 0 0-.75-.75H4.75a.75.75 0 0 0 0 1.5h14.5a.75.75 0 0 0 .75-.75Zm0 9.5a.75.75 0 0 0-.75-.75H4.75a.75.75 0 0 0 0 1.5h14.5a.75.75 0 0 0 .75-.75Zm-.75-5.25a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1 0-1.5h14.5Z"/></svg>');
}

[class*=icon-][class*=system-][class*=menu-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=display-end] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M10.25 6c-.41 0-.75.34-.75.75v10.5c0 .41.34.75.75.75s.75-.34.75-.75V6.75c0-.41-.34-.75-.75-.75Zm-3.5 0c-.41 0-.75.34-.75.75v10.5c0 .41.34.75.75.75s.75-.34.75-.75V6.75c0-.41-.34-.75-.75-.75ZM17 2H7C4.24 2 2 4.24 2 7v10c0 2.76 2.24 5 5 5h10c2.76 0 5-2.24 5-5V7c0-2.76-2.24-5-5-5Zm3.5 15c0 1.93-1.57 3.5-3.5 3.5H7c-1.93 0-3.5-1.57-3.5-3.5V7c0-1.93 1.57-3.5 3.5-3.5h10c1.93 0 3.5 1.57 3.5 3.5v10ZM10.25 6c-.41 0-.75.34-.75.75v10.5c0 .41.34.75.75.75s.75-.34.75-.75V6.75c0-.41-.34-.75-.75-.75Zm-3.5 0c-.41 0-.75.34-.75.75v10.5c0 .41.34.75.75.75s.75-.34.75-.75V6.75c0-.41-.34-.75-.75-.75Zm3.5 0c-.41 0-.75.34-.75.75v10.5c0 .41.34.75.75.75s.75-.34.75-.75V6.75c0-.41-.34-.75-.75-.75Zm-3.5 0c-.41 0-.75.34-.75.75v10.5c0 .41.34.75.75.75s.75-.34.75-.75V6.75c0-.41-.34-.75-.75-.75Z"/></svg>');
}

[class*=icon-][class*=system-][class*=display-end-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=display-center] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M6.75 14.5h10.5c.41 0 .75-.34.75-.75s-.34-.75-.75-.75H6.75c-.41 0-.75.34-.75.75s.34.75.75.75Zm10.5 2H6.75c-.41 0-.75.34-.75.75s.34.75.75.75h10.5c.41 0 .75-.34.75-.75s-.34-.75-.75-.75ZM17 2H7C4.24 2 2 4.24 2 7v10c0 2.76 2.24 5 5 5h10c2.76 0 5-2.24 5-5V7c0-2.76-2.24-5-5-5Zm3.5 15c0 1.93-1.57 3.5-3.5 3.5H7c-1.93 0-3.5-1.57-3.5-3.5V7c0-1.93 1.57-3.5 3.5-3.5h10c1.93 0 3.5 1.57 3.5 3.5v10Zm-3.25-4H6.75c-.41 0-.75.34-.75.75s.34.75.75.75h10.5c.41 0 .75-.34.75-.75s-.34-.75-.75-.75Zm0 3.5H6.75c-.41 0-.75.34-.75.75s.34.75.75.75h10.5c.41 0 .75-.34.75-.75s-.34-.75-.75-.75Zm0-3.5H6.75c-.41 0-.75.34-.75.75s.34.75.75.75h10.5c.41 0 .75-.34.75-.75s-.34-.75-.75-.75Zm0 3.5H6.75c-.41 0-.75.34-.75.75s.34.75.75.75h10.5c.41 0 .75-.34.75-.75s-.34-.75-.75-.75Z"/></svg>');
}

[class*=icon-][class*=system-][class*=display-center-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=display-start] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M17.25 6c-.41 0-.75.34-.75.75v10.5c0 .41.34.75.75.75s.75-.34.75-.75V6.75c0-.41-.34-.75-.75-.75Zm-3.5 0c-.41 0-.75.34-.75.75v10.5c0 .41.34.75.75.75s.75-.34.75-.75V6.75c0-.41-.34-.75-.75-.75ZM17 2H7C4.24 2 2 4.24 2 7v10c0 2.76 2.24 5 5 5h10c2.76 0 5-2.24 5-5V7c0-2.76-2.24-5-5-5Zm3.5 15c0 1.93-1.57 3.5-3.5 3.5H7c-1.93 0-3.5-1.57-3.5-3.5V7c0-1.93 1.57-3.5 3.5-3.5h10c1.93 0 3.5 1.57 3.5 3.5v10ZM17.25 6c-.41 0-.75.34-.75.75v10.5c0 .41.34.75.75.75s.75-.34.75-.75V6.75c0-.41-.34-.75-.75-.75Zm-3.5 0c-.41 0-.75.34-.75.75v10.5c0 .41.34.75.75.75s.75-.34.75-.75V6.75c0-.41-.34-.75-.75-.75Zm0 0c-.41 0-.75.34-.75.75v10.5c0 .41.34.75.75.75s.75-.34.75-.75V6.75c0-.41-.34-.75-.75-.75Zm3.5 0c-.41 0-.75.34-.75.75v10.5c0 .41.34.75.75.75s.75-.34.75-.75V6.75c0-.41-.34-.75-.75-.75Z"/></svg>');
}

[class*=icon-][class*=system-][class*=display-start-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=column-one] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M3.5 17A3.5 3.5 0 0 0 7 20.5h10a3.5 3.5 0 0 0 3.5-3.5V7A3.5 3.5 0 0 0 17 3.5H7A3.5 3.5 0 0 0 3.5 7v10ZM2 7a5 5 0 0 1 5-5h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7Z"/></svg>');
}

[class*=icon-][class*=system-][class*=column-one-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=column-two] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M7 2a5 5 0 0 0-5 5v10a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5H7ZM3.5 7A3.5 3.5 0 0 1 7 3.5h4.5v17H7A3.5 3.5 0 0 1 3.5 17V7ZM13 3.5h4A3.5 3.5 0 0 1 20.5 7v10a3.5 3.5 0 0 1-3.5 3.5h-4v-17Z"/></svg>');
}

[class*=icon-][class*=system-][class*=column-two-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=column-three] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M7 22h10a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5H7a5 5 0 0 0-5 5v10a5 5 0 0 0 5 5ZM3.5 7A3.5 3.5 0 0 1 7 3.5h1v17H7A3.5 3.5 0 0 1 3.5 17V7Zm11 13.5h-5v-17h5v17Zm1.5 0v-17h1A3.5 3.5 0 0 1 20.5 7v10a3.5 3.5 0 0 1-3.5 3.5h-1Z"/></svg>');
}

[class*=icon-][class*=system-][class*=column-three-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=swipe] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M14.363 9.044C14.197 8.795 14.189 8.477 14.291 8.196C14.426 7.823 14.5 7.42 14.5 7C14.5 5.067 12.933 3.5 11 3.5C9.067 3.5 7.5 5.067 7.5 7C7.5 7.42 7.574 7.823 7.71 8.196C7.812 8.477 7.804 8.795 7.638 9.044C7.326 9.511 6.646 9.524 6.421 9.01C6.15 8.395 6 7.715 6 7C6 6.914 6.002 6.828 6.007 6.742H2.75C2.336 6.742 2 6.406 2 5.992C2 5.578 2.336 5.242 2.75 5.242H6.318C7.029 3.348 8.857 2 11 2C13.143 2 14.971 3.348 15.682 5.242H19.426L18.471 4.283C18.176 3.989 18.176 3.513 18.472 3.22C18.768 2.927 19.246 2.927 19.541 3.221L21.73 5.419C21.747 5.433 21.763 5.448 21.778 5.463C21.927 5.609 22.001 5.803 22 5.996C22.001 6.189 21.927 6.383 21.778 6.53C21.762 6.545 21.746 6.56 21.73 6.574L19.541 8.772C19.246 9.066 18.767 9.066 18.472 8.773C18.177 8.48 18.176 8.004 18.471 7.71L19.434 6.743H15.993C15.998 6.828 16 6.914 16 7C16 7.715 15.85 8.395 15.579 9.01C15.354 9.524 14.674 9.511 14.363 9.044ZM8.5 10.005C8.5 8.622 9.622 7.5 11.005 7.5C12.389 7.5 13.51 8.622 13.51 10.005V15.25H14.75C16.821 15.25 18.5 16.929 18.5 19V21.25C18.5 21.664 18.164 22 17.75 22C17.336 22 17 21.664 17 21.25V19C17 17.757 15.993 16.75 14.75 16.75H12.837C12.38 16.75 12.01 16.38 12.01 15.923V10.005C12.01 9.45 11.56 9 11.005 9C10.45 9 10 9.45 10 10.005V18.25C10 18.547 9.825 18.816 9.553 18.936C9.282 19.056 8.965 19.005 8.745 18.805L7.127 17.334C6.813 17.048 6.326 17.074 6.044 17.392C5.768 17.702 5.791 18.176 6.095 18.458L8.51 20.7C8.814 20.982 8.831 21.456 8.549 21.76C8.267 22.064 7.793 22.081 7.489 21.799L5.074 19.556C4.172 18.719 4.105 17.314 4.922 16.394C5.759 15.452 7.204 15.376 8.136 16.223L8.499 16.553V10.005H8.5Z"/></svg>');
}

[class*=icon-][class*=system-][class*=swipe-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=auto] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 24"><path fill="rgb(0, 0, 0)" d="M17.8 17.8h-2.1l-1.4-3.5H9.4L8 17.8H6L10.6 6h2.5l4.7 11.8ZM11.9 8l-1.8 4.7h3.6L11.9 8Zm12.2 6.4V9.2h2v8.6h-1.9l-.1-1.1c-.6.8-1.5 1.3-2.8 1.3-2 0-3.5-1.4-3.5-3.6V9.2h2v5.1c0 1.5.9 2 2.1 2 1.2 0 2.2-.7 2.2-1.9Zm8.6 1.6.5 1.6c-.6.3-1.4.4-2 .4-1.6 0-2.7-.8-2.7-2.4v-4.8h-1.6V9.2h1.6V6.9h2v2.3h2.3v1.7h-2.3v4.5c0 .8.4 1 1 1 .4-.1.8-.2 1.2-.4Zm4.9 2c-2.3 0-4.4-1.4-4.4-4v-1.1c0-2.6 2-4 4.4-4 2.3 0 4.4 1.3 4.4 4V14c0 2.6-2 4-4.4 4Zm0-1.7c1.3 0 2.4-.8 2.4-2.4v-1c0-1.6-1.1-2.3-2.4-2.3-1.3 0-2.3.8-2.3 2.3v1c0 1.6 1 2.4 2.3 2.4Z"/></svg>');
}

[class*=icon-][class*=system-][class*=auto-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=edm] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M17.5 13.5H13.5C12.95 13.5 12.5 13.95 12.5 14.5V17.5C12.5 18.05 12.95 18.5 13.5 18.5H17.5C18.05 18.5 18.5 18.05 18.5 17.5V14.5C18.5 13.95 18.05 13.5 17.5 13.5ZM17 17H14V15H17V17ZM17.5 5.5H6.5C5.95 5.5 5.5 5.95 5.5 6.5V11C5.5 11.55 5.95 12 6.5 12H17.5C18.05 12 18.5 11.55 18.5 11V6.5C18.5 5.95 18.05 5.5 17.5 5.5ZM17 10.5H7V7H17V10.5ZM10.5 13.5H6.5C5.95 13.5 5.5 13.95 5.5 14.5V17.5C5.5 18.05 5.95 18.5 6.5 18.5H10.5C11.05 18.5 11.5 18.05 11.5 17.5V14.5C11.5 13.95 11.05 13.5 10.5 13.5ZM10 17H7V15H10V17ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19.5 19C19.5 19.28 19.28 19.5 19 19.5H5C4.72 19.5 4.5 19.28 4.5 19V5C4.5 4.72 4.72 4.5 5 4.5H19C19.28 4.5 19.5 4.72 19.5 5V19ZM17.5 13.5H13.5C12.95 13.5 12.5 13.95 12.5 14.5V17.5C12.5 18.05 12.95 18.5 13.5 18.5H17.5C18.05 18.5 18.5 18.05 18.5 17.5V14.5C18.5 13.95 18.05 13.5 17.5 13.5ZM17 17H14V15H17V17ZM17.5 5.5H6.5C5.95 5.5 5.5 5.95 5.5 6.5V11C5.5 11.55 5.95 12 6.5 12H17.5C18.05 12 18.5 11.55 18.5 11V6.5C18.5 5.95 18.05 5.5 17.5 5.5ZM17 10.5H7V7H17V10.5ZM10.5 13.5H6.5C5.95 13.5 5.5 13.95 5.5 14.5V17.5C5.5 18.05 5.95 18.5 6.5 18.5H10.5C11.05 18.5 11.5 18.05 11.5 17.5V14.5C11.5 13.95 11.05 13.5 10.5 13.5ZM10 17H7V15H10V17ZM17.5 5.5H6.5C5.95 5.5 5.5 5.95 5.5 6.5V11C5.5 11.55 5.95 12 6.5 12H17.5C18.05 12 18.5 11.55 18.5 11V6.5C18.5 5.95 18.05 5.5 17.5 5.5ZM17 10.5H7V7H17V10.5ZM10.5 13.5H6.5C5.95 13.5 5.5 13.95 5.5 14.5V17.5C5.5 18.05 5.95 18.5 6.5 18.5H10.5C11.05 18.5 11.5 18.05 11.5 17.5V14.5C11.5 13.95 11.05 13.5 10.5 13.5ZM10 17H7V15H10V17ZM17.5 13.5H13.5C12.95 13.5 12.5 13.95 12.5 14.5V17.5C12.5 18.05 12.95 18.5 13.5 18.5H17.5C18.05 18.5 18.5 18.05 18.5 17.5V14.5C18.5 13.95 18.05 13.5 17.5 13.5ZM17 17H14V15H17V17Z"/></svg>');
}

[class*=icon-][class*=system-][class*=edm-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=news] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M20.25 9.71L18.74 8.5C18.42 8.25 18.03 8.1 17.62 8.07V5C17.62 3.9 16.73 3 15.62 3H8.38C7.27 3 6.38 3.9 6.38 5V8.07C5.97 8.1 5.58 8.25 5.26 8.5L3.75 9.71C3.28 10.09 3 10.67 3 11.27V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V11.27C21 10.67 20.72 10.09 20.25 9.71ZM17.62 9.58C17.69 9.6 17.75 9.63 17.8 9.67L19.11 10.72L17.62 11.82V9.58ZM7.88 5C7.88 4.72 8.1 4.5 8.38 4.5H15.62C15.9 4.5 16.12 4.72 16.12 5V12.93L14.42 14.19H9.58L7.88 12.93V5ZM6.2 9.67C6.25 9.63 6.31 9.6 6.38 9.58V11.82L4.89 10.72L6.2 9.67ZM4.5 18.95V12.3L8.21 15.04L4.5 18.95ZM6.04 19.5L9.66 15.69H14.34L17.96 19.5H6.04ZM19.5 18.95L15.79 15.04L19.5 12.3V18.95Z"/></svg>');
}

[class*=icon-][class*=system-][class*=news-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=gift] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM11.25 19.5H5C4.72 19.5 4.5 19.28 4.5 19V13.75H10.9C10.77 14.07 10.61 14.39 10.39 14.69C9.78 15.54 8.76 16.25 7 16.25C6.59 16.25 6.25 16.59 6.25 17C6.25 17.41 6.59 17.75 7 17.75C8.97 17.75 10.34 17.02 11.25 16.01V19.5ZM7.65 10.76C7.33 10.49 7.13 10.1 7.09 9.69C7.05 9.27 7.19 8.85 7.46 8.53C7.72 8.21 8.11 8.01 8.53 7.97C8.95 7.94 9.36 8.07 9.68 8.34L9.7 8.35C9.8 8.43 9.99 8.69 10.23 9.17C10.45 9.62 10.67 10.16 10.86 10.7C10.98 11.04 11.09 11.37 11.19 11.66C10.89 11.62 10.55 11.57 10.2 11.51C9.64 11.41 9.07 11.29 8.59 11.15C8.07 11 7.77 10.86 7.65 10.76ZM11.25 7.91C11.07 7.63 10.87 7.37 10.64 7.18C10.02 6.66 9.21 6.41 8.4 6.48C7.58 6.55 6.83 6.94 6.31 7.57C5.78 8.19 5.53 9 5.6 9.82C5.67 10.63 6.06 11.38 6.69 11.91C6.84 12.04 7.03 12.15 7.23 12.25H4.5V5C4.5 4.72 4.72 4.5 5 4.5H11.25V7.91ZM19.5 19C19.5 19.28 19.28 19.5 19 19.5H12.75V16.01C13.66 17.02 15.03 17.75 17 17.75C17.41 17.75 17.75 17.41 17.75 17C17.75 16.59 17.41 16.25 17 16.25C15.24 16.25 14.22 15.54 13.61 14.69C13.39 14.39 13.23 14.07 13.1 13.75H19.5V19ZM12.81 11.66C12.91 11.36 13.02 11.02 13.15 10.67C13.34 10.12 13.57 9.57 13.79 9.12C14.03 8.63 14.23 8.37 14.33 8.28C14.66 8.04 15.07 7.93 15.48 7.97C15.89 8.02 16.27 8.22 16.54 8.54C16.8 8.86 16.94 9.27 16.91 9.68C16.88 10.09 16.7 10.47 16.41 10.75C16.28 10.85 15.97 10.99 15.47 11.14C14.98 11.28 14.4 11.41 13.83 11.5C13.47 11.57 13.12 11.62 12.81 11.66ZM19.5 12.25H16.8C17.02 12.15 17.22 12.03 17.38 11.89C17.39 11.88 17.4 11.88 17.41 11.87C18 11.32 18.35 10.58 18.41 9.78C18.46 8.98 18.2 8.19 17.69 7.58C17.18 6.97 16.45 6.57 15.65 6.48C15.53 6.47 15.42 6.46 15.3 6.46C14.63 6.46 13.97 6.68 13.42 7.09L13.41 7.1C13.16 7.3 12.94 7.59 12.75 7.9V4.5H19C19.28 4.5 19.5 4.72 19.5 5V12.25Z"/></svg>');
}

[class*=icon-][class*=system-][class*=gift-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=marker] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12 6.5a3.25 3.25 0 1 0 0 6.5 3.25 3.25 0 0 0 0-6.5Zm-1.75 3.25a1.75 1.75 0 1 1 3.499-.001 1.75 1.75 0 0 1-3.499.001ZM12 22s8-6.916 8-12.25a8 8 0 0 0-16 0C4 15.083 12 22 12 22Zm6.5-12.25c0 .982-.377 2.16-1.072 3.455-.685 1.277-1.617 2.556-2.58 3.708a38.843 38.843 0 0 1-2.646 2.849c-.07.068-.137.134-.203.196l-.202-.196a38.435 38.435 0 0 1-2.646-2.849c-.962-1.153-1.895-2.431-2.58-3.708-.695-1.296-1.072-2.473-1.072-3.455a6.5 6.5 0 1 1 13 0h.001Z"/></svg>');
}

[class*=icon-][class*=system-][class*=marker-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=share] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M17 9.99976C19.2091 9.99976 21 8.20889 21 5.99976C21 3.79062 19.2091 1.99976 17 1.99976C14.7909 1.99976 13 3.79062 13 5.99976C13 6.53827 13.1064 7.05192 13.2994 7.52084L10.0828 9.45078C9.3491 8.56444 8.2405 7.99976 7 7.99976C4.79086 7.99976 3 9.79062 3 11.9998C3 14.2089 4.79086 15.9998 7 15.9998C8.24043 15.9998 9.34898 15.4351 10.0827 14.5489L13.2993 16.4788C13.1064 16.9477 13 17.4613 13 17.9998C13 20.2089 14.7909 21.9998 17 21.9998C19.2091 21.9998 21 20.2089 21 17.9998C21 15.7906 19.2091 13.9998 17 13.9998C15.7597 13.9998 14.6512 14.5643 13.9175 15.4504L10.7008 13.5203C10.8937 13.0516 11 12.5381 11 11.9998C11 11.4615 10.8937 10.9481 10.7009 10.4793L13.9177 8.54929C14.6514 9.43531 15.7598 9.99976 17 9.99976ZM17 8.79976C15.4536 8.79976 14.2 7.54615 14.2 5.99976C14.2 4.45336 15.4536 3.19976 17 3.19976C18.5464 3.19976 19.8 4.45336 19.8 5.99976C19.8 7.54615 18.5464 8.79976 17 8.79976ZM7 14.7998C5.4536 14.7998 4.2 13.5462 4.2 11.9998C4.2 10.4534 5.4536 9.19976 7 9.19976C8.5464 9.19976 9.8 10.4534 9.8 11.9998C9.8 13.5462 8.5464 14.7998 7 14.7998ZM19.8 17.9998C19.8 19.5462 18.5464 20.7998 17 20.7998C15.4536 20.7998 14.2 19.5462 14.2 17.9998C14.2 16.4534 15.4536 15.1998 17 15.1998C18.5464 15.1998 19.8 16.4534 19.8 17.9998Z"/></svg>');
}

[class*=icon-][class*=system-][class*=share-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=bookmark] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M5.39844 3.9999C5.39844 3.66853 5.66707 3.3999 5.99844 3.3999H17.9984C18.3298 3.3999 18.5984 3.66853 18.5984 3.9999V19.9999C18.5984 20.2064 18.4923 20.3983 18.3174 20.5081C18.1425 20.6179 17.9235 20.63 17.7376 20.5402L11.9716 17.7566L6.26127 20.5393C6.07532 20.6299 5.8558 20.6183 5.6804 20.5087C5.50499 20.399 5.39844 20.2068 5.39844 19.9999V3.9999ZM6.59844 4.5999V19.0401L11.7075 16.5504C11.8727 16.4699 12.0657 16.4695 12.2312 16.5494L17.3984 19.044V4.5999H6.59844Z"/></svg>');
}

[class*=icon-][class*=system-][class*=bookmark-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M5.39844 3.9999C5.39844 3.66853 5.66707 3.3999 5.99844 3.3999H17.9984C18.3298 3.3999 18.5984 3.66853 18.5984 3.9999V19.9999C18.5984 20.2064 18.4923 20.3983 18.3174 20.5081C18.1425 20.6179 17.9235 20.63 17.7376 20.5402L11.9716 17.7566L6.26127 20.5393C6.07532 20.6299 5.8558 20.6183 5.6804 20.5087C5.50499 20.399 5.39844 20.2068 5.39844 19.9999V3.9999Z"/></svg>');
}

[class*=icon-][class*=system-][class*=drag-indicator] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=drag-indicator-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M9.00012 19.6155C8.5559 19.6155 8.17562 19.4573 7.85927 19.141C7.54293 18.8246 7.38477 18.4443 7.38477 18.0001C7.38477 17.5559 7.54293 17.1756 7.85927 16.8593C8.17562 16.5429 8.5559 16.3848 9.00012 16.3848C9.44433 16.3848 9.82462 16.5429 10.141 16.8593C10.4573 17.1756 10.6155 17.5559 10.6155 18.0001C10.6155 18.4443 10.4573 18.8246 10.141 19.141C9.82462 19.4573 9.44433 19.6155 9.00012 19.6155ZM15.0001 19.6155C14.5559 19.6155 14.1756 19.4573 13.8593 19.141C13.5429 18.8246 13.3848 18.4443 13.3848 18.0001C13.3848 17.5559 13.5429 17.1756 13.8593 16.8593C14.1756 16.5429 14.5559 16.3848 15.0001 16.3848C15.4443 16.3848 15.8246 16.5429 16.141 16.8593C16.4573 17.1756 16.6155 17.5559 16.6155 18.0001C16.6155 18.4443 16.4573 18.8246 16.141 19.141C15.8246 19.4573 15.4443 19.6155 15.0001 19.6155ZM9.00012 13.6155C8.5559 13.6155 8.17562 13.4573 7.85927 13.141C7.54293 12.8246 7.38477 12.4443 7.38477 12.0001C7.38477 11.5559 7.54293 11.1756 7.85927 10.8593C8.17562 10.5429 8.5559 10.3848 9.00012 10.3848C9.44433 10.3848 9.82462 10.5429 10.141 10.8593C10.4573 11.1756 10.6155 11.5559 10.6155 12.0001C10.6155 12.4443 10.4573 12.8246 10.141 13.141C9.82462 13.4573 9.44433 13.6155 9.00012 13.6155ZM15.0001 13.6155C14.5559 13.6155 14.1756 13.4573 13.8593 13.141C13.5429 12.8246 13.3848 12.4443 13.3848 12.0001C13.3848 11.5559 13.5429 11.1756 13.8593 10.8593C14.1756 10.5429 14.5559 10.3848 15.0001 10.3848C15.4443 10.3848 15.8246 10.5429 16.141 10.8593C16.4573 11.1756 16.6155 11.5559 16.6155 12.0001C16.6155 12.4443 16.4573 12.8246 16.141 13.141C15.8246 13.4573 15.4443 13.6155 15.0001 13.6155ZM9.00012 7.61547C8.5559 7.61547 8.17562 7.4573 7.85927 7.14097C7.54293 6.82462 7.38477 6.44433 7.38477 6.00012C7.38477 5.5559 7.54293 5.17562 7.85927 4.85927C8.17562 4.54293 8.5559 4.38477 9.00012 4.38477C9.44433 4.38477 9.82462 4.54293 10.141 4.85927C10.4573 5.17562 10.6155 5.5559 10.6155 6.00012C10.6155 6.44433 10.4573 6.82462 10.141 7.14097C9.82462 7.4573 9.44433 7.61547 9.00012 7.61547ZM15.0001 7.61547C14.5559 7.61547 14.1756 7.4573 13.8593 7.14097C13.5429 6.82462 13.3848 6.44433 13.3848 6.00012C13.3848 5.5559 13.5429 5.17562 13.8593 4.85927C14.1756 4.54293 14.5559 4.38477 15.0001 4.38477C15.4443 4.38477 15.8246 4.54293 16.141 4.85927C16.4573 5.17562 16.6155 5.5559 16.6155 6.00012C16.6155 6.44433 16.4573 6.82462 16.141 7.14097C15.8246 7.4573 15.4443 7.61547 15.0001 7.61547Z"/></svg>');
}

[class*=icon-][class*=system-][class*=swiper-play] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=swiper-play-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M6 6.25c0-.977 1.064-1.574 1.89-1.063l10.02 5.75a1.25 1.25 0 0 1 0 2.125L7.89 18.813c-.826.511-1.89-.086-1.89-1.062V6.249Z"/></svg>');
}

[class*=icon-][class*=system-][class*=swiper-pause] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=system-][class*=swiper-pause-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M6.857 5C6.384 5 6 5.398 6 5.889V18.11c0 .491.384.889.857.889h3.429c.473 0 .857-.398.857-.889V5.89c0-.491-.384-.889-.857-.889H6.857Zm6.857 0c-.473 0-.857.398-.857.889V18.11c0 .491.384.889.857.889h3.429c.473 0 .857-.398.857-.889V5.89c0-.491-.384-.889-.857-.889h-3.429Z"/></svg>');
}

[class*=icon-][class*=system-][class*=logout] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M3.092 3.683a2.877 2.877 0 0 1 2.026-.833h7.411c.759 0 1.488.299 2.026.833.538.534.842 1.26.842 2.017v2.1a.75.75 0 0 1-1.5 0V5.7c0-.356-.143-.699-.398-.952a1.377 1.377 0 0 0-.97-.398H5.118c-.365 0-.714.144-.97.398a1.341 1.341 0 0 0-.398.952v12.6c0 .356.143.699.398.953.256.253.605.397.97.397h7.411c.365 0 .714-.144.97-.397.255-.254.398-.597.398-.953v-2.1a.75.75 0 1 1 1.5 0v2.1c0 .758-.304 1.484-.842 2.018a2.877 2.877 0 0 1-2.026.832H5.118a2.877 2.877 0 0 1-2.026-.832A2.841 2.841 0 0 1 2.25 18.3V5.7c0-.758.304-1.483.842-2.017Zm14.199 4.639a.75.75 0 0 1 1.06-.004l3.177 3.15a.75.75 0 0 1 0 1.065l-3.176 3.15a.75.75 0 1 1-1.057-1.065l1.884-1.868H8.294a.75.75 0 0 1 0-1.5H19.18l-1.884-1.867a.75.75 0 0 1-.004-1.061Z"/></svg>');
}

[class*=icon-][class*=system-][class*=logout-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=component-][class*=menu] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="M13 16C13 14.343 14.343 13 16 13H25C26.657 13 28 14.343 28 16V25C28 26.657 26.657 28 25 28H16C14.343 28 13 26.657 13 25V16ZM16 15C15.448 15 15 15.448 15 16V25C15 25.552 15.448 26 16 26H25C25.552 26 26 25.552 26 25V16C26 15.448 25.552 15 25 15H16ZM13 35C13 33.343 14.343 32 16 32H25C26.657 32 28 33.343 28 35V44C28 45.657 26.657 47 25 47H16C14.343 47 13 45.657 13 44V35ZM16 34C15.448 34 15 34.448 15 35V44C15 44.552 15.448 45 16 45H25C25.552 45 26 44.552 26 44V35C26 34.448 25.552 34 25 34H16ZM39.634 32.25C40.186 32.25 40.634 32.698 40.634 33.25V43.38L44.642 39.873C45.058 39.509 45.689 39.552 46.053 39.967C46.417 40.382 46.374 41.014 45.959 41.378L40.292 46.336C39.915 46.666 39.352 46.666 38.975 46.336L33.308 41.378C32.892 41.014 32.85 40.382 33.214 39.967C33.578 39.551 34.209 39.509 34.625 39.873L38.633 43.38V33.25C38.634 32.698 39.082 32.25 39.634 32.25ZM32 16C32 14.343 33.343 13 35 13H44C45.657 13 47 14.343 47 16V25C47 26.657 45.657 28 44 28H35C33.343 28 32 26.657 32 25V16ZM35 15C34.448 15 34 15.448 34 16V25C34 25.552 34.448 26 35 26H44C44.552 26 45 25.552 45 25V16C45 15.448 44.552 15 44 15H35Z"/></svg>');
}

[class*=icon-][class*=component-][class*=menu-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=component-][class*=edm] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="M30.7 43H14.6C13.9 43 13.2 42.7 12.8 42.2C12.3 41.7 12 41.1 12 40.4V14.6C12 13.9 12.3 13.3 12.8 12.8C13.3 12.3 14 12 14.6 12H38.4C39.1 12 39.8 12.3 40.2 12.8C40.7 13.3 41 13.9 41 14.6V31.7C41 32.3 40.6 32.7 40 32.7C39.4 32.7 39 32.3 39 31.7V14.6C39 14.4 38.9 14.3 38.8 14.2C38.7 14.1 38.5 14 38.4 14H14.6C14.4 14 14.3 14.1 14.2 14.2C14.1 14.3 14 14.5 14 14.6V40.4C14 40.6 14.1 40.7 14.2 40.8C14.3 40.9 14.5 41 14.6 41H30.7C31.3 41 31.7 41.4 31.7 42C31.7 42.6 31.2 43 30.7 43ZM37 23.3C37 24.1 36.4 25 35.3 25H17.7C16.9 25 16 24.4 16 23.3V17.7C16 16.9 16.6 16 17.7 16H35.2C36 16 36.9 16.6 36.9 17.7V23.3H37ZM35 18H18V23H35V18ZM52 34.4C52 35 51.9 35.5 51.7 36.1C51.5 36.6 51.2 37.1 50.7 37.5L49.3 38.9L38.4 49.8C38.3 49.9 38.3 49.9 38.2 50C38.1 50.1 38.1 50 38 50L31.3 52C31.2 52 31.1 52 31 52C30.7 52 30.5 51.9 30.3 51.7C30 51.4 29.9 51.1 30 50.7L32 44C32 43.9 32.1 43.8 32.1 43.7C32.1 43.6 32.2 43.6 32.3 43.5L44.6 31.2C45 30.8 45.5 30.5 46 30.2C47.1 29.8 48.3 29.8 49.4 30.2C49.9 30.4 50.4 30.7 50.8 31.2C51.2 31.6 51.5 32.1 51.8 32.6C51.9 33.2 52 33.8 52 34.4ZM35.8 48.6L33.4 46.2L32.4 49.6L35.8 48.6ZM47.2 38.2L43.8 34.8L34.4 44.2L37.8 47.6L47.2 38.2ZM50 34.4C50 34.1 49.9 33.8 49.8 33.5C49.7 33.2 49.5 32.9 49.3 32.7C49.1 32.5 48.8 32.3 48.5 32.2C47.9 32 47.2 32 46.7 32.2C46.4 32.3 46.1 32.5 45.9 32.7L45.2 33.4L48.6 36.8L49.3 36.1C49.5 35.9 49.7 35.6 49.8 35.3C49.9 35 50 34.7 50 34.4ZM26.2 27.3L28.7 36.7C28.8 37 28.8 37.2 28.7 37.5C28.7 37.8 28.5 38 28.4 38.2C28.2 38.4 28 38.6 27.8 38.7C27.5 38.9 27.3 39 27 39H17.7C17.2 39 16.8 38.8 16.5 38.5C16.2 38.2 16 37.7 16 37.3V27.9C16 27.4 16.2 27 16.5 26.7C16.8 26.3 17.3 26.1 17.8 26.1H24.6C25 26.1 25.4 26.2 25.7 26.5C25.8 26.6 26.1 26.9 26.2 27.3ZM26.7 37L24.3 28H18V37H26.7ZM36 34C36.6 34 37 33.6 37 33V27.8C37 27.3 36.8 26.9 36.5 26.6C36.2 26.3 35.7 26.1 35.3 26.1H29.7C29.4 26.1 29.1 26.2 28.9 26.3C28.7 26.4 28.5 26.6 28.3 26.8C28.1 27 28 27.2 28 27.5C28 27.8 28 28 28 28.3L30.7 38.3C30.8 38.7 31.2 39 31.7 39H34C34.6 39 35 38.6 35 38C35 37.4 34.6 37 34 37H32.4L30 28H35V33C35 33.6 35.4 34 36 34Z"/></svg>');
}

[class*=icon-][class*=component-][class*=edm-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=component-][class*=content] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="M31 22C31 19.243 28.757 17 26 17C23.243 17 21 19.243 21 22C21 24.757 23.243 27 26 27C28.757 27 31 24.757 31 22ZM26 25C24.346 25 23 23.654 23 22C23 20.346 24.346 19 26 19C27.654 19 29 20.346 29 22C29 23.654 27.654 25 26 25ZM30 30V34C30 34.263 30.107 34.521 30.293 34.707C30.479 34.894 30.737 35 31 35H35C35.553 35 36 35.447 36 36C36 36.553 35.553 37 35 37H31C30.199 37 29.445 36.688 28.879 36.121C28.312 35.555 28 34.801 28 34V30C28 29.199 28.312 28.445 28.879 27.879C29.445 27.312 30.199 27 31 27H35C35.801 27 36.555 27.312 37.121 27.879C37.688 28.445 38 29.199 38 30C38 30.553 37.553 31 37 31C36.447 31 36 30.553 36 30C36 29.737 35.894 29.479 35.707 29.293C35.521 29.107 35.263 29 35 29H31C30.737 29 30.479 29.107 30.293 29.293C30.107 29.479 30 29.737 30 30ZM20.628 27.51L16.128 35.51C15.954 35.82 15.957 36.198 16.136 36.505C16.315 36.812 16.645 37 17 37H26C26.355 37 26.684 36.812 26.863 36.505C27.042 36.198 27.046 35.819 26.871 35.51L22.371 27.51C22.017 26.88 20.983 26.88 20.628 27.51ZM18.71 35L21.5 30.04L24.29 35H18.71ZM51.666 32.711C51.443 32.176 51.123 31.696 50.713 31.287C50.302 30.876 49.822 30.556 49.288 30.335C48.216 29.89 46.995 29.89 45.925 30.335C45.39 30.556 44.91 30.876 44.499 31.287L32.226 43.561C32.163 43.622 32.107 43.691 32.062 43.768C32.013 43.849 31.977 43.935 31.954 44.024L30.039 50.726C29.939 51.075 30.037 51.451 30.293 51.707C30.483 51.897 30.738 52 31 52C31.092 52 31.185 51.987 31.274 51.962L37.976 50.047C38.064 50.024 38.149 49.988 38.228 49.942C38.307 49.896 38.377 49.839 38.439 49.775L49.246 38.968C49.256 38.959 49.265 38.95 49.273 38.942C49.281 38.934 49.291 38.924 49.299 38.915L50.712 37.502C51.122 37.093 51.442 36.613 51.666 36.075C51.888 35.538 52 34.973 52 34.395C52 33.815 51.888 33.25 51.666 32.711ZM32.456 49.544L33.414 46.19L35.81 48.586L32.456 49.544ZM37.72 47.666L34.334 44.28L43.766 34.848L47.152 38.234L37.72 47.666ZM49.818 35.31C49.697 35.602 49.522 35.864 49.298 36.087L48.565 36.819L45.179 33.434L45.912 32.701C46.136 32.477 46.396 32.303 46.688 32.182C47.271 31.941 47.935 31.941 48.522 32.182C48.813 32.302 49.074 32.477 49.297 32.701C49.52 32.925 49.695 33.186 49.816 33.475C49.938 33.77 50 34.078 50 34.395C50 34.71 49.938 35.019 49.818 35.31ZM31.323 43H14.647C13.945 43 13.283 42.731 12.784 42.244C12.278 41.748 12 41.09 12 40.389V14.611C12 13.919 12.286 13.243 12.783 12.757C13.283 12.269 13.945 12 14.647 12H39.353C40.056 12 40.718 12.269 41.217 12.757C41.715 13.245 42 13.92 42 14.611V31.673C42 32.226 41.553 32.673 41 32.673C40.447 32.673 40 32.226 40 31.673V14.611C40 14.452 39.936 14.301 39.817 14.186C39.697 14.068 39.527 14 39.353 14H14.647C14.473 14 14.303 14.068 14.181 14.187C14.064 14.301 14 14.452 14 14.611V40.388C14 40.547 14.064 40.699 14.182 40.813C14.303 40.932 14.473 41 14.647 41H31.323C31.876 41 32.323 41.447 32.323 42C32.323 42.553 31.876 43 31.323 43Z"/></svg>');
}

[class*=icon-][class*=component-][class*=content-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=component-][class*=shopping] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="M48.632 27.434L42 22.025V14.583C42 13.893 41.731 13.244 41.243 12.756C40.755 12.269 40.106 12 39.417 12H20.583C19.893 12 19.244 12.269 18.756 12.757C18.269 13.245 18 13.894 18 14.583V22.025L11.368 27.433C11.135 27.624 11 27.908 11 28.208V44.625C11 45.527 11.351 46.375 11.989 47.012C12.626 47.649 13.474 48 14.375 48H45.625C46.527 48 47.375 47.649 48.012 47.012C48.649 46.375 49 45.527 49 44.625V28.208C49 27.908 48.865 27.624 48.632 27.434ZM47 44.625C47 44.632 46.996 44.638 46.996 44.645L37.682 36.178L47 30.741V44.625ZM13 44.625V30.741L22.318 36.177L13.004 44.644C13.004 44.638 13 44.632 13 44.625ZM24.387 37H35.614L45.514 46H14.487L24.387 37ZM46.816 28.533L42 31.342V24.606L46.816 28.533ZM20.171 14.171C20.28 14.062 20.43 14 20.583 14H39.416C39.571 14 39.718 14.061 39.828 14.171C39.938 14.28 40 14.43 40 14.583V32.508L35.729 35H24.271L20 32.509V14.583C20 14.43 20.062 14.28 20.171 14.171ZM18 31.342L13.184 28.533L18 24.606V31.342ZM24.847 26.926C24.987 27.246 25.216 27.516 25.509 27.708C25.801 27.899 26.141 28 26.49 28H32.279C32.649 28 33.006 27.888 33.307 27.675C33.61 27.463 33.836 27.167 33.966 26.81L36.943 18.331C37.127 17.81 36.852 17.239 36.331 17.057C35.811 16.874 35.239 17.148 35.057 17.669L34.238 20H24.798C24.52 20.011 24.205 20.073 23.943 20.213C23.682 20.354 23.458 20.559 23.294 20.807C23.131 21.055 23.031 21.342 23.006 21.639C22.98 21.936 23.03 22.237 23.131 22.467L24.847 26.926ZM33.536 22L32.132 26H26.633L25.095 22H33.536ZM28 30.5C28 31.328 27.328 32 26.5 32C25.672 32 25 31.328 25 30.5C25 29.672 25.672 29 26.5 29C27.328 29 28 29.672 28 30.5ZM34 30.5C34 31.328 33.328 32 32.5 32C31.672 32 31 31.328 31 30.5C31 29.672 31.672 29 32.5 29C33.328 29 34 29.672 34 30.5Z"/></svg>');
}

[class*=icon-][class*=component-][class*=shopping-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=component-][class*=event] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="M43.736 12H16.264C13.848 12 12 13.848 12 16.264V43.736C12 46.152 13.848 48 16.264 48H43.736C46.152 48 48 46.152 48 43.736V16.264C48 13.848 46.01 12 43.736 12ZM46 16.264V30H38.955C39.153 29.86 39.345 29.712 39.521 29.552C41.57 27.69 42 25.952 42 24.822C42 23.523 41.453 22.339 40.42 21.4C38.482 19.638 35.045 19.208 31.734 22.216C31.46 22.465 31.222 22.746 31 23.04V14.089C31 14.057 30.985 14.031 30.982 14H43.736C44.949 14 46 14.995 46 16.264ZM20 24.822C20 24.102 20.32 23.43 20.926 22.879C21.58 22.284 22.36 21.991 23.201 21.991C24.38 21.991 25.68 22.568 26.921 23.696C28.623 25.243 28.942 28.417 28.992 29.999C26.975 29.956 23.472 29.57 21.825 28.072C20.631 26.987 20 25.863 20 24.822ZM31.009 29.999C31.058 28.416 31.378 25.243 33.08 23.696C34.321 22.568 35.62 21.992 36.8 21.992C37.641 21.992 38.42 22.285 39.074 22.879C39.68 23.43 40 24.102 40 24.822C40 25.864 39.369 26.988 38.176 28.072C36.528 29.57 33.026 29.956 31.009 29.999ZM16.264 14H29.018C29.015 14.031 29 14.058 29 14.089V23.039C28.778 22.745 28.54 22.464 28.266 22.216C24.955 19.207 21.518 19.636 19.58 21.399C18.546 22.339 18 23.522 18 24.822C18 25.952 18.43 27.69 20.479 29.552C20.656 29.713 20.847 29.86 21.045 30H14V16.264C14 14.952 14.952 14 16.264 14ZM14 43.736V32H28.467C27.418 34.113 24.953 38 21 38C20.448 38 20 38.447 20 39C20 39.553 20.448 40 21 40C24.798 40 27.408 37.42 29 35.073V45.911C29 45.943 29.015 45.969 29.018 46H16.264C14.952 46 14 45.048 14 43.736ZM43.736 46H30.982C30.985 45.969 31 45.943 31 45.911V35.073C32.592 37.42 35.202 40 39 40C39.553 40 40 39.553 40 39C40 38.447 39.553 38 39 38C35.047 38 32.583 34.113 31.533 32H46V43.736C46 45.048 45.048 46 43.736 46Z"/></svg>');
}

[class*=icon-][class*=component-][class*=event-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=component-][class*=coupon] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="M50.889 24.932C51.462 24.932 52 24.512 52 23.939V17.425C52 16.814 51.536 16.337 50.944 16.261C38 14.58 22 14.58 9.056 16.261C8.464 16.338 8 16.814 8 17.425V23.939C8 24.512 8.539 24.932 9.111 24.932C11.843 24.932 14.058 27.201 14.058 30C14.058 32.799 11.843 35.068 9.111 35.068C8.539 35.068 8 35.488 8 36.06V42.574C8 43.185 8.46 43.693 9.056 43.738C23 45.42 37 45.42 50.944 43.739C51.54 43.694 52 43.186 52 42.574V36.06C52 35.487 51.461 35.067 50.889 35.067C48.157 35.067 45.942 32.798 45.942 29.999C45.942 27.201 48.157 24.932 50.889 24.932ZM43.942 30C43.942 33.558 46.549 36.565 50 37.011V41.837C36.683 43.388 23.317 43.388 10 41.837V37.011C13.451 36.565 16.058 33.558 16.058 30C16.058 26.442 13.451 23.435 10 22.989V18.157C22.421 16.614 37.579 16.614 50 18.157V22.989C46.549 23.435 43.942 26.442 43.942 30ZM25 29C27.206 29 29 27.206 29 25C29 22.794 27.206 21 25 21C22.794 21 21 22.794 21 25C21 27.206 22.794 29 25 29ZM25 23C26.103 23 27 23.897 27 25C27 26.103 26.103 27 25 27C23.897 27 23 26.103 23 25C23 23.897 23.897 23 25 23ZM35 31C32.794 31 31 32.794 31 35C31 37.206 32.794 39 35 39C37.206 39 39 37.206 39 35C39 32.794 37.206 31 35 31ZM35 37C33.897 37 33 36.103 33 35C33 33.897 33.897 33 35 33C36.103 33 37 33.897 37 35C37 36.103 36.103 37 35 37ZM38.707 21.293C39.098 21.684 39.098 22.316 38.707 22.707L22.707 38.707C22.512 38.902 22.256 39 22 39C21.744 39 21.488 38.902 21.293 38.707C20.902 38.316 20.902 37.684 21.293 37.293L37.293 21.293C37.684 20.902 38.316 20.902 38.707 21.293Z"/></svg>');
}

[class*=icon-][class*=component-][class*=coupon-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=component-][class*=goods] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="M45.521 48H14.479C13.826 48 13.187 47.735 12.726 47.273C12.258 46.807 12 46.184 12 45.521V23.821C12 23.302 12.159 22.805 12.46 22.382L18.975 13.048C19.208 12.72 19.514 12.455 19.864 12.275C20.214 12.095 20.605 12.001 20.997 12.001C20.998 12.001 21 12.001 21.002 12.001H39C39.43 11.998 39.784 12.095 40.135 12.275C40.487 12.457 40.792 12.721 41.02 13.04C41.022 13.042 41.024 13.045 41.026 13.048L47.546 22.39C47.84 22.802 48 23.3 48 23.821V45.522C48 46.184 47.742 46.807 47.274 47.275C46.806 47.743 46.184 48 45.521 48ZM14 24.348V45.522C14 45.65 14.05 45.77 14.14 45.861C14.229 45.95 14.352 46.001 14.478 46.001H45.521C45.649 46.001 45.77 45.951 45.86 45.861C45.95 45.771 46 45.649 46 45.521V24.348H14ZM31 22.348H45.076L39.388 14.197C39.344 14.137 39.285 14.087 39.218 14.052C39.153 14.018 39.078 14 39.003 14H31V22.348ZM14.923 22.348H29V14H21C20.922 14 20.848 14.018 20.779 14.053C20.712 14.087 20.654 14.138 20.61 14.199L14.923 22.348ZM41.261 44H31.74C30.896 44 30 43.391 30 42.261V38.74C30 37.896 30.609 37 31.739 37H41.26C42.104 37 43 37.609 43 38.739V42.26C43 43.104 42.391 44 41.261 44ZM31.999 39L32 42.001L41.001 42L41 38.999L31.999 39Z"/></svg>');
}

[class*=icon-][class*=component-][class*=goods-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=component-][class*=banner] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="M49 14H11C7 14 7 18.138 7 18.138V41.862C7 46 11 46 11 46H49C53 46 53 41.862 53 41.862V18.138C53 14 49 14 49 14ZM51 41.846C51 41.855 50.999 41.874 50.997 41.902C50.993 41.964 50.983 42.064 50.963 42.19C50.921 42.452 50.84 42.768 50.699 43.06C50.561 43.345 50.389 43.56 50.177 43.706C49.981 43.842 49.636 44 49 44H11.019C11.011 44 10.996 43.999 10.975 43.997C10.921 43.993 10.829 43.984 10.714 43.964C10.475 43.923 10.185 43.844 9.918 43.706C9.66 43.573 9.454 43.401 9.305 43.171C9.164 42.95 9 42.56 9 41.862V18.154C9 18.145 9.001 18.126 9.003 18.098C9.007 18.036 9.017 17.936 9.037 17.81C9.079 17.548 9.16 17.232 9.301 16.94C9.439 16.655 9.611 16.44 9.823 16.294C10.019 16.158 10.364 16 11 16H48.981C48.989 16 49.004 16.001 49.025 16.003C49.079 16.007 49.171 16.016 49.286 16.036C49.525 16.077 49.815 16.156 50.082 16.294C50.34 16.427 50.546 16.599 50.695 16.829C50.836 17.05 51 17.44 51 18.138V41.846ZM47 25C47 25.552 46.553 26 46 26H36C35.447 26 35 25.552 35 25C35 24.448 35.447 24 36 24H46C46.553 24 47 24.448 47 25ZM47 35C47 35.553 46.553 36 46 36H36C35.447 36 35 35.553 35 35C35 34.447 35.447 34 36 34H46C46.553 34 47 34.447 47 35ZM47 30C47 30.553 46.553 31 46 31H33C32.447 31 32 30.553 32 30C32 29.448 32.447 29 33 29H46C46.553 29 47 29.448 47 30ZM21.179 22.263C20.795 21.906 20.201 21.906 19.817 22.263L12.287 29.267C11.862 29.663 11.862 30.336 12.287 30.731L19.819 37.736C20.203 38.093 20.797 38.093 21.181 37.736L28.712 30.732C29.137 30.336 29.137 29.663 28.712 29.267L21.179 22.263ZM20.5 35.639L14.437 30L20.498 24.361L26.563 30L20.5 35.639Z"/></svg>');
}

[class*=icon-][class*=component-][class*=banner-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=component-][class*=news] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="M34.521 19.572C34.363 19.239 34.035 19.019 33.667 19.001C33.305 18.981 32.95 19.168 32.76 19.484L32.1 20.583C30.071 23.963 27.118 26.642 23.56 28.338C23.544 28.344 23.527 28.343 23.512 28.35L21.597 29.257C20.502 29.775 19.674 30.688 19.266 31.828C18.858 32.968 18.918 34.199 19.435 35.293C19.952 36.388 20.865 37.216 22.006 37.625C22.506 37.804 23.023 37.894 23.538 37.894C24.198 37.894 24.856 37.748 25.471 37.457L26.585 36.933C28.011 39.014 29.897 40.527 31.938 41.199C32.042 41.233 32.147 41.249 32.25 41.249C32.67 41.249 33.062 40.982 33.2 40.561C33.372 40.037 33.087 39.471 32.562 39.298C31.031 38.794 29.588 37.667 28.44 36.102C31.737 34.765 35.311 34.326 38.848 34.845L40.118 35.033C40.48 35.084 40.847 34.936 41.068 34.639C41.288 34.342 41.326 33.949 41.169 33.616L34.521 19.572ZM24.617 35.648C24.005 35.938 23.317 35.97 22.68 35.743C22.042 35.514 21.532 35.052 21.242 34.439C20.953 33.828 20.92 33.14 21.148 32.502C21.376 31.864 21.839 31.355 22.452 31.064L23.458 30.588L25.627 35.172L24.617 35.648ZM27.446 34.34L25.265 29.722C28.632 27.938 31.459 25.328 33.508 22.109L38.564 32.792C34.773 32.335 30.961 32.867 27.446 34.34ZM46.909 20.435C46.909 20.085 46.842 19.739 46.711 19.416C46.58 19.093 46.389 18.8 46.148 18.553L38.459 10.781C38.218 10.533 37.932 10.337 37.617 10.203C37.302 10.068 36.964 10 36.623 10H16.9C15.866 10 14.874 10.421 14.143 11.172C13.411 11.922 13 12.939 13 14L13.091 46C13.091 47.061 13.502 48.078 14.233 48.828C14.964 49.579 15.956 50 16.99 50H43.1C44.134 50 45.126 49.579 45.857 48.828C46.589 48.078 47 47.061 47 46L46.909 20.435ZM45 46.003C44.999 46.548 44.787 47.061 44.426 47.432C44.065 47.802 43.588 48 43.1 48H16.99C16.503 48 16.025 47.802 15.665 47.432C15.303 47.061 15.091 46.546 15.091 46L15 14V13.998C15.001 13.452 15.213 12.939 15.574 12.568C15.935 12.198 16.412 12 16.9 12H36.624H36.626C36.696 12 36.767 12.014 36.835 12.043C36.903 12.072 36.968 12.116 37.025 12.175L37.038 12.188L44.721 19.954C44.777 20.012 44.825 20.084 44.858 20.167C44.892 20.251 44.91 20.342 44.91 20.436L45 46V46.003Z"/></svg>');
}

[class*=icon-][class*=component-][class*=news-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=component-][class*=notice] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="M30 12C18.953 12 10 19.346 10 28.409C10.047 30.665 10.602 32.883 11.625 34.898C12.648 36.913 14.114 38.674 15.913 40.053L12.836 46.836C12.445 47.699 13.361 48.572 14.204 48.139L22.821 43.712C25.143 44.446 27.564 44.819 30 44.819C41.045 44.819 50 37.473 50 28.41C50 19.346 41.045 12 30 12ZM30 42.818C27.768 42.818 25.55 42.476 23.424 41.804C22.921 41.645 22.376 41.691 21.907 41.932L15.844 45.047L17.735 40.879C18.119 40.032 17.869 39.031 17.13 38.465C15.568 37.268 14.297 35.739 13.409 33.992C12.525 32.251 12.044 30.336 12 28.388C12.014 20.79 19.679 14 30 14C40.329 14 48 20.803 48 28.409C48 36.016 40.329 42.818 30 42.818ZM29 31.5V20.5C29 19.948 29.448 19.5 30 19.5C30.552 19.5 31 19.948 31 20.5V31.5C31 32.052 30.552 32.5 30 32.5C29.448 32.5 29 32.052 29 31.5ZM31.25 35.75C31.25 36.44 30.69 37 30 37C29.31 37 28.75 36.44 28.75 35.75C28.75 35.06 29.31 34.5 30 34.5C30.69 34.5 31.25 35.06 31.25 35.75Z"/></svg>');
}

[class*=icon-][class*=component-][class*=notice-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=form-][class*=radio] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M12 2.5a9.5 9.5 0 1 0 0 19 9.5 9.5 0 0 0 0-19ZM1.5 12C1.5 6.201 6.201 1.5 12 1.5S22.5 6.201 22.5 12 17.799 22.5 12 22.5 1.5 17.799 1.5 12Z"/></svg>');
}

[class*=icon-][class*=form-][class*=radio-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=form-][class*=radio-checked] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-7 0a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z"/></svg>');
}

[class*=icon-][class*=form-][class*=radio-checked-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=form-][class*=checkbox] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M1.5 8A6.5 6.5 0 0 1 8 1.5h8A6.5 6.5 0 0 1 22.5 8v8a6.5 6.5 0 0 1-6.5 6.5H8A6.5 6.5 0 0 1 1.5 16V8ZM8 2.5A5.5 5.5 0 0 0 2.5 8v8A5.5 5.5 0 0 0 8 21.5h8a5.5 5.5 0 0 0 5.5-5.5V8A5.5 5.5 0 0 0 16 2.5H8Z"/></svg>');
}

[class*=icon-][class*=form-][class*=checkbox-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

[class*=icon-][class*=form-][class*=checkbox-checked] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="M8 2a6 6 0 0 0-6 6v8a6 6 0 0 0 6 6h8a6 6 0 0 0 6-6V8a6 6 0 0 0-6-6H8Zm7.809 7.473c.26.26.26.682 0 .942l-4.392 4.392a.667.667 0 0 1-.942 0l-2.28-2.279a.667.667 0 0 1 .942-.943l1.809 1.808 3.92-3.92c.26-.26.682-.26.943 0Z"/></svg>');
}

[class*=icon-][class*=form-][class*=checkbox-checked-fill] {
    --icon-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(0, 0, 0)" d="undefined"/></svg>');
}

/*# sourceMappingURL=component-global.css.map */