.xQ5rEVO1 {
    display: flex;
    max-width: 100%;
    max-height: 100%;
}

.xQ5rEVO1 > * {
    flex-shrink: 0;
}

.kkl9svSF > * {
    position: relative;
}

.kkl9svSF > *:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 80%;
    background-color: #cacaca;
    top: 10%;
}

.kkl9svSF.Ad_7GY9R > *:not(:last-child)::after {
    right: calc(var(--space-xxs) / 2 * -1);
}

.kkl9svSF.u6xynBm6 > *:not(:last-child)::after {
    right: calc(var(--space-xs) / 2 * -1);
}

.kkl9svSF.cYUQmXat > *:not(:last-child)::after {
    right: calc(var(--space-s) / 2 * -1);
}

.kkl9svSF.AOuwZMKc > *:not(:last-child)::after {
    right: calc(var(--space-m) / 2 * -1);
}

.kkl9svSF.hRvbre8u > *:not(:last-child)::after {
    right: calc(var(--space-l) / 2 * -1);
}

.kkl9svSF.Bq9eIQxO > *:not(:last-child)::after {
    right: calc(var(--space-xl) / 2 * -1);
}

.kkl9svSF.esYPFcTw > *:not(:last-child)::after {
    right: calc(var(--space-xxl) / 2 * -1);
}

.kkl9svSF.MaWXLVC9 > *:not(:last-child)::after {
    right: calc(var(--space-xxxl) / 2 * -1);
}

.UgimDfbI {
    flex-direction: row;
}

.p2E4X_ur {
    flex-direction: column;
}

.XPt8XPc2 {
    flex-direction: row-reverse;
}

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

.Ad_7GY9R {
    gap: var(--space-xxs);
}

.u6xynBm6 {
    gap: var(--space-xs);
}

.cYUQmXat {
    gap: var(--space-s);
}

.AOuwZMKc {
    gap: var(--space-m);
}

.hRvbre8u {
    gap: var(--space-l);
}

.Bq9eIQxO {
    gap: var(--space-xl);
}

.esYPFcTw {
    gap: var(--space-xxl);
}

.MaWXLVC9 {
    gap: var(--space-xxxl);
}

.CqDs4RfZ {
    justify-content: flex-start;
}

.ZKehA1o5 {
    justify-content: flex-end;
}

.Wut7oeLU {
    justify-content: space-between;
}

.m9shcraH {
    justify-content: space-around;
}

.oGap63G7 {
    justify-content: space-evenly;
}

._wDsAOG9 {
    justify-content: center;
}

.otlBFPqQ {
    align-items: start;
}

.JJ7bmdDN {
    align-items: end;
}

.Roh4_0tG {
    align-items: center;
}

.cXAW9bK_ {
    align-items: stretch;
}

.xQ5rEVO1.uh3co3Y_ > * {
    flex: 1 1 0;
}

.xHQdMJAA {
    height: auto;
}

.pishWs85 {
    height: fit-content;
}

.vPMjWLHZ {
    height: 100%;
}

._iGvyyMQ {
    width: auto;
}

.vEmlKtmk {
    width: fit-content;
}

.jy8YHG24 {
    width: 100%;
}

.YtSCMFme {
    flex-wrap: wrap;
}

.BR4yKKWz {
    flex-wrap: wrap-reverse;
}

.HbhsA_wS {
    flex-wrap: nowrap;
}

.lV1uIyaW {
    overflow: hidden;
}

.sHRkbDVJ.UgimDfbI {
    overflow-x: auto;
}

.sHRkbDVJ.p2E4X_ur {
    overflow-y: auto;
}

.MC1TbPyS {
    margin: 0;
    font: var(--font-default);
}

.s6Gy0Tnu {
    white-space: nowrap;
}

.hC0Xkimj {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.SwnY5Tas {
    outline-offset: -2px;
    font: var(--font-default);
    max-width: 100%;
    width: 100%;
    padding: 10px 16px;
    resize: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border: 1px solid transparent;
    border-radius: var(--border-radius-m);
    outline: 1px solid transparent;
    outline-offset: -2px;
    box-sizing: border-box;
    background-color: var(--input-color);
}

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

.SwnY5Tas:hover,
.SwnY5Tas:focus {
    border-color: var(--rocky-color);
}

.SwnY5Tas:focus {
    outline-color: var(--rocky-color);
}

.SwnY5Tas:disabled {
    pointer-events: none;
    background-color: var(--background-color);
    color: var(--secondary-text-color);
}

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

.SwnY5Tas[type="number"] {
    appearance: textfield;
}

.SwnY5Tas::placeholder {
    color: var(--secondary-text-color)
}

.mLi4sz0g {
    width: 100%;
}

.Cf7BkjLp {
    margin-bottom: 0;
    font: var(--font-default);
    font-weight: var(--font-weight-medium);
}

.pOk_KRaH {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.IfjoUNOI {
    position: absolute;
    right: var(--space-s);
}

.XoIHYLNR {
    color: var(--red-color);
    margin-top: var(--space-xxs);
}

.moFgxfyJ {
    display: inline-block;
    position: relative;
}

.ZNgpdTjI {
    box-sizing: border-box;
    display: block;
    position: absolute;
    border-style: solid;
    border-radius: 50%;
    animation: Gf12ZJcm 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--rocky-active-color) transparent transparent transparent;
}

.ZNgpdTjI:nth-child(1) {
    animation-delay: -0.45s;
}

.ZNgpdTjI:nth-child(2) {
    animation-delay: -0.3s;
}

.ZNgpdTjI:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes Gf12ZJcm {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

div.WLSHKQsB {
    height: 100%;
    width: 100%;
}
.UE4qyBHn {
    padding: 7px 14px;
    border-radius: var(--border-radius-m);
    border: 1px solid transparent;
    outline: none;
    font: var(--font-default);
    line-height: 1;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: var(--font-weight-medium);
}

/* Colors */
.ErUkRi2c {
    background-color: var(--rocky-color);
    border-color:var(--rocky-color);
    color: var(--rocky-color);
}

.ErUkRi2c:hover {
    background-color: var(--rocky-hover-color);
    border-color:var(--rocky-hover-color);
    color: var(--rocky-hover-color);
}

.ErUkRi2c:active {
    background-color: var(--rocky-active-color);
    border-color:var(--rocky-active-color);
    color: var(--rocky-active-color);
}

.nDXB_7ve {
    background-color: var(--red-color);
    border-color:var(--red-color);
    color: var(--red-color);
}

.MIqJI1tP {
    background-color: var(--background-color);
    border-color:var(--background-color);
    color: var(--secondary-text-color);
}

.MIqJI1tP:hover {
    background-color: var(--background-hover-color);
    border-color:var(--background-hover-color);
    color: var(--secondary-text-color);
}

/* Sizes */
.enjdChDy {
    padding: 10px 16px;
    border-radius: var(--border-radius-m);
}

.wNccoKen {
    padding: 4px 8px;
    border-radius: var(--border-radius-s);
}


/* Variants */
.tbhc20nn,
.tbhc20nn:hover {
    color: #fff;
}

.kAeTFjn3:not(:hover) {
    background-color: #fff;
}

.kAeTFjn3:hover {
    color: #fff;
}

.w1QjmaG9 {
    border-color: transparent;
}

.w1QjmaG9.ErUkRi2c {
    background-color: var(--memento-color);
    color: var(--rocky-color);
}

.w1QjmaG9.ErUkRi2c:hover {
    background-color: var(--memento-hover-color);
}

.w1QjmaG9.ErUkRi2c:active {
    background-color: var(--memento-active-color);
}

.w1QjmaG9.nDXB_7ve {
    background-color: var(--red-background-color);
    color: var(--red-color);
}

.w1QjmaG9.nDXB_7ve:hover {
    background-color: var(--red-background-hover-color);
}

.w1QjmaG9.nDXB_7ve:active {
    background-color: var(--red-background-active-color);
}

.w1QjmaG9:hover {
    border-color: transparent;
}

.O1kj5f26 {
    padding: 6px 10px;
    border-radius: var(--border-radius-l);
    border-color: transparent;
    background-color: transparent;
}

.O1kj5f26.ErUkRi2c{
    color: var(--rocky-color)
}

.O1kj5f26.nDXB_7ve{
    color: var(--red-color);
}

.O1kj5f26.MIqJI1tP{
    color: var(--secondary-text-color);
}

.O1kj5f26.ErUkRi2c:hover {
    background-color: var(--memento-color);
    border-color: transparent;
}

.O1kj5f26.nDXB_7ve:hover {
    border-color: transparent;
    background-color: var(--red-background-color);
}

.O1kj5f26.MIqJI1tP:hover {
    border-color: transparent;
    background-color: var(--background-hover-color);
}

/* Icon button */
.QW2zKJp7.enjdChDy {
    padding: 10px;
}

.QW2zKJp7.wNccoKen {
    padding: 4px;
}

/* Other */
.LT_38VJ3,
.EV70zFSJ {
    opacity: 0.6;
    pointer-events: none;
}

.tbhc20nn .pVZj_Mdm > div > div {
    border-color: #fff transparent transparent transparent;
}

.UE4qyBHn .pVZj_Mdm {
    width: auto;
}

.UE4qyBHn:active {
    filter: brightness(90%);
}



.sTZW9cZ1 {
    transition: transform 100ms;
    stroke: #ABAFB2;
}

.wBrExc7v.ChNymL_E {
    transform: rotate(-90deg);
}

.HDNj53uQ.ChNymL_E {
    transform: rotate(90deg);
}

.mmt95az6.ChNymL_E {
    transform: rotate(-180deg);
}

.KLwpqBOX.ChNymL_E {
    transform: rotate(0deg);
}

.B2pMosjA {
    transform: rotate(-90deg);
}

.houl_gtl {
    transform: rotate(90deg);
}

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

.p4BKILmz {
    transform: rotate(0deg);
}

.wri4038Y {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.wwQcNKEc {
    position: relative;
    cursor: pointer;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.a_cKMrn9 {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: var(--space-xs);
}

.K5oTknx3 {
    background-color: transparent;
    border: 1px solid var(--border-on-surface-color);
    border-radius: var(--border-radius-s);
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    flex-shrink: 0;
    flex-basis: 20px;
    transition: all 0.1s ease-in;
}

.wwQcNKEc:hover .K5oTknx3{
    border-color: var(--secondary-text-color);
}

.wri4038Y:disabled ~ label .a_cKMrn9 {
    color: var(--secondary-text-color);
}

.wri4038Y:disabled ~ label .K5oTknx3 {
    opacity: var(--disabled-opacity);
    pointer-events: none;
    border-color: var(--secondary-text-color);
}

.wri4038Y:checked ~ label .K5oTknx3::after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 7px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.wri4038Y:checked ~ label .K5oTknx3 {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}



.PQ_llNuM {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
}

.RBh21r4w {
    align-self: center;
    margin-right: 4px;
    margin-left: 4px;
    width: var(--icon-size);
    height: var(--icon-size);
}

.G29FQ4A9 {
    position: relative;
}

.R0me27vF, .ZzzBa9Vm {
    cursor: default;
}

.r6d5QLkR {
    outline: none;
}

.r6d5QLkR::marker {
    display: none;
    content: "";
}

.ofdZKK5z {
    position: absolute;
    visibility: hidden;
    height: fit-content;
    width: 100%;
    white-space: pre;
    left: 0;
    top: 100%;
    z-index: var(--z-index-dropdown);
}

.d7fgqJwx {
    visibility: visible;
}

.PjNIFT6m {
    bottom: 100%;
    top: unset;
}

.nhCgIoOP {
    position: fixed;
    inset: 0;
    visibility: hidden;
    background-color: rgba(0,0,0, var(--disabled-opacity));
    padding: var(--space-xxxl);
    overflow: auto;
    display: flex;
    align-items: start;
    justify-content: center;
    backdrop-filter: blur(2px);
}

.vNoWwdeq {
    position: absolute;
    top: var(--space-l);
    right: var(--space-l);
}

.GsNCddt4 {
    width: 18px;
    height: 18px;
    fill: var(--secondary-text-color)
}

.grbi4o6I {
    visibility: visible;
    z-index: var(--z-index-modal)
}

.JZ3jhkl0 {
    background-color:  #fff;
    border-radius: 40px;
    width: 100%;
    position: relative;
    margin: auto 0;
    overflow: hidden;
}

body:has(.grbi4o6I) {
    overflow: hidden;
}

.nxHZUBfv {
    position: relative;
    max-width: 100%;
    width: 100%;
    flex:1;
}

.pNxco3fy {
    position: absolute;
    bottom: var(--space-xs);
    right: var(--space-xs);
}

.CH84yno3 {
    font: var(--font-default);
    max-width: 100%;
    width: 100%;
    padding: 12px 20px;
    resize: none;
    overflow: auto;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border: 1px solid var(--border-on-surface-color);
    border-radius: var(--border-radius-m);
    outline: 1px solid transparent;
    outline-offset: -2px;
    box-sizing: border-box;
}

.nxHZUBfv:has( > .pNxco3fy) .CH84yno3 {
    padding-bottom: calc(var(--space-xs) * 2 + var(--space-m));
}

.LBaxjNjW {
    border-color: var(--danger-color);
}

.CH84yno3:not(:disabled):focus,
.CH84yno3:not(:disabled):hover{
    border-color: var(--primary-color);
}

.CH84yno3:not(:disabled):focus {
    outline-color: var(--primary-color);
}

.CH84yno3:disabled {
    pointer-events: none;
    background-color: var(--surface-color);
    color: var(--secondary-text-color);
}

.Pa_OHeL3 {
    max-width: 100%;
    position: relative;
}

.GjNqbZbz {
    border: 1px dashed var(--input-color);
    border-radius: var(--border-radius-m);
    padding: 12px 20px;
    color: var(--secondary-text-color);
    position: relative;
    cursor: pointer;
    max-width: 400px;
}

.GjNqbZbz:hover,
.GjNqbZbz:focus,
.DmFNBmea {
    border-color: var(--rocky-color);
    color: var(--rocky-color);
}

.GjNqbZbz.kkEyjQqA {
    border-color: var(--red-color);
    color: var(--red-color);
}

.GjNqbZbz.sinfMfKg {
    opacity: 0.6;
}

.hazxIHy9 {
    opacity: 0;
    position: absolute;
    inset: 0;
}

.BIJNwP5d {
    max-width: 100%;
}

.bDI_sbPp {
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: var(--border-radius-m);
    cursor: pointer;
    border: 1px solid #cacaca;
    position: relative;
}

.K4RMtxvY {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.bDI_sbPp:hover .K4RMtxvY {
    filter: brightness(50%);
}

.KS3GJrTf {
    pointer-events: none;
    cursor: default;
}

.L2Qi2ZTd {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    display: none;
}

.bDI_sbPp:hover .L2Qi2ZTd {
    display: flex;
}

.If42HtTj {
    width: var(--icon-size);
    height: var(--icon-size);
    fill: var(--on-surface-color);
}

.L2Qi2ZTd:hover .If42HtTj {
    fill: var(--primary-color);
}

.WWmeiFd8 {
    position: relative;
}

.Kje_2XPA {
    border: 1px solid #cacaca;
    background: #fff;
    color: var(--secondary-text-color);
    text-overflow: ellipsis;
    border-radius: var(--border-radius-m);
    padding: 12px calc(28px + var(--space-s) + var(--space-xxs)) 12px 20px;
    overflow: hidden;
    cursor: pointer;
}

.Kje_2XPA:hover {
    background-color: #dcdcdc;
    color: #2684ff;
}

.obx0O3iE {
    padding: var(--space-s);
    cursor: default;
    background-color: var(--surface-color);
    pointer-events: none;
}

.kVf3D3O_ {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.e_lW1DZd {
    position: absolute;
    right: var(--space-s);
    top: 50%;
    display: flex;
    transform: translateY(-50%);
}

._7FxIkOdB {
    width: var(--icon-size);
    height: var(--icon-size);
    fill: var(--secondary-text-color);
}

.e_lW1DZd:hover ._7FxIkOdB {
    fill: var(--primary-color);
}

.i220cx1f {
    height: 150px;
    max-width: 300px;
    width: 100%;
    overflow: hidden;
}

.k9vL4yMG {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.IQK1ift1 {
    max-width: 350px;
    z-index: var(--z-index-tooltip);
    word-break: break-word;
    max-height: 550px;
    opacity: 1 !important;
    background-color: #2c2c2c !important;
    padding: var(--space-s) var(--space-m) !important;

    /* Перебиваю высоту, которую выставляет библиотека в тег */
    height: auto !important;
    font-size: var(--font-size-m) !important;
    line-height: 1.5;
}

.IQK1ift1 > * {
    overflow: hidden;
    text-overflow: ellipsis;
}

.vrDKsDQ8 {
    margin-bottom: 0;
    line-height: 1.5;
}


.Xd5naldZ {
    border-radius: var(--border-radius-s);
    overflow: hidden;
    max-width: 100%;
    background-color: var(--input-color);
}

.xvs0lgmT {
    max-width: 100%;
    padding: 4px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--font-size-s);
    overflow-wrap: anywhere;
}

.wb5G5QxC {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-basis: 26px;
    background-color: transparent;
    padding: 6px;
    border-radius: 0;
}

.IU4yU3BU {
    fill: var(--secondary-text-color);
    width: var(--font-size-m);
    height: var(--font-size-m);
}

.wb5G5QxC:hover {
    background-color: var(--red-background-color);
}

.wb5G5QxC:hover .IU4yU3BU {
    fill: var(--red-color);
}

.b6mhywN8 {
    min-height: 28px;
    width: 100%;
    display: grid;
    grid-template:
                "a b c" minmax(28px, auto)
                "d b c" auto / 1fr auto 24px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.PQpPFmzn {
    cursor: default;
}

.hQlA6ZC5 {
    padding: 5px;

    height: 13px;
    width: 13px;
    box-sizing: unset;
    fill: var(--secondary-text-color);
    grid-column: 3;
    grid-row: 1 / 5;
}

.TOWfuBUG {
    max-height: 86px;
    overflow: auto;
    padding-top: calc(var(--font-size-m) + var(--space-s) * 2)
}

.ZKvqCMGf {
    border: solid 1px transparent;
    border-radius: var(--border-radius-m);
    padding: 7px 6px 7px 16px;
    transition: border-color 100ms;
    width: 100% !important;
}

.ZKvqCMGf input {
    border-color: var(--input-color) !important;
}

.pIFJDvGW {
    background-color: var(--background-color);
}

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

.ZKvqCMGf:hover,
.ZKvqCMGf:focus {
    border-color: var(--rocky-color);
}

.pIFJDvGW:hover {
    border-color: transparent;
}

.VhUuBYLC {
    border-color: var(--rocky-color);
}

._4K1G_Mc6 {
    overflow: hidden;
}

.HyHvS4D8,
.m55MAVur {
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--secondary-text-color);
    white-space: nowrap;
    border-top-left-radius: var(--border-radius-m);
}

.pIFJDvGW .HyHvS4D8 {
    color: var(--secondary-text-color);
}

.m55MAVur {
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 0;
    padding: var(--space-s);
    border-bottom-right-radius: var(--border-radius-s);
}

.ysqBfq10 {
    width: 100%;
}

.gp02U3qx {
    width: auto;
}

.q8Ecqd0T {
    --option-padding: 10px;
}

.ZKvqCMGf > .q8Ecqd0T {
    max-height: 400px;
    min-width: 100%;
    width: fit-content;
    max-width: 450px;
    overflow: hidden auto;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 10%), 0 4px 11px rgb(0 0 0 / 10%);
    background-color: white;
    border-radius: var(--border-radius-m);
    margin-bottom: 8px;
    margin-top: 1px;
}

.q8Ecqd0T input {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--input-color);
    padding: var(--space-s) 20px;
    line-height: 1.5;
}

.HyHvS4D8 {
    overflow: hidden;
    overflow-wrap: break-word;
}

.HyHvS4D8, .roa3DqYk._yxrvC4K {
    color: #939daa
}

.roa3DqYk {
    color: unset;
}

@media (height <= 900px){
    .ZKvqCMGf > .q8Ecqd0T {
        max-height: 250px;
    }
}

.o09d4Otw {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--font-size-m);
    padding: 8px;
    box-sizing: border-box;
}

.X3x6wfQW {
    background-color: red;
}

.le_kjV7X > .o09d4Otw {
    padding: 0;
}

.le_kjV7X {
    padding: 8px 8px 8px var(--parent-option-padding);
}

.o09d4Otw:hover,
.le_kjV7X:hover,
.le_kjV7X:hover .o09d4Otw {
    background-color: var(--memento-color);
}

.o09d4Otw.g42ZDiOI,
.le_kjV7X.XDdnXPTk {
    background-color: var(--rocky-color);
    color: #fff;
}

.o09d4Otw.g42ZDiOI.PcSmh066,
.le_kjV7X.ZsZP87WQ.XDdnXPTk{
    color: #000;
    background-color: var(--background-color);
}

.o09d4Otw.g42ZDiOI.PcSmh066:hover,
.le_kjV7X.ZsZP87WQ.XDdnXPTk:hover,
.le_kjV7X.ZsZP87WQ.XDdnXPTk:hover .o09d4Otw.g42ZDiOI.PcSmh066{
    background-color: var(--memento-color);
}

.NaiSnqtt {
    --option-padding: calc(var(--parent-option-padding) + 20px);
}

.KhFlKQUM {
    --parent-option-padding: var(--option-padding);

    width: 100%;
}

.vuBgZgTt, .G2Rxz36H {
    padding-left: calc(var(--option-padding) + 20px);
}

.Zl9nZMO4 {
    width: 100%;
    text-align: center;
    padding: 7px 5px;
    color: var(--thirdly-text-color);
}

.FlemJ_gF {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    cursor: pointer;
    font-size: var(--font-size-m);
}

.T2NzQ3rE {
    --radio-button-size: 20px;

    height: var(--radio-button-size);
    aspect-ratio: 1;
    border: calc(var(--radio-button-size) / 10) solid #939393;
    padding: calc(var(--radio-button-size) / 8) !important;
    background: radial-gradient(farthest-side, var(--primary-color) 95%, #0000) 50%/0 0 no-repeat content-box;
    border-radius: 50%;
    outline-offset: calc(var(--radio-button-size) / 12);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: inherit;
    transition: .3s;
}

.FlemJ_gF:hover .T2NzQ3rE:not(:disabled) {
    border-color: var(--primary-color);
}

.T2NzQ3rE:checked {
    border-color: var(--primary-color);
    background-size: 90% 90%;
}

.T2NzQ3rE:disabled {
    opacity: var(--disabled-opacity);
    cursor: not-allowed;
}

.FlemJ_gF:has(> .T2NzQ3rE:disabled){
    cursor: not-allowed;
}

@media print {
    .T2NzQ3rE {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto;
        background: none;
    }
}

.H8LUNxp2 {
    display: flex;
    align-items: center;
    flex-direction: row;

    width: 100%;

    text-align: center;
    white-space: nowrap;
    color: #939DAA;

    cursor: default;
}

.H8LUNxp2:not(:empty):after {
    margin-left: var(--space-s);
}

.H8LUNxp2:not(:empty):before {
    margin-right: var(--space-s);
}

.H8LUNxp2:empty:after,
.H8LUNxp2:empty:before {
    margin-top: var(--space-s);
    margin-bottom: var(--space-s);
}

.H8LUNxp2:after,
.H8LUNxp2:before {
    display: block;
    content: "";

    background-color: var(--active-color);

    width: 50%;
    height: 1px;
}

.Jy15ZYj4 {
    height: 100%;
    width: 1px;
    background-color: var(--active-color);
}

.qDvEVwTx {
    --max-confirm-width: 400px;
    --confirm-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.20), 0px 1px 4px 0px rgba(0, 0, 0, 0.05);

    max-width: var(--max-confirm-width);
    width: 100%;
    box-shadow: var(--confirm-box-shadow);
    background-color: #fff;
    border-radius: var(--border-radius-l);
    padding: var(--space-m);
    display: flex;
    flex-direction: column;
    gap: var(--space-s);
}

.vDsjnyjR {
    z-index: var(--z-index-confirm);
    position: fixed;
    inset: 0;
    background-color: rgba(0,0,0, var(--disabled-opacity));
    padding: var(--space-xxxl);
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.J6v9pd4r {
    margin: 0;
    font-size: var(--font-size-m);
    line-height: calc(var(--font-size-m) * 1.5);
    white-space: pre-wrap;
    word-break: break-word;
}

.g_RZY_19 {
    margin: 0;
    font-size: calc(var(--font-size-m) * 1.5);
    font-weight: var(--font-weight-semibold);
}

.RbEsIFhv {
    margin-top: var(--space-s);
    display: flex;
    align-items: center;
    gap: var(--space-s);
    align-self: start;
}

.c0GB75ss {
    padding: var(--space-xs);
    border-radius: var(--border-radius-s);
}

.Lnij6qq3 {
    padding: 10px;
    border-radius: var(--border-radius-m);
    background-color: var(--background-color);
    height: calc(100vh - var(--space-m) * 2);
    position: fixed;
}

.HFakBLEC {
    width: 44px;
    height: 35px;
}

.r6YhxhF_ {
    position: relative;
    width: 64px;
    height: 100%;
}

.Lnij6qq3 .H8spOjg6 {
    fill: var(--rocky-active-color);
}

.JkJxGO7N {
    margin-top: auto;
}

.DybZfr3b {
    width: 100vw;
    height: 100vh;
    padding: var(--space-m);
}

.HmeOmOQx {
    flex: 1;
    padding: 0 var(--space-xl);
}

.xzlhK1mv {
    max-width: var(--container-width);
    width: 100%;
    flex:1;
}

.DybZfr3b .huc0TVcH {
    font-size: var(--font-size-l);
}

.HmeOmOQx {
    height: calc(100vh - var(--space-m) * 2);
    overflow: hidden;
}

.HaEYZWyV {
    font-size: var(--font-size-l);
}

.LLtlyd3Z {
    width: 100%;
    background-color: var(--background-color);
    padding: var(--space-l);
    border-radius: var(--border-radius-l);
}

.oLtboSm_ {
    font-size: var(--font-size-l);
}

.BcC5E8dv {
    width: 100%;
    padding: var(--space-s) 0;
}

.YV_jvRz8 {
    flex: 1;
}

.AUkZb8p8 {
    font-size: var(--font-size-l);
    font-weight: var(--font-weight-light);
    margin-right: var(--space-xs);
}

.HJVQTyRb {
    font-size: var(--font-size-l);
    font-weight: var(--font-weight-light);
    margin-left: var(--space-xs);
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.XsBhhQc0 {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-l);
}

.SsX5IuvA {
    height: 20px;
    width: 2px;
    background-color: var(--secondary-text-color);
}

.mNCDfzQC {
    width: auto;
    max-width: calc(100% - 100px);
    padding-left: var(--space-xs);
    border: none;
}

.mNCDfzQC > summary p {
    font-size: var(--font-size-l);
    font-weight: var(--font-weight-light);
}

.a1XCf7dt {
    padding: var(--space-xl);
    max-width: 500px;
    width: 100%;
}

.pos49c2G {
    font-size: var(--font-size-l);
}

.IhyCdw4m {

}

.Fd75t7ID {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: var(--space-s);
}

.jfonwSvK {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.tlqfZhWJ {
    background-color: var(--background-color);
    border-radius: var(--border-radius-m);
    padding: var(--space-s);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-m);
}

.jfonwSvK .tlqfZhWJ {
    flex-direction: column;
    align-items: stretch;
}

.jfonwSvK .tlqfZhWJ .bDqEiffp {
    align-self: end;
}

.FFNHh8HL {
    width: 100vw;
    min-height: 100vh;
    padding: var(--space-m);
}

.Eko0rnnh {
    flex: 1;
    padding: 0 var(--space-xl);
}

.FFNHh8HL .R356TUSL {
    font-size: var(--font-size-l);
}

.QIprP5zC {
    width: 100%;
    max-width: var(--container-width) !important;
}

.MeAbZmPN {
    width: 100%;
    padding: var(--space-l);
    border-radius: var(--border-radius-s);
    background-color: var(--background-color);
    background-position: center right;
    background-size: contain;
    background-repeat: no-repeat;
}

.pY0Ghy6i {
    font-size: var(--font-size-m);
    margin-bottom: var(--space-l);
}

.QRif7ZVc {
    width: 100%;
    padding: var(--space-l);
    border-radius: var(--border-radius-s);
    background-color: var(--background-color);
    background-position: center right;
    background-size: contain;
    background-repeat: no-repeat;
}

.yoWFTiT_ {
    font-size: var(--font-size-m);
}

.LDNXUFg8 {
    font-size: 40px;
    font-weight: var(--font-weight-semibold);
    color: var(--secondary-text-color);
    margin: var(--space-xxs) 0 0 0;
}

.i9zNS9J4 {
    width: 100vw;
    min-height: 100vh;
    padding: var(--space-m);
}

.YifzXwPi {
    flex: 1;
    padding: 0 var(--space-xl);
}

.i9zNS9J4 .rjwG2wwH {
    font-size: var(--font-size-l);
}

.HteSuLKU {
    width: 100%;
    max-width: var(--container-width) !important;
}

.CLkJDrv_ {
    width: 100%;
    gap: var(--space-s);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.sARRC5se {
    max-width: var(--container-width);
    width: 100%;
}

.MOMqpxpl {
    background-color: var(--rocky-color) !important;
    color: #fff !important;
}

.MOMqpxpl:hover {
    background-color: var(--rocky-hover-color) !important;
}

.MOMqpxpl:active {
    background-color: var(--rocky-active-color) !important;
}

.tQawSkCC {
    padding: var(--space-xl);
    max-width: 500px;
}

.qa7Ps0nf {
    font-size: var(--font-size-l);
}

.Iid92gb6 {

}

.T58P_BwY {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: var(--space-s);
    flex: 1;
    min-height: 1px;
}

.aLkgousn {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.y6LQh008 {
    background-color: var(--background-color);
    border-radius: var(--border-radius-m);
    padding: var(--space-s);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-m);
}

.NL9rsnOO .y6LQh008 {
    flex-direction: column;
    align-items: stretch;
}

.NL9rsnOO .y6LQh008 .e4D59But {
    align-self: end;
}

.FTCT8Ouf {
    width: 100vw;
    min-height: 100vh;
    padding: var(--space-m);
}

.ep_CIivX {
    flex: 1;
    padding: 0 var(--space-xl);
}

.FTCT8Ouf .ULUFxkRf {
    font-size: var(--font-size-l);
}

.rG67sHPh {
    width: 100%;
    max-width: var(--container-width) !important;
}

.by2_oNFy {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: var(--space-s);
}

.F_0VhCgn {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.ul0pipcd {
    background-color: var(--background-color);
    border-radius: var(--border-radius-m);
    padding: var(--space-s);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-m);
}

.F_0VhCgn .ul0pipcd {
    flex-direction: column;
    align-items: stretch;
}

.F_0VhCgn .ul0pipcd .MyaZ0vTV {
    align-self: end;
}

.I7r04xxm {
    width: 100vw;
    min-height: 100vh;
    padding: var(--space-m);
}

.BiP73q25 {
    flex: 1;
    padding: 0 var(--space-xl);
}

.mb8QGtKE {
    margin-top: 100px;
}

.NuXKu1Rr {
    max-width: var(--container-width) !important;
    width: 100%;
}

.D2JQgos_ {
    font-size: var(--font-size-l);
}

.DOWdDmTW {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
}

.xXiQ8p_X {
    width: var(--icon-size);
    height: var(--icon-size);
}

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

.vIaXJ_fn {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-l);
}

.HBoR1rgP {
    flex:1;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.ImmL82eR {
    align-self: end;
}

.EghOzbuh {
    min-height: 100%;
    max-height: none;
    padding-right: var(--space-m);
}

.sbnhunc8 {
    width: 100%;
    height: 100%;
    aspect-ratio: 1.5 / 1;
    object-fit: cover;
    object-position: center;
}

.J4IUDx2D {

}

.GLO5pTyR {
    position: relative;
    cursor: pointer;
}

.GLO5pTyR:hover > img {
    filter: brightness(0.8);
}

.eMURI17v {
    position: absolute;
    bottom: var(--space-s);
    right: var(--space-s);
    width: var(--icon-size);
    height: var(--icon-size);
    padding: var(--space-xxs);
    border-radius: var(--border-radius-s);
    background-color: rgba(0,0,0,0.5);
    box-sizing: content-box;
    fill: #fff;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.GLO5pTyR:hover .eMURI17v {
    opacity: 1;
}

.FQ_4pNLX {
    max-width: 1000px;
    width: 100%;
    max-height: calc(100vh - var(--space-xxxl) * 2);
    object-fit: contain;
    object-position: center;
}

.U5j9yR3Z {
    border-radius: var(--border-radius-m);
    background-color: var(--background-color);
    padding: var(--space-s);
    max-width: 500px;
}

.DH7ArE_l {
    background-color: #e4efff;
}

.c7jqbLMB,
.TxL2TAKJ{
    font-size: var(--font-size-s);
    color: var(--thirdly-text-color);
}

.DH7ArE_l .c7jqbLMB,
.TxL2TAKJ {
    align-self: end;
}

.c7jqbLMB {
    font-weight: var(--font-weight-semibold);
    margin-bottom: var(--space-xxs);
}

.UzFA4o9q {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-xs);
    margin-top: var(--space-xs);
}

.rXM2Vvh2 {
    font-weight: var(--font-weight-medium);
}

.yoptbdbI {
    color: var(--rocky-color);
    text-decoration: underline;
}

.yoptbdbI:hover {
    color: var(--rocky-hover-color);
}

.yoptbdbI:active {
    color: var(--rocky-active-color);
}

.UI6uU1kv {
    margin-top: var(--space-s);
}

.bwwrVUMa {
    width: 100vw;
    min-height: 100vh;
    padding: var(--space-m);
}

.fy2sh5bt {
    flex: 1;
    padding: 0 var(--space-xl);
}

.TX9PSTHr {
    max-width: var(--container-width);
    width: 100%;
}

.bwwrVUMa .yVKyE21g {
    font-size: var(--font-size-l);
}

.EwXMNKiT {
    font-size: var(--font-size-s);
    color: var(--thirdly-text-color);
}

.ZkXDedsl {
    font-size: var(--font-size-l);
}

.GHIVfOYH {
    flex: 1;
    width: 100%;
    overflow: auto;
    padding-right: var(--space-m) ;
}

.Scv1_sph {
    align-self: end;
}

.fy2sh5bt {
    height: calc(100vh - var(--space-m) * 2);
    overflow: hidden;
}

.mR3GJSLN {
    padding: var(--space-xxs);
    border-radius: var(--border-radius-s);
    font-weight: var(--font-weight-medium);
}

.qdPWR1MR {
    background-color: var(--memento-color);
    color: var(--rocky-color)
}

.UeAiUnAH {
    background-color: var(--red-background-color);
    color: var(--red-color)
}

.KFiFVDt_ {
    background-color: var(--input-color);
    color: var(--input-text-color)
}

.C4myGrPx {
    padding: var(--space-xxs);
    background-color: var(--background-color);
    color: var(--secondary-text-color);
    border-radius: var(--border-radius-s);
    align-self: center;
}

.LwjP6xZj {
    padding: var(--space-xl);
    max-width: 500px;
}

.TMZ3BILt {
    font-size: var(--font-size-l);
}

.YwxZun4H {
    width: 100vw;
    min-height: 100vh;
    padding: var(--space-m);
}

.pED59Fdh {
    flex: 1;
    padding: 0 var(--space-xl);
}

.YwxZun4H .qVeBumKj {
    font-size: var(--font-size-l);
}

.uQbakHBz {
    width: 100%;
    max-width: var(--container-width) !important;
}

.rHgLPOWx {
    background-color: var(--rocky-color) !important;
    color: #fff !important;
}

.Ez9td7R6 {

}

.momBhkdZ {
    height: 65px;
}

.Ez9td7R6 .VZF1rNNA,
.Ez9td7R6 .cDIQCEG5 {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-semibold);
}

.Ez9td7R6 .cDIQCEG5 {
    color: var(--thirdly-text-color);
    font-weight: var(--font-weight-semibold);
    font-size: 18px;
}

.HgyNi9GP {
    width: 30px;
    height: 30px;
}

.RL16UA4o {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-s);
    width: 100%;
}

.zswf4I5O {
    padding: var(--space-m);
    border-radius: var(--border-radius-m);
    background-color: var(--background-color);
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

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

.ofkAhwIo {
    width: 100vw;
    min-height: 100vh;
    padding: var(--space-m);
}

.tNRE69Vo {
    flex: 1;
    padding: 0 var(--space-xl);
}

.AphfWsqn {
    margin-top: 100px;
}

.ofkAhwIo .F7o6EwuQ {
    max-width: var(--container-width) !important;
    width: 100%;
}

.aKekfx3q {

}

.zyw9LMye {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-s);
}

.tkbp8aoU {
    width: var(--icon-size);
    height: var(--icon-size);
}

.A0A8cI69 {
    padding: var(--space-s);
    border-radius: var(--border-radius-m);
    background-color: #fff;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
    width: 300px;
    max-width: 300px;
}

.q_Oa5AyA {
    top: auto;
    bottom: calc(100% + var(--space-xs));
}

.keqN6LTr {
    flex: 1;
}

.i6AJhre1 {
    width: var(--icon-size);
    height: var(--icon-size);
}

.lFjP2KzW {
    padding: 4px 8px;
    border-radius: var(--border-radius-s);
    background-color: var(--red-background-color);
    color: var(--red-color);
    display: flex;
    align-items: center;
    gap: var(--space-s);
    font-weight: var(--font-weight-medium);
    cursor: pointer;
}

.lFjP2KzW:hover {
    background-color: var(--red-background-hover-color);
}

.lFjP2KzW:active {
    background-color: var(--red-background-active-color);
}

.C1zbLB55 {
    pointer-events: none;
    cursor: default;
}

.JmsmVDsa {
    background-color: var(--input-color);
    border-radius: var(--border-radius-m);
    padding: var(--space-s);
    padding-bottom: calc(var(--space-s) - 4px);
}

.x8__SCz2 {
    outline: none;
    border: none;
    background-color: transparent;
    font: var(--font-default);
    width: 100%;
    padding: 0;
    max-height: 221px;
}

.x8__SCz2::placeholder {
    color: var(--secondary-text-color)
}

.Qhy7wyZ_ {
    width: 100%;
    height: 1px;
    background-color: #dadada;
}

.BugZWN5a:disabled {
    opacity: 0.6;
}

.YGDO5895 {
    width: var(--icon-size);
    height: var(--icon-size);
}

.BugZWN5a:hover .YGDO5895 {
    fill: var(--rocky-active-color) !important;
}

.Teep0QrP {
    flex: 1;
    width: 100%;
}

.m6d2_K5I {
    background-color: var(--input-color);
    border-radius: var(--border-radius-m);
    padding: var(--space-s);
    max-height: 221px;
}

._w7boj77 {
    outline: none;
    border: none;
    background-color: transparent;
    font: var(--font-default);
    width: 100%;
    flex: 1;
    padding: 0;
}

._w7boj77::placeholder {
    color: var(--secondary-text-color)
}

.QJHFo2rU:disabled {
    opacity: 0.6;
}

.YEowawxK {
    width: var(--icon-size);
    height: var(--icon-size);
}

.QJHFo2rU:hover .YEowawxK {
    fill: var(--rocky-active-color) !important;
}

.mdW6_WL6 {
    width: 100%;
}

.Tv8HMrhg {
    width: 100px;
    height: 80px;
}

.nkhydDzS {
    color: var(--secondary-text-color);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-xl);
}

.Co0Pxwtj {
    font-size: var(--font-size-l);
}

.UqbLBRFC {
    width: 100vw;
    height: 100vh;
    padding: var(--space-m);
}

.pOca2av8 {
    flex: 1;
    padding: 0 var(--space-xl);
    height: calc(100vh - var(--space-m) * 2);
    overflow: hidden;
}

.GYYEFUm0 {
    margin-top: 100px;
}

.UqbLBRFC .S3Aw2a5i {
    max-width: var(--container-width) !important;
    flex: 1;
    width: 100%;
    overflow: hidden;
}

.R7_1tlRA {
    flex: 1;
    overflow: hidden;
}

.Vi0wDbHY {
    margin-top: var(--space-m);
}

.XZZqTPfl {
    flex: 1;
    height: 100%;
    width: 100%;
}

.XNFwRdpO {
    margin-left: auto;
}

.W5nv65RH {
    border-radius: var(--border-radius-m);
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: var(--space-m);
    position: relative;
    padding: 10px;
}

.W5nv65RH svg {
    width: var(--icon-size);
    height: var(--icon-size);
    fill: var(--secondary-text-color);
}

.DTCkZ26i {
    color: var(--text-color);
    position: absolute;
    left: calc(100% + var(--space-s) + var(--space-xs));
    white-space: nowrap;
    padding: 10px;
    background-color: var(--background-hover-color);
    border-radius: var(--border-radius-m);
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
    z-index: var(--z-index-tooltip);
}

.W5nv65RH:hover,
.pa1pzBj3 {
    background-color: var(--background-hover-color);
}

.pa1pzBj3 {
    cursor: default;
}

.W5nv65RH:hover svg,
.pa1pzBj3 svg {
    fill: var(--text-color);
}

.W5nv65RH:hover .DTCkZ26i,
.pa1pzBj3 .DTCkZ26i {
    color: var(--secondary-text-color);
}

.W5nv65RH:hover .DTCkZ26i {
    opacity: 1;
}

.mnKCEOTA {
    width: 100vw;
    height: 100vh;
    background-color: var(--background-color);
}

.lmaW9vp6 {
    display: flex;
    flex-direction: column;
    gap: var(--space-l);
    align-items: center;
    background-color: #fff;
    border-radius: var(--border-radius-m);
    padding: var(--space-m);
    max-width: 450px;
    width: 100%;
}

.BcmRclCj {
    height: 60px;
    width: 350px;
    margin-bottom: var(--space-xl);
}

.yjCQ3bQ4 {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-l);
    color: var(--thirdly-text-color);
}

.QtqjsYha {
    width: 20px;
    height: 20px;
}

.KSUMXzor {
    margin-bottom: var(--space-m);
}

.J9nF_7s1 {
    width: 100vw;
    min-height: 100vh;
    padding: var(--space-m);
}

.UdOhj7nb {
    flex: 1;
    padding: 0 var(--space-xl);
    height: 100%;
    overflow: hidden;
}