.m14tSPE4 {
    position: sticky;
    top: .5rem;
    left: 0;
    height: calc(100vh - 1rem);
    width: 100%;
    max-width: 21.5rem;
    min-width: 21.5rem;
    background: #57005D;
    color: var(--color-white);
    transform: translateX(0);
    margin: .5rem;
    border-radius: .5rem;
    transition: max-width 0.3s cubic-bezier(.4, 0, .2, 1),
    min-width 0.3s cubic-bezier(.4, 0, .2, 1);
    overflow: hidden;
}

.cq2AMF4r {
    max-width: 4rem;
    min-width: 4rem;
}

.lJtL3Ayg {
    padding: 1rem;
}

.mmtJreR3 {
    background: none;
    border: none;
    cursor: pointer;
}

.mbXj5eSH {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    justify-content: space-between;
}

.IcS4Tlzj {
    display: flex;
    flex-direction: column;
}

.RkurYMBW {
    opacity: 1;
    max-width: 180px;
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    transition: opacity 0.3s cubic-bezier(.4, 0, .2, 1),
    max-width 0.3s cubic-bezier(.4, 0, .2, 1),
    margin-left 0.3s cubic-bezier(.4, 0, .2, 1);
    display: inline-block;
    vertical-align: middle;
    pointer-events: auto;
    color: var(--color-white);
}

.cq2AMF4r .RkurYMBW {
    opacity: 0;
    max-width: 0;
    margin-left: 0;
    pointer-events: none;
}

.qJCkbO3D, .A52LSl4M, .qFcNXJ6f, .OrfbAvV3, .Z9kmY3Xb, .fToJKNcT {
    display: flex;
    align-items: center;
    gap: 12px;
    transition: gap 0.3s cubic-bezier(.4, 0, .2, 1),
    background 0.3s cubic-bezier(.4, 0, .2, 1),
    color 0.3s cubic-bezier(.4, 0, .2, 1);
}


.cq2AMF4r .qJCkbO3D,
.cq2AMF4r .A52LSl4M,
.cq2AMF4r .qFcNXJ6f,
.cq2AMF4r .OrfbAvV3,
.cq2AMF4r .Z9kmY3Xb,
.cq2AMF4r .fToJKNcT {
    gap: 0;
}

.eD8mB6ba,
.qFcNXJ6f > img,
.OrfbAvV3 img {
    width: 2rem;
    height: 2rem;
    object-fit: cover;
    border-radius: 50%;
}


.yvwRufYJ {
    padding: 1rem 1rem 0 1rem;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.vqHd6iOD {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 600;
    width: 2rem;
    text-align: center;
    color: #FFFFFF;
}

.RfCpIePQ, .Q5omIA5y {
    font-size: 14px;
}

.pzCE_X2z {
    flex: 1;
    overflow: hidden;
    overflow-y: auto;
    padding: 16px 0;

}

.kHij2XM7 {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.IusVQlQr {
    margin-bottom: 4px;
}

.AMItVMpt {
    gap: 12px;
    align-items: center;
    text-decoration: none;
    color: var(--color-white);
    display: flex;
}

.fvvt7wjm {
    padding: 0.625rem 1rem;
}

.v72V7zcf {
    margin-top: 12px;
    background: #22282d;
    border-radius: 4px;
}

.Y6ehq6Ua {
    list-style: none;
    margin: 0;
    padding: 8px 0;
}

.Od_Fzp71 a {
    display: block;
    padding: 8px 16px;
    color: #b6bfc8;
    text-decoration: none;
    font-size: 14px;
}

.Od_Fzp71 a:hover {
    background: #2d343a;
    color: var(--color-white);
}

.qJCkbO3D {
    color: var(--color-white);
    text-decoration: none;
    font-size: 14px;
    padding: 0.625rem 1rem;
}

.qJCkbO3D:hover,
.qJCkbO3D:focus,
.yvwRufYJ:hover,
.fvvt7wjm:hover,
.qJCkbO3D[aria-current='page'] {
    background: #90137A;
    color: var(--color-white);
}

.fToJKNcT {
    background: none;
    border: none;
    color: #b6bfc8;
    font-size: 14px;
    cursor: pointer;
    padding: 0;
}

.qFcNXJ6f {
    margin-bottom: 12px;
}

.OrfbAvV3 {
    margin-bottom: 16px;
}

.A52LSl4M {
    margin-bottom: 15px;
}

.hAlsYU32 {
    position: fixed;
    inset: 0;
    z-index: 9998;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(245, 247, 250, 0.92);
    backdrop-filter: blur(2px);
}

.ghVu3ga9 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}

.oPV8rtxf {
    font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, 'Apple Color Emoji', 'Segoe UI Emoji';
    font-weight: 800;
    font-size: clamp(64px, 12vw, 148px);
    letter-spacing: -0.04em;
    line-height: 0.9;
    background: conic-gradient(from 180deg at 50% 50%, #6ee7ff, #7c3aed, #22d3ee, #6ee7ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 6px 24px rgba(124, 58, 237, 0.35));
    animation: EXMcs7ub 3.2s linear infinite;
}

.Ilb2MaxI {
    position: absolute;
    inset: 0;
    margin: auto;
    width: clamp(160px, 28vw, 380px);
    height: clamp(160px, 28vw, 380px);
    border-radius: 50%;
    background: radial-gradient(closest-side, rgba(124, 58, 237, 0.26), rgba(124, 58, 237, 0) 70%);
    filter: blur(8px);
    animation: LRYSTIMw 2s ease-in-out infinite;
    pointer-events: none;
}

.MZ_qIxmj {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    color: #a7b0c0;
    font-size: 14px;
    letter-spacing: 0.02em;
}

.yOcwwOWK {
    display: inline-flex;
    gap: 4px;
}

.V2e8O4MH {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #a7b0c0;
    opacity: 0.35;
    animation: ooMpJ4Je 1.4s infinite;
}

.V2e8O4MH:nth-child(2) {
    animation-delay: 0.2s
}

.V2e8O4MH:nth-child(3) {
    animation-delay: 0.4s
}

@keyframes EXMcs7ub {
    0% {
        filter: hue-rotate(0deg) drop-shadow(0 6px 24px rgba(124, 58, 237, 0.35));
    }
    100% {
        filter: hue-rotate(360deg) drop-shadow(0 6px 24px rgba(124, 58, 237, 0.35));
    }
}

@keyframes LRYSTIMw {
    0%, 100% {
        transform: scale(0.98);
        opacity: 0.8
    }
    50% {
        transform: scale(1.02);
        opacity: 1
    }
}

@keyframes ooMpJ4Je {
    0%, 20% {
        opacity: 0.25
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0.25
    }
}



.yr1OfMi0 {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1400;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: min(24rem, calc(100vw - 2rem));
    pointer-events: none;
}

.JrIEfjpN {
    position: relative;
    pointer-events: auto;
    border-radius: 0.875rem;
    padding: 0.875rem 2.5rem 0.875rem 1rem;
    box-shadow: 0 14px 34px rgb(17 24 39 / 0.18);
    background: var(--color-white);
    border: 1px solid var(--color-light-gray-2);
    overflow: hidden;
}

.JrIEfjpN::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.3125rem;
    background: var(--color-blue);
}

.T1DPAYPH::before {
    background: #1f9d55;
}

.zTvBTF4I::before {
    background: var(--color-primary);
}

.KgZ5RLZm::before {
    background: #d97706;
}

.CH6Y2br0::before {
    background: var(--color-blue);
}

.QlnraD1s {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    font-weight: 700;
    color: var(--color-dark-gray-2);
}

.LWbBjCHn {
    margin-top: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--color-mid-gray-2);
}

.qKm8A6Wt {
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
    border: 0;
    background: transparent;
    color: var(--color-mid-gray-3);
    font-size: 1.125rem;
    line-height: 1;
    cursor: pointer;
    padding: 0.125rem;
}

.qKm8A6Wt:hover {
    color: var(--color-dark-gray-2);
}

@media (max-width: 640px) {
    .yr1OfMi0 {
        top: auto;
        right: 0.75rem;
        bottom: 0.75rem;
        left: 0.75rem;
        width: auto;
    }
}

.KNBUvqVr {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70vh;
    padding: 40px 20px;
}

.H2CDoeJA {
    max-width: 540px;
    width: 100%;
    padding: 32px 28px;
    background: var(--color-white);
    border: 1px solid var(--color-light-gray-3);
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

.FTrasEQS {
    margin-bottom: 12px;
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 1;
    color: var(--color-primary);
}

.P0Tmab2Z {
    margin-bottom: 8px;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--color-dark-gray-2);
}

.HZYsv29B {
    margin-bottom: 24px;
    color: var(--color-mid-gray-2);
}

.GpMGqGXO {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

.mIelDx4A,
.jHJMH91r {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
}

@media (max-width: 720px) {
    .H2CDoeJA {
        padding: 28px 20px;
    }

    .FTrasEQS {
        font-size: 3.5rem;
    }
}

.Xa0exBg0 {
    align-items: center;
    background-color: var(--btn-bg, #90137A);
    border: none;
    border-radius: 8px;
    color: var(--btn-color, #2F2F2F);
    cursor: pointer;
    display: inline-flex;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    line-height: 1;
    padding: 8px 16px;
    text-align: center;
    transition: background-color 300ms ease-in-out, color 300ms ease-in-out, box-shadow 300ms ease-in-out, opacity 300ms ease-in-out;
}

.Xa0exBg0:disabled {
    cursor: not-allowed;
}

.qkEgtUVp {
    --btn-bg: #90137A;
    --btn-color: #F9F9F9;
}

.qkEgtUVp:hover:not(:disabled) {
    background-color: var(--btn-bg-hover, #AC3D90);
}

.qkEgtUVp:disabled {
    --btn-bg: #E0E0E0;
    --btn-color: #A7A7A7;
}

.pJJeLVgj {
    --btn-bg: #FFFFFF;
    --btn-color: #2F2F2F;
    box-shadow: 0 0 0 1px #E0E0E0;
}

.pJJeLVgj:hover:not(:disabled) {
    box-shadow: 0 0 0 1px #CFCFCF;
}

.pJJeLVgj:disabled {
    --btn-bg: #E0E0E0;
    --btn-color: #A7A7A7;
    box-shadow: none;
}

.UN4Affzm {
    width: auto;
}

.VZW9aK33 {
    width: 50%;
}

.X8apyUlK {
    width: 100%;
}

.IrdzCr04 {
    gap: 5px;
}

.rpZgZAAJ {
    display: inline-flex;
}

.o0y82WYt {
    white-space: nowrap;
}



.n0GFTfmO {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 2rem 1rem;
    background:
        radial-gradient(circle at top, var(--color-light-blue), transparent 28%),
        linear-gradient(180deg, var(--color-light-gray) 0%, var(--color-background-main) 100%);
}

.SrPVStdO {
    width: 100%;
    max-width: 24rem;
    padding: 1.5rem;
    background: var(--color-white);
    border: 1px solid var(--color-light-gray-2);
    border-radius: 1rem;
    box-shadow: 0 18px 48px rgba(63, 63, 65, 0.08);
}

.BQU4H7zv {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    color: var(--color-dark-gray);
}

.vExncked {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 0.75rem;
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-light-gray) 100%);
}

.Sv19Twx0 {
    line-height: 1;
    font-weight: 700;
    font-size: 1rem;
    text-align: center;
}

.FexFRfBd {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 600;
}

.AaPGncna {
    margin: 0 0 0.5rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--color-dark-gray-2);
}

.cfVcz55s {
    margin: 0 0 1.25rem;
    font-size: 0.95rem;
    line-height: 1.5;
    color: var(--color-mid-gray-2);
}

.tnuUyr7N {
    margin-bottom: 1.5rem;
}

.s9syMGd5 {
    margin-bottom: 1rem;
}

.HozdjVZ1 {
    display: inline-block;
    margin-bottom: 0.4rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-dark-gray-2);
}

.vfmIa570 {
    margin: 0.4rem 0 0;
    font-size: 0.8rem;
    line-height: 1.4;
    color: var(--color-mid-gray-2);
}

.ZsGLYT4i {
    font-family: inherit;
    width: 100%;
    min-height: 2.875rem;
    padding: 0.75rem 0.95rem;
    line-height: 1.5rem;
    border: 1px solid var(--color-light-gray-1);
    border-radius: 0.75rem;
    background: var(--color-white);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;

    &::placeholder {
        color: var(--color-mid-gray-4);
    }

    &:focus {
        border-color: var(--color-purple-600);
        outline: none;
        box-shadow: 0 0 0 4px rgba(144, 19, 122, 0.12);
    }

    &:disabled {
        background: var(--color-light-gray-5);
        color: var(--color-mid-gray-4);
        cursor: not-allowed;
    }
}

.r7rMA0fq {
    border-color: var(--color-red-900);

    &:focus {
        border-color: var(--color-red-900);
        box-shadow: 0 0 0 4px rgba(245, 39, 21, 0.12);
    }
}

.xVMsLqyb {
    position: relative;
}

.xVMsLqyb .ZsGLYT4i {
    padding-right: 5.75rem;
}

.jmn9ICP1 {
    position: absolute;
    top: 50%;
    right: 0.75rem;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: var(--color-purple-600);
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}

.jmn9ICP1:disabled {
    color: var(--color-mid-gray-4);
    cursor: not-allowed;
}

.btIXaOmk {
    margin: 0.4rem 0 0;
    font-size: 0.8rem;
    line-height: 1.4;
    color: var(--color-red-900);
}

.SLOCcDHU {
    display: block;
    width: 100%;
    min-height: 2.875rem;
    padding: 0.75rem 1rem;
    letter-spacing: -0.1px;
}

.wXI1dOci {
    margin: 1rem 0 0;
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    font-size: 0.9rem;
    color: var(--color-mid-gray-2);
}

.wXI1dOci a {
    color: var(--color-purple-600);
    font-weight: 600;
}

.h_of8hYv {
    padding: 1rem;
    border-radius: 0.875rem;
    text-align: center;
}

.UiAwTfh4 {
    margin-bottom: 0.5rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
}

.BTUkbTLk {
    display: inline-block;
    padding: 0.65rem 1rem;
    background: var(--color-white);
    color: var(--color-purple-600);
    border-radius: 0.75rem;
    transition: background 0.2s ease, color 0.2s ease, transform 0.12s ease;
    font-weight: 600;
    width: fit-content;

    &:hover {
        background: var(--color-purple-400);
        color: var(--color-white);
    }
}

.fBfpUlyo {
    margin-bottom: 1rem;
    padding: 0.75rem 0.875rem;
    border: 1px solid rgba(245, 39, 21, 0.18);
    border-radius: 0.75rem;
    background: rgba(245, 39, 21, 0.08);
    color: var(--color-red-900);
    font-size: 0.9rem;
    line-height: 1.4;
}

.zdeffm6L {
    margin: 1.25rem 0;
    display: flex;
    align-items: center;
    color: var(--color-mid-gray-3);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.zdeffm6L::before,
.zdeffm6L::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--color-light-gray-2);
    margin: 0 0.5rem;
}

.rM2WceVA {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.5rem 1rem;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 0.375rem;
    background: #fff;
    cursor: pointer;
    transition: background 0.2s;
}

.rM2WceVA:hover {
    background: var(--color-light-gray-4);
}

.rM2WceVA svg {
    flex: none;
}

.lWJUqxxV {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #ffcc00;
    color: #000;
    border: 1px solid var(--color-light-gray-2);
    padding: 10px 16px;
    border-radius: 0.75rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.12s ease;
}

.lWJUqxxV:hover {
    background: #f2c200;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.lWJUqxxV:active {
    transform: translateY(0);
}

.lWJUqxxV[aria-disabled="true"] {
    opacity: 0.6;
    pointer-events: none;
}

.obK2krdz {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    background: #fff;
    color: #e41e26;
    font-weight: 800;
}

.Mb5n0k3q {
    white-space: nowrap;
}

@media (max-width: 640px) {
    .n0GFTfmO {
        align-items: flex-start;
        padding: 1rem;
    }

    .SrPVStdO {
        max-width: none;
        padding: 1.25rem;
        border-radius: 0.875rem;
    }

    .AaPGncna {
        font-size: 1.75rem;
    }
}

.gg41t0Dr {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 2rem 1rem;
    background: radial-gradient(circle at top, var(--color-light-blue), transparent 28%),
    linear-gradient(180deg, var(--color-light-gray) 0%, var(--color-background-main) 100%);
}

.oswZP_PZ {
    width: 100%;
    max-width: 30rem;
    padding: 1.5rem;
    background: var(--color-white);
    border: 1px solid var(--color-light-gray-2);
    border-radius: 1rem;
    box-shadow: 0 18px 48px rgba(63, 63, 65, 0.08);
}

.EjzjJvdZ {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    color: var(--color-dark-gray);
}

.Kfq5h_W2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 0.75rem;
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-light-gray) 100%);
}

.fgzvFUtY {
    line-height: 1;
    font-weight: 700;
    font-size: 1rem;
}

.rLAhPR7u {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 600;
}

.rc9a4Rax {
    margin: 0 0 0.5rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--color-dark-gray-2);
}

.QDsLMSW6 {
    margin: 0 0 1.25rem;
    font-size: 0.95rem;
    line-height: 1.5;
    color: var(--color-mid-gray-2);
}

.wFUfiP0f {
    margin-bottom: 1.25rem;
}

.Smp2NCQH {
    margin-bottom: 1rem;
}

.pTZCO3_G {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.875rem;
}

.RSXCvqUl {
    display: inline-block;
    margin-bottom: 0.4rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-dark-gray-2);
}

.e32pjnhP {
    margin: 0.4rem 0 0;
    font-size: 0.8rem;
    line-height: 1.4;
    color: var(--color-mid-gray-2);
}

.jIAhjWI7 {
    font-family: inherit;
    width: 100%;
    min-height: 2.875rem;
    padding: 0.75rem 0.95rem;
    line-height: 1.5rem;
    border: 1px solid var(--color-light-gray-1);
    border-radius: 0.75rem;
    background: var(--color-white);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.jIAhjWI7::placeholder {
    color: var(--color-mid-gray-4);
}

.jIAhjWI7:focus {
    border-color: var(--color-purple-600);
    outline: none;
    box-shadow: 0 0 0 4px rgba(144, 19, 122, 0.12);
}

.jIAhjWI7:disabled {
    background: var(--color-light-gray-5);
    color: var(--color-mid-gray-4);
    cursor: not-allowed;
}

.WHloxtEU {
    border-color: var(--color-red-900);
}

.KOSyPcwc {
    position: relative;
}

.KOSyPcwc .jIAhjWI7 {
    padding-right: 5.75rem;
}

.qBjkF6ux {
    position: absolute;
    top: 50%;
    right: 0.75rem;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: var(--color-purple-600);
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}

.qBjkF6ux:disabled {
    color: var(--color-mid-gray-4);
    cursor: not-allowed;
}

.nSNWoPMv {
    margin: 0.4rem 0 0;
    font-size: 0.8rem;
    line-height: 1.4;
    color: var(--color-red-900);
}

.KnFL8IpB,
.WQ6fvme_ {
    margin-bottom: 1rem;
    padding: 0.75rem 0.875rem;
    border-radius: 0.75rem;
    font-size: 0.9rem;
    line-height: 1.4;
}

.KnFL8IpB {
    border: 1px solid rgba(245, 39, 21, 0.18);
    background: rgba(245, 39, 21, 0.08);
    color: var(--color-red-900);
}

.WQ6fvme_ {
    border: 1px solid rgba(144, 19, 122, 0.14);
    background: rgba(144, 19, 122, 0.06);
    color: var(--color-dark-gray-2);
}

.fkB9qSLa {
    display: block;
    width: 100%;
    min-height: 2.875rem;
    padding: 0.75rem 1rem;
    letter-spacing: -0.1px;
}

.Ru0KfZtO {
    margin: 1.25rem 0;
    display: flex;
    align-items: center;
    color: var(--color-mid-gray-3);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.Ru0KfZtO::before,
.Ru0KfZtO::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--color-light-gray-2);
    margin: 0 0.5rem;
}

.wDWoWunJ {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #ffcc00;
    color: #000;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 0.75rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.12s ease;
}

.wDWoWunJ:hover {
    background: #f2c200;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.wDWoWunJ:active {
    transform: translateY(0);
}

.wDWoWunJ[aria-disabled="true"] {
    opacity: 0.6;
    pointer-events: none;
}

.dEWn6HYX {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    background: #fff;
    color: #e41e26;
    font-weight: 800;
}

.nyXqMNTM {
    white-space: nowrap;
}

.DdBlLxr8 {
    padding: 1rem;
    border-radius: 0.875rem;
    text-align: center;
}

.c7NRbRSH {
    margin-bottom: 0.5rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray);
}

.UpwBli08 {
    display: inline-block;
    padding: 0.65rem 1rem;
    background: var(--color-white);
    color: var(--color-purple-600);
    border-radius: 0.75rem;
    transition: background 0.2s ease, color 0.2s ease;
    font-weight: 600;
}

.UpwBli08:hover {
    background: var(--color-purple-400);
    color: var(--color-white);
}

@media (max-width: 640px) {
    .gg41t0Dr {
        align-items: flex-start;
        padding: 1rem;
    }

    .oswZP_PZ {
        max-width: none;
        padding: 1.25rem;
        border-radius: 0.875rem;
    }

    .pTZCO3_G {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .rc9a4Rax {
        font-size: 1.75rem;
    }
}

.LoK1CIFK {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 2rem 1rem;
    background:
        radial-gradient(circle at top, var(--color-light-blue), transparent 28%),
        linear-gradient(180deg, var(--color-light-gray) 0%, var(--color-background-main) 100%);
}

.LTLlLnaY {
    width: 100%;
    max-width: 24rem;
    padding: 1.5rem;
    background: var(--color-white);
    border: 1px solid var(--color-light-gray-2);
    border-radius: 1rem;
    box-shadow: 0 18px 48px rgba(63, 63, 65, 0.08);
}

.bC23ghjQ {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    color: var(--color-dark-gray);
}

.zSHUFc7d {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 0.75rem;
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-light-gray) 100%);
}

.TK4KVNta {
    line-height: 1;
    font-weight: 700;
    font-size: 1rem;
}

.g2UizTBv {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 600;
}

.C4CyNPt3 {
    margin: 0 0 0.5rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--color-dark-gray-2);
}

.ZBkJhYc4 {
    margin: 0 0 1.25rem;
    font-size: 0.95rem;
    line-height: 1.5;
    color: var(--color-mid-gray-2);
}

.yhq7KsVl {
    margin-bottom: 0;
}

.Nh16LkWz {
    margin-bottom: 1rem;
}

.XjzRMBP7 {
    display: inline-block;
    margin-bottom: 0.4rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-dark-gray-2);
}

.Jjd_zy6y {
    margin: 0.4rem 0 0;
    font-size: 0.8rem;
    line-height: 1.4;
    color: var(--color-mid-gray-2);
}

.e8m_HJ1k {
    font-family: inherit;
    width: 100%;
    min-height: 2.875rem;
    padding: 0.75rem 0.95rem;
    line-height: 1.5rem;
    border: 1px solid var(--color-light-gray-1);
    border-radius: 0.75rem;
    background: var(--color-white);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.e8m_HJ1k::placeholder {
    color: var(--color-mid-gray-4);
}

.e8m_HJ1k:focus {
    border-color: var(--color-purple-600);
    outline: none;
    box-shadow: 0 0 0 4px rgba(144, 19, 122, 0.12);
}

.e8m_HJ1k:disabled {
    background: var(--color-light-gray-5);
    color: var(--color-mid-gray-4);
    cursor: not-allowed;
}

.NfVzN1Gx {
    position: relative;
}

.NfVzN1Gx .e8m_HJ1k {
    padding-right: 5.75rem;
}

.pscltPvz {
    position: absolute;
    top: 50%;
    right: 0.75rem;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: var(--color-purple-600);
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}

.pscltPvz:disabled {
    color: var(--color-mid-gray-4);
    cursor: not-allowed;
}

.DukqzMOz {
    margin: 0.4rem 0 0;
    font-size: 0.8rem;
    line-height: 1.4;
    color: var(--color-red-900);
}

.Q0hWPVI_ {
    margin-bottom: 1rem;
    padding: 0.75rem 0.875rem;
    border: 1px solid rgba(245, 39, 21, 0.18);
    border-radius: 0.75rem;
    background: rgba(245, 39, 21, 0.08);
    color: var(--color-red-900);
    font-size: 0.9rem;
    line-height: 1.4;
}

.ABB41Zes {
    display: flex;
    gap: 0.75rem;
}

.n7fZ6qVF {
    display: block;
    width: 100%;
    min-height: 2.875rem;
    padding: 0.75rem 1rem;
    letter-spacing: -0.1px;
}

.dZtxVNuJ,
.W_KPhZpT {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 2.875rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    text-decoration: none;
    font-weight: 600;
    transition: background 0.2s ease, color 0.2s ease;
}

.dZtxVNuJ {
    border: 1px solid var(--color-light-gray-2);
    background: var(--color-white);
    color: var(--color-dark-gray-2);
}

.dZtxVNuJ:hover {
    background: var(--color-light-gray-4);
}

.W_KPhZpT {
    margin-top: 0.5rem;
    background: var(--color-purple-600);
    color: var(--color-white);
}

.W_KPhZpT:hover {
    background: var(--color-purple-400);
}

@media (max-width: 640px) {
    .LoK1CIFK {
        align-items: flex-start;
        padding: 1rem;
    }

    .LTLlLnaY {
        max-width: none;
        padding: 1.25rem;
        border-radius: 0.875rem;
    }

    .ABB41Zes {
        flex-direction: column;
    }

    .C4CyNPt3 {
        font-size: 1.75rem;
    }
}

@keyframes DXzDMn71 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.cNDvI6M_ {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, .55);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    animation: DXzDMn71 .2s;
}

.qq7RfyEP {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .15);
    padding: 2.5rem 2rem 2rem;
    max-width: 31rem;
    max-height: 90vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow-y: auto;
}

.iGt9LGhJ {
    position: absolute;
    top: 16px;
    right: 16px;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.cX5tCsDH {
    margin: 0 0 1.5rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-dark-gray);
}

.USkc5NtE {
    display: flex;
    gap: 1.5rem;
    width: 100%;
    margin-bottom: 1.5rem;
}

.r5uiVcgH {
    flex: 0 0 40%;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    min-width: 12rem;
}

.ojw_h52q {
    flex: 1;
    overflow-y: auto;
    max-height: 60vh;
    border-left: 1px solid var(--color-light-gray-3);
    padding-left: 1rem;
    min-width: 14rem;
}

.ZqP9XBJg {
    margin: 0 0 .5rem;
    font: 500 16px/20px Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    text-transform: uppercase;
}

.vhUSNebt {
    width: 100%;
    justify-content: center;
    min-height: 3rem;
    margin-bottom: 12px;
    padding: .75rem 1rem;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(144, 19, 122, .08);
    letter-spacing: .01em;
}

.vhUSNebt:hover:not(:disabled) {
    box-shadow: 0 6px 16px rgba(144, 19, 122, .12);
}

.vhUSNebt:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px rgba(144, 19, 122, .12), 0 6px 16px rgba(144, 19, 122, .12);
}

.AQUe2ah1,
.fY36UASm {
    transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .1s ease;
}

.AQUe2ah1 {
    padding: .55rem 1rem;
    background: var(--color-white);
    border: 1px solid var(--color-light-gray-3);
    border-radius: 8px;
    cursor: pointer;
}

.AQUe2ah1:hover {
    background: var(--color-purple-400);
    box-shadow: inset 3px 0 0 var(--color-blue), 0 4px 8px rgba(0, 0, 0, .03);
    color: var(--color-white);
}

.HXabcXci {
    background: var(--color-blue);
    color: var(--color-white);
    transform: translateY(-2px);
    box-shadow: 0 0 0 3px rgba(33, 150, 243, .4);
}

.fY36UASm {
    position: relative;
    padding: 6px 8px 6px calc(var(--indent) + 24px);
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    user-select: none;
}

.fY36UASm:hover {
    background: var(--color-purple-400);
    box-shadow: inset 3px 0 0 var(--color-blue), 0 4px 8px rgba(0, 0, 0, .03);
    color: var(--color-white);
}

.nmBh0Nmf {
    background: var(--color-blue);
    color: var(--color-white);
    box-shadow: inset 3px 0 0 var(--color-blue), 0 4px 12px rgba(0, 0, 0, .06);
}

.fY36UASm[data-root="true"]::before,
.fY36UASm[data-root="true"]::after {
    content: none;
}

.fY36UASm::before {
    content: "";
    position: absolute;
    left: calc(var(--indent) + 8px);
    top: 0;
    width: 2px;
    height: 50%;
    background: var(--color-light-gray-3);
}

.fY36UASm::after {
    content: "";
    position: absolute;
    left: calc(var(--indent) + 8px);
    top: 50%;
    width: 12px;
    height: 2px;
    background: var(--color-light-gray-3);
}

.mvHlj6Kf {
    border-bottom: 1px solid #c7c8c9;
}

.of3Xb0AH {
    display: flex;
    gap: 1rem;
    width: 100%;
    margin-top: 1rem;
}

.m2hmkLE5,
.EUI1WyHR {
    min-width: 9.5rem;
    min-height: 2.875rem;
    padding-inline: 1.25rem;
    border-radius: 12px;
    font-weight: 600;
}

.m2hmkLE5 {
    box-shadow: 0 6px 14px rgba(144, 19, 122, .12);
}

.m2hmkLE5:hover:not(:disabled) {
    box-shadow: 0 8px 18px rgba(144, 19, 122, .16);
}

.m2hmkLE5:focus-visible,
.EUI1WyHR:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px var(--color-primary-rp200);
}

.EUI1WyHR {
    box-shadow: 0 0 0 1px var(--color-light-gray-2);
}

.EUI1WyHR:hover:not(:disabled) {
    background: var(--color-light-gray-5);
    box-shadow: 0 0 0 1px var(--color-light-gray-1), 0 4px 12px rgba(37, 44, 50, .04);
}

.mVvfve2S {
    margin-top: 16px;
}

.dQzUy_mZ {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.knbAT1Hn {
    margin: 0;
    font-weight: 600;
}

.lH7NZpN8 {
    width: 50%;
    min-width: 12rem;
    height: 30px;
    padding: 0 16px;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 24px;
}

.QkVzAg9e {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
}

.nS3jczBI {
    color: #b00020;
    font-size: 13px;
}

.VxhBmwVZ {
    display: inline-flex;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
}

@media (max-width: 640px) {
    .USkc5NtE {
        flex-direction: column;
        gap: 1rem;
    }

    .r5uiVcgH {
        flex: unset;
    }

    .ojw_h52q {
        max-height: 50vh;
        padding-left: .75rem;
    }

    .qq7RfyEP {
        padding: 2rem 1rem 1rem;
        border-radius: 16px;
    }

    .lH7NZpN8 {
        width: 100%;
    }

    .of3Xb0AH,
    .QkVzAg9e {
        flex-direction: column-reverse;
    }

    .m2hmkLE5,
    .EUI1WyHR {
        width: 100%;
    }
}

.rUapyd5e {
    position: relative;
    flex: 1;
    min-width: 0;
    height: 100%;
    background: var(--color-light-gray);
}

.w4kcCPMi {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    height: 100%;
    padding: 8px 12px;
    border-radius: 8px;
    cursor: pointer;
    background: var(--color-light-gray);
}

.w4kcCPMi:hover {
    background: var(--color-light-gray-4);
}

.w4kcCPMi:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px var(--color-primary-rp200);
}

.w4kcCPMi[aria-expanded="true"] {
    background: #fff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .08);
}

.LuI4kmC5 {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

.E6yML5Hd {
    font-size: 14px;
    color: var(--color-dark-gray-2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.qEJ7kSMJ {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    background: #fff;
    border: 1px solid var(--color-light-gray);
    border-radius: 8px;
    margin-top: 6px;
    max-height: 280px;
    overflow: auto;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .10);
    animation: hsgiuMdS .28s cubic-bezier(0.22, 1, 0.36, 1) both;
    width: max-content;
    min-width: 240px;
    transform-origin: right top;
}

.d2LEXSYh {
    pointer-events: none;
    animation: FzpXd0Bv .28s cubic-bezier(0.4, 0, 1, 1) both;
}

@keyframes hsgiuMdS {
    from {
        transform: translate3d(24px, 0, 0) scale(0.985);
        opacity: 0;
    }
    to {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1;
    }
}

@keyframes FzpXd0Bv {
    from {
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1;
    }
    to {
        transform: translate3d(10px, 0, 0) scale(0.995);
        opacity: 0;
    }
}

.mo5A81jq {
    padding: 10px 12px;
    color: var(--color-dark-gray-2);
    font-size: 14px;
}

.ZY1TB5gx {
    display: flex;
    align-items: center;
}

.h1zZQ_S_ {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 auto;
    width: auto;
    text-align: left;
    padding: 10px 12px;
    border: 0;
    background: transparent;
    cursor: pointer;
    transition: background-color .12s ease;
}

.h1zZQ_S_:hover {
    background: var(--color-light-gray-2);
}

.h1zZQ_S_[aria-selected="true"] {
    background: var(--color-light-blue);
}

.h1zZQ_S_[aria-selected="true"] .UGWLNY3W {
    color: var(--color-blue);
    font-weight: 600;
}

.CulsREWH {
    width: 18px;
    height: 18px;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 4px;
    flex: 0 0 18px;
    background: #fff;
    transition: border-color .12s ease, background-color .12s ease, box-shadow .12s ease;
}

._UUsy0eJ {
    border-color: var(--color-blue);
    background: var(--color-blue);
    box-shadow: inset 0 0 0 3px #fff;
}

.UGWLNY3W {
    flex: 1 1 auto;
    color: var(--color-dark-gray-2);
    font-size: 14px;
    line-height: 1.2;
    text-align: left;
}

.jKa3rPDR {
    margin-left: 8px;
    font-size: 12px;
    color: #a7a7a7;
}

.rBfNJUwb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    margin-right: 6px;
    padding: 0;
}

.rBfNJUwb:hover {
    background: var(--color-light-gray-2);
}

.G7hUGF4E {
    width: 18px;
    height: 18px;
}

.VBFbyWMx {
    position: fixed;
    inset: 0;
    z-index: 5000;
    background: rgba(15, 23, 42, 0.72);
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    animation: MMeWfIyE .32s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.cVDiM_x2 {
    width: 100%;
    height: 100%;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    animation: rnxw7tVE .32s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.taIys7Ao {
    pointer-events: none;
    animation: YOJ_mZ_G .32s cubic-bezier(0.4, 0, 1, 1) both;
}

.taIys7Ao .cVDiM_x2 {
    animation: Jx0bLaf5 .32s cubic-bezier(0.4, 0, 1, 1) both;
}

@keyframes MMeWfIyE {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes YOJ_mZ_G {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes rnxw7tVE {
    from {
        transform: translate3d(56px, 0, 0);
        opacity: 0.94;
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes Jx0bLaf5 {
    from {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    to {
        transform: translate3d(56px, 0, 0);
        opacity: 0.94;
    }
}

.GwAbDgXN {
    min-height: 64px;
    border-bottom: 1px solid var(--color-light-gray-2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    gap: 12px;
}

.MH6UrAqL {
    min-width: 0;
}

.PkfM4m8I {
    margin: 0;
    font-size: 20px;
    line-height: 1.2;
    color: var(--color-dark-gray-2);
}

.ABP38BAR {
    border: 1px solid var(--color-light-gray-2);
    background: #ffffff;
    color: var(--color-dark-gray-2);
    border-radius: 8px;
    padding: 8px 12px;
}

.IOpAkaC5 {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
}

.bGfDAr1U {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--color-dark-gray-2);
    background: #f8fafc;
}

.BOKFgDVK {
    position: absolute;
    top: 10px;
    left: 12px;
    z-index: 2;
    padding: 8px 10px;
    border-radius: 8px;
    background: rgba(127, 29, 29, 0.9);
    color: #fff;
    font-size: 13px;
}

.v6f_jM78 {
    width: 100%;
    padding: 0.5rem 0;
    display: flex;
    align-items: stretch;
    gap: 1rem;
    position: sticky;
    z-index: 100;
    top: 0;
    height: 60px;
    background: #f5eef6;
}

.xJh_vgI_ {
    display: flex;
    gap: 12px;
    align-items: center;
}

.L5waZMSX {
    white-space: nowrap;
    cursor: pointer;
    border: none;
    border-radius: .5rem;
    align-items: center;
    gap: 4px;
    padding: 4px 1rem;
    display: flex;
    background: var(--color-light-gray);
}

.rDBdViWQ {
    opacity: 0.55;
    cursor: default;
}

.hhaIX4Ea {
    font-size: 0.625rem;
    line-height: 0.625rem;
    color: var(--color-mid-gray-4);
    margin: 0;
}

.kSzlSOuf {
    color: var(--color-blue);
    margin: 0;
}

.PN49yeKv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    border-radius: 0.5rem;
    padding: 6px 6px 6px 1rem;
    gap: 1rem;
}
.jr3bGgkn {
    align-items: center;
    gap: 8px;
    display: flex;
    position: relative;
    background: var(--color-light-gray);
    padding: 8px;
    border-radius: 8px;
}

/* по умолчанию скрыта */
.ZSD0Mmem {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    color: #fff;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 13px;
    white-space: nowrap;
    z-index: 10;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.15s ease;
}

/* показываем при ховере на контейнер */
.jr3bGgkn:hover .ZSD0Mmem {
    opacity: 1;
    visibility: visible;
}


.mdUKzC_k {
    pointer-events: none;
    opacity: 0.5;
}

.dpYgSU5w {
    width: 46px;
    height: 24px;
    cursor: pointer;
}

.dpYgSU5w input {
    display: none;
}

.ZWXlRanN {
    display: block;
    width: 100%;
    height: 100%;
    background: #ccc;
    border-radius: 24px;
    position: relative;
    transition: 0.4s;
}

.ZWXlRanN::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 3px;
    bottom: 3px;
    background: var(--color-white);
    border-radius: 50%;
    transition: 0.4s;
}

.dpYgSU5w input:checked + .ZWXlRanN {
    background: #2196f3;
}

.dpYgSU5w input:checked + .ZWXlRanN::before {
    transform: translateX(22px);
}

.lyLrU6mY {
    display: flex;
    gap: 8px;
    align-items: center;
}

.IGLadcpY,
._CD1P3Zu {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: none;
    cursor: pointer;
}

.IGLadcpY {
    width: 40px;
    height: 40px;
    background: var(--color-light-gray);
}

.SxwaKSdO {
    background: var(--color-blue-hover);
}

._CD1P3Zu {
    gap: 6px;
    padding: 0.5rem 1rem;
    background: var(--color-light-gray);
}

.oOYXy51X {
    min-width: 56px;
    max-width: 56px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    border-radius: 0.5rem;
}

.f3uhyyOS {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.55);
    display: flex;
    justify-content: center;
    align-items: center;
    animation: ORH5JDbg 0.2s;
    overflow: hidden;
}

@keyframes ORH5JDbg {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.g2ACaFWc {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    padding: 2.5rem 2rem 2rem;
    max-width: 31rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.DxCFEBLX {
    display: flex;
    gap: 1rem;
    width: 100%;
}

.H8GzrXu_ {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0 0 1rem;
    color: var(--color-dark-gray);
}

.jpHxSaTd {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--color-dark-gray);
}

.l0oLRnnf {
    width: 100%;
}

.aogAFejt .ZWXlRanN {
    box-shadow: 0 0 5px rgba(33, 150, 243, 0.4);
}

.L5wpicRB {
    display: flex;
    gap: 20px;
    flex-direction: row-reverse;
    align-items: center;
}

.qpEMWg7C {
    margin-left: 16px;
    padding: 4px 8px;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 4px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    width: 200px;
    transition: width 0.2s ease;
}

.zGXlqPsr {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    margin-left: 8px;
    color: var(--color-dark-gray-2);
    font-size: 14px;
}

.pNPrhinx {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(245, 238, 246, 0.72);
    color: var(--color-dark-gray-2);
    font-size: 14px;
    pointer-events: none;
}

@media (max-width: 980px) {
    .v6f_jM78 {
        height: auto;
        flex-wrap: wrap;
        align-items: center;
    }

    .PN49yeKv {
        order: 3;
        flex-basis: 100%;
        padding-left: 0;
    }

    .L5wpicRB {
        gap: 8px;
    }

    ._CD1P3Zu {
        font-size: 0;
        padding: 0.5rem;
    }
}

@media (max-width: 640px) {
    .xJh_vgI_,
    .L5waZMSX,
    .PN49yeKv,
    .lyLrU6mY {
        width: 100%;
    }

    .PN49yeKv,
    .lyLrU6mY {
        flex-wrap: wrap;
    }

    .qpEMWg7C {
        width: min(220px, 100%);
        margin-left: 0;
    }
}

.EM2ge58a {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .35);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: nWAuePwb .25s ease-out;
    z-index: 10000;
}

@keyframes nWAuePwb {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.hTXcZevG {
    background: var(--color-white);
    border-radius: 12px;
    padding: 24px 32px;
    min-width: 360px;
    max-width: 90vw;
    text-align: center;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .15);
    animation: iwrrSVOS .25s ease-out;
}

@keyframes iwrrSVOS {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.IYMNamm2 {
    position: fixed;
    inset: 0;
    background: rgb(0 0 0 / 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.ygB7wilD {
    width: 22.5rem;
    max-width: 90vw;
    background: var(--color-white);
    border-radius: 0.75rem;
    padding: 1.5rem 1.5rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

.dfFQVZxi {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-dark-gray-2);
}

.V2xBvED5 {
    font-size: 1.375rem;
    line-height: 1;
    background: transparent;
    border: none;
    color: var(--color-mid-gray-2);
    cursor: pointer;
    padding: 0.25rem;
    transition: color 0.2s ease;
}

.V2xBvED5:hover {
    color: var(--color-dark-gray-2);
}

.f5kHtps4,
.XSZu4EcX {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 0.5rem;
}

.ykiaZ5Ad {
    flex: 1 1 auto;
    overflow-y: auto;
    max-height: 13.75rem;
}

.xBM0HDZE {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.125rem;
    cursor: pointer;
}

.S431ro23 {
    text-align: center;
    color: var(--color-mid-gray-3);
    margin: 0.75rem 0;
}

.sEn9N2Jx,
.RFtNN1O5 {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.dQyywtGk {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0.75rem 0 0.25rem;
}

.ECnyK7AO {
    border-left: 0.375rem solid var(--color-primary);
}

.F0mIpw93 {
    border-left: 0.375rem solid var(--color-blue);
}

.FSa1yN8n {
    margin: 0;
    color: var(--color-dark-gray-2);
}

.Q2BYbIub {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.cLFR6TxW {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    background: #f8f8f8;
}

.cLFR6TxW img {
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ok0FTGaa {
    position: absolute;
    top: 0.5rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: none;
    font-size: 1.25rem;
    line-height: 1;
    color: #fff !important;
    background: #fff !important;
    box-shadow: 0 0 4px rgba(0 0 0 / .18);
    cursor: pointer;
    z-index: 4;
}

.ok0FTGaa:hover {
    background: #f3f5fb;
}

.AD6sIbwE {
    left: 0.5rem;
}

.xCeaX_0e {
    right: 0.5rem;
}

.RAhDCTMI {
    position: absolute;
    top: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.5rem;
    z-index: 3;
    opacity: 0;
    transition: opacity .2s ease;
    align-items: center;
    width: 100%;
    justify-content: space-around;

}

.Q2BYbIub:hover .RAhDCTMI {
    opacity: 1;
}

.XH7rbESM {
    all: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #3F3F4170;
    cursor: pointer;
    color: #FFFFFF;
    position: relative;
}

.XH7rbESM img {
    width: 1.25rem;
    height: 1.25rem;
    object-fit: fill;
}

.XH7rbESM:hover {
    background: #3F3F41;
}

.hT9yPSU2 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 10rem;
    background: #eee;
    border-radius: 6px;
    color: #777;
    font-size: 0.9rem;
    text-align: center;
    padding: 1rem;
}

.bs2yPX2n {
    font: 500 0.9rem/1.3 system-ui, sans-serif;
}

.Rfre0eNs {
    --gap: 1.25rem;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
    align-items: flex-start;
}

.ZL6YlpRE {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    flex: 0 0 auto;
    min-width: 0;
}

.Nu3xoLGX .ZL6YlpRE:nth-child(2n) {
    margin-top: 1rem;
}

@media (max-width: 600px) {
    .Rfre0eNs {
        flex-direction: column;
    }

    .ZL6YlpRE {
        width: 100% !important;
    }

    .Nu3xoLGX .ZL6YlpRE:nth-child(2n) {
        margin-top: 0;
    }
}

.TTQ7KYMb {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.45s cubic-bezier(.4, 0, .2, 1),
    transform 0.45s cubic-bezier(.4, 0, .2, 1);
}

.KTHEErf1 {
    opacity: 1;
    transform: translateY(0);
}
.gk2M75_f {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin: 2.5rem 0 3rem;
    user-select: none;
    font-family: "Inter", sans-serif;
}

.gk2M75_f button {
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.25rem;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 0.375rem;
    background: var(--color-white);
    color: var(--color-dark-gray-2);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease,
    color 0.2s ease, opacity 0.2s ease;
}

.gk2M75_f button:hover:not(:disabled) {
    background: var(--color-light-gray-5);
    border-color: var(--color-light-gray-1);
}

.gk2M75_f .Ae4KaMjT.qxFMcPrl,
.gk2M75_f .Ae4KaMjT[aria-current='page'] {
    background: var(--color-blue);
    border-color: var(--color-blue);
    color: var(--color-white);
    box-shadow: 0 0 0 1px var(--color-blue);
}

.gk2M75_f .Ae4KaMjT.qxFMcPrl:hover:not(:disabled),
.gk2M75_f .Ae4KaMjT[aria-current='page']:hover:not(:disabled) {
    background: var(--color-blue);
    border-color: var(--color-blue);
    color: var(--color-white);
}

.xhawrPei {
    font-size: 1.2rem;
    line-height: 1;
    padding: 0;
}


.DTghiHA3 {
    padding: 0 0.25rem;
    color: var(--color-mid-gray-3);
    font-size: 0.9rem;
}

.vSpZ6Fii {
    padding: 20px 10px;
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial,
    'Apple Color Emoji', 'Segoe UI Emoji';
    color: #2f2f2f;
}

.PxASay2T {
    margin: 0 0 20px 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0;
    color: #2f2f2f;
}

.qDPrxujN {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.J7Q5jcJ2 {
    background: #ffffff;
    border-radius: 16px;
    padding: 20px 24px;
    width: 422px;
    max-width: 100%;
    max-height: 181px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02);
    overflow: hidden;
}

.suM1UXb3 {
    margin: 0 0 10px 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
}

.xX1V5JWI {
    margin: 0 0 10px 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0;
}

.STFOjtI5 {
    margin-top: auto;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: #90137a;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-decoration-color: #90137a;
}

@media (max-width: 900px) {
    .J7Q5jcJ2 {
        width: 100%;
    }
}

.RzQIBxep {
    padding: 18px 40px;
    color: #2F2F2F;
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

.RzQIBxep h1,
.RzQIBxep h2,
.RzQIBxep p,
.RzQIBxep ul {
    margin: 0;
}


.RzQIBxep h1 {
    font-weight: 600;
    font-size: 24px;
    line-height: 1; /* 100% */
    letter-spacing: 0;
    color: #2F2F2F;
}

.RzQIBxep h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0;
    color: #2F2F2F;
}

.RzQIBxep p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #2F2F2F;
}

.RzQIBxep ul {
    padding: 0;
    margin-left: 24px;
    list-style: disc;
}

.RzQIBxep ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #2F2F2F;
}
.xbDW6kWw {
    display: flex;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #2F2F2F;
}

.xbDW6kWw span {
    flex: 0 0 auto;
    margin-right: 8px;
}

.RzQIBxep h1 + p,
.RzQIBxep h1 + ul,
.RzQIBxep h2 + p,
.RzQIBxep h2 + ul {
    margin-top: 10px;
}

.RzQIBxep p + p,
.RzQIBxep p + ul,
.RzQIBxep ul + p {
    margin-top: 10px;
}

.RzQIBxep .xbDW6kWw + p,
.RzQIBxep .xbDW6kWw + ul {
    margin-top: 10px;
}

.RzQIBxep p + h1,
.RzQIBxep p + h2,
.RzQIBxep ul + h1,
.RzQIBxep ul + h2 {
    margin-top: 30px;
}

.RzQIBxep h1 + h2,
.RzQIBxep h2 + h1 {
    margin-top: 30px;
}

@media (max-width: 768px) {
    .RzQIBxep {
        margin: 16px;
        padding: 20px;
    }

    .RzQIBxep h1,
    .RzQIBxep h2 {
        font-size: 20px;
    }

    .RzQIBxep p,
    .RzQIBxep ul li,
    .xbDW6kWw {
        font-size: 14px;
    }
}

.hjlDahJn {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 15px;
    width: 100%;
    min-height: 340px;
    background-color: #ffffff;
    border: 1px solid #d5dadd;
    border-radius: 8px;
    box-sizing: border-box;
    overflow: hidden;
}

.xtsfzHun {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    display: flex;
    gap: 8px;
}

.Ie4Oswux {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dde2e4;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    cursor: pointer;
}

.Ie4Oswux:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.Ie4Oswux img {
    width: 18px;
    height: 18px;
}

.Vrj9Csin {
    position: relative;
    width: 100%;
    height: 170px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
    background: #f7f8fc;
}

.Vrj9Csin img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.GKCY31jZ {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #84919a;
    font-size: 14px;
}

.bSMNDVq0 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.cSn2QblM {
    min-width: 0;
}

._zKuhPY2 {
    margin: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #252c32;
    overflow-wrap: anywhere;
}

._x2jkbId {
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    color: #5b6871;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.DyWSr4g7 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: var(--color-purple-600, #90137a);
}

.CO5iSs_a {
    position: fixed;
    inset: 0;
    background-color: rgba(26, 32, 36, 0.5);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
}

.DCrtgDAu {
    background-color: #fff;
    border-radius: 8px;
    width: 390px;
    max-width: 100%;
    position: relative;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
    text-align: center;
    box-sizing: border-box;
    padding: 40px 24px 24px;
    min-height: 170px;
}

.hZgJpHcJ {
    margin-bottom: 5px;
}

.hZgJpHcJ h2 {
    margin: 0;
    font-size: 20px;
}

.CDfNrdOV p {
    margin: 0;
}

.SLPTEz5u {
    position: absolute;
    top: 10px;
    right: 12px;
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    color: #444;
}

.yZ4s1IhB {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    gap: 12px;
}

.fRnKweyt {
    min-width: 140px;
}

@media (max-width: 480px) {
    .DCrtgDAu {
        width: calc(100% - 32px);
        padding: 32px 16px 16px;
    }

    .yZ4s1IhB {
        flex-direction: column;
    }

    .fRnKweyt {
        width: 100%;
        padding: 8px 12px;
    }
}

.ck4xn3KA {
    display: flex;
    flex-direction: column;
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
}

.YM1ib6g3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    gap: 12px;
    flex-wrap: wrap;
}

.eQRKVerD {
    margin: 0 0 4px;
    font-size: 12px;
    font-weight: 600;
    color: #84919a;
}

.BY4xh2DW {
    margin: 0;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #252c32;
}

.gu4mmv7h {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 400px));
    gap: 20px;
    margin-top: 20px;
    width: 100%;
}

.B8AFn1ca,
.XuLJeQbI {
    margin-top: 20px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d5dadd;
    border-radius: 8px;
    background: #ffffff;
    color: #252c32;
    padding: 16px;
}

.B8AFn1ca {
    border-color: #f1b4b4;
    color: #b3261e;
}

@media (max-width: 720px) {
    .ck4xn3KA {
        padding: 12px;
    }

    .gu4mmv7h {
        grid-template-columns: 1fr;
    }
}

.jJeYpWFM {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 24px;
    background: #ffffff;
    border: 1px solid #dde2e4;
    border-radius: 6px;
    padding: 8px 16px;
    width: 100%;
    box-sizing: border-box;
    min-height: 42px;
}

.jJeYpWFM::placeholder {
    color: #9aa6ac;
}

.bG6QonZS {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
}

.Fjb0Q9aQ {
    margin: 0;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 24px;
    color: #252c32;
}

.QSrSbM1H {
    font-family: Inter, sans-serif;
    font-size: 12px;
    color: #5b6871;
    margin: 5px 0 0;
}

.z5Scm1TM {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 640px;
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #d5dadd;
    border-radius: 8px;
    background: #ffffff;
    margin-top: 10px;
    box-sizing: border-box;
}

.qUadOCXR {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.qUadOCXR > label {
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #1a1b1e;
}

.cNcckpVf,
.OhyWlm1U {
    color: #e53935;
}

.OhyWlm1U {
    width: 100%;
    max-width: 640px;
    box-sizing: border-box;
    border: 1px solid #f1b4b4;
    border-radius: 8px;
    background: #ffffff;
    padding: 12px 16px;
    margin: 12px 0 0;
}

.uBdxlSZ6 {
    min-height: 80px;
    resize: vertical;
}

.y8P_WAnM {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px dashed #cfd4de;
    border-radius: 8px;
    background: #f7f8fc;
    padding: 13px 9px 9px;
    min-height: 110px;
    cursor: pointer;
    transition: background 0.15s;
}

.y8P_WAnM:hover {
    background: #f1f3f9;
}

.X2zgJ6EJ {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    border-radius: 6px;
}

.AmteGT2s {
    font-family: Inter, sans-serif;
    font-size: 14px;
    background: #ffffff;
    border: 1px solid #dde2e4;
    border-radius: 8px;
    padding: 4px 12px;
    margin-top: 10px;
    text-align: center;
}

.LDrmydd7 {
    max-width: 100%;
    max-height: 420px;
    border-radius: 8px;
    object-fit: contain;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
}

.ItcyqWuA {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    gap: 12px;
}

.pq5sepyh {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #5b6871;
}

.pq5sepyh p {
    margin: 8px 0 0;
}

@media (max-width: 640px) {
    .bG6QonZS {
        padding: 12px;
    }

    .z5Scm1TM {
        padding: 14px;
    }

    .ItcyqWuA {
        flex-direction: column-reverse;
    }
}

.Nl924sVK {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.kjDQbNBC {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    height: 60vh;
}

.gwWrF4sY {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: opacity .25s ease-out;
}

.K9FDIXh6 {
    all: unset;
    position: absolute;
    top: 50%;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    background: var(--color-light-gray);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1;
    color: var(--color-dark-gray);
}

.wPcEd7C9 {
    left: 12px;
}

._fnESKP8 {
    right: 12px;
}

.mNZHsu_n {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 2px;
    justify-content: center;
}

.koDbcv9i {
    width: 120px;
    height: 80px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
}

.koDbcv9i.QOk_LLGG {
    box-shadow: 0 0 0 2px var(--color-blue);
}

.q6Rj_wPa {
    display: block;
}

.dN6hBNAw {
    position: relative;
    width: 100%;
    height: 100%;
}

.WX8jzp4c {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: var(--color-white);
    background: var(--color-purple-600)CC;
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
}

.lq_WsYh0 {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: var(--color-light-gray-5);
    display: flex;
}

._GST7O8U {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 10;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    font-size: 24px;
    line-height: 1;
    color: var(--color-white);
    background: rgba(0 0 0 / 0.55);
    cursor: pointer;
}

.vT39xuFx {
    width: 20%;
    padding: 16px 8px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: var(--color-white);
}

._c8oOsVx {
    border: none;
    padding: 0;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    flex-shrink: 0;
}

.KgJsVsrz {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.aiH0UdgO {
    outline: 2px solid var(--color-blue);
}

.rthhtWCD {
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
    padding: 24px;
    min-width: 0;
    min-height: 0;
}

.JhZqTW6g {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
}

.SEYbbXCd {
    display: block;
    max-width: 100%;
    max-height: calc(100vh - 48px);
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center;
}

.t9fEaYjn {
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-width: 41.5rem;
    min-width: 21.5rem;
    box-sizing: border-box;

    background: #FFFFFF;
    color: #2F2F2F;
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji", "Segoe UI Emoji";

    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;

    padding: 16px 0;
    margin-bottom: 16px;
}

.WgAr14ld {
    padding: 0 16px;
}

.Idd1sVuV {
    margin-top: 16px;
    padding: 0 16px;
}

.ND5nTQCD {
    margin: 0 0 10px 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: #2F2F2F;
}

.kD927zTp {
    margin: 0 0 8px 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: #2F2F2F;
}

.JUCAShVq {
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0;
    color: #90137A;
    margin-bottom: 4px;
}

.nDHl0tCA {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
    color: #2F2F2F;
    margin: 0 0 8px 0;
}

.zW_5t8VK {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0;
    color: #2F2F2F;
    white-space: pre-wrap;
    word-break: break-word;
    font-variant-emoji: emoji;
}

.g5uGRC34 {
    color: #9E9E9E;
}

.tOcbzUg0 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 6px 0;
}

.N_lU8k7V {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: #2F2F2F;
}

.jPL1TGhe {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #2F2F2F;
}

.bS7vfiMI {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.XdumkBag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 18px;
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    padding: 8px 12px;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #2F2F2F;
    width: fit-content;
}

.jsP5rBhz {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.DN6wJNwc {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 10px;
    background: #F5EEF6;
    border-radius: 12px;
    padding: 12px;
}

.s6D_vVPJ {
    min-width: 0;
}

.PMwWreTW {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: #2F2F2F;
    margin: 0 0 6px 0;
}

.nMm22nyP {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #2F2F2F;
    word-break: break-word;
}

.fqnTxUNr {
    display: flex;
    align-items: center;
}

.g5743AWV {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    border: 1px solid #E5E7EB;
    background: #FFFFFF;
    padding: 8px 12px;
    border-radius: 10px;
    color: #2F2F2F;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    cursor: pointer;
}

.AI80GlaD {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    background: #90137A;
}

.c3BCgmgq {
    line-height: 100%;
}

.wKaSszs4 {
    display: grid;
    gap: 8px;
}

.IUUuKvZk {
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    color: #1F2937;
}

.NqCDzMcR {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #9CA3AF;
}
.qG93AQ48{
    flex: 1;
}

.zL7WoCSg {
    color: #90137A;
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
}

.zL7WoCSg:hover {
    text-decoration: underline;
}

.Gz9aq00F {
    background: #F4E3EE;
    border-radius: 12px;
    padding: 12px 16px;
    margin-top: 16px;
}

.QMaReaa1 {
    display: flex;
    gap: 8px;
    margin-top: 4px;
}

.JKM3wQRb {
    padding: 8px 12px;
    border-radius: 12px;
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #2F2F2F;
}

.PWCy1QHr {
    border-color: #90137A;
    background: #F5EEF6;
    color: #90137A;
    font-weight: 600;
}

.izaCbNzu {
    color: var(--color-purple-400);
    text-decoration: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    word-break: break-all;
}

.izaCbNzu:hover {
    text-decoration: underline;
}

.E3boRIAN {
    margin-top: 16px;
    padding: 0 16px 16px 16px;
}

@media screen and (max-width: 1600px) {
    .t9fEaYjn {
        max-width: 21.5rem;
    }
}

.utzlmHdY {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 120px;
    z-index: 1000;
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

.rohhZmDZ {
    width: 753px;
    min-height: 550px;
    background: #f9f9f9;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
}

.pFAH_gRZ {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px 12px 12px;
    border-bottom: 1px solid #e5e7eb;
}

.M5KUKo3U {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #111827;
}

.A0at3aT_ {
    border: none;
    background: transparent;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    color: #9ca3af;
}


.dkKLQNjP {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 8px;
    background: #f9f9f9;
}

.YPvs_LtY {
    border-right: 1px solid #e5e7eb;
    padding: 10px 20px 10px 0px;
    box-sizing: border-box;
}


.VrmJpqsy {
    padding: 10px 10px 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    box-sizing: border-box;
}

.QGuer9qI {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sum2m0yi {
    font-size: 16px;
    font-weight: 500;
    color: #111827;
}

.WVdOFvht {
    display: flex;
}


.AQUBH5ZB {
    display: flex;
    align-items: center;

    width: 340px;
    height: 40px;
    box-sizing: border-box;

    gap: 10px;

    padding: 10px 16px;

    border-width: 1px;
    border-style: solid;
    border-color: #E0E0E0;
    border-radius: 6px;

    background-color: #F9F9F9;
}

.kLMFl3bf {
    width: 1px;
    align-self: stretch;
    background: #E0E0E0;
}


.yWuE19a8 {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;

    padding: 0;

    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    color: #111827;
}


.yWuE19a8::placeholder {
    color: #A7A7A7;
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
}


.AQUBH5ZB:focus-within {
    border-color: var(--color-purple-600);
    box-shadow: 0 0 0 1px rgba(144, 19, 122, 0.12);
}


.f3yIk5jd {
    width: 340px;
    height: 100px;
    box-sizing: border-box;

    border-radius: 6px;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;

    border-width: 1px;
    border-style: solid;
    border-color: #E0E0E0;

    background-color: #F9F9F9;

    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    color: #111827;

    resize: none;
    overflow-y: auto;
}


.f3yIk5jd::placeholder {
    color: #A7A7A7;
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
}


.f3yIk5jd:focus {
    outline: none;
    border-color: var(--color-purple-600);
    box-shadow: 0 0 0 1px rgba(144, 19, 122, 0.12);
}


.uadPSche {
    margin-top: auto;
    padding-top: 4px;
    border-top: 1px dashed #e5e7eb;
    font-size: 12px;
    color: #4b5563;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ktglaH6z {
    display: flex;
    align-items: center;
    gap: 4px;
}

.qtNeOHkt {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    'Liberation Mono', 'Courier New', monospace;
    font-size: 11px;
    color: #111827;
}


.jGDuoFyX {
    padding: 8px 12px 0 12px;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

._t0sxpkj {
    min-width: 110px;
    height: 36px;
    border-radius: 6px;
    border: 1px solid #d1d5db;
    background: #ffffff;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    cursor: pointer;
}

._t0sxpkj:hover {
    background: #f3f4f6;
}

.qFQapM9U {
    min-width: 120px;
    height: 36px;
    border-radius: 6px;
    border: none;
    background: var(--color-purple-600);
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    cursor: pointer;
}

.qFQapM9U:hover {
    background: var(--color-purple-400);
}
.mmawGrS6 {
    margin-top: 4px;
    font-size: 12px;
    color: var(--color-red-900);
}
.pFAH_gRZ {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Jzl27DgD {
    display: flex;
    align-items: center;
    gap: 16px;
}

.po8cf0_J {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #2F2F2F;
}

.EJdjMDIT {
    margin-bottom: 16px;
}

.fYOSG4To {
    display: flex;
    gap: 5px;
    margin-top: 8px;
    flex-wrap: wrap;
}

.V9iYwpK5 {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    gap: 4px;
    border-radius: 999px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #111111;
    cursor: pointer;
}

.jw6KfDNh {
    background: #f4e3ee;
    border-color: #90137a;
}

.Qeo5w5If {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.sDr_RtC4 {
    background: #90137a;
}

.y6_bF3QZ {
    background: #ffd500;
}

.W8v7c1xz {
    background: #9e9e9e;
}

.Qeo5w5If {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.sDr_RtC4 {
    background: #8B5A2B;
}

.y6_bF3QZ {
    background: #D97706;
}

.W8v7c1xz {
    background: #111827;
}

.xhLm9DUg {
    background: #DC2626;
}

.wlPAH1N2 {
    background: #9CA3AF;
}

.PbWaajNJ {
    background: #059669;
}

.rUGfFj7Z {
    width: 352px;
    background: #f9f9f9;
    font-family: Inter, sans-serif;
}

.LyNa5aeB {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 20px;
}

.rGbfFZrm {
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: #2F2F2F;
    text-transform: capitalize;
}

.Rr32mkNs {
    border: none;
    background: transparent;
    width: 26px;
    height: 26px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #A7A7A7;
}

._fF6kK5_ {
    display: flex;
    justify-content: center;
    column-gap: 12px;
    margin-bottom: 20px;
}

.kZ9BcFcl {
    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #A7A7A7;
}

.glRJGc40 {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.Y8VSzRxQ {
    display: flex;
    justify-content: center;
}

.ze672Rh9{
    width: 40px;
    height: 40px;
    padding: 0px 6px;
    box-sizing: content-box;
    border: none;

    position: relative;
    background: transparent;

    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;
}

.ze672Rh9::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 0;
}

.MTfu4KpY {
    position: relative;
    z-index: 1;

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;

    border-radius: 999px;
    transition: background 0.15s ease;
}

.AnXM86Z2,
.fMVHCRnH {
    cursor: default;
}

.AnXM86Z2 .MTfu4KpY,
.fMVHCRnH .MTfu4KpY {
    color: #CCCCCC;
}

.ze672Rh9 .MTfu4KpY {
    color: #2F2F2F;
}

.ZXBFO_NT:not(.CORPESKo):not(.G_d4Ad2g):not(.hyVKZMDH) .MTfu4KpY {
    border: 2px solid var(--color-purple-600);
    background: transparent;
}

.ze672Rh9:not(.AnXM86Z2):not(.hyVKZMDH):not(.CORPESKo):not(.G_d4Ad2g):hover .MTfu4KpY {
    background: rgba(144, 19, 122, 0.15);
    border-radius: 999px;
}

.hyVKZMDH::before {
    background: rgba(144, 19, 122, 0.1);
}

.CORPESKo.hyVKZMDH::before {
    left: 50%;
    right: 0;
}

.G_d4Ad2g.hyVKZMDH::before {
    left: 0;
    right: 50%;
}

.CORPESKo .MTfu4KpY,
.G_d4Ad2g .MTfu4KpY {
    background: var(--color-purple-600);
    color: #ffffff;
}

.CORPESKo.G_d4Ad2g.hyVKZMDH::before {
    background: transparent;
    left: 0;
    right: 0;
}

.CORPESKo:hover .MTfu4KpY,
.G_d4Ad2g:hover .MTfu4KpY {
    background: var(--color-purple-600);
}

.hyVKZMDH:not(.CORPESKo):not(.G_d4Ad2g):hover::before {
    background: rgba(144, 19, 122, 0.12);
}

.OO2qruGj {
    position: absolute;
    bottom: -10px;
    display: flex;
    gap: 3px;
    align-items: center;
    z-index: 2;
}

.mwYdT80O {
    position: relative;
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: #8B5A2B;
}

.vgLN78LV {
    background: #8B5A2B;
}

.sEVmmq8C {
    background: #D97706;
}

.i08Zyy2_ {
    background: #9CA3AF;
}

.qmPR4VeG {
    background: #059669;
}

.lVxxOI30 {
    background: #DC2626;
}

.pEzsg9r_ {
    background: #111827;
}

.mwYdT80O::after {
    position: absolute;
    left: 50%;
    bottom: 140%;
    transform: translateX(-50%) translateY(4px);

    padding: 3px 6px;
    border-radius: 4px;

    background: rgba(17, 24, 39, 0.96);
    color: #ffffff;

    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-size: 10px;

    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease, transform 0.15s ease;
    z-index: 5;

    content: "забронировано";
}

.vgLN78LV::after {
    content: "подтверждено";
}

.sEVmmq8C::after {
    content: "ожидает подтверждения";
}

.i08Zyy2_::after {
    content: "отменено пользователем";
}

.qmPR4VeG::after {
    content: "завершено";
}

.lVxxOI30::after {
    content: "отменено владельцем";
}

.pEzsg9r_::after {
    content: "недоступно (Выходной)";
}

.mwYdT80O:hover::after {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.XOY_DpYA {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 11px;
    color: #4b5563;
}

.egLZxFMh {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.uqL4GEd2 {
    width: 14px;
    height: 8px;
    border-radius: 4px;
    border: 1px solid #d1d5db;
    background: #f9f9f9;
}

.WgreC2YZ {
    background: var(--color-purple-600);
    border-color: var(--color-purple-600);
}

.AmjOIYeY,
.Y3N2W5GF,
.ZwkKXu1G,
.bnsc7jvG,
.lGEI3ukG,
.mTXZ58kO {
    width: 8px;
    height: 8px;
    border-radius: 999px;
}

.AmjOIYeY {
    background: #8B5A2B;
}

.Y3N2W5GF {
    background: #D97706;
}

.ZwkKXu1G {
    background: #9CA3AF;
}

.bnsc7jvG {
    background: #059669;
}

.lGEI3ukG {
    background: #DC2626;
}

.mTXZ58kO {
    background: #111827;
}

.me_iQoUz {
    font-size: 11px;
}

.nVst5N9Z {
    box-sizing: border-box;
    background: var(--color-background-main);
    align-items: flex-start;
    gap: 32px;
    padding: .5rem;
    display: flex;
    position: relative;
}

.nVst5N9Z > :first-child {
    flex: 1 1 0;
}

.UOhIl01m {
    position: sticky;
    top: 1rem;
    height: fit-content;
    width: 100%;
}

@media (max-width: 768px) {
    .nVst5N9Z {
        flex-direction: column;
    }

    .UOhIl01m {
        position: static;
        width: 100%;
        flex: none;
    }
}

.JEbOTfkc{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.LwcZGso1{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:52px;
    padding:6px 8px 6px 24px;
    background:#fff;
    border-radius:12px;
}

.xnlAR3iJ{
    font-family:Inter, sans-serif;
    font-weight:600;
    font-size:18px;
    line-height:24px;
}

.H3Mo1ZWO{
    display:flex;
    gap:10px;
}

.hwXK2n0w{
    display:flex;
    gap:20px;
    margin-top:16px;
    margin-right:24px;
}

._hglhxRq{
    flex:1;
    min-width:360px;
    max-width:640px;
    background:#FFFFFF;
    padding:0;
}

.XmOjUXju{
    flex:3;
    padding:16px;
    background:#fff;
    border-radius:12px;
}

.fz5D5EiP{
    padding:0px 16px 0px 16px;
    background:#FFFFFF;
}

.a865aTn1{ background:#FFFFFF; }
.DxXKol4J{ background:var(--color-primary-rp200); padding-top: 16px; }

.RugqgWgh{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:8px;
}

.RugqgWgh h2{
    margin:0;
    font-weight:600;
    font-size:16px;
    line-height:22px;
}

.pju1p7A3{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    font-size:13px;
    cursor:pointer;
    background:#fff;
    border:1px solid #D0D0D0;
    border-radius:8px;
}

.pju1p7A3:hover{
    background:#E0E0E0;
}

.uHxTFj6U{
    position:relative;
    display:inline-flex;
    width:44px;
    height:24px;
}

.uHxTFj6U input{
    position:absolute;
    width:0;
    height:0;
    opacity:0;
}

.uHxTFj6U span{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    border-radius:999px;
    background:#D2D5DA;
    cursor:pointer;
    transition:.2s;
}

.uHxTFj6U span::after{
    content:"";
    position:absolute;
    top:3px;
    left:3px;
    width:18px;
    height:18px;
    background:#fff;
    border-radius:50%;
    transition:.2s;
}

.uHxTFj6U input:checked + span{ background:var(--color-blue); }
.uHxTFj6U input:checked + span::after{ transform:translateX(20px); }

.ggvvpLYQ{
    margin:0 0 12px 0;
    color:#666;
}

.BIKhwL0L{
    height:1px;
    margin:16px 0;
    background:#E0E0E0;
}

.udXgWoyd{
    display:flex;
    flex-direction:column;
    gap:6px;
    width:100%;
    margin-top:12px;
}

.udXgWoyd > label{
    font-weight:600;
    font-size:14px;
}

.udXgWoyd input[type="text"],
.udXgWoyd input[type="number"],
.udXgWoyd input[type="tel"],
.udXgWoyd input[type="url"],
.udXgWoyd select,
.udXgWoyd textarea{
    box-sizing:border-box;
    width:100%;
    height:44px;
    padding:0 14px;
    font-size:15px;
    line-height:22px;
    background:#fff;
    border:1px solid #DDE1E4;
    border-radius:10px;
}

.udXgWoyd textarea{
    min-height:88px;
    padding:10px 14px;
    resize:vertical;
}

.D2gnMtLv{ position:relative; }
.D2gnMtLv input{ padding-right:36px; }

.QJzMUfb7{
    position:absolute;
    top:50%;
    right:12px;
    transform:translateY(-50%);
    font-weight:600;
    pointer-events:none;
}

.ObuWXjws{ position:relative; }
.ObuWXjws input{ padding-right:48px; }

.Hdu7Kfqn{
    position:absolute;
    top:50%;
    right:14px;
    font-weight:600;
    color:#1a1b1e;
}

.a3dqCLh9{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:4px;
}

.a3dqCLh9 input[type="radio"],
.a3dqCLh9 input[type="checkbox"]{
    position:absolute;
    width:0;
    height:0;
    opacity:0;
    pointer-events:none;
}

.ZLOOOFws{
    display:inline-flex;
    align-items:center;
    gap:0.35rem;
    padding:0.35rem 0.9rem;
    font-family:system-ui, sans-serif;
    font-size:14px;
    line-height:1.2;
    background:#fff;
    border:1px solid #D0D0D0;
    border-radius:9999px;
    cursor:pointer;
    user-select:none;
    transition:.15s ease;
}

.a3dqCLh9 input:checked + label.ZLOOOFws,
.a7lq8g22{
    color:#fff;
    background:var(--color-blue);
    border-color:var(--color-blue);
}

.kqEpAhz3{ position:relative; }

.CCsqH6Ak{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    height:44px;
    padding:0 12px;
    text-align:left;
    background:#fff;
    border:1px solid #DDE1E4;
    border-radius:10px;
    cursor:pointer;
}

.CCsqH6Ak:hover{
    background:#E0E0E0;
}

.GLt5gbnB{
    width:0;
    height:0;
    margin-left:8px;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:7px solid #6b7280;
}

.OqFIzviN{
    position:absolute;
    top:calc(100% + 6px);
    left:0;
    right:0;
    z-index:10;
    padding:8px;
    background:#fff;
    border:1px solid #DDE1E4;
    border-radius:10px;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.dGudzUNg{
    display:flex;
    align-items:center;
    gap:8px;
    padding:6px 4px;
    cursor:pointer;
}

.FONrkBht{
    display:flex;
    align-items:center;
    gap:16px;
    margin-top:10px;
    flex-wrap:wrap;
}

.etbdO3Rk{
    position:relative;
    padding-top:18px;
    padding-bottom:6px;
}

.wysgDpuB{
    position:relative;
    height:4px;
    background:#E0E0E0;
    border-radius:999px;
}

/* заливка */
.tKZ0leh9{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:0;
    background:var(--color-blue);
    border-radius:999px;
    transition:width .2s ease;
    pointer-events:none;
    z-index:0;
}

.EemcNGRI{ position:relative; height:0; z-index:1; }

.UYGiozkQ{
    position:absolute;
    top:-8px;
    left:0;
    width:16px;
    height:16px;
    background:#C8CBD1;
    border:2px solid #fff;
    border-radius:50%;
    box-shadow:0 0 0 1px #C8CBD1;
    transform:translateX(-50%);
    cursor:pointer;
    padding: 0;
}

.RKrNppgD{
    background:var(--color-blue);
    box-shadow:0 0 0 1px var(--color-blue);
    border-radius: 50%;
}

.XfcGuc7k{
    display:flex;
    justify-content:space-between;
    margin-top:8px;
    font-size:12px;
    color:#555;
}

.lqMFwiNp{
    max-width:33%;
    text-align:center;
}

.plmmPfD7{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:fit-content;
    height:44px;
    padding:10px 14px;
    color:var(--color-blue);
    background:#fff;
    border:1px solid var(--color-blue);
    border-radius:10px;
    cursor:pointer;
}

.plmmPfD7:hover{
    background:#E0E0E0;
}

.plmmPfD7 input[type="file"]{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:0;
    cursor:pointer;
}

.BUwBBMCe{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:8px;
}

.nDTRjnxv{
    font-size:14px;
    color:#333;
}

.nJO0h6QB{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:8px;
    padding:8px 0;
}

.nxTn_uOa{ font-weight:600; }

.cxSyfQQ0{
    display:flex;
    align-items:center;
    gap:16px;
    margin-top:8px;
}

.XePBdLKS{
    display:inline-flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
    user-select:none;
}

.XePBdLKS input[type="checkbox"]{
    appearance:none;
    -webkit-appearance:none;
    width:18px;
    height:18px;
    background:#fff;
    border:1px solid var(--color-blue);
    border-radius:0;
    display:inline-block;
    vertical-align:middle;
    position:relative;
}

.XePBdLKS input[type="checkbox"]:checked{
    background:var(--color-blue);
    box-shadow:inset 0 0 0 2px #ffffff;
}

.XePBdLKS input[type="checkbox"]:focus-visible{
    outline:2px solid var(--color-light-blue);
    outline-offset:2px;
}

.K5QfjP7z{ border-color:var(--color-primary) !important; }

.vImOx_ZA{
    margin-top:2px;
    font-size:12px;
    line-height:16px;
    color:var(--color-primary);
}

.p69V5Vgy{
    margin:12px 0;
    padding:12px 14px;
    background:#F7F8FA;
    border:1px solid #DDE1E4;
    border-radius:8px;
}

.p69V5Vgy strong{
    display:block;
    margin-bottom:8px;
}

.p69V5Vgy ul{
    margin:0;
    padding-left:18px;
}

.Y_g42Ksi{ font-weight:600; }

.P5dk04zd{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-top:16px;
}

.Ez7EH_Pb{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    max-height:152px;
    overflow:auto;
}

.IkArfZ39{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:4px 12px;
    font-size:14px;
    background:#f3f4f6;
    border:1px solid #DDE1E4;
    border-radius:16px;
    cursor:pointer;
    transition:.15s ease;
}

.IkArfZ39 img{
    width:16px;
    height:16px;
}

.IkArfZ39 input{
    position:absolute;
    width:0;
    height:0;
    opacity:0;
    pointer-events:none;
}

.k3CIr7le{
    color:#fff;
    background:var(--color-blue);
    border-color:var(--color-blue);
}

.KnnJQ263{ margin-top:16px; }

.MlB5Fwyz{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:110px;
    padding:13px 9px 9px;
    background:transparent;
    border:1px dashed #CFD4DE;
    border-radius:8px;
    cursor:pointer;
}

.PTJqPcy0{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer;
}

.ssYMC1mE{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:16px;
    padding:2px;
    background:#f5f5f5;
}

.SnbDhz6f{
    position:relative;
    width:120px;
    height:80px;
    overflow:hidden;
    background:#fff;
    border-radius:12px;
    box-shadow:0 0 0 2px #ffffffb2;
    transition:box-shadow .2s ease;
}

.SnbDhz6f.dQjD9s4G{ box-shadow:0 0 0 4px var(--color-blue); }

.jiEbp9zT{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:8px;
}

.BAOUjhIg{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    padding:6px;
    box-sizing:border-box;
    opacity:0;
    pointer-events:none;
    transition:opacity .2s ease;
}

.SnbDhz6f:hover .BAOUjhIg,
.SnbDhz6f.dQjD9s4G .BAOUjhIg{ opacity:1; }

.MN9hygQM{
    width:20px;
    height:20px;
    cursor:pointer;
    pointer-events:auto;
}

.PQIeGU3Q{ margin-right:auto; }
.VQAkkM0b{ margin-left:auto; }

.A2kv6Sm_{
    display:flex;
    justify-content:space-between;
    margin-top:16px;
    margin-left:24px;
}

.Ryp7XApt{
    display:flex;
    gap:8px;
}

.DElH7xn1{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.DslRvhHH{
    display:flex;
    align-items:center;
    gap:8px;
}

.LVBeJj1R{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-top:12px;
}

.wMRGYBGd{
    padding:12px;
    background:#fff;
    border:1px solid #E3E5EA;
    border-radius:10px;
}

.fDs5zgjJ{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:8px;
}

.NTqB9rXQ{ font-weight:600; }

.BRCj57Cj{
    font-size:12px;
    color:#666;
}

.k6_tomvh{
    padding:8px 0 14px;
    color:#6b7280;
    border-bottom:1px solid #DDE1E4;
}

.pyZ9DKk0{
    font-family:Inter, sans-serif;
    font-weight:600;
    font-size:14px;
    line-height:24px;
    color:#1a1b1e;
}

.tnZsmbkF {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ycBo4bNA {
    display: inline-flex;
    align-items: center;
    gap: 0;
    padding: 4px;
    border-radius: 999px;
    background: #E5EBFB;
}

.DMFh4G9G {
    padding: 8px 16px;
    border-radius: 999px;
    background: transparent;
    border: none;
    color: var(--color-dark-gray-2);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.DMFh4G9G:hover:not(:disabled):not(.Qsr2mOkl) {
    background: rgba(0, 0, 0, 0.04);
}

.Qsr2mOkl {
    background: var(--color-blue);
    color: var(--color-white);
}

.LsX2agFA {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.Gv1jhIg8 {
    width: 261px;
    height: 52px;
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    border-radius: 12px;
    background: var(--color-light-blue);
}

.KtG4kQZm {
    color: var(--color-mid-gray-3);
    font-size: 12px;
    line-height: 16px;
}

.Un09CPwp {
    width: 100%;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0 22px 0 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--color-dark-gray-2);
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/assets/b51046f9bad2b2d735f2.svg);
    background-repeat: no-repeat;
    background-position: right 0 center;
    background-size: 18px 18px;
}

.uKcKmobZ {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.kwRr4_Ej {
    padding: 24px;
    text-align: center;
    background: var(--color-white);
    border: 1px solid var(--color-light-gray-2);
    border-radius: 12px;
    color: var(--color-mid-gray-2);
}

.Aug7b4Of {
    display: flex;
    gap: 10px;
    background: var(--color-white);
    border: 1px solid var(--color-light-gray-2);
    border-radius: 12px;
    padding: 12px;
    width: 592px;
    height: 200px;
    overflow: hidden;
}

.xabzlKAW {
    background: #f6f8f9;
    opacity: 0.85;
}

.TbgFJBZ9 {
    position: relative;
    flex: 0 0 160px;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    background: var(--color-light-gray-5);
}

.EbBvh8Eb {
    width: 100%;
    height: 100%;
}

.EbBvh8Eb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Gf0Eo39Q {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    min-height: 0;
}

.I_eg5Vrm {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.VC9S3if5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-dark-gray-2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.PSZjp79X {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: var(--status-color, var(--color-mid-gray-2));
    white-space: nowrap;
}

.DEEPz9jK {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: var(--status-color, var(--color-mid-gray-2));
}

.ZLF251aA {
    color: var(--status-color, var(--color-mid-gray-2));
}

.TvYQRlen {
    --status-color: var(--color-yellow-800);
}

.Bx3kX_wV {
    --status-color: var(--color-mid-gray-3);
}

.z7CTESTW {
    --status-color: var(--color-purple-500);
}

.Ue4fF_Or {
    --status-color: var(--color-green-600);
}

.i9VIum2X {
    --status-color: var(--color-mid-gray-2);
}

.UQ10lLPx {
    font-size: 12px;
    line-height: 16px;
    color: var(--color-mid-gray-2);
}

.vRlEVtK0 {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.VVYKIWMG {
    font-size: 16px;
    line-height: 20px;
    color: var(--color-mid-gray-2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.waZNr5Bd {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.aTbBQBKU {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-align: left;
    padding: 0;
    color: var(--color-mid-gray-2);
    font-size: 14px;
    line-height: 20px;
}

.lVo7EnwS {
    color: var(--color-mid-gray-3);
    font-size: 12px;
    line-height: 16px;
}

.MuxyrTpd {
    transition: transform 0.2s ease;
    opacity: 0.8;
}

.gv65Kkav {
    transform: rotate(180deg);
}

.sSVrtVMN {
    font-size: 14px;
    line-height: 20px;
    color: var(--color-mid-gray-2);
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 64px;
    overflow: auto;
}

.zmY1JJFz {
    display: flex;
    gap: 6px;
    font-size: 14px;
    line-height: 20px;
}

.i_8WhbvU {
    color: var(--color-mid-gray-3);
}

.Um9NtnUi {
    color: var(--color-mid-gray-3);
}

.Q8u0ITqn {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: auto;
}

.G3qhPD1A {
    display: inline-flex;
    align-items: center;
    background: none;
    color: var(--color-green-600);
    padding: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.G3qhPD1A:hover:not(:disabled) {
    text-decoration: underline;
}

.ZCOehYK8 {
    display: inline-flex;
    align-items: center;
    background: none;
    color: var(--color-red-900);
    padding: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.ZCOehYK8:hover:not(:disabled) {
    text-decoration: underline;
}

.LQhtkwPR {
    text-align: left;
    min-width: 420px;
}

.i42XTl4T {
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: var(--color-dark-gray-2);
}

.OHRFUDAp {
    margin: 0 0 12px;
    color: var(--color-mid-gray-2);
}

.HdP5pSn9 {
    width: 100%;
    resize: vertical;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 10px;
    padding: 10px 12px;
    font-family: inherit;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-dark-gray-2);
    outline: none;
    background: var(--color-white);
}

.eHLMEVux {
    margin-top: 14px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.NBzwz9LC {
    background: var(--color-white);
    color: var(--color-dark-gray-2);
    border: 1px solid var(--color-light-gray-2);
    padding: 8px 16px;
    border-radius: 8px;
}

.nifMm5_U {
    background: var(--color-red-900);
    color: var(--color-white);
    padding: 8px 16px;
    border-radius: 8px;
}

@media (max-width: 680px) {
    .LsX2agFA {
        flex-direction: column;
        align-items: stretch;
    }

    .Gv1jhIg8 {
        width: 100%;
    }

    .Aug7b4Of {
        flex-direction: column;
        width: 100%;
        height: auto;
    }

    .TbgFJBZ9 {
        width: 100%;
        flex-basis: auto;
        height: 200px;
    }

    .LQhtkwPR {
        min-width: 320px;
    }
}

.QdXXWEq1 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.x55iEdn5 {
    width: 100%;
    background: var(--color-white);
    border-bottom: 1px solid var(--color-light-gray-2);
    border-radius: 8px;
}

.DTo_zh41 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
    gap: 16px;
}

.G0YvhCtP,
.RRNAGKjO {
    display: flex;
    gap: 12px;
}

.RfnmrnAk,
.NZYJlE45 {
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: var(--color-mid-gray-2);
}

._HnYsEAl,
.bZC5sZKX {
    color: var(--color-blue);
    background: var(--color-light-blue);
}

.ev72_rao {
    display: flex;
    align-items: center;
    gap: 8px;
}

.CHwP8g0L {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.aDe3VOny {
    display: flex;
    flex-direction: column;
}

.iy3jhAyQ {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: var(--color-dark-gray-2);
}

.hpaLKIX8 {
    font-size: 12px;
    line-height: 16px;
    color: var(--color-mid-gray-3);
}

.j1PpB_R7 {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.GowGxBpl {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 8px;
    background: var(--color-blue);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.WG2fSGra {
    background: var(--color-light-blue);
    color: var(--color-dark-gray-2);
}

.lPRLVcUl {
    padding: 24px;
    background: var(--color-light-gray-5);
    border-radius: 8px;
}

.vCIjpRJE {
    --gap: 1.25rem;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
    align-items: flex-start;
}

.ZMVHuflA {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    flex: 0 0 auto;
    min-width: 0;
}

.ZMVHuflA:nth-child(2n) {
    margin-top: 1rem;
}

.xgnStAC2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin: 32px 0 8px;
}

.SfDtpnuP {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.erEWqCT5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.RRNAGKjO {
    display: inline-flex;
    align-items: center;
    gap: 0;
    padding: 4px;
    border-radius: 999px;
    background: #e5ebfb;
}

.NZYJlE45 {
    padding: 8px 16px;
    border-radius: 999px;
    background: transparent;
    border: 0;
    color: var(--color-dark-gray-2);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.bZC5sZKX {
    background: var(--color-blue);
    color: #fff;
}

.NNvWhJMy {
    width: 260px;
    min-height: 52px;
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    border-radius: 8px;
    background: var(--color-light-blue);
}

.NNvWhJMy span {
    color: var(--color-mid-gray-3);
    font-size: 12px;
    line-height: 16px;
}

.NNvWhJMy select {
    width: 100%;
    background: transparent;
    border: 0;
    padding: 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--color-dark-gray-2);
    outline: none;
}

.hJB1QX0_ {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 12px;
}

.wZW3e26n {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 220px;
    padding: 18px;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(20, 28, 40, .05);
}

.cx68C1hL {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.cx68C1hL > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.Mu0EPfJY {
    font-size: 12px;
    line-height: 16px;
    color: var(--color-mid-gray-3);
}

.DCH8kAux {
    color: var(--color-dark-gray-2);
    font-size: 20px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.yL2lbVk9 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
}

.yL2lbVk9 div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.yL2lbVk9 dt,
.gYL8hWvu span {
    color: var(--color-mid-gray-3);
    font-size: 12px;
    line-height: 16px;
}

.yL2lbVk9 dd {
    margin: 0;
    color: var(--color-dark-gray-2);
    font-size: 14px;
    line-height: 20px;
}

.gYL8hWvu {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    border-radius: 8px;
    background: var(--color-light-gray-5);
}

.gYL8hWvu p {
    margin: 0;
    color: var(--color-mid-gray-2);
    font-size: 14px;
    line-height: 20px;
    word-break: break-word;
}

.gpKZsBNR {
    position: absolute;
    right: 16px;
    bottom: 12px;
    font-size: 12px;
    color: var(--color-mid-gray-3);
}

.gBxQvPuL {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--status-color, var(--color-mid-gray-2));
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    white-space: nowrap;
}

.gBxQvPuL i {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: var(--status-color, var(--color-mid-gray-2));
}

.GJUDKxnr {
    --status-color: #a66b00;
}

.Uh8hGjcO {
    --status-color: var(--color-blue);
}

.Y0iuJL9N,
.grLOkgnM {
    --status-color: var(--color-mid-gray-3);
}

.QlBZm5AU {
    --status-color: #14843b;
}

.HEwBKCWP,
.z_MihyvX {
    text-align: center;
}

.z_MihyvX {
    color: var(--color-primary);
}

@media (max-width: 720px) {
    .DTo_zh41,
    .erEWqCT5,
    .cx68C1hL {
        align-items: flex-start;
        flex-direction: column;
    }

    .lPRLVcUl {
        padding: 12px;
    }

    .vCIjpRJE {
        flex-direction: column;
    }

    .ZMVHuflA {
        width: 100% !important;
        max-width: 100% !important;
    }

    .NNvWhJMy,
    .hJB1QX0_ {
        width: 100%;
    }

    .hJB1QX0_,
    .yL2lbVk9 {
        grid-template-columns: 1fr;
    }
}

.q8gKAYZm {
    padding: 24px;
    background: var(--color-light-gray-5);
    min-height: calc(100vh - 64px);
    border-radius: 8px;
}

.S1MaxWj8 {
    position: relative;
}

.OmHmYTLc {
    position: absolute;
    inset: 0;
    background: rgba(255 255 255 / 0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.LPqWyrn1 {
    text-align: center;
    padding: 24px;
}

._0QWygte {
    margin: 16px 0 8px;
    font-size: 1.5rem;
    color: var(--color-dark-gray-2);
}

.iqNidL90 {
    font-size: 1rem;
    color: var(--color-mid-gray-2);
}

.rlna7Poh {
    padding: 20px;
}

.khOlLIfx {
    margin: 0 0 12px;
}

.lT2KjWYN {
    color: var(--color-primary);
    margin: 0 0 8px;
}

.mf4xkyd9 {
    color: var(--color-blue);
    margin: 0 0 8px;
}

.C7KiUfsc {
    display: flex;
    gap: 8px;
}


.ljs26VZG {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 16px;
    gap: 12px;
    max-width: 420px;
}

.ljs26VZG > label {
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #1a1b1e;
}

.ljs26VZG input,
.ljs26VZG input[type="text"],
.ljs26VZG input[type="number"],
.ljs26VZG input[type="tel"],
.ljs26VZG textarea {
    width: 100%;
    padding: 0 16px;
    height: 48px;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 12px;
    font-size: 16px;
    line-height: 24px;
    box-sizing: border-box;
}
.vVBVUoNf {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.G_OPYkXn {
    border: 1px dashed var(--color-light-gray-2);
    border-radius: 1rem;
    padding: 1rem;
    min-height: 164px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}

.HTPzfHg4 { width:100%; }
.ZPD3qXQU   { display:none; }

.QwB1uoJy  { width:24px; height:24px; margin: 0 auto; }
.eo9I0dhB { margin: 4px 0 .5rem; }

.aWlAMZ70 {
    max-height: 2rem;
    font-weight: 400;
}

.pWjMr_wi {
    margin-top: 1rem;
    max-width: 320px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.HPp2GLDz {
    position: relative;
    width: 100%;
    padding-top: 100%;
    background: #f8f9fa;
    border-radius: 8px;
    overflow: hidden;
}
.HPp2GLDz > div {
    position: absolute !important;
    inset: 0;
    border-radius: 8px;
}

.Rc5EvpaE {
    width: 100%;
    margin: .5rem 0;
}

.US5BLc6t {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.Af5hPgaK {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
}

.JfRSbD5a {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
}
.Af5hPgaK {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.B6XUA_WO {
    position: relative;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 16px;
}

.HfA1bcJ9 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1.5rem;
}
.ddrGxbOx {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ddrGxbOx > h1 {
    font-family: Inter;
    font-weight: 500;
    font-size: 28px;
    line-height: 100%;
    vertical-align: middle;
    color: rgba(47, 47, 47, 1);
}
.ddrGxbOx > p {
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    vertical-align: middle;
    color: rgba(95, 95, 95, 1);
}

.eusAKv0V {
    display: flex;
    align-items: stretch;
    gap: 1rem;
    flex-wrap: wrap;
}

.xE5Wlwzt {
    background: var(--color-white);
    border-radius: 12px;
    width: 100%;
    max-width: 23.75rem;
    padding: 15px 20px 20px 20px;
    border: 1px solid #E6E6E6;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.X8iyn3Kq {
    border: 2px solid rgba(144, 19, 122, 1)
}

.FgsRYDzz {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(224, 224, 224, 1);
}

.ICDhDO4F {
    font-size: 16px;
    font-weight: 700;
    color: var(--color-dark-gray-2);
}

.GK0xLYIl {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.qTLHXjOZ {
    font-size: 11px;
    font-weight: 500;
    color: var(--color-blue);
    border: 1px solid var(--color-blue);
    border-radius: 999px;
    padding: 2px 8px;
    background: var(--color-white);
    white-space: nowrap;
}

.jPRI9Icg {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: var(--color-white);
    background: var(--color-blue);
    border-radius: 999px;
    padding: 2px 8px;
    white-space: nowrap;
}

.bELe6LrY {
    color: var(--color-yellow-700);
    font-size: 12px;
    line-height: 1;
}

.U16Q0C0F {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.po31FsRz {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.po31FsRz:last-child {
    border-bottom: none;
}

.zvbux_SM {
    color: var(--color-mid-gray-3);
}

.ecLRlEh5 {
    width: 18px;
    min-width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    margin-top: 2px;
}

.WG765jPH {
    color: var(--color-green-600);
    font-weight: 600;
}

.HLLGxR1V {
    color: var(--color-mid-gray-3);
    font-weight: 600;
}

.T3PKPJ5Q {
    font-size: 13px;
    line-height: 1.35;
    color: inherit;
}

.iGsAsuB9 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: auto;
}

.byJxA0Q3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    height: 30px;
}

.nSj1xNKh {
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
}

.ytoiA7qp {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-blue);
}

.uh7hroHU {
    font-size: 14px;
    color: var(--color-mid-gray-3);
    text-decoration: line-through;
}

.JJWECQAm {
    font-size: 12px;
    color: var(--color-mid-gray-3);
}

.fu7BnH77 {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-blue);
}

.rLbFhRpL {
    font-size: 12px;
    color: var(--color-mid-gray-3);
}

.iIm_qbKh {
    height: 28px;
    min-width: 110px;
    padding: 4px 12px;
    border-radius: 8px;
    font: 600 12px/1 Inter, sans-serif;
    background: var(--color-blue);
    color: var(--color-white);
}

.iIm_qbKh:hover {
    background: var(--color-blue-hover);
}

.G00qgcBQ {
    background: #E0E0E0;
    color: #A7A7A7;
}

.XU3WbnnU {
    margin-top: 0.5rem;
    padding: 16px 20px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.eoTXB0Ar {
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    vertical-align: middle;
    color: #3F3F41;
}

.tr3ZtEw6 {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    max-width: 32rem;

}

.Qi1Dwc9w {
    flex: 1;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid var(--color-mid-gray-2);
    font-size: 0.875rem;
    outline: none;
}

.Qi1Dwc9w:focus {
    border-color: var(--color-blue);
}

.NRJ7vEN1 {
    padding: 8px 14px;
    border-radius: 8px;
    border: none;
    font: 600 14px/20px Inter, sans-serif;
    cursor: pointer;
    background: var(--color-blue);
    color: var(--color-white);
    white-space: nowrap;
    transition: background 0.15s ease-in-out, opacity 0.15s ease-in-out;
}

.NRJ7vEN1:hover:not(:disabled) {
    background: var(--color-blue-hover);
}

.NRJ7vEN1:disabled {
    opacity: 0.6;
    cursor: default;
}

.Gv7xC47C{
    border-radius: 8px;
    padding: 10px;
    border: 1px solid rgba(224, 224, 224, 1);
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: rgba(47, 47, 47, 1);
    background: #F9F9F9;
    max-width: 780px;

}

.MKb8Tfxg {
    position: relative;
}

.kROgIHGm {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    z-index: 3000;
}

.tsBAqWqs {
    width: 100%;
    max-width: 420px;
    background: var(--color-white);
    border-radius: 8px;
    border: 1px solid var(--color-light-gray-2);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);
    display: flex;
    flex-direction: column;
}

.MLsSEArb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--color-light-gray-2);
}

.AVyRu6cY {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-dark-gray-2);
}

.FLATm9EW {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-mid-gray-2);
    font-size: 18px;
}

.FLATm9EW:hover {
    background: #E0E0E0;
}

.v97Ezb4z {
    padding: 12px 16px 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.IYuB5XBj {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-dark-gray-2);
}

.vtLT_LCS {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.iUTW6qqs {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 13px;
    color: var(--color-dark-gray-2);
}

.i0xRZbX8 {
    color: var(--color-mid-gray-3);
}

.c4xtCyX1 {
    color: var(--color-green-600);
    font-size: 14px;
    line-height: 1.1;
}

.I7Sv5p7S {
    color: var(--color-mid-gray-3);
}

.TtsqAxQJ {
    line-height: 1.3;
}

.UmsV0vsl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--color-light-gray-2);
    border-bottom: 1px solid var(--color-light-gray-2);
    padding: 8px 0;
}

.ClWu2BUa {
    font-size: 13px;
    color: var(--color-dark-gray-2);
}

.d7Ztkl0Q {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-dark-gray-2);
}

.W159UexO {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--color-mid-gray-2);
}

.W159UexO input {
    width: 14px;
    height: 14px;
    accent-color: var(--color-blue);
}

.OOAMA5JM {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px 12px;
}

.fNBxZUai {
    flex: 1;
    height: 32px;
    border-radius: 6px;
    background: #F7F7F7;
    color: var(--color-dark-gray-2);
    font-size: 13px;
    box-shadow: inset 0 0 0 1px var(--color-light-gray-2);
}

.fNBxZUai:hover {
    background: #E0E0E0;
}

.tNlQRBpv {
    flex: 1;
    height: 32px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    background: var(--color-blue);
    color: var(--color-white);
}

.tNlQRBpv:hover {
    background: var(--color-blue-hover);
}

.vaefI8IP {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.oGwUPF5n {
    text-align: center;
    padding: 24px;
}

.mehtC0Us {
    margin: 16px 0 8px;
    font-size: 1.5rem;
    color: var(--color-dark-gray-2);
}

.uBhFTge4 {
    font-size: 1rem;
    color: var(--color-mid-gray-2);
}

.PCAIT0aZ {
    background: var(--color-white);
    border-radius: 16px;
    width: 100%;
    max-width: 23.75rem;
    padding: 18px 20px 20px;
    border: 2px solid #F3B400;
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 376px;
}

.lg3SsfEb h2 {
    font-size: 26px;
    font-weight: 600;
    color: #3A3A3A;
    margin: 0;
}

.KNMIFDK9 {
    height: 1px;
    background: #E4E4E4;
    width: 100%;
}

.yxaC7cze {
    font-size: 16px;
    line-height: 1.35;
    color: #505050;
    margin: 0;
    white-space: pre-line;
}

.TIQ6uE79 {
    margin-top: auto;
    height: 42px;
    border-radius: 12px;
    background: #F4B400;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 16px;
}

.TIQ6uE79:hover {
    background: #E0A700;
}

.sOMr7YRh {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    z-index: 4000;
}

.m3PCWVwv {
    width: 100%;
    max-width: 580px;
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #E2E2E2;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
    display: flex;
    flex-direction: column;
}

.MsB06BQE {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #E2E2E2;
}

.j7T48ohp {
    font-size: 22px;
    font-weight: 600;
    color: #3A3A3A;
    margin: 0;
}

.pHpuLW2Z {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #8A8A8A;
    background: transparent;
}

.pHpuLW2Z:hover {
    background: #F0F0F0;
}

.OCOzlHK5 {
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.NtWXltUP {
    font-size: 16px;
    color: #4A4A4A;
    margin: 0;
}

.TsQeP7lM {
    width: 100%;
    height: 46px;
    border-radius: 8px;
    border: 1px solid #D8D8D8;
    padding: 0 12px;
    font-size: 16px;
}

.IkY6VdUN {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
}

.IeLg1fEg {
    font-size: 16px;
    color: #4A4A4A;
}

.mfJHh6cI {
    font-size: 28px;
    font-weight: 600;
    color: #3A3A3A;
}

.YL1RYm_7 {
    display: flex;
    gap: 12px;
    padding: 14px 20px 18px;
}

.O8L9QBlG {
    flex: 1;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #D8D8D8;
    background: #FFFFFF;
    font-size: 16px;
    color: #3A3A3A;
}

.VMi_gO72 {
    flex: 1;
    height: 40px;
    border-radius: 10px;
    background: #8B147A;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
}

.S7qliMdM {
}

.lgR6aiOP {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 64px 96px;
    max-width: 680px;
    background: var(--color-white);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

.hlBIzWTz {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100% !important;
}

.nbWHI2ge {
    display: flex;
    justify-content: center;
}

.oxAuOMHc {
    height: 40px;
}
.oPWxEgNs {
    cursor: not-allowed;
    background: #ababab;
}

.iPp1L40w {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--color-light-gray);
}

.BlIuq44M {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px 32px;
    background: var(--color-white);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
}

.Pw49evRE {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 18px;
    color: var(--color-dark-gray-2);
    background: var(--color-light-gray-5);
    transition: background .15s ease;
}

.Pw49evRE:hover {
    background: var(--color-light-gray-4);
}

.KzVEqNcn {
    margin: 0;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: var(--color-dark-gray-2);
}

.NqaRroqA {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    padding: 40px 16px;
}

.UojnMzYC {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 540px;
    background: var(--color-white);
    border-radius: 12px;
    padding: 32px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
    box-sizing: border-box;
}

.UTPsoxBs {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.UTPsoxBs > label {
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #1a1b1e;
}

.UTPsoxBs input[type="text"],
.UTPsoxBs textarea {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 12px;
    background: var(--color-light-gray-5);
    font-size: 16px;
    line-height: 24px;
    box-sizing: border-box;
    resize: none;
}

.vKPgNSW7 {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}

.SS2qRrDF {
    border: 1px dashed var(--color-dark-gray-2);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    background: var(--color-light-gray-1);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pIR1ZbI8 {
    margin: 8px 0 12px;
    color: var(--color-dark-gray-2);
}

.kqodXyuQ {
    display: none;
}

.ESbdOEm3 {
    margin-top: 8px;
    color: var(--color-primary);
    font-size: 12px;
}

.lhWAAqa1 {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.e3bXxOCi {
    display: block;
    height: auto;
    border-radius: 8px;
    max-width: 380px;
    max-height: 140px;
}

.FGZe4Xkz {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.SOtXraAh,
.yGW9C3Kj {
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid var(--color-light-gray-2);
    background: var(--color-light-gray-4);
}

.SOtXraAh:hover,
.yGW9C3Kj:hover {
    background: var(--color-light-gray-3);
}

.OB1EBZ49 {
}

.IhcbPG0J {
    display: flex;
    gap: 64px;
    width: 100%;
    padding: 32px;
    background: var(--color-light-gray);
    box-sizing: border-box;
}

.KlHGHv_7 {
    flex: 1
}

.I9YQYB5g {
    flex: 1
}

.bPG67Xwb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-light-gray-3);
    background: #fff;
}

.GDrX5t3c {
    display: flex;
    gap: 20px;
    justify-content: end;
}

.JqTtNs87 {
    margin-bottom: 24px;
}

.JqTtNs87 label {
    display: block;
    margin-bottom: 8px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: var(--color-dark-gray-2);
}

.JqTtNs87 input,
.JqTtNs87 textarea {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 8px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #1a1b1e;
    background: #fff;
    box-sizing: border-box;
}

._tfybmcG {
    position: relative;
    width: 380px;
    height: 140px;
    margin-top: 8px;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.sJgcKPcY {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    width: 100%;
    padding-top: 24px;
    border-top: 1px solid var(--color-light-gray-3);
    background: #fff;
}

.urhFvjlb {
    margin: 0 0 24px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--color-dark-gray-2);
}

.AjHIP3Ks {
    position: relative;
    width: 380px;
    height: 140px;
}

.QbHgqZVL {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.itObKZM7 {
    margin: 12px 0 48px;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: #cf2e2e;
}

.wIWEFVT9 {
    margin: 0 0 12px;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: var(--color-dark-gray-2);
}

.mxiP_PJf {
    margin: 0;
    max-width: 500px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #1a1b1e;
}

.BdSZCv58 {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

.ZxXY_W77 {
    position: relative;
    flex: 1;
    height: 40px;
}

.uu6U_QcA {
    width: 100%;
    height: 40px;
    padding: 0 136px 0 12px;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 8px;
    font: 14px/18px Inter, sans-serif;
    background: #fff;
    box-sizing: border-box;
}

.Jj5bZgDm {
    position: absolute;
    right: 0;
    top: 0;
    width: 124px;
    height: 40px;
    opacity: 0;
    cursor: pointer;
}

.U_8eE_u2 {
    position: absolute;
    right: 36px;
    top: 9px;
    font: 14px/22px Inter, sans-serif;
    color: var(--color-dark-gray-2);
    pointer-events: none;
}

.EYtC0qkb {
    position: absolute;
    right: 16px;
    top: 15px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #888;
    pointer-events: none;
}

.Jt2_hSjA {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}

.uEc0XTPr {
    position: relative;
    padding: 16px 0;
    border-bottom: 1px solid var(--color-light-gray-3);
}

.fsWs4G_l {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.XoRv9M8r {
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #1a1b1e;
}

.I9G4zffh {
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: var(--color-mid-gray-4);
}

.pXQ3sCPz {
    display: block;
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #888;
}

.LJEJPeQt {
    position: absolute;
    right: 0;
    top: 24px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 16px;
    color: #555;
}

.EXsmFruL {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    margin-left: 8px;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 8px;
    background: var(--color-white);
    cursor: pointer;
    transition: background-color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .12s ease;
}

.EXsmFruL img {
    width: 18px;
    height: 18px;
    pointer-events: none;
}

.EXsmFruL:hover:not(:disabled) {
    background: var(--color-light-gray-4);
    border-color: var(--color-mid-gray-4);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
}

.EXsmFruL:active:not(:disabled) {
    transform: translateY(0);
}

.EXsmFruL:focus-visible {
    outline: 2px solid var(--color-purple-600);
    outline-offset: 2px;
}

.EXsmFruL:disabled {
    opacity: .6;
    cursor: not-allowed;
}

.uEc0XTPr {
    display: flex;
    align-items: center;
    gap: 8px;
}

.fsWs4G_l {
    display: flex;
    flex: 1;
}

.pXQ3sCPz {
    margin-left: 12px;
    color: var(--color-mid-gray-2);
    font-size: 14px;
}

.uZCDbCH8 {
    border: 1px dashed var(--color-dark-gray-2);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    background: var(--color-light-gray-1);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wRoEGrR5 {
    margin: 8px 0 12px;
    color: var(--color-dark-gray-2);
}

.luIyOxhW {
    display: none;
}

.OHWgrDYZ {
    margin-top: 8px;
    color: var(--color-primary);
    font-size: 12px;
}

._lazN2tk {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.RJuHecfW {
    display: block;
    border-radius: 8px;
    max-width: 380px;
    max-height: 140px;
}

.Dih8UVgb {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}


.NMcqHlpl {
    margin-left: 1rem;
    margin-right: 1.5rem;
    margin-bottom: 0.5rem;
}

.Xgg0esJ5 {
    width: 100%;
    background-color: var(--color-white);
    margin-bottom: 1.25rem;
    border-radius: 0 0 0 0.5rem;
}

.MNSMHbzY {
    padding-left: 1.25rem;
    margin-top: 1.25rem;
    display: flex;
    gap: 2rem;
}

.sfwIZYrb {
    cursor: pointer;
    padding: 7px 0;
    letter-spacing: -0.1px;
    border-bottom: 1px solid var(--color-light-gray-2);
}

.sfwIZYrb > a {
    color: #90137a;
}

.PsGUFncb {
    font-weight: 600;
    border-bottom: 1px solid #90137a;
}

.D886tzaf {
    display: flex;
    gap: 0.75rem;
    padding: 0.625rem 1.5rem 0.625rem 0;
    align-items: center;
}

.TrDIpn1q {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    object-fit: cover;
}

.W9VwikH_ {
    font-weight: 600;
}

.kWLooC4T {
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-2);
}

.VlMvLURP {
    position: relative;
    border-radius: 0.5rem;
    background-color: var(--color-white);
    padding: 1rem;
    letter-spacing: -0.1px;
}

.Mihu85Aj {
    display: flex;
    align-items: flex-end;
    gap: 1.75rem;
}

.t4kV_PR5 {
    margin: 1rem 0;
}

.pDidTcmK {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 0.5rem;
}

.pDidTcmK span {
    font-weight: 600;
    flex: 1;
}

.pDidTcmK p,
.pDidTcmK input {
    flex: 5;
}

.seMswYdp {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.lZkRxaLh {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: var(--color-light-gray-4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
    margin: 10px 0 6px;
    width: 250px;
    height: 40px;
    border-radius: 8px;
    padding: 8px 5px 8px 10px;
    top: 350px;
    border: 1px solid  #CCCCCC

}

.QvcB_0Bz {
    display: flex;
    align-items: center;
    gap: 10px;
}

.iAtaUaN2 {
    opacity: 0.9;
}

.MLdTPyYH {
    font-weight: 600;
    color: var(--color-dark-gray-2);
}

.kcmbHBlW {
    flex: 1;
    font-weight: 600;
    color: var(--color-dark-gray-2);
    letter-spacing: 0.5px;
}

.DoF7QgeN {
    background: transparent;
    border: none;
    padding: 4px;
    cursor: pointer;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.DoF7QgeN:hover:not(:disabled) {
    background: rgba(0, 0, 0, .05);
}

.DoF7QgeN:disabled {
    opacity: 0.5;
    cursor: default;
}

.MYPgJVOU {
    margin: 0 0 8px;
    font-weight: 600;
    font-size: 18px;
    color: var(--color-dark-gray-2);
}

.AQamZGXp {
    margin: 0;
    color: var(--color-mid-gray-1);
}

.fc1PdT3s {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 20px;
}

.gVQKB0G0 {
    padding: 8px 14px;
    font: 600 14px/20px Inter, sans-serif;
}

.TV9CZRLk {
    position: absolute;
    right: 1rem;
    top: 1rem;
    cursor: pointer;
}

.WUfHa712 {
    width: 1.5rem;
    height: 1.5rem;
}

.PlTH2m3L {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.PlTH2m3L.VgRE0ftW {
    display: flex;
}

.TZca8FiZ {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 12px 24px #5b68713d, 0 0 1px #1a202452;
    width: 100%;
    max-width: 24.375rem;
    padding: 1rem 2.25rem 1.5rem;
}

.jxcpxMn6 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.FUWjbxxH {
    font-size: 1.125rem;
    font-weight: 600;
}

.I_0PqhWp {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #888;
    transition: color 0.3s;
}

.I_0PqhWp:hover {
    color: #000;
}

.fIcwLcYt {
    margin: 1rem 0;
}

.uK2FtjI9 {
    font-weight: 600;
    letter-spacing: 0.1px;
    margin-bottom: 10px;
    display: block;
    color: #555;
}

.ARTxA0ol {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.QZ1wqZSC {
    flex-grow: 1;
    appearance: none;
    height: 4px;
    background: #ddd;
    border-radius: 2px;
}

.QZ1wqZSC::-webkit-slider-thumb,
.QZ1wqZSC::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background: var(--color-purple-600);
    border-radius: 50%;
    cursor: pointer;
}

.qlZM12qY,
.t0Pc9znW {
    font-size: 0.75rem;
    line-height: 1rem;
}

.CAhXM69i {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.e1TZYsb6 {
    padding: 10px 20px;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
}

.LRo7E2uO {
    background: var(--color-white);
    color: var(--color-dark-gray-2);
    border: 1px solid var(--color-light-gray-2);
}

.LRo7E2uO:hover {
    background: #e0e0e0;
}

.TJODe2QK {
    width: 100%;
}

.KjF8_rVQ {
    margin-top: 1rem;
}

.hgnfPpXd {
    position: relative;
    width: 160px;
    height: 160px;
}

.vofiqodX {
    position: absolute;
    right: 8px;
    bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: #ffffffd9;
    backdrop-filter: blur(4px);
    cursor: pointer;
    transition: background 0.2s;
}

.vofiqodX:hover,
.vofiqodX:focus-visible {
    background: #fff;
    outline: 2px solid #e64331;
}

.xt8fgUjG {
    width: 100%;
    overflow: hidden;
    height: 100%;
}

.bFLNHpAO {
    background: var(--color-white);
    border-radius: 0 0 0 .5rem;
    padding: 20px 20px 0;
}

.reA3QAtf {
    display: flex;
    gap: 15px;
}

._1t3ubtQj {
    position: relative;
    display: inline-block;
}

.qSIG7RHR {
    font-size: .875rem;
    line-height: 1.5rem;
    padding: 7px 0;
    display: inline-block;
    color: var(--color-dark-gray-2);
}

.qSIG7RHR::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--color-light-gray-2);
    transition: background .2s ease;
}

._1t3ubtQj:hover .qSIG7RHR::after,
.yt0d1poQ .qSIG7RHR::after {
    background: var(--color-dark-gray-2);
}

.bxtb0JIg {
    margin: 1rem 32px 1.5rem 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wkfAdxrX {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .75rem;
}

.vN478q9z {
    white-space: nowrap;
}

.UPHR37ZN {
    appearance: none;
    border: 1px solid var(--color-light-gray-2);
    background: var(--color-white) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%276%27 viewBox=%270 0 10 6%27%3E%3Cpath fill=%27%235B6871%27 d=%27M0 0l5 6 5-6z%27/%3E%3C/svg%3E") no-repeat right 8px center / 10px 6px;
    border-radius: 6px;
    padding: 6px 28px 6px 10px;
    font-size: .75rem;
    cursor: pointer;
}

.UPHR37ZN:hover {
    border-color: var(--color-mid-gray-4);
}

.UPHR37ZN:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--color-light-blue);
}

.jS8Brmef {
    height: 100%;
    padding-right: 8px;
}

.DRGactd2 {
    padding-bottom: 1rem;
    margin: 0 24px 20px;
    border-bottom: 1px solid var(--color-mid-gray-4);
    cursor: pointer;
}

.spfFJrx8 {
    margin-bottom: 1rem;
}

.A_9EVPf9 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: .5rem;
    display: inline-flex;
    align-items: flex-end;
    gap: 8px;
    vertical-align: middle;
}

._hyf3ysx {
    display: inline-block;
    font-size: .65rem;
    font-weight: 600;
    line-height: 1;
    padding: 3px 7px;
    border-radius: 20px;
    background: var(--color-light-gray-2, #e8e8e8);
    color: var(--color-mid-gray-1, #888);
    vertical-align: middle;
    white-space: nowrap;
    letter-spacing: .02em;
}

.EaWFEVag {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.uwBl4qna {
    display: flex;
    gap: .5rem;
    font-size: .75rem;
}

.JlZ5Ym6X {
    opacity: .5;
}

.drqJgK8n {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    gap: .5rem;
    min-height: 70px;
    flex-wrap: wrap;
}

.OtyHJsrz {
    background: var(--color-white);
    border: 1px solid var(--color-light-gray-1);
    border-radius: .5rem;
    min-width: 22.5rem;
    padding: 1rem 1rem .5rem;
    position: relative;
}

.J6l52XFB {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}

.TPm3iHo6 {
    font-size: .875rem;
    line-height: 1.5rem;
}

.LV5cfBK_ {
    font-size: .75rem;
    line-height: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    background: var(--color-mid-gray-1);
    color: var(--color-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.MzIpH2zU {
    font-size: .75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-1);
    margin-top: .25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.U2rpv0Cp {
    display: flex;
    gap: 4px;
    margin-bottom: .75rem;
}

.U2rpv0Cp img,
.mNfKNCX0 {
    flex: 1 1 32%;
    aspect-ratio: 1/1;
    border-radius: .5rem;
    object-fit: cover;
    background: var(--color-light-gray-4);
}

.NzE8g34n {
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 44px;
    box-sizing: border-box;
}


.KWKIo6BO {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1a202450;
    z-index: 1000;
}

.nUgLgIRH {
    position: absolute;
    inset: 0;
}

.u0tdWUcw {
    position: relative;
    background: var(--color-white);
    border-radius: 6px;
    padding: 40px 24px;
    min-width: 400px;
    z-index: 10;
    box-shadow: 0 12px 24px #5b68713d;
}

.M1fRGoux {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.Hzknb2YQ {
    font-size: 1.125rem;
    font-weight: 600;
}

.J_OVKlrA {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
}

.V5_a_QUn {
    margin-bottom: 1rem;
}

.EBYv8mCD {
    width: 100%;
    padding: .5rem 12px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    font-size: .875rem;
}

.fb3GF1Wi {
    display: flex;
    gap: 1rem;
    flex-direction: row-reverse;
}

.VuWCcL3v {
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid #f5c880;
    background: #fff8ea;
    color: #7a4c00;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.35;
}

.uuUiLAWy {
    margin-top: 8px;
    color: #b00020;
    font-size: 13px;
}

.Cx11NI4c {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    margin-top: .5rem;
}

.j2IgO1UN {
    flex: 0 0 calc(33.33% - .75rem);
    background: var(--color-white);
    border: 1px solid var(--color-light-gray-1);
    border-radius: .5rem;
    padding: .75rem;
    transition: box-shadow .2s ease, transform .1s ease;
}

.j2IgO1UN:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
    transform: translateY(-2px);
}

.vZlBq3lJ {
    font-size: .875rem;
    font-weight: 600;
    color: var(--color-dark-gray-2);
    margin-bottom: .25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.w2OdbDR1 {
    font-size: .75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-1);
    word-break: break-word;
}

.hXLz_mqa {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.OTMeVtVZ {
    cursor: pointer;
    color: var(--color-dark-gray-2);
    background: var(--color-light-gray-5);
    user-select: none;
    border: 0;
    border-radius: 8px;
    margin-left: 8px;
    line-height: 1;
    transition: background .12s, transform 60ms;
    font-size: 32px;
}

.OTMeVtVZ:hover {
    background: var(--color-light-gray-4);
}

.OTMeVtVZ:active {
    transform: translateY(1px);
}

.vr6BMwho {
    position: absolute;
    top: calc(100% + 8px);
    min-width: 180px;
    padding: 6px;
    background: #fff;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 10px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .08);
    z-index: 5;
    animation: WKxdlpx2 .08s ease-out;
}

@keyframes WKxdlpx2 {
    from {
        transform: translateY(-4px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.MG5wq5tX {
    width: 100%;
    background: transparent;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 12px;
    cursor: pointer;
    font-family: Inter, system-ui, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: var(--color-dark-gray-2);
    text-align: left;
}

.MG5wq5tX:hover {
    background: var(--color-light-gray-5);
}

.MG5wq5tX:focus {
    outline: 2px solid var(--color-light-blue);
    outline-offset: 1px;
}

.lPlerU_g {
    color: #b00020;
}

.lPlerU_g:hover {
    background: #ffe8eb;
}

.wItJMLqx {
    height: 1px;
    margin: 6px 4px;
    background: var(--color-light-gray-2);
    border-radius: 1px;
}


.WfKcDy4Y {
    position: absolute;
    top: calc(100% + 8px);
    /* НЕ указываем left/right здесь - это делается через модификаторы */
    background: var(--dropdown-bg, var(--color-white));
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
    padding: 10px 20px;
    z-index: 9999; /* Увеличили для гарантии */
    opacity: 0;
    transform: translateY(-6px);
    pointer-events: none;
    transition: opacity .16s ease, transform .16s ease;
}

.aWo6YGrK {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Модификаторы выравнивания */
.EpgVGOrJ {
    left: 0;
    right: auto;
}

._0u9uImj {
    right: 0;
    left: auto;
}

.ErkkulNt {
    left: 50%;
    right: auto;
    transform: translateX(-50%) translateY(-6px);
}

.ErkkulNt.aWo6YGrK {
    transform: translateX(-50%) translateY(0);
}

.WfKcDy4Y::before {
    content: '';
    position: absolute;
    top: -6px;
    width: 10px;
    height: 10px;
    background: var(--dropdown-bg, var(--color-white));
    border-left: 1px solid #E0E0E0;
    border-top: 1px solid #E0E0E0;
    transform: rotate(45deg);
}

/* Позиционируем стрелку в зависимости от выравнивания */
.EpgVGOrJ::before {
    left: 16px;
}

._0u9uImj::before {
    right: 16px;
}

.ErkkulNt::before {
    left: 50%;
    margin-left: -5px;
}

/* Меню открыто вверх (portal-режим, нет места внизу) */
.C8UJW5UE::before {
    top: auto;
    bottom: -6px;
    border-left: none;
    border-top: none;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
}

.Cje48sPe {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px 6px 12px;
}

.QpYdb6Am {
    font-family: Inter, system-ui, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    margin: 0;
    color: var(--color-dark-gray-2);
}

.vqRNQLqQ {
    background: transparent;
    border: 0;
    padding: 4px;
    border-radius: 6px;
    cursor: pointer;
}

.vqRNQLqQ:hover {
    background: var(--color-light-gray-4);
}

.y6DdIdcH {
    width: 100%;
    height: 1px;
    background: #E0E0E0;
}

.YO1S1m3Q {
    width: 100%;
    background: transparent;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 12px;
    cursor: pointer;
    font-family: Inter, system-ui, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: var(--color-dark-gray-2);
    text-align: left;
}

.YO1S1m3Q:hover {
    background: var(--color-light-gray-5);
}

.MXv_0AqS {
    color: var(--color-primary);
}

.FY3r0Xlk {
    cursor: not-allowed;
    color: var(--color-dark-gray);
}

@media (max-width: 520px) {
    .WfKcDy4Y {
        max-width: calc(100vw - 32px);
    }

    ._0u9uImj {
        right: -6px;
    }
}
.XA39CPkN {
    width: 280px;
    height: 100%;
    background: #F9F9F9;
    border-radius: 8px;
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
}

.OxILWHkq {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.kl98iNvr {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: var(--color-mid-gray-3);
    text-decoration: none;
}

.W3nCvGJJ {
    display: flex;
    gap: 12px;
}

.JgqUref1 {
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    cursor: pointer;
}

.v6f7Jf9L {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 14px;
    border: none;
    background: transparent;
    cursor: pointer;
    margin-bottom: 20px;
}

.Phbw6kqQ {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.PwbrFe_6 {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
}

.EOTjWm1g {
    flex: 1;
    padding: 8px;
    border: none;
    border-radius: 6px;
    background: var(--color-blue);
    color: var(--color-white);
    font-size: 14px;
    cursor: pointer;
}

.EOTjWm1g:hover {
    background: var(--color-blue-hover);
}

.Ymhwc2kP {
    flex: 1;
    padding: 8px;
    text-align: center;
    border: none;
    border-radius: 6px;
    background: var(--color-medium-blue);
    color: var(--color-white);
    font-size: 14px;
    text-decoration: none;
}

.RdkX80u6 {
    width: 100%;
    background: var(--color-light-gray-4);
    border-radius: 6px;
    padding: 7px 12px;
    font-size: 14px;
    color: var(--color-dark-gray);
    margin-bottom: 16px;
}

._k1p3gEn {
    flex: 1;
    overflow-y: visible;
    margin-top: 8px;
}

.g3qOY7UU {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
    font-size: 14px;
    cursor: pointer;
    border-left: 6px solid transparent;
    padding-left: 8px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.g3qOY7UU:hover {
    background-color: rgba(254, 252, 229, 1);
    border-left-color: rgba(245, 162, 8, 1);
}

.wwXUABXc {
    font-weight: 700;
    font-size: 16px;
    padding: 8px 0 8px;
}

.FEzcJN6s {
    transform: rotate(180deg);
}

.YvhGXjZD {
    margin-top: 24px;
    width: 100%;
    padding: 10px 0;
    border-radius: 6px;
    border: 1px solid var(--color-light-gray-2);
    background: var(--color-white);
    color: var(--color-dark-gray);
    font-size: 14px;
    cursor: pointer;
}

.YvhGXjZD {
    width: 100%;
    margin-top: 16px;
    padding: 10px 12px;
    border: none;
    border-radius: 8px;
    background: var(--color-blue);
    color: var(--color-white);
    font-weight: 600;
    display: flex;
    gap: 6px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background .2s;
}

.YvhGXjZD:hover {
    background: var(--color-blue-hover);
}

.HxLsPi_R {
    position: fixed;
    inset: 0;
    background: rgba(0 0 0 / .4);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1400;
}

.AWXwe6Iz {
    min-width: 300px;
    padding: 24px;
    background: var(--color-white);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.kM1OUxYX {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.NN1YSe8J {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.sTwS1CH8,
.ToNDqHdk {
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
}

.sTwS1CH8 {
    background: var(--color-light-gray-4);
    color: var(--color-dark-gray-2);
}

.ToNDqHdk {
    background: var(--color-blue);
    color: var(--color-white);
}

.ToNDqHdk:disabled {
    opacity: .5;
    cursor: default;
}

.RgfwGO7u {
    margin-top: 8px;
    color: var(--color-primary);
    font-size: 13px;
}

.ypm3iLqG {
    margin-top: 4px;
    color: var(--color-primary);
    font-size: 13px;
}

.RVFKiQVa {
    background: var(--color-light-gray-4);
    width: 100%;
    color: var(--color-dark-gray-2);
    text-align: left;
    cursor: pointer;
    border: none;
    border-radius: 12px;
    padding: 4px 9px;
    font-size: .875rem;
    font-weight: 600;
    transition: background-color .2s, box-shadow .12s;
    display: block;
    margin-top: 15px;
}

.RVFKiQVa:hover:not(:disabled) {
    background: var(--color-light-gray-3);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .06);
}

.qTXp25h5 {
    position: relative;
    background: var(--color-white);
    border-radius: 6px;
    padding: 40px 24px;
    width: 400px;
    z-index: 10;
    box-shadow: 0 12px 24px #5b68713d;
}

.JjhQEQ2K {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.UjXviRUB {
    font-size: 1.125rem;
    font-weight: 600;
}

.jwEKt6aP {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
}

.w83tg9vf {
    margin-bottom: 1rem;
}

.VS85F94F {
    width: 100%;
    padding: 0.5rem 12px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    font-size: 0.875rem;
}

.zf8JNRrG {
    display: flex;
    gap: 1rem;
    flex-direction: row-reverse;
}

.MljJiUFJ {
    margin-top: 0.5rem;
    color: var(--color-primary);
    font-size: 0.875rem;
}

.FIo3WF1f {
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 44px;
    box-sizing: border-box
}


.PzOhUzWQ {
    display: flex;
    align-items: center;
    gap: 20px;
}

.VswaEUBR {
    background: var(--color-primary);
    color: var(--color-white);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    line-height: 1;
}

.g3qOY7UU.he5nMCi2 {
    background-color: rgba(254, 252, 229, 1);
    border-left-color: rgba(245, 162, 8, 1);
}

.g3qOY7UU.pbad1sxU:hover {
    background-color: rgba(254, 252, 229, 1);
    border-left-color: rgba(245, 162, 8, 1);
}

.g3qOY7UU.he5nMCi2:hover {
    background-color: rgba(254, 252, 229, 1);
}

.g3qOY7UU .ikI1NteB {
    opacity: .65;
}

.g3qOY7UU.pbad1sxU .ikI1NteB,
.g3qOY7UU.he5nMCi2 .ikI1NteB {
    opacity: 1;
}

.g3qOY7UU {
    border-radius: 6px;
}

.g3qOY7UU {
    position: relative;
}

.XQwHsCOl:focus {
    border-color: var(--color-blue);
    box-shadow: 0 0 0 2px rgba(51, 136, 255, 0.12);
}

.pbad1sxU {
    background: rgba(254, 252, 229, .6);
}

.he5nMCi2 {
    background: rgba(254, 252, 229, 1);
}

.sqjOT56A {
    outline: 2px dashed var(--color-blue);
    background: var(--color-light-gray-4);
}

.K4uAxjvl {
    outline: 2px dashed var(--color-primary);
    background: rgba(255, 0, 0, 0.06);
}

.VRa8N8Bb {
    position: relative;
}

.ZkVqUQ2A {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    padding: 4px 6px;
    border-radius: 6px;
    color: var(--color-dark-gray);
}

.ZkVqUQ2A:hover {
    background: var(--color-light-gray-4);
}

.K0nP0pKc {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 160px;
    background: var(--color-white);
    border: 1px solid var(--color-light-gray-2);
    border-radius: 8px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .08);
    padding: 6px;
    z-index: 20;
    overflow: hidden;
}

.nax5GBad {
    width: 100%;
    background: transparent;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 12px;
    cursor: pointer;
    font-family: Inter, system-ui, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: var(--color-dark-gray-2);
    text-align: left;
}

.nax5GBad:hover {
    background: var(--color-light-gray-4);
}

.Z013EzOF {
    height: 1px;
    margin: 6px 4px;
    background: var(--color-light-gray-2);
    border-radius: 1px;
}

/* правый блок в строке */
.iMzY1kPL {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* инпут переименования */
.XQwHsCOl {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 6px;
    padding: 2px 6px;
    font-size: 14px;
    font: inherit;
    outline: none;
}

/* подсветки DnD */
.NhtvxmXb {
    background: rgba(33, 150, 243, 0.10);
}

.KMz060ft {
    box-shadow: inset 0 2px 0 var(--color-blue);
}

.jZ4_vtAv {
    box-shadow: inset 0 -2px 0 var(--color-blue);
}


.ltx8GkVU {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1a202450;
    z-index: 1000;
    animation: to7Wb3Ok .2s;
}

.bxLkH_eC {
    position: absolute;
    inset: 0;
}

.xdOVR4rr {
    flex: 1;
    font-size: 14px;
    color: var(--color-dark-gray-2);
    text-decoration: none;
}

.g3qOY7UU:hover .xdOVR4rr {
    color: var(--color-dark-gray-2);
}

.Zul7TFOR {
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid #f5c880;
    background: #fff8ea;
    color: #7a4c00;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.35;
}

.Uev3rBeM {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 120px;
    z-index: 1000;
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

.gsdNCF93 {
    width: 753px;
    min-height: 550px;
    background: #f9f9f9;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
}

.joZFWeTd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px 12px 12px;
    border-bottom: 1px solid #e5e7eb;
}

.vWe8Uhzz {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #111827;
}

.Hd256m4f {
    border: none;
    background: transparent;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    color: #9ca3af;
}


.QPxVODIz {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 8px;
    background: #f9f9f9;
}

.wgGUqmPo {
    border-right: 1px solid #e5e7eb;
    padding: 10px 20px 10px 0px;
    box-sizing: border-box;
}


.zLZzn_uj {
    padding: 10px 10px 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    box-sizing: border-box;
}

.nzo6JMxt {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ekKywwbc {
    font-size: 16px;
    font-weight: 500;
    color: #111827;
}

.BAkJv7tP {
    display: flex;
}


.NbgWU4_S {
    display: flex;
    align-items: center;

    width: 340px;
    height: 40px;
    box-sizing: border-box;

    gap: 10px;

    padding: 10px 16px;

    border-width: 1px;
    border-style: solid;
    border-color: #E0E0E0;
    border-radius: 6px;

    background-color: #F9F9F9;
}

.ZWOQi8tR {
    width: 1px;
    align-self: stretch;
    background: #E0E0E0;
}


._VZbqcuN {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;

    padding: 0;

    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    color: #111827;
}


._VZbqcuN::placeholder {
    color: #A7A7A7;
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
}


.NbgWU4_S:focus-within {
    border-color: var(--color-purple-600);
    box-shadow: 0 0 0 1px rgba(144, 19, 122, 0.12);
}


.Frxq6rQQ {
    width: 340px;
    height: 100px;
    box-sizing: border-box;

    border-radius: 6px;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;

    border-width: 1px;
    border-style: solid;
    border-color: #E0E0E0;

    background-color: #F9F9F9;

    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    color: #111827;

    resize: none;
    overflow-y: auto;
}


.Frxq6rQQ::placeholder {
    color: #A7A7A7;
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
}


.Frxq6rQQ:focus {
    outline: none;
    border-color: var(--color-purple-600);
    box-shadow: 0 0 0 1px rgba(144, 19, 122, 0.12);
}


.QjR4y3tk {
    margin-top: auto;
    padding-top: 4px;
    border-top: 1px dashed #e5e7eb;
    font-size: 12px;
    color: #4b5563;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.oiAR6rnM {
    display: flex;
    align-items: center;
    gap: 4px;
}

.SJp5ZTyF {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    'Liberation Mono', 'Courier New', monospace;
    font-size: 11px;
    color: #111827;
}


.HnttCCGc {
    padding: 8px 12px 0 12px;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.SGsAjZ2n {
    min-width: 110px;
    height: 36px;
    border-radius: 6px;
    border: 1px solid #d1d5db;
    background: #ffffff;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    cursor: pointer;
}

.SGsAjZ2n:hover {
    background: #f3f4f6;
}

.HHng5O8P {
    min-width: 120px;
    height: 36px;
    border-radius: 6px;
    border: none;
    background: var(--color-purple-600);
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    cursor: pointer;
}

.HHng5O8P:hover {
    background: var(--color-purple-400);
}
.VLXCWkls {
    margin-top: 4px;
    font-size: 12px;
    color: var(--color-red-900);
}
.joZFWeTd {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Fo0GXOxV {
    display: flex;
    align-items: center;
    gap: 16px;
}

.UZoYBVFp {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: #2F2F2F;
}

.rLQCJbg0 {
    margin-bottom: 16px;
}

._02fBf5jm {
    display: flex;
    gap: 5px;
    margin-top: 8px;
    flex-wrap: wrap;
}

.CTBO07HJ {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    gap: 4px;
    border-radius: 999px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #111111;
    cursor: pointer;
}

.YSNTxatw {
    background: #f4e3ee;
    border-color: #90137a;
}

.LF6Gv6Et {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.SEhu3CBv {
    background: #90137a;
}

.sFBgtcqk {
    background: #ffd500;
}

.mAUErHgr {
    background: #9e9e9e;
}

.LF6Gv6Et {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.SEhu3CBv {
    background: #8B5A2B;
}

.sFBgtcqk {
    background: #D97706;
}

.mAUErHgr {
    background: #111827;
}

.MdArxqwB {
    background: #DC2626;
}

.gEsJ0547 {
    background: #9CA3AF;
}

.C190Pyre {
    background: #059669;
}

.xoqpSp5n {
    width: 352px;
    background: #f9f9f9;
    font-family: Inter, sans-serif;
}

.npOOhjq6 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 20px;
}

.m2dcncP8 {
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: #2F2F2F;
    text-transform: capitalize;
}

.hH7Cmx0X {
    border: none;
    background: transparent;
    width: 26px;
    height: 26px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #A7A7A7;
}

.zXcrNBE3 {
    display: flex;
    justify-content: center;
    column-gap: 12px;
    margin-bottom: 20px;
}

.N8WvyLY3 {
    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #A7A7A7;
}

.YkkvGyZH {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.jqgepGNr {
    display: flex;
    justify-content: center;
}

.Tb75SG4l {
    width: 40px;
    height: 40px;
    padding: 0px 6px;
    box-sizing: content-box;
    border: none;

    position: relative;
    background: transparent;

    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;
}

.Tb75SG4l::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 0;
}

.gmCG5cOe {
    position: relative;
    z-index: 1;

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;

    border-radius: 999px;
    transition: background 0.15s ease;
}

.A6oy7UPQ,
.nBW2LTre {
    cursor: default;
}

.A6oy7UPQ .gmCG5cOe,
.nBW2LTre .gmCG5cOe {
    color: #CCCCCC;
}

.Tb75SG4l .gmCG5cOe {
    color: #2F2F2F;
}

.GT6GZkFh:not(.K9avO_56):not(.PLDZcvP_):not(.NKPdxVaf) .gmCG5cOe {
    border: 2px solid var(--color-purple-600);
    background: transparent;
}

.Tb75SG4l:not(.A6oy7UPQ):not(.NKPdxVaf):not(.K9avO_56):not(.PLDZcvP_):hover .gmCG5cOe {
    background: rgba(144, 19, 122, 0.15);
    border-radius: 999px;
}

.NKPdxVaf::before {
    background: rgba(144, 19, 122, 0.1);
}

.K9avO_56.NKPdxVaf::before {
    left: 50%;
    right: 0;
}

.PLDZcvP_.NKPdxVaf::before {
    left: 0;
    right: 50%;
}

.K9avO_56 .gmCG5cOe,
.PLDZcvP_ .gmCG5cOe {
    background: var(--color-purple-600);
    color: #ffffff;
}

.K9avO_56.PLDZcvP_.NKPdxVaf::before {
    background: transparent;
    left: 0;
    right: 0;
}

.K9avO_56:hover .gmCG5cOe,
.PLDZcvP_:hover .gmCG5cOe {
    background: var(--color-purple-600);
}

.NKPdxVaf:not(.K9avO_56):not(.PLDZcvP_):hover::before {
    background: rgba(144, 19, 122, 0.12);
}

.ASX5oSg4 {
    position: absolute;
    bottom: -10px;
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #8B5A2B;
}

.T_L1Oj0E {
    background: #8B5A2B;
}

.cKUqHU8m {
    background: #D97706;
}

.keHMg_zG {
    background: #9CA3AF;
}

.DrgIoBgO {
    background: #059669;
}

.xmIYgpRy {
    background: #DC2626;
}

.ASX5oSg4::after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    bottom: 150%;
    padding: 3px 6px;
    border-radius: 4px;
    background: rgba(17, 24, 39, 0.96);
    color: #ffffff;
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    font-size: 10px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease, transform 0.15s ease;
    z-index: 5;
    content: "забронировано";
}

.T_L1Oj0E::after {
    content: "подтверждено";
}

.cKUqHU8m::after {
    content: "ожидает подтверждения";
}

.keHMg_zG::after {
    content: "отменено пользователем";
}

.DrgIoBgO::after {
    content: "завершено";
}

.xmIYgpRy::after {
    content: "отменено владельцем";
}

.ASX5oSg4:hover::after {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.weMbUsW8 {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 11px;
    color: #4b5563;
}

.l7j6BiRt {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.lUq3b8Sk {
    width: 14px;
    height: 8px;
    border-radius: 4px;
    border: 1px solid #d1d5db;
    background: #f9f9f9;
}

.tr3oYIlW {
    background: var(--color-purple-600);
    border-color: var(--color-purple-600);
}

.m3lU_5zF,
.q1edarSw,
.vtJW_Czn,
.uOxn8Gjb,
.V12J_wl_ {
    width: 8px;
    height: 8px;
    border-radius: 999px;
}

.m3lU_5zF {
    background: #8B5A2B;
}

.q1edarSw {
    background: #D97706;
}

.vtJW_Czn {
    background: #9CA3AF;
}

.uOxn8Gjb {
    background: #059669;
}

.V12J_wl_ {
    background: #DC2626;
}

.ZUho85E8 {
    font-size: 11px;
}


.NMGSkge9 {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, .45);
    z-index: 999;
}

.QWYbnKfJ {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s var(--ease);
}

.Zb9TJDS5 {
    width: clamp(320px, 90vw, 640px);
    max-height: 80vh;
    background: #F3F5FB;
    border-radius: 12px;
    box-shadow: 0 6px 30px rgba(0, 0, 0, .12);
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
}

.f2MxHJMj {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #E6E9F0;
    padding: 0 0 20px;
    position: relative;
}

._9gubYjp {
    margin: 0;
    font-size: 1.1rem;
}

.yPZBlTJs {
    background: none;
    border: none;
    font-size: 1.6rem;
    cursor: pointer;
    position: absolute;
    left: 95%;
    color: var(--color-purple-700);
}

.Zo6xt2hY {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.J3W9OoqV,
.WUO3yg9H {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    background: #fff;
    border: 1px solid #D5DADD;
    border-radius: 8px;
    padding: 10px;
}

.hlFm1hLK img {
    position: inherit !important;
    width: 64px !important;
    height: 64px !important;
    object-fit: cover !important;
    border-radius: 12px;
}

.GECE3GI5 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.MtJtimmv {
    margin: 0 0 .4rem;
    font-weight: 600;
}

.jgaL2isE {
    display: flex;
    gap: .6rem;
    font-size: .875rem;
    color: #6F7689;
}

.SeVPkr4T {
    display: flex;
    align-items: center;
    gap: .3rem;
}

.ByekgCOO {
    width: 24px;
    height: 24px;
    border: 1.6px solid var(--color-purple-600);
    background: none;
    border-radius: 50%;
    cursor: pointer;
    transition: .2s;
}

.ByekgCOO:hover {
    background: var(--color-purple-600);
    color: #fff;
}

.Qh4KXOaP {
    min-width: 14px;
    text-align: center;
    font-weight: 500;
    color: var(--color-purple-600);
}

.fKx2VB22 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.f4s6vx_R {
    margin-top: .2rem;
    font-weight: 600;
    color: var(--color-purple-600);
    white-space: nowrap;
}

.x34zajto {
    margin-top: .5rem;
    width: 168px;
    font-size: .875rem;
}

.GsRoF9jQ {
    color: #34C759;
    background: transparent;
    box-shadow: 0 0 0 1px #34C759;
}

.GsRoF9jQ:hover {
    background: transparent;
    color: #34C759;
}

.FcFbIsR0 {
    display: flex;
    justify-content: center;
    padding: 20px 0 5px;
}

.b9eDaFwW {
    background: #fff2f0;
    color: #c0392b;
    border: 1px solid #f5c2bc;
    border-radius: 8px;
    padding: 10px 12px;
    margin-bottom: 8px;
    font-size: .9rem;
}

.koV8FyJy,
.SZuh3Yx3 {
    font-size: .85rem;
    color: var(--color-purple-600);
    text-align: right;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
}

.TGp3N7QL {
    display: flex;
    justify-content: end;
    gap: 1rem;
    padding: 20px 0 5px;
}

.thMJ_nUZ {
    margin: 1rem 0;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 600;
}

.thMJ_nUZ b {
    color: var(--color-purple-600);
}

.BawYFkl9 {
    position: fixed;
    inset: 0;
    display: none;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, .45);
    z-index: 1000;
}

.TlQSAg7K {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 520px;
    height: 520px;
    justify-content: center;
    transition: transform var(--anim-time) var(--ease);
}

.EaJAtlhu {
    transform: translateY(-40px);
}

.wGceKIoS {
    transform-origin: left bottom;
    transform: rotate(-18deg);
    opacity: 1;
    transition: transform var(--anim-time) var(--ease),
    opacity .6s var(--ease);
}

.TlQSAg7K.EaJAtlhu .wGceKIoS {
    transform: none;
}

.iKguz_SU {
    opacity: 0;
}

.iOjsL8VM {
    position: absolute;
    inset: 30% 0 auto auto;
    width: 50px;
    height: 50px;
    border-radius: 6px;
    cursor: pointer;
}

.Z8pggDe0 {
    display: flex;
    gap: 10px;
}

.skbNzKPg {
    display: flex;
    gap: 30px;
}

.R6_N7Dqk {
    color: var(--color-purple-600);
}

.wCVuiKzi {
    flex: 1;
    border-radius: 8px;
    padding: 24px 32px;
    display: flex;
    flex-direction: column;
}

.LUQliYnh {
    min-width: 500px;
}

.VCTGcf87 {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.AOgSLMnL {
    background: transparent;
    border: none;
    font-size: 14px;
    color: var(--color-mid-gray-2);
    cursor: pointer;
}

.AOgSLMnL:hover {
    text-decoration: underline;
}

.eKO78LKC {
    background: #fff;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 6px;
    padding: 3px 8px;
    font-size: 14px;
    color: var(--color-dark-gray-2);
    min-width: 140px;
}

.AVWnS794 {
    color: var(--color-dark-gray-2);
    font-weight: 600;
    cursor: default;
}

.qG_y2j6o {
    display: flex;
    align-items: center;
}

.grsfB851 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.yYo1HsJV {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 6px 10px 6px 8px;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    gap: 8px;
}

.gQBdxC3i {
    background: transparent;
    border: none;
    cursor: pointer;
}

.qrkQ6JVy {
    position: relative;
    width: 42px;
    height: 24px;
}

.qrkQ6JVy input {
    opacity: 0;
    width: 0;
    height: 0;
}

.Ll2o4Sfh {
    position: absolute;
    inset: 0;
    background: #E5E9EB;
    border-radius: 24px;
    transition: .2s;
}

.Ll2o4Sfh:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    left: 3px;
    top: 3px;
    background: #fff;
    border-radius: 50%;
    transition: .2s;
}

input:checked + .Ll2o4Sfh {
    background: var(--color-purple-600);
}

input:checked + .Ll2o4Sfh:before {
    transform: translateX(18px);
}

.vtjdlPkX {
    margin-bottom: 32px;
}

.OAVGI6sS {
    position: relative;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
}

.SU9ziEbb {
    object-fit: cover !important;
}

.QscE4f2A {
    position: absolute;
    right: 4px;
    bottom: 4px;
    background: var(--color-white);
    border-radius: 50%;
    padding: 4px;
    cursor: pointer;
}

.hIKG7L61 {
    margin-top: 16px;
}

.HAfvsAIv {
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

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

.gFwWZ655 {
    font-size: 16px;
    font-weight: 600;
}

.sYsSk8tI {
    background: transparent;
    border: none;
    cursor: pointer;
}

.vlmFnjKQ {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.NB49mNRZ {
    display: grid;
    grid-template-columns: 240px 1fr;
    column-gap: 24px;
    row-gap: 8px;
    font-size: 14px;
}

.NB49mNRZ span:nth-child(odd) {
    color: var(--color-mid-gray-2);
}

.NB49mNRZ span:nth-child(even) {
    color: var(--color-dark-gray-2);
}

.c8kR3Ivn {
    white-space: pre-line;
    font-size: 14px;
    color: var(--color-dark-gray);
}

.HULLRndQ {
    border: 1px solid var(--color-light-gray-2);
    border-radius: 6px;
    padding: 4px 8px;
    min-width: 120px;
}

.Xjn7B7Pr {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.i4pzwHFM {
    border-color: #b00020;
    background: #fff7f9;
}

.kjiGESzK {
    color: #b00020;
    font-size: 12px;
    line-height: 1.25;
}

.OHRHuP8G {
    border: 1px solid var(--color-light-gray-2);
    border-radius: 6px;
    padding: 8px;
    min-height: 80px;
    resize: vertical;
    width: 100%;
}

.edT5SVUl {
    border: 2px dashed var(--color-light-gray-2);
    border-radius: 6px;
    padding: 20px 12px;
    text-align: center;
    cursor: pointer;
    transition: border-color .15s;
}

.edT5SVUl:hover {
    border-color: var(--color-mid-gray-2);
}

.sYF5A_EP {
    margin: 0;
    font-size: .8125rem;
    color: var(--color-mid-gray-2);
}

.bp45qAHo {
    margin-top: 8px;
    font-size: .75rem;
    line-height: 1rem;
    text-align: left;
    max-height: 120px;
    overflow: auto;
}

.JtNLFfDj {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}

.ihrXNl0N {
    color: var(--color-blue);
    text-decoration: underline;
}

.ct62hVBF {
    background: none;
    border: none;
    color: #d00;
    font-size: 1rem;
    cursor: pointer;
    padding: 0 4px;
}

.o29XuTEb {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.t69Nf59e {
    width: 14px;
    height: 14px;
    border: 2px solid var(--color-light-gray-2);
    border-top-color: var(--color-blue);
    border-radius: 50%;
    animation: JBm9TKXa .8s linear infinite;
}

@keyframes JBm9TKXa {
    to {
        transform: rotate(360deg);
    }
}

.QEbZIx7h {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 230px;
    cursor: pointer;
}

.qXrL3OU_ {
    position: relative;
    width: 100%;
    height: 160px;
    border-radius: 8px;
    overflow: hidden;
    background: var(--color-light-gray-4);
}

.zJmHm2OE {
    object-fit: cover;
}

.fIokcjqx {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    color: var(--color-mid-gray-2);
}

.RYDPdyto {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 100px;
    background: rgba(249, 249, 249, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .15s, transform .12s;
}

.RYDPdyto:hover {
    background: rgba(224, 224, 224, 0.5);
}

.RYDPdyto:active {
    transform: translateY(-50%) scale(.92);
}

.wyV6WRCb {
    left: 6px;
}

.WlXErAWM {
    right: 6px;
}

.bJK4WSsn {
    display: flex;
}

.LUIiK7B7 {
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(47, 47, 47, 1);
}

.S_xPkFSF {
    position: absolute;
    top: 4px;
    right: 4px;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}

.b9_K7yYe {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.nNYFOLid {
    font-size: .875rem;
    color: var(--color-mid-gray-2);
}

.qPA2k393 {
    display: flex;
    gap: 4px;
    margin: 12px 0 20px;
}
.W0YhCkeg{
    display: flex;
    gap: 4px;
    background: #FFFFFF;
    border-radius: 40px;
    padding: 4px;
    box-sizing: border-box;
}

.XnJFBVJQ {
    padding: 6px 12px;
    font-size: .875rem;
    background: var(--color-light-gray-4);
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

._XXPT8PM {
    background: #90137A !important;
    color: #F9F9F9 !important;
    border-radius: 45px;
}

.kBG98ibW {
    display: flex;
    gap: 12px;
    margin-top: 16px;
}

.Znom1klR {
    margin-bottom: 16px;
    display: flex;
    gap: 20px;
}

.svrxtd5Y {
    display: flex;
    gap: 20px;
}

.L9Dt2crm {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 16px;
}

.RcrvIgrN {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    background: #fff;
    border: 2px solid #d5d8df;
    border-radius: 10px;
}

.QhXR3sbp {
    flex: 1;
    height: 100%;
    padding: 0 16px;
    font-size: 1rem;
    color: #2b2e35;
    background: transparent;
    border: none;
    outline: none;
}

.OYHPIsEt {
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.DtKS4sEr {
    position: absolute;
    right: 44px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #9fa6ae;
}

.BLx2fezE {
    position: absolute;
    right: 16px;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    transform: translateY(-40%);
}

.rLpdq1fW {
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 8px 20px;
    font-weight: 600;
    cursor: pointer;
}

.RRPEZoUk {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dfoLg2dT {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eaecef;
    padding-bottom: 12px;
}

.Ej41Lt9M {
    font-weight: 600;
    margin: 0;
}

.HvQWltgb {
    font-size: .75rem;
    color: #7d7f83;
    margin: 0;
}

.VIH3iDzl {
    display: flex;
    align-items: center;
    gap: 12px;
}

.OCePJpTt, .xA_tiKhf {
    font-size: .875rem;
    color: #7d7f83;
}

.LrWhchqj {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.PTbiqFVN {
    position: relative;
    flex: 1;
    min-width: 0;
}

.UJhQqYDY {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 4000;
    background: #fff;
    border: 1px solid var(--color-light-gray);
    border-radius: 8px;
    margin-top: 6px;
    max-height: 260px;
    overflow: auto;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
}

.UJhQqYDY::-webkit-scrollbar {
    width: 8px;
}

.UJhQqYDY::-webkit-scrollbar-thumb {
    background: var(--color-light-gray);
    border-radius: 8px;
}

.FzPk_gAM {
    padding: 10px 12px;
    color: var(--color-dark-gray-2);
}

.ZqLSL_lO {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    text-align: left;
    padding: 8px 12px;
    border: 0;
    background: transparent;
    cursor: pointer;
    justify-content: flex-start;
}

.ZqLSL_lO:hover {
    background: var(--color-light-gray-2);
}

.Z1YAzoKX {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 28px;
}

.LdEwoBba {
    font-size: 12px;
    color: var(--color-dark-gray-2);
}

.FbZza4TA {
    position: absolute;
    top: 120%;
    right: 0;
    min-width: 200px;
    background: var(--color-white);
    border: 1px solid var(--color-light-gray-3);
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
    z-index: 2000;
    padding: 4px 0;
}

.UQhLQUgH {
    display: block;
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 10px 12px;
    font-size: 14px;
    color: var(--color-dark-gray-2);
}

.UQhLQUgH:hover {
    background: var(--color-light-gray-4);
}

.AUH1ZxhM {
    height: 1px;
    margin: 6px 4px;
    background: var(--color-light-gray-2);
    border-radius: 1px;
}

.ylzBxHF8 {
    display: flex;
    gap: 12px;
    margin: 8px 0 16px;
}

.QeSNAUR6 {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1a202450;
    z-index: 1000;
    animation: TleWKRuX .2s;
}

.gdHcf2Ax {
    position: absolute;
    inset: 0;
}

.xBgYSUC8 {
    position: relative;
    background: var(--color-white);
    border-radius: 6px;
    padding: 40px 24px;
    width: 400px;
    max-width: calc(100vw - 32px);
    z-index: 10;
    box-shadow: 0 12px 24px #5b68713d;
}

.B29rE1Ad {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.pfYVy3MW {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
}

.mlIJ8KvE {
    background: none;
    border: 0;
    font-size: 1.25rem;
    cursor: pointer;
    line-height: 1;
}

.iEnz0wxW {
    margin-bottom: 1rem;
}

.DoIOzVkj {
    width: 100%;
    padding: .5rem 12px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    font-size: .875rem;
    box-sizing: border-box;
}

.ja6uUMXM {
    display: flex;
    gap: 1rem;
    flex-direction: row-reverse;
}

.AMn3KSqV {
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid #f5c880;
    background: #fff8ea;
    color: #7a4c00;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.35;
}

.l0OKGscM {
    margin-top: 8px;
    color: #b00020;
    font-size: 13px;
}

.T6QcGv2v {
    pointer-events: none;
    opacity: .5;
}

@keyframes TleWKRuX {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.ADnP5q0U {
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    margin: 0 0 8px;
}

.Nbm2AZX8 {
    font-size: 0.875rem;
    color: var(--color-mid-gray-2);
    text-align: center;
    margin: 0 0 20px;
}

.XFdi1jwB {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.t7XBY3Qs {
    display: flex;
    height: 100%;
    gap: 24px;
    margin: .5rem
}

.UR4yMkMW {
    width: 100%;
    overflow: hidden;
}

.Huf7XjJW {
    background: var(--color-white);
    border-radius: 0 0 0 .5rem;
    padding: 20px 20px 0;
}

.j7BkFQRY {
    display: flex;
    gap: 15px;
}

.CWpS5J9e {
    position: relative;
    display: inline-block;
}

.rRHdqGr7 {
    font-size: .875rem;
    line-height: 1.5rem;
    padding: 7px 0;
    display: inline-block;
    color: var(--color-dark-gray-2);
}

.rRHdqGr7::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--color-light-gray-2);
    transition: background .2s ease;
}

.CWpS5J9e:hover .rRHdqGr7::after,
.HElxMYJr .rRHdqGr7::after {
    background: var(--color-dark-gray-2);
}

.KIUiwo84 {
    margin: 1rem 32px 1.5rem 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.qfr3uCtA {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .75rem;
}

.lRjKw2IH {
    white-space: nowrap;
}

.GCbFpend {
    appearance: none;
    border: 1px solid var(--color-light-gray-2);
    background: var(--color-white) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%276%27 viewBox=%270 0 10 6%27%3E%3Cpath fill=%27%235B6871%27 d=%27M0 0l5 6 5-6z%27/%3E%3C/svg%3E") no-repeat right 8px center/10px 6px;
    border-radius: 6px;
    padding: 6px 28px 6px 10px;
    font-size: .75rem;
    cursor: pointer;
}

.GCbFpend:hover {
    border-color: var(--color-mid-gray-4);
}

.GCbFpend:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--color-light-blue);
}

.EXV8CLSW {
    height: calc(100% - 145px);
    overflow-y: auto;
    padding-right: 8px;
}

.ZxNDtqDR {
    padding-bottom: 1rem;
    margin: 0 24px 20px;
    border-bottom: 1px solid var(--color-mid-gray-4);
}

.Ras5yRxi {
    margin-bottom: 1rem;
}

.h1mVJfRZ {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: .5rem;
    display: inline-flex;
    align-items: end;
    gap: 8px;
    vertical-align: middle;
}

.QFRvSNdb {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.QJ0oR9zc {
    display: flex;
    gap: .5rem;
    font-size: .75rem;
}

.bRKZ9T0d {
    opacity: .5;
}

.AclEnJ5P {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    gap: .5rem;
    min-height: 70px;
    flex-wrap: wrap;
}

.BC7k8DLt {
    background: var(--color-white);
    border: 1px solid var(--color-light-gray-1);
    border-radius: .5rem;
    min-width: 22.5rem;
    padding: 1rem 1rem .5rem;
    position: relative;
}

.GYG_IPDy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}

.uLWCyaeP {
    font-size: .875rem;
    line-height: 1.5rem;
}

.MEIw7Rp7 {
    font-size: .75rem;
    line-height: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    background: var(--color-mid-gray-1);
    color: var(--color-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.JaZTz9Tg {
    font-size: .75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-1);
    margin-top: .25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.DfJ4nev9 {
    display: flex;
    gap: 4px;
    margin-bottom: .75rem;
}

.DfJ4nev9 img,
.uy0wjMIM {
    flex: 1 1 32%;
    aspect-ratio: 1/1;
    border-radius: .5rem;
    object-fit: cover;
    background: var(--color-light-gray-4);
}

.YWwCaAbt {
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 44px;
    box-sizing: border-box;
}


._U_TSB5u {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1a202450;
    z-index: 1000;
    animation: bl4MYsa_ .2s;
}

@keyframes bl4MYsa_ {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.POUvaPvv {
    position: absolute;
    inset: 0;
}

.IcNte465 {
    position: relative;
    background: var(--color-white);
    border-radius: 6px;
    padding: 40px 24px;
    width: 400px;
    z-index: 10;
    box-shadow: 0 12px 24px #5b68713d;
}

.QhdOqyxE {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.c1GzM6_I {
    font-size: 1.125rem;
    font-weight: 600;
}

.xs0NYk4K {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
}

.gtHtZCqG {
    margin-bottom: 1rem;
}

.ljTEigdz {
    width: 100%;
    padding: .5rem 12px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    font-size: .875rem;
}

.a3Spngrb {
    display: flex;
    gap: 1rem;
    flex-direction: row-reverse;
}

.ks1IJibp {
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid #f5c880;
    background: #fff8ea;
    color: #7a4c00;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.35;
}

.vZoMQIqi {
    margin-top: 8px;
    color: #b00020;
    font-size: 13px;
}

.P5tXGKi3 {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    margin-top: .5rem;
}

.yprwlpLD {
    flex: 0 0 calc(33.33% - .75rem);
    background: var(--color-white);
    border: 1px solid var(--color-light-gray-1);
    border-radius: .5rem;
    padding: .75rem;
    transition: box-shadow .2s ease, transform .1s ease;
}

.yprwlpLD:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
    transform: translateY(-2px);
}

.mRbOgjtg {
    font-size: .875rem;
    font-weight: 600;
    color: var(--color-dark-gray-2);
    margin-bottom: .25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.LKce5xGQ {
    font-size: .75rem;
    line-height: 1rem;
    color: var(--color-mid-gray-1);
    word-break: break-word;
}

/* ====== Меню «…» в заголовках ====== */
.peMyOHxL {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.UWlgb_Nc {
    cursor: pointer;
    color: var(--color-dark-gray-2);
    background: var(--color-light-gray-5);
    user-select: none;
    border: 0;
    border-radius: 8px;
    margin-left: 8px;
    line-height: 1;
    font-size: 32px; /* больше по размеру */
    width: 36px;
    height: 36px; /* видимая кнопка */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .12s, transform 60ms;
}

.UWlgb_Nc:hover {
    background: var(--color-light-gray-4);
}

.UWlgb_Nc:active {
    transform: translateY(1px);
}

.lvjJnmhm {
    position: absolute;
    top: calc(100% + 8px);
    min-width: 180px;
    padding: 6px;
    background: #fff;
    border: 1px solid var(--color-light-gray-2);
    border-radius: 10px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .08);
    z-index: 5;
    animation: cDd5wZ7z .08s ease-out;
}

@keyframes cDd5wZ7z {
    from {
        transform: translateY(-4px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.S8EKglKv {
    width: 100%;
    background: transparent;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 12px;
    cursor: pointer;
    font-family: Inter, system-ui, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: var(--color-dark-gray-2);
    text-align: left;
}

.S8EKglKv:hover {
    background: var(--color-light-gray-5);
}

.S8EKglKv:focus {
    outline: 2px solid var(--color-light-blue);
    outline-offset: 1px;
}

.EKNvoc1E {
    color: #b00020;
}

.EKNvoc1E:hover {
    background: #ffe8eb;
}

.iojGzghr {
    height: 1px;
    margin: 6px 4px;
    background: var(--color-light-gray-2);
    border-radius: 1px;
}


.rEBOiKJp {
    background: var(--color-primary);
}

.rEBOiKJp:hover {
    background: var(--color-primary-hover) !important;
}

.tvB5zyoi {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, .55);
    display: flex;
    justify-content: center;
    align-items: center;
    animation: bl4MYsa_ .2s;
    overflow: scroll;
}

.eN2TLyLZ {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .15);
    padding: 2.5rem 2rem 2rem;
    max-width: 31rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.KDTDVz8Q {
    margin: 0 0 1.5rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-dark-gray);
}

.TbrbadM_ {
    display: flex;
    gap: 1.5rem;
    width: 100%;
    margin-bottom: 1.5rem;
}

.zvQLkTFM {
    flex: 0 0 40%;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.sy6F8quG {
    flex: 1;
    overflow-y: auto;
    max-height: 60vh;
    border-left: 1px solid var(--color-light-gray-3);
    padding-left: 1rem;
}

.wYR4F5Xl {
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0 0 .5rem;
}

.GQWs9g09 {
    position: absolute;
    top: 16px;
    right: 16px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.iKGpbwEB,
.VKPVad_z {
    transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .1s ease;
}

.iKGpbwEB {
    padding: .55rem 1rem;
    background: var(--color-white);
    border: 1px solid var(--color-light-gray-3);
    border-radius: 8px;
    cursor: pointer;
}

.iKGpbwEB:hover {
    background: var(--color-light-gray-4);
    box-shadow: inset 3px 0 0 var(--color-blue), 0 4px 8px rgba(0, 0, 0, .03);
}

.rcquKV1L {
    background: var(--color-blue) !important;
    color: var(--color-white);
    transform: translateY(-2px);
    box-shadow: 0 0 0 3px rgba(33, 150, 243, .4);
}

.VKPVad_z {
    position: relative;
    padding: 6px 8px 6px calc(var(--indent) + 24px);
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    user-select: none;
}

.VKPVad_z:hover {
    background: var(--color-light-gray-4);
    box-shadow: inset 3px 0 0 var(--color-blue), 0 4px 8px rgba(0, 0, 0, .03);
}

.wl7kI6u5 {
    background: var(--color-blue);
    color: var(--color-white);
    box-shadow: inset 3px 0 0 var(--color-blue), 0 4px 12px rgba(0, 0, 0, .06);
}

.VKPVad_z[data-root="true"]::before,
.VKPVad_z[data-root="true"]::after {
    content: none;
}

.VKPVad_z::before {
    content: "";
    position: absolute;
    left: calc(var(--indent) + 8px);
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--color-light-gray-3);
    height: 50%;
}

.VKPVad_z::after {
    content: "";
    position: absolute;
    left: calc(var(--indent) + 8px);
    top: 50%;
    width: 12px;
    height: 2px;
    background: var(--color-light-gray-3);
}

.OO9jqK63 {
    border-bottom: 1px solid #C7C8C9;
}

.tTsb294o {
    border: none;
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.ttpNgL5q {
    transform: rotate(180deg);
}

.Fs4loar1 {
    display: flex;
    gap: 1rem;
    width: 100%;
}

.UxV_kUsz {
    margin-bottom: 12px;
    display: inline-block;
}

.ADTcL2QS {
    margin-left: 8px;
    cursor: pointer;
}

.FAii2t3Q {
    margin-top: 16px;
}

.V2gfkKxM {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.N92iUXcf {
    font-weight: 600;
    margin: 0;
}

.cLALcA4N {
    width: 50%;
    border: 1px solid var(--color-light-gray-2);
    box-sizing: border-box;
    border-radius: 12px;
    height: 30px;
    padding: 0 16px;
    font-size: 16px;
    line-height: 24px;
}

.nr3w0HN2 {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.zAyCwXbM {
    color: #b00020;
    font-size: 13px;
}

.CuCNdQWC{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.bYORqUhy{
    margin:0;
    font-size:20px;
    font-weight:600;
    color:var(--color-dark-gray-2);
}
.oq_DT0Gr{
    font-size:22px;
    line-height:1;
    background:transparent;
    border:none;
    color:var(--color-mid-gray-2);
    cursor:pointer;
    padding:4px;
    transition:color .2s ease;
}
.oq_DT0Gr:hover{color:var(--color-dark-gray-2);}
.nBuOSLeW{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin:16px 0;
}
.Vp2j4V2V{
    width:100%;
    padding:8px 12px;
    border:1px solid var(--color-light-gray-2);
    border-radius:8px;
}
.YYfv7VpW{
    color:var(--color-primary);
    margin:0;
}
.p71o8iV6{
    display:flex;
    justify-content:flex-end;
}

.a6IOsuD9 {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
}

.fgFBRrkH {
    background: var(--color-white);
    border-radius: 12px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .24);
    padding: 20px 30px 30px;
    position: relative;
}

.QrDUPi9i {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.SvO5KiAa {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--color-dark-gray-2);
}

.NDoCfeCx {
    border: 0;
    background: transparent;
    font-size: 26px;
    line-height: 1;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: 8px;
    color: #A7A7A7;
    left: 97%;
    top: 0%;
    position: absolute;
}

.NDoCfeCx:hover {
    background: var(--color-light-gray-4);
    color: #2f2f2f;
}

.EoylzTYR {
    display: flex;
    gap: 20px;
    padding: 8px 0 4px;
    flex-wrap: wrap;
}

.cH1eQfQk {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.gDDnvPeJ {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-purple-600);
}

.XpSPfse8 {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
}

@media (max-width: 860px) {
    .EoylzTYR {
        grid-template-columns: 1fr;
    }

    .fgFBRrkH {
        width: min(640px, 94vw);
    }
}

.jtdE9WzX {
    width: 100%;
    border: 0;
    background: #F5EEF6;
    box-shadow: 0 0 5px 0 #00000017;
    border-radius: 12px;
    padding: 12px;
    cursor: pointer;
    display: flex;
}

.I4LEgxjO {
    background: #FEFCE5;
    border: 1px solid var(--color-yellow-800);
    box-shadow: 0 0 5px 0 #00000017;
}

.OW7MIvKq {
    width: 100%;
    height: 100%;
    border: 1px solid #E5E9EB;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.IQNMwCs3 {
    object-fit: scale-down;
}

.jtdE9WzX .OW7MIvKq {
    background: #F4E3EE;
}

.I4LEgxjO .OW7MIvKq {
    background: #FDF7C0;
}

.rtXqJM1a {
    width: 324px;
    height: 205px;
    padding: 20px;
    border-radius: 8px;
    box-sizing: border-box;
}

.lkza7QPR {
    width: 100%;
    height: 100%;
    display: flex;
    gap: 5px;
}

.q3HWuw5U {
    flex: 0 0 60%;
    height: 100%;
}

.sw9yaGmp {
    flex: 0 0 40%;
    height: 100%;
}

.QwpKCCV5 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sCkerqik,
.JXp_MLRu {
    display: flex;
    gap: 5px;
    height: calc((100% - 5px) / 2);
}

.gmgyu0Zp, .gudhvbJ2 {
    flex: 0 0 50%;
    height: 100%;
}

.VqcEWS9c {
    flex: 0 0 60%;
    height: 100%;
}

.XG_t1O75 {
    flex: 0 0 40%;
    height: 100%;
}

.odae1P7Q {
    width: 100%;
    height: 100%;
    display: flex;
    gap: 5px;
}

.RVhMBVaw {
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    margin-right: 5px;
    flex: 0 0 var(--six-left, 72%);
}

.lrX2V3dl {
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    flex: 0 0 var(--six-right, 28%);
}

.xzqg3Rhv,
.Sdr5sDxl {
    display: flex;
    gap: 5px;
    height: calc(100% / 2);
}

.jNorUQBK {
    flex: 0 0 var(--six-top-left, 50%);
    height: 100%;
}

.EBpuxCqn {
    flex: 0 0 var(--six-top-right, 50%);
    height: 100%;
}

.nayQjJXL {
    flex: 0 0 var(--six-bottom-left, 60%);
    height: 100%;
}

.nvfAwcgA {
    flex: 0 0 var(--six-bottom-right, 40%);
    height: 100%;
}

.yPXi3vIA {
    flex: 4 1 0;
}

.uC9f7xbh {
    flex: 6 1 0;
}

.Hzt7u6iP {
    background: rgba(144, 19, 122, 1);
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: rgba(249, 249, 249, 1);
    padding: 8px 80px;
}

.Hzt7u6iP:hover {
    background: var(--color-purple-400) !important;
}

.vTRd2RGj {
    color: var(--color-yellow-800);
    font-weight: 600;
}
.WAqCykSH {
    border-radius: 12px;
    padding: 20px 30px 30px;
    position: relative;
}

.d4uMaxip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.gLZffntq {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--color-dark-gray-2);
}

.mUQQ_GGP {
    border: 0;
    background: transparent;
    font-size: 26px;
    line-height: 1;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: 8px;
    color: #A7A7A7;
    left: 97%;
    top: 0%;
    position: absolute;
}

.mUQQ_GGP:hover {
    background: var(--color-light-gray-4);
    color: #2f2f2f;
}

.qBg0oNCY {
    display: flex;
    gap: 20px;
    padding: 8px 0 4px;
    flex-wrap: wrap;
}

.inu64BQa {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.I8kbQFM7 {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-purple-600);
}

.XmDTfbsw {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
}

@media (max-width: 860px) {
    .qBg0oNCY {
        grid-template-columns: 1fr;
    }

    .WAqCykSH {
        width: min(640px, 94vw);
    }
}

.ropsNKwz {
    width: 100%;
    border: 0;
    background: var(--color-white);
    box-shadow: 0 0 5px 0 #00000017;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
}

.syjR6ue8 {
    background: #FEFCE5;
    border: 1px solid var(--color-yellow-800);
    box-shadow: 0 0 5px 0 #00000017;
}

.lmR0TYGs {
    width: 100%;
    height: 100%;
    border: 1px solid #E5E9EB;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.NHeuwDRg {
    object-fit: scale-down;
}

.ropsNKwz .lmR0TYGs {
    background: #F4E3EE;
}

.syjR6ue8 .lmR0TYGs {
    background: #FDF7C0;
}

.LnzMlENX {
    width: 324px;
    height: 205px;
    padding: 20px 40px;
    border-radius: 8px;
    box-sizing: border-box;
}

.IguNM64R {
    width: 100%;
    height: 100%;
    display: flex;
    gap: 5px;
}

.gHJfgZwE {
    flex: 0 0 60%;
    height: 100%;
}

.H8sXCVuf {
    flex: 0 0 40%;
    height: 100%;
}

.XyEbWKVP {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.BpCUeN1_,
.imo2hbKm {
    display: flex;
    gap: 5px;
    height: calc((100% - 5px) / 2);
}

._0tNsFk6, .IwmzQflU {
    flex: 0 0 50%;
    height: 100%;
}

.mcZG2Pe6 {
    flex: 0 0 60%;
    height: 100%;
}

.apSB2iBr {
    flex: 0 0 40%;
    height: 100%;
}

.Nlmvc6Xf {
    width: 100%;
    height: 100%;
    display: flex;
    gap: 5px;
}

.tP2fMrKA {
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    margin-right: 5px;
    flex: 0 0 var(--six-left, 72%);
}

.pYjBRPlu {
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 100%;
    flex: 0 0 var(--six-right, 28%);
}

.UDjz3z5w,
.sQnynAw8 {
    display: flex;
    gap: 5px;
    height: calc(100% / 2);
}

.eV3kdCfU {
    flex: 0 0 var(--six-top-left, 50%);
    height: 100%;
}

.HestawYT {
    flex: 0 0 var(--six-top-right, 50%);
    height: 100%;
}

.NJThP23Y {
    flex: 0 0 var(--six-bottom-left, 60%);
    height: 100%;
}

.LuKlDGAE {
    flex: 0 0 var(--six-bottom-right, 40%);
    height: 100%;
}

.QKeS2zE3 {
    flex: 4 1 0;
}

.dzA8bWiT {
    flex: 6 1 0;
}

.ol1537aJ {
    background: rgba(144, 19, 122, 1);
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: rgba(249, 249, 249, 1);
    padding: 8px 80px;
}

.ol1537aJ:hover {
    background: var(--color-purple-400) !important;
}

.dnR67sGp {
    color: var(--color-yellow-800);
    font-weight: 600;
}
.JANcZkzk {
    padding: 24px 16px;
    box-sizing: border-box;
    position: sticky;
    top: var(--presentation-header-offset, 76px);
    align-self: flex-start;
    height: calc(100vh - var(--presentation-header-offset, 76px));
    z-index: 5;
}

.gPmFzTQ1 {
    width: 280px;
    flex: 0 0 280px;
    height: 100%;
    background: var(--color-white);
    border-right: 1px solid var(--color-light-gray-2);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.nVGhnHVY {
    flex: 1 1 auto;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.awRX5wXn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-left: 6px solid transparent;
    padding-left: 8px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.f490h0Zo {
    flex: 1;
    font-size: 14px;
    text-decoration: none;
    color: var(--color-dark-gray-2);
}

.n4RRMmSN {
    font-weight: 700;
    font-size: 16px;
    padding: 8px 0 8px;
}

.r_dZvRyv {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    padding: 8px;
}

.wzwKb3m1 {
    font-size: 14px;
    padding: 8px 0;
    border-bottom: 1px solid var(--color-light-gray-2);
}

.wzwKb3m1:last-of-type {
    border-bottom: none;
}

.n4RRMmSN:hover,
.r_dZvRyv:hover,
.wzwKb3m1:hover {
    background-color: rgba(254, 252, 229, 1);
    border-left-color: rgba(245, 162, 8, 1);
}

.Cg2cSvcp {
    background: transparent;
    border: none;
    padding: 2px;
    display: flex;
    align-items: center;
    transform: rotate(180deg);
}

.fwWSOjgM {
    transform: rotate(180deg);
}

.FH59RzjA {
    font-family: Inter, system-ui, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    margin-left: 6px;
}

.OFZel0JE {
    font-family: Inter, system-ui, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.006em;
    text-transform: uppercase;
}

.jGneHUs2 {
    font-family: Inter, system-ui, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
}

.qA2D0eMR {
    font-family: Inter, system-ui, sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0;
}

.JiJvrDj7 {
    display: flex;
    align-items: flex-start;
    width: 100%;
    flex-direction: column;
    gap: 8px;
}

.VkuH84wD {
    flex: 1;
    min-width: 0;
    font-size: 14px;
    line-height: 1.4;
    padding: 6px 10px;
    border: 1px solid #E5E9EB;
    border-radius: 8px;
    background: var(--color-white);
    color: var(--color-dark-gray-2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04) inset;
}

.VkuH84wD:focus {
    outline: none;
    border-color: var(--color-blue-hover);
}

.jfvg6Wq4 {
    display: flex;
    gap: 8px;
}

.meHKUnds {
    border: 0;
    background: transparent;
    padding: 4px;
    margin-left: 8px;
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color .15s ease;
}

.meHKUnds:hover,
.meHKUnds:focus-visible {
    background: var(--color-light-gray-4);
    outline: none;
}

.hxJyvBEz {
    color: rgba(167, 167, 167, 1);
}

.ycHnl_Cq {
    font-size: 12px;
    color: #d32f2f;
    align-self: stretch;
}

.gTSb6jsz {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .32);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.dNaSwv3h {
    position: relative;
    width: min(1230px, 96vw);
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    background: var(--color-white);
    border-radius: 14px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .18);
    overflow: hidden;
    padding: 30px 30px 30px 30px;
}

.oo66SY1j {
    border: 0;
    background: transparent;
    font-size: 26px;
    line-height: 1;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: 8px;
    color: #A7A7A7;
    left: 97%;
    top: 0%;
    position: absolute;
}

.oo66SY1j:hover {
    background: var(--color-light-gray-4);
    color: #2f2f2f;
}

.bMeC11NH {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px 12px 0px;
}

.BNH28Obh {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.o0vKq2lj {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: var(--color-dark-gray-2);
}

.qk1MQYaf {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(167, 167, 167, 1);
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;

}

.EOAcd9BL {
    color: rgba(47, 47, 47, 1);
}

.wZwbSwVm {
    margin-left: 12px;
}

.dEL40iwl {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--color-light-gray-1);
    display: inline-block;
}

.vgCVKPKr {
    display: flex;
    align-items: center;
    gap: 10px;
}

.te397Yxq {
    display: none;
}

.EXUYUSyZ {
    background: transparent;
    color: #90137A;
    border: 1px solid #90137A;
    padding: 4px 16px 4px 10px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    display: flex;
    align-items: center;

}

.EXUYUSyZ:hover {
    background: #f6f0fb;
}

.elXmlGNN {
    margin-bottom: -5px;
    margin-right: 5px;
}

.n3538wtK {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

.kGRdD8Ci {
    padding: 11px 0px;
}

.ksvuSfQs {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
}

.wSdNawjy {
    display: flex;
    gap: 5px;
}

.yUQTv7CO {
    background: #fff;
    color: rgba(144, 19, 122, 1);
    border: 1px solid rgba(144, 19, 122, 1);
    padding: 4px 8px;
    border-radius: 5px;
    cursor: pointer;
}

.yUQTv7CO:disabled {
    opacity: .6;
    cursor: not-allowed;
}

.iH_dTEtq {
    flex: 1;
    min-height: 240px;
    padding: 0px 0px 20px 0px;
    overflow: auto;
}

.D2IHkPMZ {
    padding: 40px 0;
    text-align: center;
    color: var(--color-mid-gray-2);
}

/* список плиток — flex-wrap со слотами 215×122 */
.M0A669KQ {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-content: flex-start;
}

.fbgl80a5 {
    width: 215px;
    height: 122px;
}

/* плитка каталога */
.X0lGnIQ_ {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    background: var(--color-light-gray-5);
}

.EPTc_GcX {
    opacity: .5;
    cursor: not-allowed;
}

.XYWP60mT {
    border: 3px solid #7A1EA1;
}

.xW1BKAGW {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* бейдж номера выбора */
._PxSHe0u {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #7A1EA1;
    color: rgba(249, 249, 249, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .18);
    z-index: 1;
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    border: 1px solid rgba(249, 249, 249, 1);
}

.FMWqhCdG {
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid var(--color-light-gray-4);
}

.HDlBwNRj {
    background: rgba(144, 19, 122, 1);
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: rgba(249, 249, 249, 1);
    padding: 8px 80px;
}

.HDlBwNRj:hover {
    background: var(--color-purple-400) !important;
}

/* блок локальных загрузок */
.I9rrCpwj {
    margin-bottom: 12px;
}

.ByQHNPVb {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-dark-gray-2);
    margin-bottom: 10px;
}

.CMWPFpqm {
    display: flex;
    gap: 12px;
    align-items: center;
    overflow: auto;
    padding-bottom: 6px;
}

.oieLxmYA {
    position: relative;
    width: 215px;
    height: 122px;
    border-radius: 8px;
    overflow: hidden;
    background: var(--color-light-gray-5);
    cursor: pointer;
}

.eXLrmeqe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.XQMFXfjw {
    position: absolute;
    bottom: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    border: 0;
    cursor: pointer;
    line-height: 1;
}

.T8siTOqw {
    width: 215px;
    height: 122px;
    border-radius: 8px;
    background: var(--color-light-gray-5);
    color: #7A1EA1;
    border: 2px dashed #d9c2e6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    cursor: pointer;
}

.T8siTOqw::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    --dash: 8px; /* длина штриха */
    --gap: 14px; /* зазор между штрихами */
    --bw: 2px; /* толщина «бордера» */
    --c: rgba(208, 140, 188, 1);

    background: /* top */ repeating-linear-gradient(to right,
    var(--c) 0 calc(var(--dash)),
    transparent calc(var(--dash)) calc(var(--dash) + var(--gap))
    ) top / 100% var(--bw) no-repeat,
        /* right */ repeating-linear-gradient(to bottom,
            var(--c) 0 calc(var(--dash)),
            transparent calc(var(--dash)) calc(var(--dash) + var(--gap))
    ) right / var(--bw) 100% no-repeat,
        /* bottom */ repeating-linear-gradient(to right,
            var(--c) 0 calc(var(--dash)),
            transparent calc(var(--dash)) calc(var(--dash) + var(--gap))
    ) bottom / 100% var(--bw) no-repeat,
        /* left */ repeating-linear-gradient(to bottom,
            var(--c) 0 calc(var(--dash)),
            transparent calc(var(--dash)) calc(var(--dash) + var(--gap))
    ) left / var(--bw) 100% no-repeat;
}

.qqc7ptgX {
    display: inline-block;
    transform: translateY(-1px);
}

.WghLuCA9 {
    margin-top: 10px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 14px;
    color: var(--color-dark-gray);
}

.sbaWy8o6 {
    display: flex;
    gap: 6px;
    margin: 6px 4px 12px;
}

.sgloISIZ {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid var(--color-light-gray-3, #e1e1e1);
    background: var(--color-light-gray-5, #f5f5f7);
}

.bk0uxafj {
    background: #7A1EA1;
    border-color: #7A1EA1;
}

._PxSHe0u {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #7A1EA1;
    color: #F9F9F9;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .18);
    z-index: 1;
    font-size: 12px;
    border: 1px solid #F9F9F9;
}

.lAP2GjzQ {
    border-radius: 12px;
    padding: 0px 20px 20px 20px;
    width: 98%;
}

.WzhrwWo0 + .WzhrwWo0 {
    margin-top: 16px;
}

.Coc91lA1 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-dark-gray-2);
}

.ZCbNAqSn {
    margin-bottom: 20px;
}

.ZCbNAqSn.OPckBxHR {
    cursor: pointer;
}

.ZCbNAqSn.dQvZ9F6w {
    cursor: default;
}

.AzX7vUku {
    font-family: Inter;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: rgba(47, 47, 47, 1);
}

.UDVvbbkU {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
}

.i5Fi_B8X {
    border: 1px solid var(--color-light-gray-2);
    background: var(--color-white);
    border-radius: 6px;
    padding: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.i5Fi_B8X:hover {
    background: var(--color-light-gray-4);
}

.KtxEsziu {
    display: flex;
    align-items: center;
    gap: 8px;
}

.shNnEXtG {
    height: 32px;
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px solid var(--color-light-gray-2);
    min-width: 280px;
    color: var(--color-dark-gray-2);
    background: var(--color-white);
}

.FCd3btqS {
    background: #fff;
    border: 1px solid #E5E9EB;
    border-radius: 8px;
    padding: 8px;
    margin-top: 8px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    max-height: 400px;
    overflow-y: auto;
}

.O90CrzUo {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
}

.mTz7uvf1 {
    display: block;
    width: 100%;
    background: none;
    border: none;
    color: var(--color-purple-600);
    text-align: left;
    font-size: 14px;
    padding: 4px 0;
    margin-bottom: 8px;
    cursor: pointer;
}

.mTz7uvf1:hover:enabled {
    text-decoration: underline;
}

.mTz7uvf1:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.IH3_tt29 {
    font-size: 14px;
    color: var(--color-dark-gray);
    margin-bottom: 8px;
}

.HIV4vshT {
    width: 96px;
    height: 72px;
    object-fit: cover;
    border-radius: 6px;
    background: #f2f2f2;
    box-sizing: border-box;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;
}

.HIV4vshT:hover {
    transform: translateY(-1px);
}

.FX9A2uT7 {
    border: 4px solid var(--color-purple-600);
}

.VEz4no8R {
    border: 2px solid var(--color-light-gray-3);
}

.a1nSL7DH {
    display: grid;
    grid-template-columns:repeat(auto-fill, 96px);
    grid-auto-rows: 72px;
    gap: 8px;
}

.FAylop8d {
    display: flex;
    align-items: center;
    justify-content: center;
}

.v0l8IDey {
    font-size: 14px;
    color: var(--color-mid-gray-1);
}


.sDg411VG {
    display: grid;
    grid-auto-rows: auto;
    gap: 20px;
    margin-bottom: 20px;
}

.NlRElaBx {
    display: grid;
    gap: 12px;
    align-items: start;
    transition: grid-template-columns 0.15s ease-out;
}

.IesGekw0 {
    position: relative;
    border-radius: 8px;
    overflow: visible;
    background: #fff;
    min-height: 0;
    transform: translateZ(0);
    transition: box-shadow .2s ease, transform .2s ease;
}

.IesGekw0[draggable="true"]:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .14);
    transform: translateY(-1px) translateZ(0);
}

.MIrRcJZO {
    outline: 2px solid var(--color-yellow-600);
    outline-offset: 2px;
}

.dXBr6_Gl {
    opacity: .65;
    transform: scale(1.03) translateZ(0);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .22);
    z-index: 10;
    transition: opacity .15s ease, transform .15s ease, box-shadow .15s ease;
}

.VwFQ3fCh {
    z-index: 20;
}

.FxlTdzar {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(0, 0, 0, .12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 4;
    opacity: 0.96;
    transform: translateZ(0);
    transition: background .15s ease, box-shadow .15s ease, opacity .15s ease, transform .15s ease;
}

.FxlTdzar:hover {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
    opacity: 1;
    transform: translateY(-1px) translateZ(0);
}

.CgGnUkqi {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: var(--color-background-main);
    border-radius: 8px;
}

.OiOVdjmc {
    position: absolute;
    inset: 0;
    overflow: hidden;
    transform: translateZ(0);
}

.pCRa7_QN {
    position: absolute;
    inset: 0;
    will-change: transform;
    transform: scale(1) translateZ(0);
    transform-origin: 50% 50%;
}

.iKDsSqyT {
    object-fit: contain;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
    image-rendering: auto;
}

.bKSeycEB {
    cursor: grab;
}

.nKD5gEv1 {
    cursor: grabbing;
}

.knorksa5 {
    position: absolute;
    inset: 0;
    background: rgba(249, 249, 249, 1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.knorksa5::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    --dash: 8px; /* длина штриха */
    --gap: 14px; /* зазор между штрихами */
    --bw: 2px; /* толщина «бордера» */
    --c: rgba(208, 140, 188, 1);

    background: /* top */ repeating-linear-gradient(to right,
    var(--c) 0 calc(var(--dash)),
    transparent calc(var(--dash)) calc(var(--dash) + var(--gap))
    ) top / 100% var(--bw) no-repeat,
        /* right */ repeating-linear-gradient(to bottom,
            var(--c) 0 calc(var(--dash)),
            transparent calc(var(--dash)) calc(var(--dash) + var(--gap))
    ) right / var(--bw) 100% no-repeat,
        /* bottom */ repeating-linear-gradient(to right,
            var(--c) 0 calc(var(--dash)),
            transparent calc(var(--dash)) calc(var(--dash) + var(--gap))
    ) bottom / 100% var(--bw) no-repeat,
        /* left */ repeating-linear-gradient(to bottom,
            var(--c) 0 calc(var(--dash)),
            transparent calc(var(--dash)) calc(var(--dash) + var(--gap))
    ) left / var(--bw) 100% no-repeat;
}

.IxSxNJhi {
    position: absolute;
    inset: 0;
    border: none;
    background: transparent;
    color: rgba(144, 19, 122, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    transition: background .2s ease, color .2s ease, transform .15s ease;
    top: unset !important;
    left: unset !important;
    bottom: unset !important;
    right: unset !important;
}

.IxSxNJhi:hover {
    background: rgba(249, 240, 246, 0.7);
    color: rgba(144, 19, 122, 1);
    transform: scale(1.02);
}

.IxSxNJhi:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.IxSxNJhi:disabled:hover {
    background: transparent;
    transform: none;
}

.nL8hVw0O {
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
}

/* Улучшенный resize handle с визуальной обратной связью */
.iWWXazZy {
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(0, 0, 0, .22);
    border-radius: 6px;
    background: rgba(255, 255, 255, .94);
    cursor: se-resize;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
    transform: translateZ(0);
    transition: background .15s ease, box-shadow .15s ease, transform .15s ease;
}

.iWWXazZy::before {
    content: '';
    width: 12px;
    height: 12px;
    border-right: 2px solid rgba(0, 0, 0, .45);
    border-bottom: 2px solid rgba(0, 0, 0, .45);
    transform: translate(1px, 1px);
    pointer-events: none;
    transition: border-color .15s ease;
}

.iWWXazZy:hover {
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .18);
    transform: scale(1.08) translateZ(0);
}

.iWWXazZy:hover::before {
    border-color: rgba(0, 0, 0, .6);
}

.iWWXazZy:active {
    transform: scale(1.05) translateZ(0);
    background: rgba(249, 249, 249, 1);
}

.s90zDa6b {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    margin: 30px 0px 20px 0px
}

.jVg7T5J0 {
    background: transparent;
    border: none;
    padding: 0;
    font-family: Inter;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: rgba(167, 167, 167, 1);
    cursor: pointer;
    transition: color .15s ease;
}

.jVg7T5J0:hover {
    color: rgba(100, 100, 100, 1);
}

.EOA_Orju {
    color: rgba(47, 47, 47, 1);
    font-weight: 600;
    cursor: default;
}

.JWd7QdSo {
    display: flex;
    align-items: center;
    line-height: 0;
}

.QODo47xq {
    background: transparent;
    border: none;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.f3IPnYeV {
    transition: transform 0.25s ease;
}

.qpVVACiY {
    transform: rotate(-180deg);
}

.AeBChu7x {
    background: transparent;
    border: 1px solid rgba(144, 19, 122, 1);
    color: rgba(144, 19, 122, 1);
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    text-align: center;
    transition: border-color .15s ease, background .15s ease;
}

.AeBChu7x:hover {
    background: transparent !important;
    border: 1px solid var(--color-purple-400) !important;
}

.s90zDa6b:first-child {
    margin-top: 0px;
}


.M29vMCUz {
    --presentation-header-offset: 76px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.vNgT7vXu {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    padding-right: 40px;
    justify-content: center;
}

.qEHE67jG {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px 16px;
    background-color: var(--color-white);
    border-radius: .5rem;
    margin: .5rem;
    justify-content: space-between;
}

.nIbuWhyj {
    border-radius: 8px;
    flex: 0 0 36px;
}

.iNaxQBIO {
    font-family: Inter;
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    color: rgba(47, 47, 47, 1);
    margin-left: 10px;
}

/* избегаем разрыва внутри карточки фото */
.TKzqrnD2 {
    break-inside: avoid;
    page-break-inside: avoid;
}

@media print {
    .xtjXegIi {
        page-break-inside: avoid;
    }
}


@media (min-width: 1024px) {
    .M29vMCUz {
        flex-direction: row;
    }

    .vNgT7vXu {
        flex-direction: row;
    }
}

.O6cNVArj {
    display: flex;
    gap: 20px;
}


.qEHE67jG {
    display: flex;
    align-items: center;
    padding: 16px;
    position: sticky;
    top: 8px;
    z-index: 40;
}

.O6cNVArj {
    display: flex;
}

.ufTPIhz5 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.jaZIkOpb {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    padding: 6px 10px 6px 8px;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    gap: 8px;
}

.p0jOyN4k {
    background: none;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.p0jOyN4k:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

/* Toggle switch styles */
.adDZQmEo {
    display: flex;
    gap: 5px;
    align-items: center;
}

.JD8PXuLY {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}

.JD8PXuLY input {
    opacity: 0;
    width: 0;
    height: 0;
}

.RDrH8TQm {
    position: absolute;
    inset: 0;
    background: #E5E9EB;
    border-radius: 24px;
    transition: 0.2s;
}

.RDrH8TQm:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    left: 3px;
    top: 3px;
    background: #FFFFFF;
    border-radius: 50%;
    transition: 0.2s;
}

input:checked + .RDrH8TQm {
    background: var(--color-purple-700);
}

input:checked + .RDrH8TQm:before {
    transform: translateX(18px);
}

.tS2a4Tf6 {
    background: transparent;
    border: 0;
    padding: 6px;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tS2a4Tf6:hover {
    background: var(--color-light-gray-4);
}

.tS2a4Tf6:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.tS2a4Tf6:disabled:hover {
    background: transparent;
}

.DVg8P044 {
    background: var(--color-white);
}

.DVg8P044::before {
    background: var(--color-white);
}

.PhcTdRih {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.IMDsxxVB {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.IMDsxxVB:hover {
    background: var(--color-light-gray-4);
}

.IMDsxxVB:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.O6cNVArj {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.bTXYu8JB {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    max-width: 60vw;
    min-width: max-content;
    background: var(--color-white);
    color: var(--color-dark-gray-2);
    border: 1px solid var(--color-light-gray-2);
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 14px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);
    opacity: 0;
    transform: translateY(-6px);
    pointer-events: none;
    transition: opacity .16s ease, transform .16s ease;
    z-index: 1001;
}

.DuJ0mwIV {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.XfiIMRaG {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

@media (max-width: 520px) {
    .bTXYu8JB {
        right: -6px;
        max-width: calc(100vw - 24px);
    }
}

.tliQUag3,
.aYOMsBhu {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px;
    border-radius: 12px;
    border: 2px solid #C9C9C9;
    background: #fff;
    color: #A6A6A6;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    transition: border-color .15s ease, color .15s ease, box-shadow .15s ease;
    margin-right: 8px;
    max-height: 80px;
    height: 100%;
    min-width: 110px;
}

.tliQUag3:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
}

.aYOMsBhu {
    border-color: var(--color-purple-600);
    color: var(--color-purple-600);
}

.aYOMsBhu:hover {
    border-color: var(--color-purple-600);
    color: var(--color-purple-600);
}

.Ze9pqcKQ {
    opacity: 0.6;
    cursor: not-allowed;
    box-shadow: none;
}

.Ze9pqcKQ:hover {
    box-shadow: none;
}

.tafGfOv7 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tafGfOv7 > a {
    display: flex;
    align-items: center;
}

.iT4vow4u {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.iT4vow4u:hover {
    background: var(--color-light-gray-4);
}

.N3gY9rXw {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ph80s9wE {
    height: 36px;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid var(--color-light-gray-2);
    min-width: 320px;
    color: var(--color-dark-gray-2);
    background: var(--color-white);
}

.xO5Xqtct {
    padding: 24px 16px;
    box-sizing: border-box;
    position: sticky;
    top: var(--presentation-header-offset, 76px);
    align-self: flex-start;
    height: calc(100vh - var(--presentation-header-offset, 76px));
    z-index: 5;
}

.O6vYQxoK {
    width: 280px;
    flex: 0 0 280px;
    height: 100%;
    background: var(--color-white);
    border-right: 1px solid var(--color-light-gray-2);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.HQL33k6H {
    flex: 1 1 auto;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.cU7oCBsk {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-left: 6px solid transparent;
    padding-left: 8px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.WmvAYiPQ {
    flex: 1;
    font-size: 14px;
    text-decoration: none;
    color: var(--color-dark-gray-2);
}

.JRAEu8B2 {
    font-weight: 700;
    font-size: 16px;
    padding: 8px 0 8px;
}

.wSIPhlWs {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    padding: 8px;
}

.uuY1EMu7 {
    font-size: 14px;
    padding: 8px 0;
    border-bottom: 1px solid var(--color-light-gray-2);
}

.uuY1EMu7:last-of-type {
    border-bottom: none;
}

.JRAEu8B2:hover,
.wSIPhlWs:hover,
.uuY1EMu7:hover {
    background-color: rgba(254, 252, 229, 1);
    border-left-color: rgba(245, 162, 8, 1);
}

.mg_0sZ4x {
    background: transparent;
    border: none;
    padding: 2px;
    display: flex;
    align-items: center;
    transform: rotate(180deg);

}

.OIKv8rFL {
    transform: rotate(180deg);
}

.RIB205E9 {
    font-family: Inter, system-ui, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    margin-left: 6px;
}

.MBUONkTk {
    font-family: Inter, system-ui, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.006em;
    text-transform: uppercase;
}

.Ij2k9osW {
    font-family: Inter, system-ui, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
}

.MrU_3_zL {
    font-family: Inter, system-ui, sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0;
}

.IVhfU9tv {
    display: flex;
    align-items: flex-start;
    width: 100%;
    flex-direction: column;
    gap: 8px;
}

.dBkcW3hq {
    flex: 1;
    min-width: 0;
    font-size: 14px;
    line-height: 1.4;
    padding: 6px 10px;
    border: 1px solid #E5E9EB;
    border-radius: 8px;
    background: var(--color-white);
    color: var(--color-dark-gray-2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04) inset;
}

.dBkcW3hq:focus {
    outline: none;
    border-color: var(--color-blue-hover);
}

.kZCLAMLJ {
    display: flex;
    gap: 8px;
}

.gyJnnyNy {
    border: 0;
    background: transparent;
    padding: 4px;
    margin-left: 8px;
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color .15s ease;
}

.gyJnnyNy:hover,
.gyJnnyNy:focus-visible {
    background: var(--color-light-gray-4);
    outline: none;
}

.Jd1VHOdM {
    color: rgba(167, 167, 167, 1);
}

.j3tTiG3h {
    border-radius: 12px;
    padding: 0px 20px 20px 20px;
    width: 98%;
}

.ZE3yx1pC + .ZE3yx1pC {
    margin-top: 16px;
}

.u81GcCQV {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-dark-gray-2);
}

.Rk9Wj0Rv {
    margin-bottom: 20px;
}

.Rk9Wj0Rv.k3ze9q0G {
    cursor: pointer;
}

.Rk9Wj0Rv.FAnOJd9x {
    cursor: default;
}

.Q5smERZg {
    font-family: Inter;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: rgba(47, 47, 47, 1);
}

.Rs4TNtfr {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
}

.eIHgBQag {
    border: 1px solid var(--color-light-gray-2);
    background: var(--color-white);
    border-radius: 6px;
    padding: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.eIHgBQag:hover {
    background: var(--color-light-gray-4);
}

.u7JLfse3 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.aV4XxaAc {
    height: 32px;
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px solid var(--color-light-gray-2);
    min-width: 280px;
    color: var(--color-dark-gray-2);
    background: var(--color-white);
}

.Q_rpPFLW {
    background: #fff;
    border: 1px solid #E5E9EB;
    border-radius: 8px;
    padding: 8px;
    margin-top: 8px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    max-height: 400px;
    overflow-y: auto;
}

.hVCeS5JX {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
}

.c5vz_eKu {
    display: block;
    width: 100%;
    background: none;
    border: none;
    color: var(--color-purple-600);
    text-align: left;
    font-size: 14px;
    padding: 4px 0;
    margin-bottom: 8px;
    cursor: pointer;
}

.c5vz_eKu:hover:enabled {
    text-decoration: underline;
}

.c5vz_eKu:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.Z7J9aH1j {
    font-size: 14px;
    color: var(--color-dark-gray);
    margin-bottom: 8px;
}

.x4fqmr_r {
    width: 96px;
    height: 72px;
    object-fit: cover;
    border-radius: 6px;
    background: #f2f2f2;
    box-sizing: border-box;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;
}

.x4fqmr_r:hover {
    transform: translateY(-1px);
}

.d4Talwgh {
    border: 4px solid var(--color-purple-600);
}

.RxFo7UDX {
    border: 2px solid var(--color-light-gray-3);
}

.Abcl1cIM {
    display: grid;
    grid-template-columns:repeat(auto-fill, 96px);
    grid-auto-rows: 72px;
    gap: 8px;
}

.LDbKhmwX {
    display: flex;
    align-items: center;
    justify-content: center;
}

.SHXWAwrG {
    font-size: 14px;
    color: var(--color-mid-gray-1);
}


.YgEVaNOq {
    display: grid;
    grid-auto-rows: auto;
    gap: 20px;
    margin-bottom: 20px;
}

._TPpDbYU {
    display: grid;
    gap: 12px;
    align-items: start;
    transition: grid-template-columns 0.15s ease-out;
}

.mgCW9VFJ {
    position: relative;
    border-radius: 8px;
    overflow: visible;
    background: #fff;
    min-height: 0;
    transform: translateZ(0);
    transition: box-shadow .2s ease, transform .2s ease;
}

.mgCW9VFJ[draggable="true"]:hover {
    box-shadow: 0 1px 6px rgba(0, 0, 0, .12);
    transform: translateZ(0);
}

.y8pAQg1u {
    outline: 2px solid var(--color-yellow-600);
}

.NBbxctuT {
    opacity: .6;
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
    z-index: 1;
}

.iz2KEqW5 {
    z-index: 20;
}

.v9LyYMZ_ {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: var(--color-background-main);
    border-radius: 8px;
}

.yUlpoVOe {
    position: absolute;
    inset: 0;
    overflow: hidden;
    transform: translateZ(0);
}

.rZhXA16k {
    position: absolute;
    inset: 0;
    will-change: transform;
    transform: scale(1) translateZ(0);
    transform-origin: 50% 50%;
}

.QdDsKSgn {
    object-fit: contain;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
    image-rendering: auto;
}

.oOUAVPc9 {
    cursor: grab;
}

.GK4bdhId {
    cursor: grabbing;
}

.nbCBYm0N {
    position: absolute;
    inset: 0;
    background: rgba(249, 249, 249, 1);
    border-radius: 8px;
}

.nbCBYm0N::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    --dash: 8px; /* длина штриха */
    --gap: 14px; /* зазор между штрихами */
    --bw: 2px; /* толщина «бордера» */
    --c: rgba(208, 140, 188, 1);

    background: /* top */ repeating-linear-gradient(to right,
    var(--c) 0 calc(var(--dash)),
    transparent calc(var(--dash)) calc(var(--dash) + var(--gap))
    ) top / 100% var(--bw) no-repeat,
        /* right */ repeating-linear-gradient(to bottom,
            var(--c) 0 calc(var(--dash)),
            transparent calc(var(--dash)) calc(var(--dash) + var(--gap))
    ) right / var(--bw) 100% no-repeat,
        /* bottom */ repeating-linear-gradient(to right,
            var(--c) 0 calc(var(--dash)),
            transparent calc(var(--dash)) calc(var(--dash) + var(--gap))
    ) bottom / 100% var(--bw) no-repeat,
        /* left */ repeating-linear-gradient(to bottom,
            var(--c) 0 calc(var(--dash)),
            transparent calc(var(--dash)) calc(var(--dash) + var(--gap))
    ) left / var(--bw) 100% no-repeat;
}

.Vd6yEzNz {
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(0, 0, 0, .22);
    border-radius: 6px;
    background: rgba(255, 255, 255, .92);
    cursor: se-resize;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
}

.Vd6yEzNz::before {
    content: '';
    width: 12px;
    height: 12px;
    border-right: 2px solid rgba(0, 0, 0, .45);
    border-bottom: 2px solid rgba(0, 0, 0, .45);
    transform: translate(1px, 1px);
    pointer-events: none;
}

.Vd6yEzNz:hover {
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .16);
}

.fRRAbCGl {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    margin: 30px 0px 20px 0px
}

.SSxAtNTT {
    background: transparent;
    border: none;
    padding: 0;
    font-family: Inter;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: rgba(167, 167, 167, 1);
    cursor: pointer;
}

.C82xt67E {
    color: rgba(47, 47, 47, 1);
    font-weight: 600;
    cursor: default;
}

.EmhzIrj4 {
    display: flex;
    align-items: center;
    line-height: 0;
}

.PYATWphY {
    background: transparent;
    border: none;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.n0jv2_Sy {
    transition: transform 0.25s ease;
}

.vEdmAp68 {
    transform: rotate(-180deg);
}

.bueDS1v4 {
    background: transparent;
    border: 1px solid rgba(144, 19, 122, 1);
    color: rgba(144, 19, 122, 1);
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    text-align: center;

}

.bueDS1v4:hover {
    background: transparent !important;
    border: 1px solid var(--color-purple-400) !important;
}

.fRRAbCGl:first-child {
    margin-top: 0px;
}
.mgCW9VFJ[data-is-empty="true"] {
    display: none;
}

.gezfAlRH {
    display: none !important;
}
.iDf06Zv8 {
    --presentation-header-offset: 76px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.wn_dLRdh {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    padding-right: 40px;
    justify-content: center;
}

.EQzGgYie {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px 16px;
    background-color: var(--color-white);
    border-radius: .5rem;
    margin: .5rem;
    justify-content: space-between;
}

.i8VpfbmR {
    border-radius: 8px;
    flex: 0 0 36px;
}

.H0szZeO0 {
    font-family: Inter;
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    color: rgba(47, 47, 47, 1);
    margin-left: 10px;
}

/* избегаем разрыва внутри карточки фото */
.Wjo8n6hh {
    break-inside: avoid;
    page-break-inside: avoid;
}

@media print {
    .SSv8j1E1 {
        page-break-inside: avoid;
    }
}


@media (min-width: 1024px) {
    .iDf06Zv8 {
        flex-direction: row;
    }

    .wn_dLRdh {
        flex-direction: row;
    }
}

.DZ6hVNXl {
    display: flex;
    gap: 20px;
}


.EQzGgYie {
    display: flex;
    align-items: center;
    padding: 16px;
}

.DZ6hVNXl {
    display: flex;
}

.nSBjO0Jy {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.kiLb1TCS {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    padding: 6px 10px 6px 8px;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    gap: 8px;
}

.wEVfEEoV {
    background: none;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.wEVfEEoV:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

/* Toggle switch styles */
.UFZkGBdG {
    display: flex;
    gap: 5px;
    align-items: center;
}

._arisqGO {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}

._arisqGO input {
    opacity: 0;
    width: 0;
    height: 0;
}

.fBGCgxGu {
    position: absolute;
    inset: 0;
    background: #E5E9EB;
    border-radius: 24px;
    transition: 0.2s;
}

.fBGCgxGu:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    left: 3px;
    top: 3px;
    background: #FFFFFF;
    border-radius: 50%;
    transition: 0.2s;
}

input:checked + .fBGCgxGu {
    background: var(--color-purple-700);
}

input:checked + .fBGCgxGu:before {
    transform: translateX(18px);
}

.KyZwmtRW {
    background: transparent;
    border: 0;
    padding: 6px;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.KyZwmtRW:hover {
    background: var(--color-light-gray-4);
}

.DZ6hVNXl {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.gekTMVb2 {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    max-width: 60vw;
    min-width: max-content;
    background: var(--color-white);
    color: var(--color-dark-gray-2);
    border: 1px solid var(--color-light-gray-2);
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 14px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);
    opacity: 0;
    transform: translateY(-6px);
    pointer-events: none;
    transition: opacity .16s ease, transform .16s ease;
    z-index: 1001;
}

.jrf9Q4Rm {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.cyE_XbxY {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

@media (max-width: 520px) {
    .gekTMVb2 {
        right: -6px;
        max-width: calc(100vw - 24px);
    }
}

.FmdSeMsO,
.zmF17EhB {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px;
    border-radius: 12px;
    border: 2px solid #C9C9C9;
    background: #fff;
    color: #A6A6A6;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    transition: border-color .15s ease, color .15s ease, box-shadow .15s ease;
    margin-right: 8px;
}

.FmdSeMsO:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
}

.zmF17EhB {
    border-color: var(--color-purple-600);
    color: var(--color-purple-600);
}

.zmF17EhB:hover {
    border-color: var(--color-purple-600);
    color: var(--color-purple-600);
}

.G_vjrsj0 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.G_vjrsj0 > a {
    display: flex;
    align-items: center;
}

.sPVVVBRc {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sPVVVBRc:hover {
    background: var(--color-light-gray-4);
}

.Q04157is {
    display: flex;
    align-items: center;
    gap: 8px;
}

.UuPPEM6S {
    height: 36px;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid var(--color-light-gray-2);
    min-width: 320px;
    color: var(--color-dark-gray-2);
    background: var(--color-white);
}

:root {
    --color-background-main: #F5EEF6;
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-dark-gray-2: #252C32;
    --color-blue: var(--color-purple-600);
    --color-blue-hover: var(--color-purple-400);
    --color-light-gray: #F3F5FB;
    --color-light-gray-3: #E5E9EB;
    --color-light-gray-4: #EEF0F2;
    --color-light-gray-5: #F6F8F9;
    --color-light-blue: #90137A20;
    --color-medium-blue: var(--color-purple-700);
    --color-mid-gray-1: #5B6871;
    --color-mid-gray-2: #6E7C87;
    --color-mid-gray-3: #84919A;
    --color-mid-gray-4: #9AA6AC;
    --color-light-gray-1: #D5DADD;
    --color-dark-gray: #3F3F41;
    --color-light-gray-2: #DDE2E4;
    --color-primary: #CB4578;
    --color-primary-hover: #b13d69;
    --color-primary-rp200: #F4E3EE;

    --color-purple-900: #57005D;
    --color-purple-800: #71056B;
    --color-purple-700: #800B73;
    --color-purple-600: #90137A;
    --color-purple-500: #9C187F;
    --color-purple-400: #AC3D90;
    --color-purple-300: #BC5FA2;

    --color-yellow-900: #F27800;
    --color-yellow-800: #F5A208;
    --color-yellow-700: #F6BA14;
    --color-yellow-600: #F7D31E;
    --color-yellow-500: #F6E320;
    --color-yellow-400: #F8E849;
    --color-yellow-300: #FAED6C;

    --color-green-900: #065D00;
    --color-green-800: #257C17;
    --color-green-700: #318C22;
    --color-green-600: #3E9E2D;
    --color-green-500: #48AD36;
    --color-green-400: #63B956;
    --color-green-300: #7FC674;

    --color-red-900: #F52715;

}

li {
    display: inline-block;
}

@font-face {
    font-family: "Inter";
    src: url(/assets/fd012577d3f8e88a8149.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url(/assets/9338c7d720b363eea8cb.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url(/assets/813c2e4936aa04a094e7.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url(/assets/56d92680ed4f919832bd.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}

:focus-visible {
    outline: none;
}

main {
    width: 100%;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: background-color 0.3s ease, opacity 0.3s ease;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: var(--color-blue) #ffffff;
}

*::-webkit-scrollbar {
    width: 4px;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--color-blue);
    border-radius: 2px;
}

*::-webkit-scrollbar-track {
    background-color: #ffffff;
}

*::-webkit-scrollbar-button {
    display: none;
}


html {
    font-size: 1rem;
}

div {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    position: relative;
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--color-dark-gray-2);
    background-color: var(--color-background-main);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

a {
    text-decoration: none;
}

button {
    display: block;
    font-family: inherit;
    font-weight: 400;
    border: none;
    background: none;
    cursor: pointer;
}

.layout {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    flex: 1;
    min-height: 0;
}

main {
    width: 100%;
}

.page-content {
    flex: 1;
    width: 100%;
}

/*Кнопки */

button:disabled {
    opacity: 0.35;
    cursor: default;
}

button:focus-visible {
    outline: none;
    border-color: var(--color-blue-hover);
    box-shadow: 0 0 0 2px var(--color-light-blue);
}

:root {
    --anim-time: 1.2s;
    --ease: cubic-bezier(.4, 0, .4, 1);
}

.leaflet-bottom {
    display: none
}


/*# sourceMappingURL=main.49c86d630e295580a827.css.map*/