.vp-back-to-top-button {
    position: fixed !important;
    inset-inline-end: 1rem;
    bottom: 4rem;
    z-index: 100;
    width: 48px;
    height: 48px;
    padding: 12px;
    border-width: 0;
    border-radius: 50%;
    background: var(--back-to-top-c-bg);
    color: var(--back-to-top-c-accent-bg);
    box-shadow: 2px 2px 10px 4px var(--back-to-top-c-shadow);
    cursor: pointer
}

@media (max-width: 959px) {
    .vp-back-to-top-button {
        transform: scale(.8);
        transform-origin: 100% 100%
    }
}

@media print {
    .vp-back-to-top-button {
        display: none
    }
}

.vp-back-to-top-button:hover {
    color: var(--back-to-top-c-accent-hover)
}

.vp-back-to-top-button .back-to-top-icon {
    overflow: hidden;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background: var(--back-to-top-c-icon);
    -webkit-mask-image: var(--back-to-top-icon);
    mask-image: var(--back-to-top-icon);
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: cover;
    mask-size: cover
}

.vp-scroll-progress {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 52px;
    height: 52px
}

.vp-scroll-progress svg {
    width: 100%;
    height: 100%
}

.vp-scroll-progress circle {
    opacity: .9;
    transform: rotate(-90deg);
    transform-origin: 50% 50%
}

.back-to-top-enter-active,
.back-to-top-leave-active {
    transition: opacity .3s
}

.back-to-top-enter-from,
.back-to-top-leave-to {
    opacity: 0
}

:root {
    --back-to-top-z-index: 5;
    --back-to-top-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cpath%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='4'%20d='M24.008%2014.1V42M12%2026l12-12l12%2012M12%206h24'%20/%3e%3c/svg%3e");
    --back-to-top-c-bg: var(--vp-c-bg);
    --back-to-top-c-accent-bg: var(--vp-c-accent-bg);
    --back-to-top-c-accent-hover: var(--vp-c-accent-hover);
    --back-to-top-c-shadow: var(--vp-c-shadow);
    --back-to-top-c-icon: currentcolor
}

.vp-copy-code-button {
    position: absolute;
    top: .5em;
    right: .5em;
    z-index: 5;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border-width: 0;
    border-radius: .5rem;
    background: #0000;
    outline: none;
    opacity: 0;
    cursor: pointer;
    transition: opacity .4s
}

@media print {
    .vp-copy-code-button {
        display: none
    }
}

.vp-copy-code-button:before {
    content: "";
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    padding: .625rem;
    background: currentcolor;
    color: var(--copy-code-c-text);
    font-size: 1.25rem;
    -webkit-mask-image: var(--code-copy-icon);
    mask-image: var(--code-copy-icon);
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 1em;
    mask-size: 1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.vp-copy-code-button:focus,
.vp-copy-code-button.copied {
    opacity: 1
}

.vp-copy-code-button:hover,
.vp-copy-code-button.copied {
    background: var(--copy-code-c-hover)
}

.vp-copy-code-button.copied:before {
    -webkit-mask-image: var(--code-copied-icon);
    mask-image: var(--code-copied-icon)
}

.vp-copy-code-button.copied:after {
    content: attr(data-copied);
    position: absolute;
    top: 0;
    right: calc(100% + .25rem);
    display: block;
    height: 1.25rem;
    padding: .625rem;
    border-radius: .5rem;
    background: var(--copy-code-c-hover);
    color: var(--copy-code-c-text);
    font-weight: 500;
    line-height: 1.25rem;
    white-space: nowrap
}

.no-copy-code .vp-copy-code-button {
    display: none
}

body:not(.no-copy-code) div[class*=language-]:hover:before {
    display: none
}

body:not(.no-copy-code) div[class*=language-]:hover .vp-copy-code-button {
    opacity: 1
}

:root {
    --code-copy-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23808080' stroke-width='2'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2' /%3e%3c/svg%3e");
    --code-copied-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23808080' stroke-width='2'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m-6 9 2 2 4-4' /%3e%3c/svg%3e");
    --copy-code-c-text: var(--code-c-line-number);
    --copy-code-c-hover: var(--code-c-highlight-bg)
}

.hint-container {
    position: relative;
    background: var(--hint-c-soft);
    transition: background var(--vp-t-color), color var(--vp-t-color)
}

@media print {
    .hint-container {
        page-break-inside: avoid
    }
}

.hint-container>.hint-container-title {
    color: var(--hint-c-title)
}

.hint-container :not(pre)>code {
    background: var(--hint-c-soft)
}

.hint-container .hint-container-title {
    position: relative;
    margin-block: .75em;
    font-weight: 600;
    line-height: 1.25
}

.hint-container.important,
.hint-container.info,
.hint-container.note,
.hint-container.tip,
.hint-container.warning,
.hint-container.caution {
    margin-block: .75rem;
    padding: .25em 1em;
    border-radius: .5em;
    color: inherit;
    font-size: var(--hint-font-size)
}

@media print {

    .hint-container.important,
    .hint-container.info,
    .hint-container.note,
    .hint-container.tip,
    .hint-container.warning,
    .hint-container.caution {
        border-inline-start-width: .25em;
        border-inline-start-style: solid
    }
}

.hint-container.important .hint-container-title,
.hint-container.info .hint-container-title,
.hint-container.note .hint-container-title,
.hint-container.tip .hint-container-title,
.hint-container.warning .hint-container-title,
.hint-container.caution .hint-container-title {
    padding-inline-start: 1.75em
}

@media print {

    .hint-container.important .hint-container-title,
    .hint-container.info .hint-container-title,
    .hint-container.note .hint-container-title,
    .hint-container.tip .hint-container-title,
    .hint-container.warning .hint-container-title,
    .hint-container.caution .hint-container-title {
        padding-inline-start: 0
    }
}

.hint-container.important .hint-container-title:before,
.hint-container.info .hint-container-title:before,
.hint-container.note .hint-container-title:before,
.hint-container.tip .hint-container-title:before,
.hint-container.warning .hint-container-title:before,
.hint-container.caution .hint-container-title:before {
    content: " ";
    position: absolute;
    inset-inline-start: 0;
    top: calc(50% - .6125em);
    width: 1.25em;
    height: 1.25em;
    font-size: 1.25em
}

@media print {

    .hint-container.important .hint-container-title:before,
    .hint-container.info .hint-container-title:before,
    .hint-container.note .hint-container-title:before,
    .hint-container.tip .hint-container-title:before,
    .hint-container.warning .hint-container-title:before,
    .hint-container.caution .hint-container-title:before {
        display: none
    }
}

.hint-container.important p,
.hint-container.info p,
.hint-container.note p,
.hint-container.tip p,
.hint-container.warning p,
.hint-container.caution p {
    line-height: 1.5
}

.hint-container.important a,
.hint-container.info a,
.hint-container.note a,
.hint-container.tip a,
.hint-container.warning a,
.hint-container.caution a {
    color: var(--vp-c-accent)
}

.hint-container.important {
    --hint-c-accent: var(--important-c-accent);
    --hint-c-title: var(--important-c-text);
    --hint-c-soft: var(--important-c-soft)
}

.hint-container.important>.hint-container-title:before {
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 981.333a84.992 84.992 0 0 1-84.907-84.906h169.814A84.992 84.992 0 0 1 512 981.333zm384-128H128v-42.666l85.333-85.334v-256A298.325 298.325 0 0 1 448 177.92V128a64 64 0 0 1 128 0v49.92a298.325 298.325 0 0 1 234.667 291.413v256L896 810.667v42.666zm-426.667-256v85.334h85.334v-85.334h-85.334zm0-256V512h85.334V341.333h-85.334z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 981.333a84.992 84.992 0 0 1-84.907-84.906h169.814A84.992 84.992 0 0 1 512 981.333zm384-128H128v-42.666l85.333-85.334v-256A298.325 298.325 0 0 1 448 177.92V128a64 64 0 0 1 128 0v49.92a298.325 298.325 0 0 1 234.667 291.413v256L896 810.667v42.666zm-426.667-256v85.334h85.334v-85.334h-85.334zm0-256V512h85.334V341.333h-85.334z'/%3E%3C/svg%3E");
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 1em;
    mask-size: 1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.hint-container.info {
    --hint-c-accent: var(--info-c-accent);
    --hint-c-title: var(--info-c-text);
    --hint-c-soft: var(--info-c-soft)
}

.hint-container.info>.hint-container-title:before {
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z'/%3E%3C/svg%3E");
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 1em;
    mask-size: 1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.hint-container.note {
    --hint-c-accent: var(--note-c-accent);
    --hint-c-title: var(--note-c-text);
    --hint-c-soft: var(--note-c-soft)
}

.hint-container.note>.hint-container-title:before {
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z'/%3E%3C/svg%3E");
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 1em;
    mask-size: 1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.hint-container.tip {
    --hint-c-accent: var(--tip-c-accent);
    --hint-c-title: var(--tip-c-text);
    --hint-c-soft: var(--tip-c-soft)
}

.hint-container.tip>.hint-container-title:before {
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.941 18c-.297-1.273-1.637-2.314-2.187-3a8 8 0 1 1 12.49.002c-.55.685-1.888 1.726-2.185 2.998H7.94zM16 20v1a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h8zm-3-9.995V6l-4.5 6.005H11v4l4.5-6H13z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.941 18c-.297-1.273-1.637-2.314-2.187-3a8 8 0 1 1 12.49.002c-.55.685-1.888 1.726-2.185 2.998H7.94zM16 20v1a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h8zm-3-9.995V6l-4.5 6.005H11v4l4.5-6H13z'/%3E%3C/svg%3E");
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 1em;
    mask-size: 1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.hint-container.warning {
    --hint-c-accent: var(--warning-c-accent);
    --hint-c-title: var(--warning-c-text);
    --hint-c-soft: var(--warning-c-soft)
}

.hint-container.warning>.hint-container-title:before {
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M576.286 752.57v-95.425q0-7.031-4.771-11.802t-11.3-4.772h-96.43q-6.528 0-11.3 4.772t-4.77 11.802v95.424q0 7.031 4.77 11.803t11.3 4.77h96.43q6.528 0 11.3-4.77t4.77-11.803zm-1.005-187.836 9.04-230.524q0-6.027-5.022-9.543-6.529-5.524-12.053-5.524H456.754q-5.524 0-12.053 5.524-5.022 3.516-5.022 10.547l8.538 229.52q0 5.023 5.022 8.287t12.053 3.265h92.913q7.032 0 11.803-3.265t5.273-8.287zM568.25 95.65l385.714 707.142q17.578 31.641-1.004 63.282-8.538 14.564-23.354 23.102t-31.892 8.538H126.286q-17.076 0-31.892-8.538T71.04 866.074q-18.582-31.641-1.004-63.282L455.75 95.65q8.538-15.57 23.605-24.61T512 62t32.645 9.04 23.605 24.61z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M576.286 752.57v-95.425q0-7.031-4.771-11.802t-11.3-4.772h-96.43q-6.528 0-11.3 4.772t-4.77 11.802v95.424q0 7.031 4.77 11.803t11.3 4.77h96.43q6.528 0 11.3-4.77t4.77-11.803zm-1.005-187.836 9.04-230.524q0-6.027-5.022-9.543-6.529-5.524-12.053-5.524H456.754q-5.524 0-12.053 5.524-5.022 3.516-5.022 10.547l8.538 229.52q0 5.023 5.022 8.287t12.053 3.265h92.913q7.032 0 11.803-3.265t5.273-8.287zM568.25 95.65l385.714 707.142q17.578 31.641-1.004 63.282-8.538 14.564-23.354 23.102t-31.892 8.538H126.286q-17.076 0-31.892-8.538T71.04 866.074q-18.582-31.641-1.004-63.282L455.75 95.65q8.538-15.57 23.605-24.61T512 62t32.645 9.04 23.605 24.61z'/%3E%3C/svg%3E");
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 1em;
    mask-size: 1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.hint-container.caution {
    --hint-c-accent: var(--caution-c-accent);
    --hint-c-title: var(--caution-c-text);
    --hint-c-soft: var(--caution-c-soft)
}

.hint-container.caution>.hint-container-title:before {
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10v3.764a2 2 0 0 1-1.106 1.789L18 19v1a3 3 0 0 1-2.824 2.995L14.95 23a2.5 2.5 0 0 0 .044-.33L15 22.5V22a2 2 0 0 0-1.85-1.995L13 20h-2a2 2 0 0 0-1.995 1.85L9 22v.5c0 .171.017.339.05.5H9a3 3 0 0 1-3-3v-1l-2.894-1.447A2 2 0 0 1 2 15.763V12C2 6.477 6.477 2 12 2zm-4 9a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10v3.764a2 2 0 0 1-1.106 1.789L18 19v1a3 3 0 0 1-2.824 2.995L14.95 23a2.5 2.5 0 0 0 .044-.33L15 22.5V22a2 2 0 0 0-1.85-1.995L13 20h-2a2 2 0 0 0-1.995 1.85L9 22v.5c0 .171.017.339.05.5H9a3 3 0 0 1-3-3v-1l-2.894-1.447A2 2 0 0 1 2 15.763V12C2 6.477 6.477 2 12 2zm-4 9a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/svg%3E");
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 1em;
    mask-size: 1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.hint-container.details {
    position: relative;
    display: block;
    margin-block: .75rem;
    padding: 1.25rem 1rem;
    border-radius: .5rem;
    background: var(--detail-c-bg);
    transition: background var(--vp-t-transform), color var(--vp-t-transform)
}

.hint-container.details h4 {
    margin-top: 0
}

.hint-container.details figure:last-child,
.hint-container.details p:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.hint-container.details a {
    color: var(--vp-c-accent)
}

.hint-container.details :not(pre)>code {
    background: var(--detail-c-soft)
}

.hint-container.details summary {
    position: relative;
    margin: -1rem;
    padding-block: 1em;
    padding-inline: 3em 1.5em;
    list-style: none;
    font-size: var(--hint-font-size);
    cursor: pointer
}

.hint-container.details summary::-webkit-details-marker {
    display: none
}

.hint-container.details summary::marker {
    color: #0000;
    font-size: 0
}

.hint-container.details summary:before {
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 1em;
    mask-size: 1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    content: " ";
    position: absolute;
    inset-inline-start: .8em;
    top: calc(50% - .5em);
    width: 1em;
    height: 1em;
    font-size: 1.25rem;
    line-height: normal;
    transition: color, var(--vp-t-color), transform var(--vp-t-transform);
    transform: rotate(90deg)
}

.hint-container.details[open]>summary {
    margin-bottom: .5em
}

.hint-container.details[open]>summary:before {
    transform: rotate(180deg)
}

:root {
    --hint-font-size: .92rem;
    --important-c-accent: var(--vp-c-purple-bg);
    --important-c-text: var(--vp-c-purple-text);
    --important-c-soft: var(--vp-c-purple-soft);
    --info-c-accent: var(--vp-c-blue-bg);
    --info-c-text: var(--vp-c-blue-text);
    --info-c-soft: var(--vp-c-blue-soft);
    --note-c-accent: var(--vp-c-grey-bg);
    --note-c-text: var(--vp-c-grey-text);
    --note-c-soft: var(--vp-c-grey-soft);
    --tip-c-accent: var(--vp-c-green-bg);
    --tip-c-text: var(--vp-c-green-text);
    --tip-c-soft: var(--vp-c-green-soft);
    --warning-c-accent: var(--vp-c-yellow-bg);
    --warning-c-text: var(--vp-c-yellow-text);
    --warning-c-soft: var(--vp-c-yellow-soft);
    --caution-c-accent: var(--vp-c-red-bg);
    --caution-c-text: var(--vp-c-red-text);
    --caution-c-soft: var(--vp-c-red-soft);
    --detail-c-bg: var(--vp-c-control);
    --detail-c-icon: var(--vp-c-border);
    --detail-c-soft: var(--vp-c-grey-soft)
}

:root {
    --medium-zoom-z-index: 100;
    --medium-zoom-c-bg: var(--vp-c-bg-elv, #fff);
    --medium-zoom-opacity: 1
}

.medium-zoom-overlay {
    z-index: var(--medium-zoom-z-index);
    background-color: var(--medium-zoom-c-bg) !important
}

.medium-zoom-overlay~img {
    z-index: calc(var(--medium-zoom-z-index) + 1)
}

.medium-zoom--opened .medium-zoom-overlay {
    opacity: var(--medium-zoom-opacity)
}

:root {
    --nprogress-c: var(--vp-c-accent);
    --nprogress-z-index: 1031
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--nprogress-z-index);
    width: 100%;
    height: 2px;
    background: var(--nprogress-c)
}

:root {
    --code-padding-x: 1.25rem;
    --code-padding-y: 1rem;
    --code-border-radius: 6px;
    --code-line-height: 1.6;
    --code-font-size: 14px;
    --code-font-family: consolas, monaco, "Andale Mono", "Ubuntu Mono", monospace
}

div[class*=language-] {
    position: relative;
    border-radius: var(--code-border-radius);
    background-color: var(--code-c-bg)
}

div[class*=language-]:before {
    content: attr(data-title);
    position: absolute;
    top: .8em;
    right: 1em;
    z-index: 3;
    color: var(--code-c-text);
    font-size: .75rem
}

div[class*=language-] pre {
    position: relative;
    z-index: 1;
    overflow-x: auto;
    margin: 0;
    border-radius: var(--code-border-radius);
    font-size: var(--code-font-size);
    font-family: var(--code-font-family);
    line-height: var(--code-line-height)
}

div[class*=language-] pre code {
    display: block;
    box-sizing: border-box;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 100%;
    padding: var(--code-padding-y) var(--code-padding-x);
    background-color: #0000 !important;
    color: var(--code-c-text);
    overflow-wrap: unset;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

:root {
    --code-c-text: #f8f8f2;
    --code-c-bg: #2e3440;
    --code-c-highlight-bg: rgb(51.6454545455, 60.5484848485, 78.3545454545);
    --code-c-line-number: rgba(248, 248, 242, .67)
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: #636f88
}

.token.punctuation {
    color: #81a1c1
}

.namespace {
    opacity: .7
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
    color: #81a1c1
}

.token.number {
    color: #b48ead
}

.token.boolean {
    color: #81a1c1
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
    color: #a3be8c
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
    color: #81a1c1
}

.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
    color: #88c0d0
}

.token.keyword {
    color: #81a1c1
}

.token.regex,
.token.important {
    color: #ebcb8b
}

.token.important,
.token.bold {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

:root {
    --code-line-number-width: 3rem
}

div[class*=language-]:not(.line-numbers-mode) .line-numbers {
    display: none
}

div[class*=language-].line-numbers-mode:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--code-line-number-width);
    height: 100%;
    border-right: 1px solid var(--code-c-highlight-bg, var(--code-c-text));
    border-radius: var(--code-border-radius) 0 0 var(--code-border-radius);
    transition: border var(--vp-t-color)
}

div[class*=language-].line-numbers-mode pre {
    vertical-align: middle;
    margin-left: var(--code-line-number-width)
}

div[class*=language-].line-numbers-mode code {
    padding-left: 1rem
}

div[class*=language-].line-numbers-mode .line-numbers {
    counter-reset: line-number;
    position: absolute;
    top: 0;
    width: var(--code-line-number-width);
    padding-top: var(--code-padding-y);
    color: var(--code-c-line-number, var(--code-c-text));
    font-size: var(--code-font-size);
    line-height: var(--code-line-height);
    text-align: center
}

div[class*=language-].line-numbers-mode .line-number {
    position: relative;
    z-index: 3;
    font-family: var(--code-font-family);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

div[class*=language-].line-numbers-mode .line-number:before {
    content: counter(line-number);
    counter-increment: line-number
}

div[class*=language-] .line.highlighted {
    display: inline-block;
    width: 100%;
    margin: 0 calc(-1*var(--code-padding-x));
    padding: 0 var(--code-padding-x);
    background-color: var(--code-c-highlight-bg)
}

@property --vp-collapsed-lines-bg {
    inherits: false;
    initial-value: #fff;
    syntax: "<color>"
}

@keyframes code-collapsed-lines {
    0% {
        opacity: .3;
        transform: translateY(-2px) rotate(var(--vp-collapsed-lines-rotate))
    }

    to {
        opacity: 1;
        transform: translateY(2px) rotate(var(--vp-collapsed-lines-rotate))
    }
}

div[class*=language-].has-collapsed-lines .collapsed-lines {
    --vp-collapsed-lines-bg: var(--code-c-bg);
    --vp-collapsed-lines-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='m18 12l-6 6l-6-6m12-6l-6 6l-6-6'/%3E%3C/svg%3E");
    --vp-collapsed-lines-rotate: 0deg;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    background: linear-gradient(to bottom, transparent 0%, var(--vp-collapsed-lines-bg) 55%, var(--vp-collapsed-lines-bg) 100%);
    cursor: pointer;
    transition: --vp-collapsed-lines-bg var(--vp-t-color)
}

div[class*=language-].has-collapsed-lines .collapsed-lines:hover {
    --vp-collapsed-lines-bg: var(--code-c-highlight-bg)
}

div[class*=language-].has-collapsed-lines .collapsed-lines:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: var(--code-c-text);
    -webkit-mask-image: var(--vp-collapsed-lines-icon);
    mask-image: var(--vp-collapsed-lines-icon);
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: 20px;
    mask-size: 20px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    pointer-events: none;
    animation: code-collapsed-lines 1.2s infinite alternate-reverse ease-in-out
}

div[class*=language-].has-collapsed-lines[data-highlighter=shiki] .collapsed-lines {
    --vp-collapsed-lines-bg: var(--code-c-bg, var(--shiki-light-bg))
}

[data-theme=dark] div[class*=language-].has-collapsed-lines[data-highlighter=shiki] .collapsed-lines {
    --vp-collapsed-lines-bg: var(--code-c-bg, var(--shiki-dark-bg))
}

div[class*=language-].has-collapsed-lines.collapsed {
    overflow-y: hidden;
    height: calc(var(--vp-collapsed-lines)*var(--code-line-height)*var(--code-font-size) + var(--code-padding-y) + 28px)
}

div[class*=language-].has-collapsed-lines:not(.collapsed) code {
    padding-bottom: max(var(--code-padding-y), 28px)
}

div[class*=language-].has-collapsed-lines:not(.collapsed) .collapsed-lines {
    --vp-collapsed-lines-rotate: 180deg
}

.vp-code-tabs-nav {
    overflow-x: auto;
    margin: .75rem 0 -.75rem;
    padding: 0;
    border-radius: 6px 6px 0 0;
    background: var(--code-tabs-c-bg);
    list-style: none;
    white-space: nowrap;
    transition: background var(--vp-t-color)
}

@media print {
    .vp-code-tabs-nav {
        display: none
    }
}

@media (max-width: 419px) {
    .vp-code-tabs-nav {
        margin-inline: -1.5rem;
        border-radius: 0
    }
}

.vp-code-tab-nav {
    position: relative;
    min-width: 3rem;
    margin: 0;
    padding: 6px 12px;
    border-width: 0;
    border-radius: 6px 6px 0 0;
    background: #0000;
    color: var(--code-tabs-c-text);
    font-weight: 600;
    font-size: .875em;
    line-height: 1.4;
    cursor: pointer;
    transition: background var(--vp-t-color), color var(--vp-t-color)
}

.vp-code-tab-nav:hover {
    background: var(--code-tabs-c-hover)
}

.vp-code-tab-nav:before,
.vp-code-tab-nav:after {
    content: " ";
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 6px;
    height: 6px
}

.vp-code-tab-nav:before {
    right: 100%
}

.vp-code-tab-nav:after {
    left: 100%
}

.vp-code-tab-nav.active {
    background: var(--code-c-bg, var(--vp-c-bg-alt))
}

.vp-code-tab-nav.active:before {
    background: radial-gradient(12px at left top, transparent 50%, var(--code-c-bg) 50%)
}

.vp-code-tab-nav.active:after {
    background: radial-gradient(12px at right top, transparent 50%, var(--code-c-bg) 50%)
}

.vp-code-tab-nav:first-child:before {
    display: none
}

[dir=rtl] .vp-code-tab-nav:first-child:before {
    display: block
}

[dir=rtl] .vp-code-tab-nav:first-child:after {
    display: none
}

.vp-code-tab {
    display: none
}

@media print {
    .vp-code-tab {
        display: block
    }
}

.vp-code-tab.active {
    display: block
}

.vp-code-tab div[class*=language-] {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media (max-width: 419px) {
    .vp-code-tab div[class*=language-] {
        margin: .75rem -1.5rem;
        border-radius: 0
    }
}

.vp-code-tab div[class*=language-].line-numbers-mode:after {
    border-top-left-radius: 0
}

.vp-code-tab div[class*=language-] pre {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media (max-width: 419px) {
    .vp-code-tab div[class*=language-] pre {
        border-radius: 0
    }
}

@media print {
    .vp-code-tab div[class*=language-] code {
        white-space: pre-wrap
    }
}

.vp-code-tab-title {
    display: none;
    font-weight: 500
}

@media print {
    .vp-code-tab-title {
        display: block
    }
}

.vp-tabs {
    margin: 1.5rem 0;
    border: 1px solid var(--vp-c-border);
    border-radius: 8px
}

@media (max-width: 419px) {
    [vp-content]>.vp-tabs {
        margin-inline: -1.5rem;
        border: none;
        border-bottom: 1px solid var(--vp-c-border);
        border-radius: 0
    }
}

.vp-tabs-nav {
    overflow-x: auto;
    margin: 0;
    padding: 0;
    border-radius: .5rem .5rem 0 0;
    background: var(--tab-c-bg-nav);
    list-style: none;
    white-space: nowrap;
    transition: background var(--vp-t-color)
}

@media print {
    .vp-tabs-nav {
        display: none
    }
}

@media (max-width: 419px) {
    .vp-tabs-nav {
        border-radius: 0
    }
}

.vp-tab-nav {
    position: relative;
    min-width: 4rem;
    margin: 0;
    padding: .5em 1em;
    border: none;
    border-radius: .5rem .5rem 0 0;
    background: #0000;
    color: var(--tab-c-nav);
    font-weight: 600;
    font-size: .875em;
    line-height: 1.75;
    cursor: pointer;
    transition: background var(--vp-t-color), color var(--vp-t-color)
}

.vp-tab-nav:hover {
    background: var(--tab-c-bg-nav-hover)
}

.vp-tab-nav:before,
.vp-tab-nav:after {
    content: " ";
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 8px;
    height: 8px
}

.vp-tab-nav:before {
    right: 100%
}

.vp-tab-nav:after {
    left: 100%
}

.vp-tab-nav.active {
    background: var(--tab-c-bg)
}

.vp-tab-nav.active:before {
    background: radial-gradient(16px at left top, transparent 50%, var(--tab-c-bg) 50%)
}

.vp-tab-nav.active:after {
    background: radial-gradient(16px at right top, transparent 50%, var(--tab-c-bg) 50%)
}

.vp-tab-nav:first-child:before {
    display: none
}

.vp-tab {
    display: none;
    padding: 1rem .75rem;
    border-radius: 0 0 .5rem .5rem;
    background: var(--tab-c-bg);
    transition: background var(--vp-t-color)
}

@media print {
    .vp-tab {
        display: block;
        padding: .5rem
    }
}

.vp-tab.active {
    display: block
}

.vp-tab:nth-child(n+2) .vp-tab-title {
    border-top: none
}

.vp-tab-title {
    display: none;
    padding: .25rem 0;
    border-top: 1px solid var(--vp-c-border);
    font-weight: 500
}

@media print {
    .vp-tab-title {
        display: block
    }
}

:root {
    --code-tabs-c-text: var(--code-c-text);
    --code-tabs-c-bg: var(--code-c-highlight-bg);
    --code-tabs-c-hover: var(--code-c-bg, var(--vp-c-bg-alt));
    --tab-c-bg: var(--vp-c-bg);
    --tab-c-nav: var(--vp-c-text);
    --tab-c-bg-nav: var(--vp-c-grey-bg);
    --tab-c-bg-nav-hover: var(--vp-c-control-hover)
}

.vp-badge {
    display: inline-block;
    vertical-align: top;
    height: 18px;
    padding: 0 6px;
    border-radius: 3px;
    background: var(--vp-c-accent-soft);
    color: var(--vp-c-accent);
    font-size: 14px;
    line-height: 18px;
    transition: background var(--vp-t-color), color var(--vp-t-color)
}

.vp-badge+.vp-badge {
    margin-inline-start: 5px
}

.vp-badge.tip {
    background: var(--badge-c-tip-bg);
    color: var(--badge-c-tip-text)
}

.vp-badge.warning {
    background: var(--badge-c-warning-bg);
    color: var(--badge-c-warning-text)
}

.vp-badge.danger {
    background: var(--badge-c-danger-bg);
    color: var(--badge-c-danger-text)
}

.vp-badge.important {
    background: var(--badge-c-important-bg);
    color: var(--badge-c-important-text)
}

.vp-badge.info {
    background: var(--badge-c-info-bg);
    color: var(--badge-c-info-text)
}

.vp-badge.note {
    background: var(--badge-c-note-bg);
    color: var(--badge-c-note-text)
}

.vp-features {
    display: flex;
    flex-wrap: wrap;
    place-content: stretch space-between;
    align-items: flex-start;
    margin-top: 2.5rem;
    padding: 1.2rem 0;
    border-top: 1px solid var(--vp-c-gutter);
    transition: border-color var(--vp-t-color)
}

@media (max-width: 719px) {
    .vp-features {
        flex-direction: column
    }
}

.vp-feature {
    flex-grow: 1;
    flex-basis: 30%;
    max-width: 30%
}

@media (max-width: 719px) {
    .vp-feature {
        max-width: 100%;
        padding: 0 2.5rem
    }
}

.vp-feature h2 {
    padding-bottom: 0;
    border-bottom: none;
    font-weight: 500;
    font-size: 1.4rem
}

@media (max-width: 419px) {
    .vp-feature h2 {
        font-size: 1.25rem
    }
}

.vp-feature p {
    color: var(--vp-c-text-mute)
}

.vp-footer {
    padding: 2.5rem;
    border-top: 1px solid var(--vp-c-border);
    color: var(--vp-c-text-mute);
    text-align: center;
    transition: border-color var(--vp-t-color)
}

.vp-hero {
    text-align: center
}

.vp-hero-image {
    display: block;
    max-width: 100%;
    max-height: 280px;
    margin: 3rem auto 1.5rem
}

@media (max-width: 419px) {
    .vp-hero-image {
        max-height: 210px;
        margin: 2rem auto 1.2rem
    }
}

#main-title {
    font-size: 3rem
}

@media (max-width: 419px) {
    #main-title {
        font-size: 2rem
    }
}

#main-title,
.vp-hero-description,
.vp-hero-actions {
    margin: 1.8rem auto
}

@media (max-width: 419px) {

    #main-title,
    .vp-hero-description,
    .vp-hero-actions {
        margin: 1.2rem auto
    }
}

.vp-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center
}

.vp-hero-description {
    max-width: 35rem;
    color: var(--vp-c-text-mute);
    font-size: 1.6rem;
    line-height: 1.3
}

@media (max-width: 419px) {
    .vp-hero-description {
        font-size: 1.2rem
    }
}

.vp-hero-action-button {
    display: inline-block;
    box-sizing: border-box;
    padding: .8rem 1.6rem;
    border: 2px solid var(--vp-c-accent-bg);
    border-radius: 4px;
    background-color: var(--vp-c-bg);
    color: var(--vp-c-accent);
    font-size: 1.2rem;
    transition: background-color border-color color var(--vp-t-color)
}

@media (max-width: 419px) {
    .vp-hero-action-button {
        padding: .6rem 1.2rem;
        font-size: 1rem
    }
}

.vp-hero-action-button:hover {
    color: var(--vp-c-accent-text)
}

.vp-hero-action-button.primary {
    background-color: var(--vp-c-accent-bg);
    color: var(--vp-c-accent-text)
}

.vp-hero-action-button.primary:hover {
    border-color: var(--vp-c-accent-hover);
    background-color: var(--vp-c-accent-hover)
}

.vp-home {
    display: block;
    max-width: var(--homepage-width);
    margin: 0 auto;
    padding: var(--navbar-height) 2rem 0
}

@media (max-width: 419px) {
    .vp-home {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

.vp-home [vp-content] {
    margin: 0;
    padding: 0
}

.vp-site-logo {
    vertical-align: top;
    height: var(--navbar-line-height);
    margin-right: var(--navbar-padding-v)
}

.vp-site-name {
    position: relative;
    color: var(--vp-c-text);
    font-weight: 600;
    font-size: 1.3rem
}

@media screen and (max-width: 719px) {
    .vp-site-name {
        display: block;
        overflow: hidden;
        width: calc(100vw - 11rem);
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.vp-dropdown-enter-from,
.vp-dropdown-leave-to {
    height: 0 !important
}

.vp-navbar-dropdown-wrapper {
    cursor: pointer
}

.vp-navbar-dropdown-wrapper:not(.mobile) {
    height: 1.8rem
}

.vp-navbar-dropdown-wrapper:not(.mobile):hover .vp-navbar-dropdown,
.vp-navbar-dropdown-wrapper:not(.mobile).open .vp-navbar-dropdown {
    display: block !important
}

.vp-navbar-dropdown-wrapper.mobile .vp-navbar-dropdown {
    overflow: hidden;
    transition: height .1s ease-out;
    padding-top: .5rem
}

.vp-navbar-dropdown-wrapper:not(.mobile) .vp-navbar-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    overflow-y: auto;
    box-sizing: border-box;
    height: auto !important;
    max-height: calc(100vh - 2.7rem);
    margin: 0;
    padding: .6rem 0;
    border: 1px solid var(--vp-c-gutter);
    border-radius: .5rem;
    background-color: var(--vp-c-bg-elv);
    text-align: left;
    white-space: nowrap
}

.vp-navbar-dropdown-title {
    display: block;
    padding: inherit;
    border: none;
    background: transparent;
    color: var(--vp-c-text);
    font-weight: 500;
    font-size: .9rem;
    font-family: inherit;
    line-height: 1.4rem;
    cursor: inherit
}

.vp-navbar-dropdown-wrapper.mobile .vp-navbar-dropdown-title {
    display: none
}

.vp-navbar-dropdown-title:hover {
    border-color: transparent
}

.vp-navbar-dropdown-title-mobile {
    display: none;
    padding: inherit;
    border: none;
    background: transparent;
    color: var(--vp-c-text);
    font-weight: 600;
    font-size: inherit;
    font-family: inherit;
    line-height: 1.4rem;
    cursor: inherit
}

.vp-navbar-dropdown-wrapper.mobile .vp-navbar-dropdown-title-mobile {
    display: block
}

.vp-navbar-dropdown-title-mobile:hover {
    color: var(--vp-c-accent)
}

.vp-navbar-dropdown-item {
    color: inherit;
    line-height: 1.7rem
}

.vp-navbar-dropdown-item .auto-link {
    position: relative;
    display: block;
    margin-bottom: 0;
    padding: 0 1.25rem;
    border-bottom: none;
    font-weight: 400;
    line-height: 1.7rem
}

.vp-navbar-dropdown-item .auto-link:hover,
.vp-navbar-dropdown-item .auto-link.auto-link-active {
    color: var(--vp-c-accent)
}

.vp-navbar-dropdown-item .auto-link.auto-link-active:after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    left: 9px;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid var(--vp-c-accent)
}

.vp-navbar-dropdown-wrapper.mobile .vp-navbar-dropdown-item>a {
    font-size: 15px;
    line-height: 2rem
}

.vp-navbar-dropdown-subtitle {
    margin: .45rem 0 0;
    padding: 1rem 0 .45rem;
    border-top: 1px solid var(--vp-c-gutter);
    font-size: .9rem
}

.vp-navbar-dropdown-wrapper.mobile .vp-navbar-dropdown-subtitle {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0;
    font-size: 15px;
    line-height: 2rem
}

.vp-navbar-dropdown-item:first-child .vp-navbar-dropdown-subtitle {
    margin-top: 0;
    padding-top: 0;
    border-top: 0
}

.vp-navbar-dropdown-subtitle>span {
    padding: 0 1.5rem 0 1.25rem
}

.vp-navbar-dropdown-subtitle>.auto-link {
    font-weight: inherit
}

.vp-navbar-dropdown-subtitle>.auto-link.auto-link-active:after {
    display: none
}

.vp-navbar-dropdown-subitem-wrapper {
    padding: 0;
    list-style: none
}

.vp-navbar-dropdown-subitem {
    font-size: .9em
}

.vp-navbar-dropdown-wrapper.mobile .vp-navbar-dropdown-subitem {
    padding-left: 1rem;
    font-size: 14px
}

.vp-navbar-items {
    display: inline-block
}

@media print {
    .vp-navbar-items {
        display: none
    }
}

.vp-navbar-items .auto-link {
    color: inherit;
    line-height: 1.4rem
}

.vp-navbar-items .auto-link:hover,
.vp-navbar-items .auto-link.auto-link-active {
    color: var(--vp-c-text)
}

.vp-navbar-item {
    position: relative;
    display: inline-block;
    margin-left: 1.5rem;
    line-height: var(--navbar-line-height)
}

@media (max-width: 719px) {
    .vp-navbar-item {
        margin-left: 0
    }
}

.vp-navbar-item:first-child {
    margin-left: 0
}

.vp-navbar-item .auto-link:hover,
.vp-navbar-item .auto-link.auto-link-active {
    color: var(--vp-c-accent)
}

.vp-navbar-item>.auto-link {
    display: inline-block
}

.vp-navbar-item>.auto-link:hover,
.vp-navbar-item>.auto-link.auto-link-active {
    margin-bottom: -2px;
    border-bottom: 2px solid var(--vp-c-accent)
}

@media (max-width: 719px) {

    .vp-navbar-item>.auto-link:hover,
    .vp-navbar-item>.auto-link.auto-link-active {
        margin-bottom: 0;
        border-bottom: none
    }
}

.vp-toggle-color-mode-button {
    display: flex;
    margin: auto;
    margin-left: 1rem;
    border: 0;
    background: none;
    color: var(--vp-c-text);
    opacity: .8;
    cursor: pointer
}

@media print {
    .vp-toggle-color-mode-button {
        display: none
    }
}

.vp-toggle-color-mode-button:hover {
    opacity: 1
}

.vp-toggle-color-mode-button .light-icon,
.vp-toggle-color-mode-button .dark-icon {
    width: 1.25rem;
    height: 1.25rem
}

.vp-toggle-sidebar-button {
    position: absolute;
    top: .6rem;
    left: 1rem;
    display: none;
    padding: .6rem;
    cursor: pointer
}

@media screen and (max-width: 719px) {
    .vp-toggle-sidebar-button {
        display: block
    }
}

.vp-toggle-sidebar-button .icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    cursor: inherit
}

.vp-toggle-sidebar-button .icon span {
    display: inline-block;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: var(--vp-c-text);
    transition: transform var(--vp-t-transform)
}

.vp-toggle-sidebar-button .icon span:nth-child(2) {
    margin: 6px 0
}

.vp-theme-container.sidebar-open .vp-toggle-sidebar-button .icon span:nth-child(1) {
    transform: rotate(45deg) translate3d(5.5px, 5.5px, 0)
}

.vp-theme-container.sidebar-open .vp-toggle-sidebar-button .icon span:nth-child(2) {
    transform: scale3d(0, 1, 1)
}

.vp-theme-container.sidebar-open .vp-toggle-sidebar-button .icon span:nth-child(3) {
    transform: rotate(-45deg) translate3d(6px, -6px, 0)
}

.vp-theme-container.sidebar-open .vp-toggle-sidebar-button .icon span:nth-child(1),
.vp-theme-container.sidebar-open .vp-toggle-sidebar-button .icon span:nth-child(3) {
    transform-origin: center
}

.vp-navbar {
    --navbar-line-height: calc(var(--navbar-height) - 2 * var(--navbar-padding-v));
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    box-sizing: border-box;
    height: var(--navbar-height);
    padding: var(--navbar-padding-v) var(--navbar-padding-h);
    border-bottom: 1px solid var(--vp-c-border);
    background-color: var(--vp-navbar-c-bg);
    line-height: var(--navbar-line-height);
    transition: background-color var(--vp-t-color), border-color var(--vp-t-color)
}

@media screen and (max-width: 719px) {
    .vp-navbar {
        padding-left: 4rem
    }
}

.vp-navbar-items-wrapper {
    position: absolute;
    top: var(--navbar-padding-v);
    right: var(--navbar-padding-h);
    display: flex;
    box-sizing: border-box;
    height: var(--navbar-line-height);
    padding-left: var(--navbar-padding-h);
    font-size: .9rem;
    white-space: nowrap
}

.vp-page-meta {
    max-width: var(--content-width);
    margin: 0 auto;
    padding: 2rem 2.5rem
}

@media (max-width: 959px) {
    .vp-page-meta {
        padding: 2rem
    }
}

@media (max-width: 419px) {
    .vp-page-meta {
        padding: 1.5rem
    }
}

.vp-page-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: auto;
    padding-top: .75rem;
    padding-bottom: .75rem
}

@media print {
    .vp-page-meta {
        margin: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

@media (max-width: 719px) {
    .vp-page-meta {
        display: block
    }
}

.vp-page-meta .vp-meta-item {
    flex-grow: 1
}

.vp-page-meta .vp-meta-item .vp-meta-label {
    font-weight: 500
}

.vp-page-meta .vp-meta-item .vp-meta-label:not(a) {
    color: var(--vp-c-text-mute)
}

.vp-page-meta .vp-meta-item .vp-meta-info {
    color: var(--vp-c-text-mute);
    font-weight: 400
}

.vp-page-meta .git-info {
    text-align: end
}

.vp-page-meta .edit-link {
    margin-top: .25rem;
    margin-right: .5rem;
    margin-bottom: .25rem;
    font-size: 14px
}

@media print {
    .vp-page-meta .edit-link {
        display: none
    }
}

.vp-page-meta .edit-link .edit-icon {
    position: relative;
    bottom: -.125em;
    width: 1em;
    height: 1em;
    margin-right: .25em
}

.vp-page-meta .last-updated,
.vp-page-meta .contributors {
    margin-top: .25rem;
    margin-bottom: .25rem;
    font-size: 14px
}

@media (max-width: 719px) {

    .vp-page-meta .last-updated,
    .vp-page-meta .contributors {
        font-size: 13px;
        text-align: start
    }
}

.vp-page-nav {
    display: flex;
    flex-wrap: wrap;
    max-width: var(--content-width, 740px);
    min-height: 2rem;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 1rem 2rem 0;
    border-top: 1px solid var(--vp-c-gutter);
    transition: border-top var(--vp-t-color)
}

@media (max-width: 959px) {
    .vp-page-nav {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media print {
    .vp-page-nav {
        display: none
    }
}

.vp-page-nav .auto-link {
    display: inline-block;
    flex-grow: 1;
    margin: .25rem;
    padding: .25rem .5rem;
    border: 1px solid var(--vp-c-gutter);
    border-radius: .25rem
}

.vp-page-nav .auto-link:hover {
    background: var(--vp-c-control)
}

.vp-page-nav .auto-link .hint {
    color: var(--vp-c-text-mute);
    font-size: .875rem;
    line-height: 2
}

.vp-page-nav .prev {
    text-align: start
}

.vp-page-nav .next {
    text-align: end
}

.vp-page {
    display: block;
    padding-top: var(--navbar-height);
    padding-bottom: 2rem;
    padding-left: var(--sidebar-width)
}

@media (max-width: 959px) {
    .vp-page {
        padding-left: var(--sidebar-width-mobile)
    }
}

@media (max-width: 719px) {
    .vp-page {
        padding-left: 0
    }
}

.vp-page [vp-content] {
    max-width: var(--content-width);
    margin: 0 auto;
    padding: 2rem 2.5rem
}

@media (max-width: 959px) {
    .vp-page [vp-content] {
        padding: 2rem
    }
}

@media (max-width: 419px) {
    .vp-page [vp-content] {
        padding: 1.5rem
    }
}

.vp-page [vp-content] {
    padding-top: 0
}

.vp-sidebar-item {
    border-left: .25rem solid transparent;
    color: var(--vp-c-text);
    cursor: default
}

.vp-sidebar-item:focus-visible {
    outline-width: 1px;
    outline-offset: -1px
}

.vp-sidebar-item.vp-sidebar-heading {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: .35rem 1.5rem .35rem 1.25rem;
    font-weight: 700;
    font-size: 1.1em;
    transition: color .15s ease
}

.vp-sidebar-item.vp-sidebar-heading+.vp-sidebar-children {
    overflow: hidden;
    transition: height .1s ease-out;
    margin-bottom: .75rem
}

.vp-sidebar-item.collapsible {
    cursor: pointer
}

.vp-sidebar-item:not(.vp-sidebar-heading) {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: .35rem 1rem .35rem 2rem;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.4
}

.vp-sidebar-item:not(.vp-sidebar-heading)+.vp-sidebar-children {
    padding-left: 1rem;
    font-size: .95em
}

.vp-sidebar-children .vp-sidebar-children .vp-sidebar-item:not(.vp-sidebar-heading) {
    padding: .25rem 1rem .25rem 1.75rem
}

.vp-sidebar-children .vp-sidebar-children .vp-sidebar-item:not(.vp-sidebar-heading).active {
    border-left-color: transparent;
    font-weight: 500
}

a.vp-sidebar-heading+.vp-sidebar-children .vp-sidebar-item:not(.vp-sidebar-heading).active {
    border-left-color: transparent
}

.vp-sidebar-item.active:not(p.vp-sidebar-heading) {
    border-left-color: var(--vp-c-accent);
    color: var(--vp-c-accent);
    font-weight: 600
}

.vp-sidebar-item .auto-link {
    display: block
}

.vp-sidebar-item.auto-link {
    display: block;
    cursor: pointer
}

.vp-sidebar-item.auto-link:hover {
    color: var(--vp-c-accent)
}

.vp-sidebar-items {
    margin: 0;
    padding: 1.5rem 0;
    list-style-type: none
}

@media (max-width: 719px) {
    .vp-sidebar-items {
        padding: 1rem 0
    }
}

.vp-sidebar-items ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.vp-sidebar {
    position: fixed;
    top: var(--navbar-height);
    bottom: 0;
    left: 0;
    z-index: 10;
    overflow-y: auto;
    box-sizing: border-box;
    width: var(--sidebar-width);
    margin: 0;
    border-right: 1px solid var(--vp-c-border);
    background-color: var(--vp-sidebar-c-bg);
    font-size: 16px;
    transition: transform var(--vp-t-transform), background-color var(--vp-t-color), border-color var(--vp-t-color);
    scrollbar-color: var(--vp-c-accent-bg) var(--vp-c-gutter);
    scrollbar-width: thin
}

@media (max-width: 959px) {
    .vp-sidebar {
        width: var(--sidebar-width-mobile);
        font-size: 15px
    }
}

@media (max-width: 719px) {
    .vp-sidebar {
        top: 0;
        padding-top: var(--navbar-height);
        transform: translate(-100%)
    }
}

.vp-sidebar::-webkit-scrollbar {
    width: 7px
}

.vp-sidebar::-webkit-scrollbar-track {
    background-color: var(--vp-c-gutter)
}

.vp-sidebar::-webkit-scrollbar-thumb {
    background-color: var(--vp-c-accent-bg)
}

.vp-sidebar .vp-navbar-items {
    display: none;
    padding: .5rem 0 .75rem;
    border-bottom: 1px solid var(--vp-c-gutter);
    transition: border-color var(--vp-t-color)
}

@media (max-width: 719px) {
    .vp-sidebar .vp-navbar-items {
        display: block
    }

    .vp-sidebar .vp-navbar-items .vp-navbar-dropdown-item .route-link-active:after {
        top: calc(1rem - 2px)
    }
}

.vp-sidebar .vp-navbar-items ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.vp-sidebar .vp-navbar-items .auto-link {
    font-weight: 600
}

.vp-sidebar .vp-navbar-item {
    display: block;
    padding: .5rem 0 .5rem 1.5rem;
    font-size: 1.1em;
    line-height: 1.25rem
}

.vp-sidebar-mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    display: none;
    width: 100vw;
    height: 100vh
}

.vp-theme-container.no-navbar .vp-sidebar {
    top: 0
}

@media (max-width: 719px) {
    .vp-theme-container.no-navbar .vp-sidebar {
        padding-top: 0
    }
}

.vp-theme-container.no-navbar .vp-page {
    padding-top: 0
}

.vp-theme-container.no-navbar [vp-content] h1,
.vp-theme-container.no-navbar [vp-content] h2,
.vp-theme-container.no-navbar [vp-content] h3,
.vp-theme-container.no-navbar [vp-content] h4,
.vp-theme-container.no-navbar [vp-content] h5,
.vp-theme-container.no-navbar [vp-content] h6 {
    margin-top: 1.5rem;
    padding-top: 0
}

.vp-theme-container.no-sidebar .vp-sidebar {
    display: none
}

@media (max-width: 719px) {
    .vp-theme-container.no-sidebar .vp-sidebar {
        display: block
    }
}

.vp-theme-container.no-sidebar .vp-page {
    padding-left: 0
}

@media (max-width: 719px) {
    .vp-theme-container.sidebar-open .vp-sidebar {
        transform: translate(0)
    }

    .vp-theme-container.sidebar-open .vp-sidebar-mask {
        display: block
    }
}

.fade-slide-y-enter-active {
    transition: all .2s ease
}

.fade-slide-y-leave-active {
    transition: all .2s cubic-bezier(1, .5, .8, 1)
}

.fade-slide-y-enter-from,
.fade-slide-y-leave-to {
    opacity: 0;
    transform: translateY(10px)
}

.vp-theme-container[data-v-8636ca9b] {
    max-width: 740px;
    margin: 0 auto;
    padding: 2rem 2.5rem
}

@media (max-width: 959px) {
    .vp-theme-container[data-v-8636ca9b] {
        padding: 2rem
    }
}

:root {
    --vp-c-white: #fff;
    --vp-c-black: #000;
    --vp-c-grey-text: #656869;
    --vp-c-grey-hover: #e4e4e9;
    --vp-c-grey-bg: #ebebef;
    --vp-c-grey-soft: rgb(142 150 170 / 14%);
    --vp-c-indigo-text: #3451b2;
    --vp-c-indigo-hover: #3a5ccc;
    --vp-c-indigo-bg: #5672cd;
    --vp-c-indigo-soft: rgb(100 108 255 / 14%);
    --vp-c-purple-text: #6f42c1;
    --vp-c-purple-hover: #7e4cc9;
    --vp-c-purple-bg: #8e5cd9;
    --vp-c-purple-soft: rgb(159 122 234 / 14%);
    --vp-c-blue-text: #2888a7;
    --vp-c-blue-hover: #2d98ba;
    --vp-c-blue-bg: #2fa1c5;
    --vp-c-blue-soft: rgb(27 178 229 / 14%);
    --vp-c-green-text: #18794e;
    --vp-c-green-hover: #299764;
    --vp-c-green-bg: #30a46c;
    --vp-c-green-soft: rgb(16 185 129 / 14%);
    --vp-c-yellow-text: #915930;
    --vp-c-yellow-hover: #946300;
    --vp-c-yellow-bg: #c28100;
    --vp-c-yellow-soft: rgb(234 179 8 / 14%);
    --vp-c-red-text: #b8272c;
    --vp-c-red-hover: #d5393e;
    --vp-c-red-bg: #e0575b;
    --vp-c-red-soft: rgb(244 63 94 / 14%)
}

[data-theme=dark] {
    --vp-c-white: #000;
    --vp-c-black: #fff;
    --vp-c-grey-text: #939499;
    --vp-c-grey-hover: #414853;
    --vp-c-grey-bg: #32363f;
    --vp-c-grey-soft: rgb(101 117 133 / 16%);
    --vp-c-indigo-text: #a8b1ff;
    --vp-c-indigo-hover: #5c73e7;
    --vp-c-indigo-bg: #3e63dd;
    --vp-c-indigo-soft: rgb(100 108 255 / 16%);
    --vp-c-blue-text: #c9e8f2;
    --vp-c-blue-hover: #a6d9ea;
    --vp-c-blue-bg: #2785a3;
    --vp-c-blue-soft: rgb(27 178 229 / 16%);
    --vp-c-purple-text: #c8abfa;
    --vp-c-purple-hover: #a879e6;
    --vp-c-purple-bg: #8e5cd9;
    --vp-c-purple-soft: rgb(159 122 234 / 16%);
    --vp-c-green-text: #3dd68c;
    --vp-c-green-hover: #30a46c;
    --vp-c-green-bg: #298459;
    --vp-c-green-soft: rgb(16 185 129 / 16%);
    --vp-c-yellow-text: #f9b44e;
    --vp-c-yellow-hover: #da8b17;
    --vp-c-yellow-bg: #a46a0a;
    --vp-c-yellow-soft: rgb(234 179 8 / 16%);
    --vp-c-red-text: #f66f81;
    --vp-c-red-hover: #f14158;
    --vp-c-red-bg: #b62a3c;
    --vp-c-red-soft: rgb(244 63 94 / 16%)
}

:root {
    color-scheme: light
}

[data-theme=dark] {
    color-scheme: dark
}

html,
body {
    background: var(--vp-c-bg, #fff);
    accent-color: var(--vp-c-accent, #299764);
    transition: background-color var(--vp-t-color)
}

html {
    font-size: 16px;
    font-display: optional;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none
}

@media print {
    html {
        font-size: 12pt
    }
}

html[data-theme=dark] {
    color-scheme: dark
}

body {
    min-height: 100vh;
    margin: 0;
    padding: 0;
    color: var(--vp-c-text, rgb(60, 60, 67));
    font-size: 1rem;
    font-synthesis: style
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    line-height: 1.25;
    overflow-wrap: break-word
}

h1:focus-visible,
h2:focus-visible,
h3:focus-visible,
h4:focus-visible,
h5:focus-visible,
h6:focus-visible {
    outline: none
}

h1 {
    font-size: 2rem
}

h2 {
    padding-bottom: .3rem;
    border-bottom: 1px solid var(--vp-c-gutter, #e2e2e3);
    font-size: 1.65rem;
    transition: border-color var(--vp-t-color)
}

h3 {
    font-size: 1.35rem
}

h4 {
    font-size: 1.15rem
}

h5 {
    font-size: 1.05rem
}

h6 {
    font-size: 1rem
}

p,
ul,
ol {
    line-height: 1.6;
    overflow-wrap: break-word
}

@media print {

    p,
    ul,
    ol {
        line-height: 1.5
    }
}

ul,
ol {
    padding-inline-start: 1.2em
}

a {
    color: var(--vp-c-accent, #299764);
    font-weight: 500;
    text-decoration: none;
    overflow-wrap: break-word
}

a.header-anchor {
    position: relative;
    color: inherit;
    text-decoration: none
}

a.header-anchor:before {
    content: "¶";
    position: absolute;
    top: .4167em;
    left: -.75em;
    display: none;
    color: var(--vp-c-accent, #299764);
    font-size: .75em
}

[dir=rtl] a.header-anchor:before {
    right: -.75em
}

a.header-anchor:hover:before {
    display: block
}

a.header-anchor:focus-visible {
    outline: none
}

a.header-anchor:focus-visible:before {
    display: block;
    outline: auto
}

strong {
    font-weight: 600
}

blockquote {
    margin: 1rem 0;
    padding: .25rem 0 .25rem 1rem;
    border-inline-start: .2rem solid var(--vp-c-border-hard, #b8b8ba);
    color: var(--vp-c-text-mute, rgba(60, 60, 67, .78));
    font-size: 1rem;
    overflow-wrap: break-word;
    transition: border-color var(--vp-t-color), color var(--vp-t-color)
}

blockquote>p {
    margin: 0
}

hr {
    border: 0;
    border-bottom: 1px solid var(--vp-c-gutter, #e2e2e3);
    transition: border-color var(--vp-t-color)
}

:not(pre)>code {
    margin: 0;
    padding: 3px 6px;
    border-radius: 4px;
    background: var(--vp-c-grey-soft, rgba(142, 150, 170, .14));
    font-size: .875em;
    overflow-wrap: break-word;
    transition: background-color var(--vp-t-color), color var(--vp-t-color)
}

p a code {
    color: var(--vp-c-accent, #299764);
    font-weight: 400
}

table code {
    padding: .1rem .4rem
}

kbd {
    display: inline-block;
    min-width: 1em;
    margin-inline: .125rem;
    padding: .25em;
    border: 1px solid var(--vp-c-border, #c2c2c4);
    border-radius: .25em;
    box-shadow: 1px 1px 4px 0 var(--vp-c-shadow, rgba(0, 0, 0, .15));
    line-height: 1;
    letter-spacing: -.1em;
    text-align: center
}

table {
    display: block;
    overflow-x: auto;
    margin: 1rem 0;
    border-collapse: collapse
}

tbody tr:nth-child(odd) {
    background: var(--vp-c-bg-alt, #f6f8fa);
    transition: background-color var(--vp-t-color)
}

th,
td {
    padding: .6em 1em;
    border: 1px solid var(--vp-c-border-hard, #d1d4d7);
    transition: border-color var(--vp-t-color)
}

pre {
    text-align: left;
    direction: ltr;
    white-space: pre;
    word-spacing: normal;
    word-wrap: normal;
    word-break: normal;
    overflow-wrap: unset;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none
}

@media print {
    pre {
        white-space: pre-wrap
    }
}

pre code {
    padding: 0;
    border-radius: 0
}

@page {
    margin: 2cm;
    font-size: 12pt;
    size: a4
}

@media print {

    *,
    :after,
    :before {
        box-shadow: none !important;
        text-shadow: none !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    a {
        color: inherit;
        font-weight: inherit !important;
        font-size: inherit !important;
        text-decoration: underline
    }

    a.header-anchor {
        text-decoration: none
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    pre {
        border: 1px solid #eee;
        white-space: pre-wrap !important
    }

    pre>code {
        white-space: pre-wrap !important
    }

    blockquote {
        border-inline-start: .2rem solid #ddd;
        color: inherit
    }

    blockquote,
    pre {
        orphans: 5;
        widows: 5
    }

    img,
    tr,
    canvas {
        page-break-inside: avoid
    }
}

@media (prefers-reduced-motion: reduce) {

    *,
    :before,
    :after {
        background-attachment: initial !important;
        scroll-behavior: auto !important;
        transition-delay: 0s !important;
        transition-duration: 0s !important;
        animation-duration: 1ms !important;
        animation-delay: -1ms !important;
        animation-iteration-count: 1 !important
    }
}

:root {
    --vp-c-accent: #299764;
    --vp-c-accent-bg: #3eaf7c;
    --vp-c-accent-hover: #4abf8a;
    --vp-c-accent-text: var(--vp-c-white);
    --vp-c-accent-soft: rgb(16 185 129 / 14%);
    --vp-c-bg: #fff;
    --vp-c-bg-alt: #f6f6f7;
    --vp-c-bg-elv: #fff;
    --vp-c-text: rgb(60 60 67);
    --vp-c-text-mute: rgb(60 60 67 / 78%);
    --vp-c-text-subtle: rgb(60 60 67 / 56%);
    --vp-c-gutter: #e2e2e3;
    --vp-c-border: #c2c2c4;
    --vp-c-border-hard: #b8b8ba;
    --vp-c-shadow: rgb(0 0 0 / 15%);
    --vp-c-control: rgb(142 150 170 / 10%);
    --vp-c-control-hover: rgb(142 150 170 / 16%);
    --vp-c-control-disabled: #eaeaea;
    --vp-navbar-c-bg: var(--vp-c-bg);
    --vp-sidebar-c-bg: var(--vp-c-bg);
    --vp-c-code-tab-title: var(--code-c-text, rgb(255 255 255 / 90%));
    --vp-c-code-tab-bg: var(--code-bg-color, var(--code-c-bg));
    --vp-c-code-tab-active: var(--vp-c-accent);
    --badge-c-tip-text: var(--vp-c-green-text);
    --badge-c-tip-bg: var(--vp-c-green-soft);
    --badge-c-warning-text: var(--vp-c-yellow-text);
    --badge-c-warning-bg: var(--vp-c-yellow-soft);
    --badge-c-danger-text: var(--vp-c-red-text);
    --badge-c-danger-bg: var(--vp-c-red-soft);
    --badge-c-important-text: var(--vp-c-purple-text);
    --badge-c-important-bg: var(--vp-c-purple-soft);
    --badge-c-info-text: var(--vp-c-indigo-text);
    --badge-c-info-bg: var(--vp-c-indigo-soft);
    --badge-c-note-text: var(--vp-c-grey-text);
    --badge-c-note-bg: var(--vp-c-grey-soft);
    --font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --navbar-height: 3.6rem;
    --navbar-padding-v: .7rem;
    --navbar-padding-h: 1.5rem;
    --sidebar-width: 20rem;
    --sidebar-width-mobile: calc(var(--sidebar-width) * .82);
    --content-width: 740px;
    --homepage-width: 960px;
    --header-offset: var(--navbar-height);
    --vp-t-color: .3s ease;
    --vp-t-transform: .3s ease;
    --external-link-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z'/%3E%3C/svg%3E");
    --external-link-c-icon: var(--vp-c-text-mute)
}

[data-theme=dark] {
    --vp-c-accent: #3dd68c;
    --vp-c-accent-bg: #3aa675;
    --vp-c-accent-hover: #349469;
    --vp-c-accent-soft: rgb(16 185 129 / 16%);
    --vp-c-bg: #1b1b1f;
    --vp-c-bg-alt: #161618;
    --vp-c-bg-elv: #202127;
    --vp-c-text: rgb(235 235 245 / 86%);
    --vp-c-text-mute: rgb(235 235 245 / 60%);
    --vp-c-text-subtle: rgb(235 235 245 / 38%);
    --vp-c-gutter: #000;
    --vp-c-border: #3c3f44;
    --vp-c-border-hard: #45484e;
    --vp-c-shadow: rgb(0 0 0 / 30%);
    --vp-c-control: rgb(101 117 133 / 12%);
    --vp-c-control-hover: rgb(101 117 133 / 18%);
    --vp-c-control-disabled: #363636
}

body {
    font-family: var(--font-family)
}

code {
    font-family: var(--code-font-family)
}

[vp-content] h1,
[vp-content] h2,
[vp-content] h3,
[vp-content] h4,
[vp-content] h5,
[vp-content] h6 {
    margin-top: calc(.5rem - var(--header-offset));
    margin-bottom: 0;
    padding-top: calc(1rem + var(--header-offset))
}

[vp-content] h1:first-child,
[vp-content] h2:first-child,
[vp-content] h3:first-child,
[vp-content] h4:first-child,
[vp-content] h5:first-child,
[vp-content] h6:first-child {
    margin-bottom: 1rem
}

[vp-content] h1:first-child+p,
[vp-content] h1:first-child+pre,
[vp-content] h1:first-child+.custom-container,
[vp-content] h2:first-child+p,
[vp-content] h2:first-child+pre,
[vp-content] h2:first-child+.custom-container,
[vp-content] h3:first-child+p,
[vp-content] h3:first-child+pre,
[vp-content] h3:first-child+.custom-container,
[vp-content] h4:first-child+p,
[vp-content] h4:first-child+pre,
[vp-content] h4:first-child+.custom-container,
[vp-content] h5:first-child+p,
[vp-content] h5:first-child+pre,
[vp-content] h5:first-child+.custom-container,
[vp-content] h6:first-child+p,
[vp-content] h6:first-child+pre,
[vp-content] h6:first-child+.custom-container {
    margin-top: 2rem
}

@media (max-width: 419px) {
    [vp-content] h1 {
        font-size: 1.9rem
    }
}

[vp-content] a:not(.header-anchor) {
    text-decoration: underline
}

[vp-content] img {
    max-width: 100%
}

div[class*=language-] {
    margin: .75rem 0;
    transition: background-color var(--vp-t-color), color var(--vp-t-color)
}

@media (max-width: 419px) {
    div[class*=language-] {
        --code-border-radius: 0;
        margin: .75rem -1.5rem
    }
}

div[class*=language-] .line.diff,
div[class*=language-] .line.highlighted {
    transition: background-color var(--vp-t-color)
}

.table-of-contents .vp-badge {
    vertical-align: middle
}

.arrow {
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    line-height: normal;
    transition: all .3s
}

[data-theme=dark] .arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(255,255,255,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E")
}

.arrow.down {
    transform: rotate(180deg)
}

.arrow.right {
    transform: rotate(90deg)
}

.arrow.left {
    transform: rotate(-90deg)
}

.vp-external-link-icon:after {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 11px;
    height: 11px;
    margin-top: -1px;
    margin-left: 4px;
    background: var(--external-link-c-icon);
    -webkit-mask-image: var(--external-link-icon);
    mask-image: var(--external-link-icon)
}

.external-link-icon .external-link:after {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 11px;
    height: 11px;
    margin-top: -1px;
    margin-left: 4px;
    background: var(--external-link-c-icon);
    -webkit-mask-image: var(--external-link-icon);
    mask-image: var(--external-link-icon)
}

.external-link-icon [vp-content] a[href*="://"]:not(.no-external-link-icon):after,
.external-link-icon [vp-content] a[target=_blank]:not(.no-external-link-icon):after {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 11px;
    height: 11px;
    margin-top: -1px;
    margin-left: 4px;
    background: var(--external-link-c-icon);
    -webkit-mask-image: var(--external-link-icon);
    mask-image: var(--external-link-icon)
}

@media screen and (max-width: 719px) {
    .vp-hide-mobile {
        display: none
    }
}

.vp-comment {
    max-width: var(--content-width);
    margin: 0 auto;
    padding: 2rem 2.5rem
}

@media (max-width: 959px) {
    .vp-comment {
        padding: 2rem
    }
}

@media (max-width: 419px) {
    .vp-comment {
        padding: 1.5rem
    }
}

.vp-navbar .DocSearch {
    transition: background-color var(--vp-t-color)
}

.vp-navbar .search-box {
    vertical-align: top;
    flex: 0 0 auto
}

@media screen and (max-width: 719px) {
    .hint-container {
        margin-inline: -.75rem
    }
}

.qr-codes[data-v-d49fe1ff] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-d49fe1ff] {
    text-align: center !important
}

.qr-code img[data-v-d49fe1ff] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-d49fe1ff] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-d49fe1ff] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-d49fe1ff] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-d49fe1ff] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-d49fe1ff] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-9a4341d5] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-9a4341d5] {
    text-align: center !important
}

.qr-code img[data-v-9a4341d5] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-9a4341d5] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-9a4341d5] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-9a4341d5] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-9a4341d5] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-9a4341d5] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-1913720f] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-1913720f] {
    text-align: center !important
}

.qr-code img[data-v-1913720f] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-1913720f] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-1913720f] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-1913720f] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-1913720f] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-1913720f] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-bac5523b] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-bac5523b] {
    text-align: center !important
}

.qr-code img[data-v-bac5523b] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-bac5523b] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-bac5523b] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-bac5523b] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-bac5523b] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-bac5523b] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-e073e986] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-e073e986] {
    text-align: center !important
}

.qr-code img[data-v-e073e986] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-e073e986] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-e073e986] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-e073e986] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-e073e986] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-e073e986] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-e388d6f0] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-e388d6f0] {
    text-align: center !important
}

.qr-code img[data-v-e388d6f0] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-e388d6f0] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-e388d6f0] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-e388d6f0] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-e388d6f0] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-e388d6f0] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-fc21ec15] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-fc21ec15] {
    text-align: center !important
}

.qr-code img[data-v-fc21ec15] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-fc21ec15] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-fc21ec15] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-fc21ec15] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-fc21ec15] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-fc21ec15] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-b78df525] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-b78df525] {
    text-align: center !important
}

.qr-code img[data-v-b78df525] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-b78df525] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-b78df525] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-b78df525] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-b78df525] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-b78df525] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-44600756] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-44600756] {
    text-align: center !important
}

.qr-code img[data-v-44600756] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-44600756] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-44600756] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-44600756] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-44600756] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-44600756] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-e9da7de9] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-e9da7de9] {
    text-align: center !important
}

.qr-code img[data-v-e9da7de9] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-e9da7de9] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-e9da7de9] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-e9da7de9] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-e9da7de9] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-e9da7de9] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-61bff297] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-61bff297] {
    text-align: center !important
}

.qr-code img[data-v-61bff297] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-61bff297] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-61bff297] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-61bff297] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-61bff297] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-61bff297] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-6db47b48] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-6db47b48] {
    text-align: center !important
}

.qr-code img[data-v-6db47b48] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-6db47b48] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-6db47b48] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-6db47b48] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-6db47b48] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-6db47b48] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-8b6584eb] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-8b6584eb] {
    text-align: center !important
}

.qr-code img[data-v-8b6584eb] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-8b6584eb] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-8b6584eb] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-8b6584eb] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-8b6584eb] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-8b6584eb] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-8f2d32e3] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-8f2d32e3] {
    text-align: center !important
}

.qr-code img[data-v-8f2d32e3] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-8f2d32e3] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-8f2d32e3] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-8f2d32e3] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-8f2d32e3] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-8f2d32e3] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-db47b959] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-db47b959] {
    text-align: center !important
}

.qr-code img[data-v-db47b959] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-db47b959] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-db47b959] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-db47b959] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-db47b959] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-db47b959] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-de6caa1c] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-de6caa1c] {
    text-align: center !important
}

.qr-code img[data-v-de6caa1c] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-de6caa1c] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-de6caa1c] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-de6caa1c] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-de6caa1c] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-de6caa1c] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-31cf4943] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-31cf4943] {
    text-align: center !important
}

.qr-code img[data-v-31cf4943] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-31cf4943] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-31cf4943] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-31cf4943] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-31cf4943] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-31cf4943] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-e6cc5008] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-e6cc5008] {
    text-align: center !important
}

.qr-code img[data-v-e6cc5008] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-e6cc5008] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-e6cc5008] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-e6cc5008] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-e6cc5008] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-e6cc5008] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-145d65fd] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-145d65fd] {
    text-align: center !important
}

.qr-code img[data-v-145d65fd] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-145d65fd] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-145d65fd] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-145d65fd] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-145d65fd] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-145d65fd] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-aaf393c9] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-aaf393c9] {
    text-align: center !important
}

.qr-code img[data-v-aaf393c9] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-aaf393c9] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-aaf393c9] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-aaf393c9] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-aaf393c9] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-aaf393c9] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-a66bfbec] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-a66bfbec] {
    text-align: center !important
}

.qr-code img[data-v-a66bfbec] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-a66bfbec] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-a66bfbec] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-a66bfbec] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-a66bfbec] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-a66bfbec] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-976dd704] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-976dd704] {
    text-align: center !important
}

.qr-code img[data-v-976dd704] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-976dd704] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-976dd704] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-976dd704] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-976dd704] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-976dd704] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-6c7a5678] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-6c7a5678] {
    text-align: center !important
}

.qr-code img[data-v-6c7a5678] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-6c7a5678] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-6c7a5678] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-6c7a5678] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-6c7a5678] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-6c7a5678] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-66294bf3] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-66294bf3] {
    text-align: center !important
}

.qr-code img[data-v-66294bf3] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-66294bf3] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-66294bf3] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-66294bf3] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-66294bf3] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-66294bf3] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-515ef827] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-515ef827] {
    text-align: center !important
}

.qr-code img[data-v-515ef827] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-515ef827] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-515ef827] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-515ef827] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-515ef827] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-515ef827] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-424aff6c] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-424aff6c] {
    text-align: center !important
}

.qr-code img[data-v-424aff6c] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-424aff6c] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-424aff6c] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-424aff6c] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-424aff6c] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-424aff6c] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-1952d3c7] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-1952d3c7] {
    text-align: center !important
}

.qr-code img[data-v-1952d3c7] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-1952d3c7] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-1952d3c7] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-1952d3c7] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-1952d3c7] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-1952d3c7] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-c935c4c3] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-c935c4c3] {
    text-align: center !important
}

.qr-code img[data-v-c935c4c3] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-c935c4c3] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-c935c4c3] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-c935c4c3] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-c935c4c3] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-c935c4c3] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-adf11a9c] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-adf11a9c] {
    text-align: center !important
}

.qr-code img[data-v-adf11a9c] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-adf11a9c] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-adf11a9c] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-adf11a9c] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-adf11a9c] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-adf11a9c] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-509127a7] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-509127a7] {
    text-align: center !important
}

.qr-code img[data-v-509127a7] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-509127a7] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-509127a7] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-509127a7] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-509127a7] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-509127a7] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-16df121a] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-16df121a] {
    text-align: center !important
}

.qr-code img[data-v-16df121a] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-16df121a] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-16df121a] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-16df121a] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-16df121a] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-16df121a] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-cd2fc28f] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-cd2fc28f] {
    text-align: center !important
}

.qr-code img[data-v-cd2fc28f] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-cd2fc28f] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-cd2fc28f] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-cd2fc28f] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-cd2fc28f] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-cd2fc28f] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-241cc24c] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-241cc24c] {
    text-align: center !important
}

.qr-code img[data-v-241cc24c] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-241cc24c] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-241cc24c] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-241cc24c] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-241cc24c] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-241cc24c] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-c4437c8b] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-c4437c8b] {
    text-align: center !important
}

.qr-code img[data-v-c4437c8b] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-c4437c8b] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-c4437c8b] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-c4437c8b] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-c4437c8b] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-c4437c8b] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-a7e8b9be] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-a7e8b9be] {
    text-align: center !important
}

.qr-code img[data-v-a7e8b9be] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-a7e8b9be] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-a7e8b9be] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-a7e8b9be] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-a7e8b9be] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-a7e8b9be] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-851bf664] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-851bf664] {
    text-align: center !important
}

.qr-code img[data-v-851bf664] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-851bf664] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-851bf664] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-851bf664] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-851bf664] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-851bf664] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-5ea18b3a] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-5ea18b3a] {
    text-align: center !important
}

.qr-code img[data-v-5ea18b3a] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-5ea18b3a] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-5ea18b3a] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-5ea18b3a] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-5ea18b3a] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-5ea18b3a] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-837187b3] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-837187b3] {
    text-align: center !important
}

.qr-code img[data-v-837187b3] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-837187b3] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-837187b3] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-837187b3] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-837187b3] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-837187b3] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-c5b9e4cb] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-c5b9e4cb] {
    text-align: center !important
}

.qr-code img[data-v-c5b9e4cb] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-c5b9e4cb] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-c5b9e4cb] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-c5b9e4cb] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-c5b9e4cb] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-c5b9e4cb] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-2f4e7211] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-2f4e7211] {
    text-align: center !important
}

.qr-code img[data-v-2f4e7211] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-2f4e7211] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-2f4e7211] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-2f4e7211] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-2f4e7211] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-2f4e7211] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-e8bbe166] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-e8bbe166] {
    text-align: center !important
}

.qr-code img[data-v-e8bbe166] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-e8bbe166] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-e8bbe166] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-e8bbe166] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-e8bbe166] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-e8bbe166] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-1782791b] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-1782791b] {
    text-align: center !important
}

.qr-code img[data-v-1782791b] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-1782791b] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-1782791b] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-1782791b] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-1782791b] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-1782791b] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-ff4e1ec9] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-ff4e1ec9] {
    text-align: center !important
}

.qr-code img[data-v-ff4e1ec9] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-ff4e1ec9] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-ff4e1ec9] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-ff4e1ec9] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-ff4e1ec9] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-ff4e1ec9] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-68160d92] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-68160d92] {
    text-align: center !important
}

.qr-code img[data-v-68160d92] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-68160d92] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-68160d92] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-68160d92] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-68160d92] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-68160d92] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-6e4cb163] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-6e4cb163] {
    text-align: center !important
}

.qr-code img[data-v-6e4cb163] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-6e4cb163] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-6e4cb163] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-6e4cb163] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-6e4cb163] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-6e4cb163] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-37aa3877] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-37aa3877] {
    text-align: center !important
}

.qr-code img[data-v-37aa3877] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-37aa3877] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-37aa3877] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-37aa3877] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-37aa3877] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-37aa3877] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-6abb1f3c] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-6abb1f3c] {
    text-align: center !important
}

.qr-code img[data-v-6abb1f3c] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-6abb1f3c] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-6abb1f3c] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-6abb1f3c] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-6abb1f3c] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-6abb1f3c] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-6b57ef81] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-6b57ef81] {
    text-align: center !important
}

.qr-code img[data-v-6b57ef81] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-6b57ef81] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-6b57ef81] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-6b57ef81] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-6b57ef81] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-6b57ef81] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-d05682e9] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-d05682e9] {
    text-align: center !important
}

.qr-code img[data-v-d05682e9] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-d05682e9] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-d05682e9] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-d05682e9] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-d05682e9] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-d05682e9] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-5e75fd4a] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-5e75fd4a] {
    text-align: center !important
}

.qr-code img[data-v-5e75fd4a] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-5e75fd4a] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-5e75fd4a] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-5e75fd4a] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-5e75fd4a] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-5e75fd4a] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-7363ce7d] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-7363ce7d] {
    text-align: center !important
}

.qr-code img[data-v-7363ce7d] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-7363ce7d] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-7363ce7d] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-7363ce7d] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-7363ce7d] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-7363ce7d] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-acc1841d] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-acc1841d] {
    text-align: center !important
}

.qr-code img[data-v-acc1841d] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-acc1841d] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-acc1841d] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-acc1841d] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-acc1841d] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-acc1841d] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-18c59d07] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-18c59d07] {
    text-align: center !important
}

.qr-code img[data-v-18c59d07] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-18c59d07] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-18c59d07] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-18c59d07] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-18c59d07] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-18c59d07] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-79a37714] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-79a37714] {
    text-align: center !important
}

.qr-code img[data-v-79a37714] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-79a37714] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-79a37714] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-79a37714] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-79a37714] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-79a37714] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-60b2d11a] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-60b2d11a] {
    text-align: center !important
}

.qr-code img[data-v-60b2d11a] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-60b2d11a] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-60b2d11a] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-60b2d11a] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-60b2d11a] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-60b2d11a] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-8accd356] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-8accd356] {
    text-align: center !important
}

.qr-code img[data-v-8accd356] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-8accd356] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-8accd356] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-8accd356] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-8accd356] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-8accd356] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-8acf3c27] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-8acf3c27] {
    text-align: center !important
}

.qr-code img[data-v-8acf3c27] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-8acf3c27] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-8acf3c27] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-8acf3c27] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-8acf3c27] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-8acf3c27] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-e2efb7d4] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-e2efb7d4] {
    text-align: center !important
}

.qr-code img[data-v-e2efb7d4] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-e2efb7d4] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-e2efb7d4] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-e2efb7d4] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-e2efb7d4] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-e2efb7d4] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-5ea9595c] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-5ea9595c] {
    text-align: center !important
}

.qr-code img[data-v-5ea9595c] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-5ea9595c] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-5ea9595c] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-5ea9595c] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-5ea9595c] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-5ea9595c] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-39e21521] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-39e21521] {
    text-align: center !important
}

.qr-code img[data-v-39e21521] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-39e21521] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-39e21521] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-39e21521] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-39e21521] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-39e21521] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-65ad1deb] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-65ad1deb] {
    text-align: center !important
}

.qr-code img[data-v-65ad1deb] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-65ad1deb] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-65ad1deb] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-65ad1deb] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-65ad1deb] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-65ad1deb] {
        width: 120px !important;
        height: 120px !important
    }
}

.qr-codes[data-v-284621c9] {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    position: fixed !important;
    right: 20px !important;
    top: 100px !important;
    z-index: 100 !important
}

.qr-code[data-v-284621c9] {
    text-align: center !important
}

.qr-code img[data-v-284621c9] {
    width: 180px !important;
    height: 180px !important;
    border-radius: 8px !important;
    max-width: none !important
}

.qr-code p[data-v-284621c9] {
    margin: 8px 0 0 !important;
    color: #666 !important;
    font-size: 14px !important
}

@media (max-width: 1280px) {
    .qr-codes[data-v-284621c9] {
        flex-direction: column !important;
        right: 10px !important;
        gap: 10px !important
    }

    .qr-code img[data-v-284621c9] {
        width: 150px !important;
        height: 150px !important
    }
}

@media (max-width: 768px) {
    .qr-codes[data-v-284621c9] {
        position: static !important;
        margin-top: 30px !important;
        justify-content: center !important;
        flex-direction: row !important
    }

    .qr-code img[data-v-284621c9] {
        width: 120px !important;
        height: 120px !important
    }
}