/*! CSS Used from: Embedded */
* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

input {
    font-family: var(--secondaryFont);
    background: var(--white);
    font-size: 16px;
}

@media (min-width: 0px) {
    .YQcIt {
        -webkit-box-align: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 0px) {
    .lfgjYz {
        position: relative;
    }
}

@media (min-width: 0px) {
    .eIGpNg {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--tagGrey);
        text-align: center;
    }
}

@media (min-width: 0px) {
    .eGBWsf {
        width: 100%;
        -webkit-box-pack: center;
        justify-content: center;
        display: flex;
    }
}

@media (min-width: 0px) {
    .edoWGC {
        width: 100%;
        gap: 24px;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }
}

@media (min-width: 960px) {
    .edoWGC {
        gap: 32px;
    }
}

@media (min-width: 0px) {
    .gDbOkj {
        font-family: var(--primaryFont);
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        color: var(--headline);
        text-align: center;
    }
}

@media (min-width: 1140px) {
    .gDbOkj {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

@media (min-width: 0px) {
    .bBjwrW {
        border: 1px solid var(--frameGrey);
        border-radius: 10px;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        gap: 24px;
        padding: 24px 16px;
        background: var(--white);
        flex-direction: column;
    }
}

@media (min-width: 960px) {
    .bBjwrW {
        gap: 32px;
        padding: 32px;
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .hghoSO {
        width: 100%;
        max-width: 493px;
        flex-direction: column;
        gap: 16px;
        flex: 1 1 0%;
        display: flex;
    }
}

@media (min-width: 960px) {
    .hghoSO {
        width: 50%;
    }
}

@media (min-width: 0px) {
    .dZErVY {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--writer);
    }
}

@media (min-width: 0px) {
    .cvBGnc {
        padding: 21.5px;
        border: 1px solid var(--symbol);
        border-radius: 10px;
        background: var(--white);
        outline: none;
        color: var(--additionalBlack);
        font-family: var(--secondaryFont);
        font-size: 16px;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        cursor: text;
        width: 100% !important;
    }
}

@media (min-width: 0px) {
    .cvBGnc:focus {
        border-color: var(--writer);
    }
}

@media (min-width: 0px) {
    .eUwEjj {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--writer);
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        gap: 4px;
    }
}

@media (min-width: 0px) {
    .ffdxqP {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        flex-direction: column;
        flex: 1 1 0%;
        width: 100%;
        max-width: 493px;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 960px) {
    .ffdxqP {
        width: 50%;
    }
}

@media (min-width: 0px) {
    .czSHdI {
        align-items: flex-end;
        -webkit-box-pack: center;
        justify-content: center;
        gap: 80px;
        width: 100%;
        height: 196px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .gNgACv {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 1.25rem;
        color: var(--placeGrey);
        display: flex;
        gap: 4px;
        -webkit-box-align: center;
        align-items: center;
        text-align: center;
    }
}

@media (min-width: 0px) {
    .itrkbr {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 1.25rem;
        color: var(--placeGrey);
        text-align: center;
    }
}

@media (min-width: 0px) {
    .fzjeXQ {
        width: 100vw;
        overflow: auto;
        -webkit-box-pack: justify;
        justify-content: space-between;
        gap: 32px;
        padding: 20px 16px 0px;
        margin: 0px -16px;
        -webkit-box-align: stretch;
        align-items: stretch;
        display: flex;
    }
}

@media (min-width: 960px) {
    .fzjeXQ {
        width: 100%;
        padding: 20px 0px 0px;
    }
}

@media (min-width: 0px) {
    .fzjeXQ {
        scrollbar-width: none;
    }

        .fzjeXQ::-webkit-scrollbar {
            display: none;
        }
}

@media (min-width: 0px) {
    .gXHcMw {
        border: 1px solid var(--frameGrey);
        border-radius: 10px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        background: var(--white);
        padding: 32px 24px 24px;
        flex: 0 0 auto;
        position: relative;
        width: 50vw;
    }
}

@media (min-width: 960px) {
    .gXHcMw {
        flex: 1 1 0%;
        width: auto;
    }
}

@media (min-width: 0px) {
    .bEQxUv {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        border-radius: 50%;
        background: var(--white);
        position: absolute;
        top: 0px;
        left: 50%;
        width: 42px;
        height: 42px;
        transform: translate(-50%, -50%);
        display: flex;
    }
}

@media (min-width: 0px) {
    .duFcnS {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 40px;
        height: 40px;
        cursor: default;
    }
}

@media (min-width: 960px) {
    .duFcnS svg [fill="var(--pinkSonhatorio)"] {
        fill: var(--pinkSonhatorio);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .gQcjrd {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--writer);
        text-align: center;
    }
}

@media (min-width: 0px) {
    .loiMYw {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        position: relative;
        width: 100%;
        height: 12px;
        margin-top: 16px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .cDqczy {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 2px;
        top: 50%;
        left: 0px;
        transform: translateY(-50%);
        background: var(--symbol);
    }
}

@media (min-width: 0px) {
    .iaJKAB {
        width: 32px;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: end;
        justify-content: flex-end;
        gap: 8px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .gTlbZK {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 0.75rem;
        line-height: 1.25rem;
        color: var(--writer);
    }
}

@media (min-width: 0px) {
    .gTlbZK {
        white-space: nowrap;
    }
}

@media (min-width: 0px) {
    .fWcZUk {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 1.25rem;
        color: var(--writer);
    }
}

@media (min-width: 0px) {
    .fWcZUk {
        white-space: nowrap;
    }
}

@media (min-width: 0px) {
    .eFKjHX {
        position: absolute;
        z-index: 2;
        width: 0.019792%;
        height: 2px;
        top: 50%;
        left: 0px;
        transform: translateY(-50%);
        background: var(--graanoBlue);
    }
}

@media (min-width: 0px) {
    .iBjHbb {
        background: var(--decorGrey);
        width: 32px;
        height: 79px;
        transition: 0.3s;
        border-radius: 4px;
    }
}

@media (min-width: 0px) {
    .kpCPYj {
        background: linear-gradient(0deg, var(--graanoBlue) 0%, var(--pinkSonhatorio) 100%);
        width: 32px;
        height: 140px;
        transition: 0.3s;
        border-radius: 4px;
    }
}

.dBqjKH {
    appearance: none;
    background: transparent;
    width: 100%;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

    .dBqjKH:focus {
        outline: none;
    }


/*
    ================================================================
*/


/*! CSS Used from: Embedded */
* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

@media (min-width: 0px) {
    .llDndc {
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        display: flex;
    }
}

@media (min-width: 0px) {
    .da-dHgr {
        -webkit-box-pack: center;
        justify-content: center;
        position: relative;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 0px) {
    .iQgvvE {
        position: absolute;
        left: 0px;
        top: -66px;
        width: 0px;
        height: 0px;
    }
}

@media (min-width: 1140px) {
    .iQgvvE {
        top: -176px;
    }
}

@media (min-width: 0px) {
    .jWYdXO {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--writer);
    }
}

@media (min-width: 0px) {
    .hSwDhK {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }
}

@media (min-width: 960px) {
    .hSwDhK svg [stroke="var(--graanoBlue)"] {
        stroke: var(--graanoBlue);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .iNHUrJ {
        flex-direction: column;
        gap: 24px;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .iNHUrJ {
        gap: 32px;
    }
}

@media (min-width: 0px) {
    .bvEPgj {
        width: 100%;
    }
}

@media (min-width: 0px) {
    .fTLVG {
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .fTLVG {
        gap: 32px;
    }
}

@media (min-width: 0px) {
    .cntRnz {
        font-family: var(--primaryFont);
        font-weight: 600;
        font-size: 20px;
        line-height: 2rem;
        color: var(--headline);
        text-align: center;
    }
}

@media (min-width: 1140px) {
    .cntRnz {
        font-size: 24px;
    }
}

@media (min-width: 0px) {
    .kDxwmW {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--headline);
        padding-top: 24px;
        text-align: center;
    }
}

@media (min-width: 0px) {
    .kQrqCo {
        gap: 24px 0px;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 960px) {
    .kQrqCo {
        gap: 0px 32px;
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .lDWun {
        background: var(--white);
        border-radius: 10px;
        border: 1px solid var(--frameGrey);
        padding: 16px;
        gap: 16px;
        flex: 1 1 0%;
        flex-direction: row;
        display: flex;
    }
}

@media (min-width: 768px) {
    .lDWun {
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .kLULIk {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        border-radius: 10px;
        width: 50px;
        height: 50px;
        background: var(--lightGrey);
        flex: 0 0 auto;
        display: flex;
    }
}

@media (min-width: 0px) {
    .htLroO {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 32px;
        height: 32px;
        cursor: default;
    }
}

@media (min-width: 960px) {
    .htLroO svg [fill="var(--pinkSonhatorio)"] {
        fill: var(--pinkSonhatorio);
        transition: 0.2s;
    }

    .htLroO svg [stroke="var(--pinkSonhatorio)"] {
        stroke: var(--pinkSonhatorio);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .eabLom {
        flex-direction: column-reverse;
        align-items: flex-start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        flex: 1 1 0%;
        display: flex;
    }
}

@media (min-width: 768px) {
    .eabLom {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (min-width: 0px) {
    .gpZrzm {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--writer);
        width: 100%;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .gpZrzm {
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (min-width: 0px) {
    .fYpssW {
        background: var(--white);
        padding: 16px 16px 0px;
        border-radius: 10px;
        border-bottom: none;
        width: 100%;
        flex-direction: column;
        -webkit-box-align: stretch;
        align-items: stretch;
        gap: 16px;
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 960px) {
    .fYpssW {
        padding: 32px;
        border-bottom: 1px solid var(--frameGrey);
        gap: 24px;
    }
}

@media (min-width: 1140px) {
    .fYpssW {
        align-items: flex-end;
    }
}

@media (min-width: 0px) {
    .kJkVof {
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        font-weight: 600;
        font-size: 14px;
        font-family: var(--secondaryFont);
        text-decoration: none;
        pointer-events: all;
        cursor: pointer;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
        gap: 8px;
        align-self: flex-end;
        border-radius: 6px;
        border: 1px solid var(--frameGrey);
        background: none;
        color: var(--writer);
        padding: 6px 16px;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .kJkVof:hover {
            background-color: var(--detached);
        }
    }
}

@media (min-width: 0px) {
    .kjMVjC {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }
}

@media (min-width: 960px) {
    .kjMVjC svg [fill="var(--writer)"] {
        fill: var(--writer);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .dLiynR {
        border-radius: 0px;
        width: auto;
        border-right: none;
        border-left: none;
        border-image: initial;
        border-top: 1px solid var(--frameGrey);
        border-bottom: none;
        overflow: hidden;
        margin: 0px -16px;
    }
}

@media (min-width: 960px) {
    .dLiynR {
        border-radius: 10px;
        width: 100%;
        border: 1px solid var(--frameGrey);
        margin: 0px;
    }
}

@media (min-width: 0px) {
    .igsnNV {
        grid-template-areas: "PD VL""DT DT";
        grid-template-columns: auto 124px;
        -webkit-box-align: center;
        align-items: center;
        border-bottom: 1px solid var(--frameGrey);
        padding: 24px 16px;
        opacity: 1;
        gap: 0px 16px;
        flex: 1 1 0%;
        transition: 0.2s;
        overflow: hidden;
        max-height: 200px;
        display: grid;
    }
}

@media (min-width: 960px) {
    .igsnNV {
        grid-template-areas: "PC PD VL ST";
        grid-template-columns: 25% 25% 25% 25%;
        padding: 24px 32px;
        gap: 0px 32px;
        max-height: 75px;
    }
}

@media (min-width: 0px) {
    .igsnNV:last-child {
        border-bottom: none;
    }
}

@media (min-width: 0px) {
    .cxKkQy {
        flex: 1 1 0%;
        display: none;
        grid-area: PC;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
}

@media (min-width: 960px) {
    .cxKkQy {
        display: flex;
    }
}

@media (min-width: 0px) {
    .klaFfr {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 14px;
        line-height: 1.375rem;
        color: var(--placeGrey);
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }
}

@media (min-width: 960px) {
    .klaFfr {
        font-size: 1rem;
    }
}

@media (min-width: 0px) {
    .klaFfr {
        white-space: nowrap;
    }
}

@media (min-width: 0px) {
    .gNJXtb {
        flex: 1 1 0%;
        grid-area: PD;
        -webkit-box-pack: start;
        justify-content: flex-start;
        display: flex;
    }
}

@media (min-width: 0px) {
    .hzgpEs {
        flex: 1 1 0%;
        grid-area: VL;
        -webkit-box-pack: justify;
        justify-content: space-between;
        display: flex;
    }
}

@media (min-width: 0px) {
    .liTzqK {
        flex: 1 1 0%;
        display: none;
        grid-area: ST;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
}

@media (min-width: 960px) {
    .liTzqK {
        display: flex;
    }
}

@media (min-width: 0px) {
    .kYrdtn {
        display: none;
        grid-area: DT;
        padding-top: 0px;
        overflow: hidden;
        max-height: 0px;
        gap: 16px;
        flex-direction: column;
        transition: 0.2s;
        opacity: 0;
    }
}

@media (min-width: 960px) {
    .kYrdtn {
        display: none;
    }
}

@media (min-width: 0px) {
    .kgGdOf {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5rem;
        color: var(--tagGrey);
    }
}

@media (min-width: 960px) {
    .kgGdOf {
        font-size: 1rem;
    }
}

@media (min-width: 0px) {
    .drOHmi {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5rem;
        color: var(--headline);
    }
}

@media (min-width: 960px) {
    .drOHmi {
        font-size: 1rem;
    }
}

@media (min-width: 0px) {
    .jrZdvg {
        padding: 24px 32px;
        position: relative;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        max-height: 75px;
        overflow: hidden;
        border-bottom: 1px solid var(--frameGrey);
        transition: 0.2s;
        display: flex;
    }
}

@media (min-width: 0px) {
    .jYfYWU {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--graanoBlue);
        position: absolute;
        top: 50%;
        left: 32px;
        transform: translateY(-50%);
        display: none;
    }
}

@media (min-width: 960px) {
    .jYfYWU {
        display: block;
    }
}

@media (min-width: 0px) {
    .bpzkbQ {
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        font-weight: 600;
        font-size: 14px;
        font-family: var(--secondaryFont);
        text-decoration: none;
        pointer-events: all;
        cursor: pointer;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row-reverse;
        gap: 8px;
        background: none;
        border: none;
        color: var(--graanoBlue);
    }
}

@media (min-width: 960px) {
    .bpzkbQ {
        font-size: 1rem;
    }
}

@media (min-width: 0px) {
    .bpzkbQ {
        appearance: none;
    }
}

@media (min-width: 960px) {
    .bpzkbQ {
        transition: 0.2s;
    }

        .bpzkbQ:hover {
            color: var(--pinkSonhatorio);
        }

            .bpzkbQ:hover svg [stroke="var(--graanoBlue)"] {
                stroke: var(--pinkSonhatorio);
            }
}

@media (min-width: 0px) {
    .gUBCwk {
        padding: 16px;
        background-color: var(--butterYellow);
        border-radius: 8px;
        margin-top: 0px;
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }
}

@media (min-width: 0px) {
    .fsmjTl {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: default;
        margin-right: 16px;
    }
}

@media (min-width: 960px) {
    .fsmjTl svg [fill="var(--placeGrey)"] {
        fill: var(--placeGrey);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .dlIKCh {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5rem;
        color: var(--placeGrey);
    }
}

@media (min-width: 0px) {
    .bvxete {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--placeGrey);
    }
}

@media (min-width: 0px) {
    .dusyT {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5rem;
        color: var(--additionalBlack);
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }
}

@media (min-width: 960px) {
    .dusyT {
        font-size: 1rem;
    }
}

@media (min-width: 0px) {
    .dusyT {
        white-space: nowrap;
    }
}

@media (min-width: 0px) {
    .lLHgM {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-right: 8px;
        background: var(--sunny);
    }
}

@media (min-width: 0px) {
    .fetmL {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: default;
        transition: 0.2s;
        transform: rotateX(0deg);
    }
}

@media (min-width: 960px) {
    .fetmL {
        display: none;
    }
}

@media (min-width: 960px) {
    .fetmL svg [fill="var(--graanoBlue)"] {
        fill: var(--graanoBlue);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .ceqeNy {
        display: flex;
        grid-area: DT;
        padding-top: 0px;
        overflow: hidden;
        max-height: 0px;
        gap: 16px;
        flex-direction: column;
        transition: 0.2s;
        opacity: 0;
    }
}

@media (min-width: 960px) {
    .ceqeNy {
        display: none;
    }
}

@media (min-width: 0px) {
    .dhETun {
        grid-template-areas: "PD VL""DT DT";
        grid-template-columns: auto 124px;
        -webkit-box-align: center;
        align-items: center;
        border-bottom: 0px solid transparent;
        padding: 0px 16px;
        opacity: 0;
        gap: 0px 16px;
        flex: 1 1 0%;
        transition: 0.2s;
        overflow: hidden;
        max-height: 0px;
        display: grid;
    }
}

@media (min-width: 960px) {
    .dhETun {
        grid-template-areas: "PC PD VL ST";
        grid-template-columns: 25% 25% 25% 25%;
        padding: 0px 32px;
        gap: 0px 32px;
        max-height: 0px;
    }
}








/*
    ================================================================
*/




/*! CSS Used from: Embedded */
* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

@media (min-width: 0px) {
    .KtBct {
        flex-direction: column;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .htLroO {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 32px;
        height: 32px;
        cursor: default;
    }
}

@media (min-width: 960px) {
    .htLroO svg [stroke="var(--pinkSonhatorio)"] {
        stroke: var(--pinkSonhatorio);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .dSbzWN {
        width: 100%;
        flex-direction: column;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .dSbzWN {
        gap: 32px;
    }
}

@media (min-width: 0px) {
    .dHLLWj {
        font-family: var(--primaryFont);
        font-weight: 600;
        font-size: 1.5rem;
        line-height: 2rem;
        color: var(--headline);
        text-align: center;
    }
}

@media (min-width: 0px) {
    .ccQhBc {
        border-radius: 10px;
        display: flex;
        background: var(--white);
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: start;
        justify-content: flex-start;
        gap: 24px;
        padding: 16px;
        border-bottom: 1px solid var(--frameGrey);
    }
}

@media (min-width: 1140px) {
    .ccQhBc {
        padding: 32px;
    }
}

@media (min-width: 0px) {
    .fRyenw {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: var(--lightGrey);
        position: relative;
        flex: 0 0 auto;
        display: flex;
    }
}

@media (min-width: 0px) {
    .fRyenw::before {
        content: "";
        width: 48px;
        height: 48px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border: 5px solid rgba(240, 244, 248, 0.4);
        border-radius: 50%;
    }
}

@media (min-width: 0px) {
    .fVHHfe {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--writer);
        flex: inherit;
    }
}

@media (min-width: 768px) {
    .fVHHfe {
        flex: 1 1 0%;
    }
}





/*========================================*/



/*! CSS Used from: Embedded */
* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

@media (min-width: 0px) {
    .fGhtkr {
        -webkit-box-align: center;
        align-items: center;
        gap: 8px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .kvLCzt {
        flex: 0 0 auto;
        display: inline-flex;
        font-size: 0px;
        position: relative;
        margin: 0px;
        z-index: 999;
    }
}

@media (min-width: 0px) {
    .kvLCzt {
        vertical-align: middle;
    }
}

@media (min-width: 960px) {
    .kvLCzt:hover > .tooltip {
        opacity: 1;
    }
}

@media (min-width: 0px) {
    .cbAkiZ {
        position: absolute;
        inset: auto auto 100% 50%;
        border-radius: 10px;
        background: var(--graanoBlue);
        padding: 4px 10px;
        margin: 0px 0px 8px;
        pointer-events: none;
        transform: translate(-50%, 0px);
        transition: 0.1s;
        opacity: 0;
    }
}

@media (min-width: 0px) {
    .cbAkiZ {
        user-select: none;
    }

        .cbAkiZ::before {
            content: "";
            position: absolute;
            border-top: 6px solid var(--graanoBlue);
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: none;
            transform: translate(-50%, 0px);
            top: 100%;
            bottom: auto;
            left: 50%;
        }
}

@media (min-width: 0px) {
    .bVHdJT {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 1.25rem;
        color: var(--white);
        text-align: center;
        display: block;
    }
}

@media (min-width: 0px) {
    .iQgvvE {
        position: absolute;
        left: 0px;
        top: -66px;
        width: 0px;
        height: 0px;
    }
}

@media (min-width: 1140px) {
    .iQgvvE {
        top: -176px;
    }
}

@media (min-width: 0px) {
    .cDpcsN {
        font-family: var(--primaryFont);
        font-weight: 600;
        font-size: 1.25rem;
        line-height: 1.75rem;
        color: var(--headline);
    }
}

@media (min-width: 0px) {
    .hSwDhK {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }
}

@media (min-width: 960px) {
    .hSwDhK svg [fill="var(--graanoBlue)"] {
        fill: var(--graanoBlue);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .kjMVjC {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }
}

@media (min-width: 960px) {
    .kjMVjC svg [stroke="var(--writer)"] {
        stroke: var(--writer);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .iVrLON {
        gap: 24px;
        width: 100%;
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 960px) {
    .iVrLON {
        gap: 32px;
    }
}

@media (min-width: 0px) {
    .bhvYPS {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 16px;
        height: 16px;
        cursor: pointer;
    }
}

@media (min-width: 960px) {
    .bhvYPS svg [stroke="var(--headline)"] {
        stroke: var(--headline);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .fpwYDZ {
        position: relative;
        -webkit-box-pack: center;
        justify-content: center;
        width: 100%;
        padding: 0px 0px 24px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .fDziP {
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .fDziP {
        gap: 40px;
    }
}

@media (min-width: 0px) {
    .bDrIwC {
        gap: 24px;
        width: 100%;
        list-style: none;
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 0px) {
    .iyoxKI {
        font-family: var(--secondaryFont);
        color: var(--graanoBlue);
        font-weight: 600;
        font-size: 14px;
        line-height: 21px;
        text-decoration: none;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .iyoxKI:hover {
            text-decoration: none;
        }
    }
}

@media (min-width: 0px) {
    .hqTgDX {
        -webkit-box-align: center;
        align-items: center;
        padding: 16px 24px;
        border: 1px solid var(--frameGrey);
        background: var(--white);
        border-radius: 10px;
        -webkit-box-pack: justify;
        justify-content: space-between;
        transition: 0.2s;
        display: flex;
    }
}

@media (min-width: 960px) {
    .hqTgDX:hover div span {
        color: var(--graanoBlue);
    }
}

@media (min-width: 0px) {
    .hEJwSt {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--writer);
        transition: 0.2s;
    }
}





/*==================================*/






/*! CSS Used from: Embedded */
* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

@media (min-width: 0px) {
    .fGhtkr {
        -webkit-box-align: center;
        align-items: center;
        gap: 8px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .bsYWzG {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--headline);
    }
}

@media (min-width: 0px) {
    .hOdOdH {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--writer);
    }
}

@media (min-width: 0px) {
    .gWruRl {
        flex-direction: column;
        -webkit-box-pack: justify;
        justify-content: space-between;
        display: flex;
    }
}

@media (min-width: 0px) {
    .hnkWvk {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 0px) {
    .firHSY {
        -webkit-box-align: stretch;
        align-items: stretch;
        flex: 0 0 auto;
        gap: 16px;
        display: none;
    }
}

@media (min-width: 960px) {
    .firHSY {
        display: flex;
    }
}

@media (min-width: 0px) {
    .jfSlcA {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        background: none;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 0px) {
    .enQkwG {
        font-family: var(--primaryFont);
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--writer);
    }
}

@media (min-width: 0px) {
    .hJDJTA {
        font-family: var(--secondaryFont);
        color: var(--writer);
        font-weight: 600;
        font-size: 0.875rem;
        line-height: 1.375rem;
        text-decoration: underline;
        transition: 0.2s;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .hJDJTA:hover {
            color: var(--pinkSonhatorio);
        }
    }
}

@media (min-width: 0px) {
    .iiDRLH {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 960px) {
    .iiDRLH {
        -webkit-box-pack: start;
        justify-content: flex-start;
        width: auto;
    }
}

@media (min-width: 0px) {
    .gSewsX {
        flex-direction: column;
        align-items: flex-start;
        -webkit-box-pack: justify;
        justify-content: space-between;
        height: 48px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .hjUzfh {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 1.125rem;
        line-height: 1.625rem;
        color: var(--headline);
    }
}

@media (min-width: 0px) {
    .cFGPww {
        padding: 16px 24px;
        background-color: var(--graanoBlue);
        border: none;
        color: var(--white);
        border-radius: 50px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
        font-family: var(--secondaryFont);
        cursor: pointer;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
        text-align: center;
        position: relative;
        text-decoration: none;
        pointer-events: all;
        height: 48px;
        display: inline-block;
        align-items: normal;
        flex-direction: row;
        gap: 0px;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .cFGPww:hover {
            background: var(--hoverBlue);
        }
    }
}

@media (min-width: 0px) {
    .dvATbD {
        position: fixed;
        top: auto;
        bottom: 0px;
        left: 0px;
        background: var(--white);
        width: 100%;
        -webkit-box-pack: center;
        justify-content: center;
        border-top: 1px solid var(--frameGrey);
        border-bottom: 1px solid var(--frameGrey);
        padding: 16px;
        z-index: 9;
        transition: 0.3s;
        max-height: 96px;
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 960px) {
    .dvATbD {
        top: auto;
        bottom: 0px;
        padding: 24px 32px 24px 113px;
    }
}

.iGVWOG {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: var(--graanoBlue);
    border-radius: 50px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    opacity: 0;
    transition: 0.2s;
}



/*! CSS Used from: Embedded */
* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

input {
    font-family: var(--secondaryFont);
    background: var(--white);
    font-size: 16px;
}

@media (min-width: 0px) {
    .caeWZE {
        width: 100%;
        flex-direction: column;
        -webkit-box-align: stretch;
        align-items: stretch;
        gap: 32px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .caeWZE {
        gap: 40px;
    }
}

@media (min-width: 0px) {
    .euwxAK {
        -webkit-box-align: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 960px) {
    .euwxAK {
        gap: 32px;
    }
}

@media (min-width: 0px) {
    .eQIPwo {
        flex-direction: column;
        width: 100%;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .eQIPwo {
        gap: 32px;
    }
}

@media (min-width: 0px) {
    .eNCkbW {
        -webkit-box-align: stretch;
        align-items: stretch;
        gap: 24px;
        width: 100%;
        -webkit-box-pack: justify;
        justify-content: space-between;
        display: flex;
    }
}

@media (min-width: 0px) {
    .ilPceU {
        position: fixed;
        width: 100vw;
/*        height: 100dvh;*/
        z-index: 999999;
        top: 0px;
        left: 100%;
        flex: 0 0 auto;
        border: none;
        background: var(--white);
        transition: 0.2s;
        border-radius: 0px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .ilPceU {
        position: static;
        width: 444px;
/*        height: auto;*/
        z-index: auto;
        top: auto;
        left: auto;
        border: 1px solid var(--frameGrey);
        border-radius: 10px;
    }
}

@media (min-width: 0px) {
    .hkMyVK {
        flex-direction: column;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 0px) {
    .ghphrU {
        flex: 0 0 auto;
        width: 100%;
        transition: 0.2s;
        max-height: 500px;
        opacity: 1;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .djeLFI {
        gap: 16px;
        padding: 24px 16px 0px;
        flex-direction: column;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 960px) {
    .djeLFI {
        padding: 32px 32px 0px;
    }
}

@media (min-width: 0px) {
    .dTing {
        flex-direction: column-reverse;
        width: 100%;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .dTing {
        flex-direction: column;
        gap: 24px;
    }
}

@media (min-width: 0px) {
    .brHzsG {
        width: 100%;
        display: block;
    }
}

@media (min-width: 0px) {
    .iAPuba {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--headline);
        display: block;
    }
}

@media (min-width: 1140px) {
    .iAPuba {
        display: block;
    }
}

@media (min-width: 0px) {
    .bhBoiB {
        border-top: none;
        border-right: none;
        border-left: none;
        border-image: initial;
        border-bottom: 1px solid var(--frameGrey);
        display: block;
    }
}

@media (min-width: 1140px) {
    .bhBoiB {
        display: block;
    }
}

@media (min-width: 0px) {
    .PyQgj {
        gap: 8px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .PyQgj {
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 0px) {
    .hTmVYs {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }
}

@media (min-width: 1140px) {
    .hTmVYs {
        display: none;
    }
}

@media (min-width: 960px) {
    .hTmVYs svg [stroke="var(--additionalBlack)"] {
        stroke: var(--additionalBlack);
        transition: 0.2s;
    }

    .hTmVYs:hover svg [stroke="var(--additionalBlack)"] {
        stroke: var(--dodgerBlue);
    }
}

@media (min-width: 0px) {
    .toyKE {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 1.5rem;
        line-height: 2rem;
        color: var(--additionalBlack);
        display: none;
        flex: 1 1 0%;
    }
}

@media (min-width: 1140px) {
    .toyKE {
        display: block;
    }
}

@media (min-width: 0px) {
    .dXAqFW {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--additionalBlack);
        display: block;
        flex: 1 1 0%;
        text-align: center;
        padding-right: 32px;
    }
}

@media (min-width: 1140px) {
    .dXAqFW {
        display: none;
    }
}

@media (min-width: 0px) {
    .hbvBNH {
        flex-direction: row;
        width: 100%;
        gap: 16px;
        position: relative;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .hbvBNH {
        display: none;
    }
}

@media (min-width: 0px) {
    .hZCYNa {
        width: 100%;
        gap: 16px;
        overflow: auto;
        padding-right: 46px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .lfZgWy {
        position: absolute;
        width: 36px;
        height: 100%;
        right: 0px;
        top: 0px;
        z-index: 99;
        background: linear-gradient(270deg, rgb(255, 255, 255) 48.67%, rgba(255, 255, 255, 0) 88.33%);
    }
}

@media (min-width: 0px) {
    .lfZgWy {
        user-select: none;
        pointer-events: none;
    }
}

@media (min-width: 0px) {
    .jgXinj {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 1.5rem;
        line-height: 2rem;
        color: var(--additionalBlack);
        display: none;
        flex: 1 1 0%;
    }
}

@media (min-width: 1140px) {
    .jgXinj {
        display: none;
    }
}

@media (min-width: 0px) {
    .cpLSPK {
        border-right: none;
        border-bottom: none;
        border-left: none;
        border-image: initial;
        border-top: 1px solid var(--frameGrey);
        display: block;
    }
}

@media (min-width: 1140px) {
    .cpLSPK {
        display: none;
    }
}

@media (min-width: 0px) {
    .bkTaHQ {
        width: 100%;
        position: relative;
        flex: 1 1 0%;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .ROAXp {
        position: absolute;
        top: 0px;
        left: 0%;
        width: 300%;
        height: 100%;
        transition: 0.3s;
        -webkit-box-align: stretch;
        align-items: stretch;
        display: flex;
    }
}

@media (min-width: 0px) {
    .fFqGFW {
        flex-direction: column;
        width: 33.3%;
        display: flex;
    }
}

@media (min-width: 0px) {
    .kANquS {
        flex: 1 1 0%;
        flex-direction: column;
        -webkit-box-pack: justify;
/*        justify-content: space-between;*/
        padding: 20px 16px 24px;
        gap: 24px;
        overflow: auto;
        display: flex;
    }
}

@media (min-width: 960px) {
    .kANquS {
        padding: 20px 32px 32px;
    }
}

@media (min-width: 1140px) {
    .kANquS {
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .kJRVHE {
        flex: 1 1 0%;
        flex-direction: column;
        -webkit-box-pack: start;
        justify-content: flex-start;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .kJRVHE {
        -webkit-box-pack: justify;
    }
}

@media (min-width: 0px) {
    .iMasL {
        gap: 32px;
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 0px) {
    .KtBct {
        flex-direction: column;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .jYUKQQ {
        font-family: var(--primaryFont);
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--headline);
        display: block;
    }
}

@media (min-width: 1140px) {
    .jYUKQQ {
        display: none;
    }
}

@media (min-width: 0px) {
    .iZMGjh {
        height: 75px;
        position: relative;
    }
}

@media (min-width: 0px) {
    .lfgjYz {
        position: relative;
    }
}

@media (min-width: 0px) {
    .laiZy {
        flex-direction: column;
        gap: 8px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .cIGbeo {
        border-radius: 10px;
        background: var(--detached);
        padding: 16px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        display: flex;
    }
}

@media (min-width: 0px) {
    .fSYyht {
        -webkit-box-align: center;
        align-items: center;
        flex-direction: column;
        gap: 8px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .bbpqqh {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--additionalBlack);
        text-align: center;
    }
}

@media (min-width: 0px) {
    .dJIquc {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 1.125rem;
        line-height: 1.625rem;
        color: var(--seaweed);
        text-align: center;
    }
}

@media (min-width: 0px) {
    .fGhtkr {
        -webkit-box-align: center;
        align-items: center;
        gap: 8px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .eAtNoO {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: default;
    }
}

@media (min-width: 960px) {
    .eAtNoO svg [stroke="var(--decorGrey)"] {
        stroke: var(--decorGrey);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .hdNijW {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--decorGrey);
    }
}

@media (min-width: 0px) {
    .jjwckU {
        position: fixed;
        top: 0px;
        right: 0px;
        left: 0px;
        height: 100vh;
        background: rgba(0, 0, 0, 0);
        visibility: hidden;
        opacity: 0;
        transition: 0.2s;
        z-index: 9999;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

@media (min-width: 0px) {
    .jjwckU {
        backdrop-filter: blur(5px);
    }
}

@media (min-width: 0px) {
    .heGehE {
        width: 100%;
        flex: 1 1 0%;
        flex-direction: column;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 960px) {
    .heGehE {
        width: calc(-638px + 100vw);
    }
}

@media (min-width: 0px) {
    .fcpUOh {
        flex-direction: column;
        gap: 16px;
        width: 100%;
        flex: 0 0 auto;
       /* min-height: 219px;*/
        display: flex;
    }
}

@media (min-width: 0px) {
    .iKcOpo {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        display: flex;
    }
}

@media (min-width: 0px) {
    .dKxJKW {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5rem;
        color: var(--additionalBlack);
    }
}

@media (min-width: 768px) {
    .dKxJKW {
        font-size: 1rem;
    }
}

@media (min-width: 0px) {
    .kvLCzt {
        flex: 0 0 auto;
        display: inline-flex;
        font-size: 0px;
        position: relative;
        margin: 0px;
        z-index: 999;
    }
}

@media (min-width: 0px) {
    .kvLCzt {
        vertical-align: middle;
    }
}

@media (min-width: 960px) {
    .kvLCzt:hover > .tooltip {
        opacity: 1;
    }
}

@media (min-width: 0px) {
    .doJfm {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 16px;
        height: 16px;
        cursor: pointer;
    }
}

@media (min-width: 960px) {
    .doJfm svg [stroke="var(--additionalBlack)"] {
        stroke: var(--additionalBlack);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .cbAkiZ {
        position: absolute;
        inset: auto auto 100% 50%;
        border-radius: 10px;
        background: var(--graanoBlue);
        padding: 4px 10px;
        margin: 0px 0px 8px;
        pointer-events: none;
        transform: translate(-50%, 0px);
        transition: 0.1s;
        opacity: 0;
    }
}

@media (min-width: 0px) {
    .cbAkiZ {
        user-select: none;
    }

        .cbAkiZ::before {
            content: "";
            position: absolute;
            border-top: 6px solid var(--graanoBlue);
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: none;
            transform: translate(-50%, 0px);
            top: 100%;
            bottom: auto;
            left: 50%;
        }
}

@media (min-width: 0px) {
    .bVHdJT {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.75rem;
        line-height: 1.25rem;
        color: var(--white);
        text-align: center;
        display: block;
    }
}

@media (min-width: 0px) {
    .ipaPiB {
        width: auto;
        max-width: none;
        margin: 0px -16px;
        padding: 0px 16px;
        position: relative;
        overflow: auto;
        display: flex;
    }
}

@media (min-width: 960px) {
    .ipaPiB {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .hckVzd {
        -webkit-box-align: center;
        align-items: center;
        gap: 16px;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        position: relative;
        z-index: 2;
        display: flex;
    }
}

@media (min-width: 0px) {
    .hFwKoF {
        align-items: flex-start;
        gap: 16px;
        flex: 1 1 0%;
        display: flex;
    }
}

@media (min-width: 768px) {
    .hFwKoF {
        -webkit-box-align: center;
        align-items: center;
    }
}

@media (min-width: 1140px) {
    .hFwKoF {
        flex: 0 0 auto;
    }
}

@media (min-width: 0px) {
    .bQwMXq {
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 0px) {
    .QSFBZ {
        align-items: flex-start;
        gap: 0px;
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 768px) {
    .QSFBZ {
        -webkit-box-align: center;
        align-items: center;
        gap: 8px;
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .cObGYb {
        width: 100%;
        border-right: none;
        border-bottom: none;
        border-left: none;
        border-image: initial;
        border-top: 1px solid var(--frameGrey);
        position: relative;
        z-index: 2;
    }
}

@media (min-width: 0px) {
    .fVBSSW {
        align-items: flex-start;
        gap: 8px;
        position: relative;
        z-index: 2;
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .fVBSSW {
        -webkit-box-align: center;
        align-items: center;
        gap: 32px;
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .hlXytp {
        width: 1px;
        align-self: stretch;
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-image: initial;
        border-left: 1px solid var(--frameGrey);
        position: relative;
        z-index: 2;
    }
}

@media (min-width: 0px) {
    .MoNdt {
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        align-items: stretch;
        width: 100%;
        gap: 32px;
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 768px) {
    .MoNdt {
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .glbafI {
        -webkit-box-align: center;
        align-items: center;
        gap: 16px;
        width: 100%;
        flex: 0 0 auto;
        display: flex;
    }
}

@media (min-width: 768px) {
    .glbafI {
        width: calc(50% - 16px);
    }
}

@media (min-width: 0px) {
    .bfNQsO {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 28px;
        height: 28px;
        cursor: default;
    }
}

@media (min-width: 960px) {
    .bfNQsO svg [fill="var(--tagGrey)"] {
        fill: var(--tagGrey);
        transition: 0.2s;
    }

    .bfNQsO svg [stroke="var(--tagGrey)"] {
        stroke: var(--tagGrey);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .fDbQew {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        background: var(--lavander);
        border-radius: 10px;
        padding: 24px;
        gap: 8px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .jJFmoy {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: default;
    }
}

@media (min-width: 960px) {
    .jJFmoy svg [stroke="var(--pinkSonhatorio)"] {
        stroke: var(--pinkSonhatorio);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .kIyxWJ {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--pinkSonhatorio);
    }
}

@media (min-width: 0px) {
    .gpAZpv {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--pinkSonhatorio);
    }
}

@media (min-width: 0px) {
    .cCirkc {
        flex-direction: column;
        gap: 16px;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }
}

@media (min-width: 0px) {
    .cCirkc {
        order: 5;
    }
}

@media (min-width: 0px) {
    .vIBuB {
        border: 1px solid var(--frameGrey);
        border-radius: 10px;
        padding: 24px 16px 16px;
        display: flex;
        background: var(--white);
        width: 100%;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

@media (min-width: 960px) {
    .vIBuB {
        padding: 32px;
    }
}

@media (min-width: 0px) {
    .eTfLqs {
        width: 100%;
        max-width: 100%;
        flex-direction: column;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 960px) {
    .eTfLqs {
        gap: 32px;
    }
}

@media (min-width: 0px) {
    .etKbRv {
        -webkit-box-align: center;
        align-items: center;
        flex-direction: column;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .dHLLWj {
        font-family: var(--primaryFont);
        font-weight: 600;
        font-size: 1.5rem;
        line-height: 2rem;
        color: var(--headline);
        text-align: center;
    }
}

@media (min-width: 0px) {
    .gQcjrd {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--writer);
        text-align: center;
    }
}

@media (min-width: 0px) {
    .jbtiGG {
        padding: 0px 16px;
        background: var(--white);
        border-radius: 10px;
    }
}

@media (min-width: 768px) {
    .jbtiGG {
        padding: 0px;
    }
}

@media (min-width: 0px) {
    .eIbvDH {
        flex-direction: column;
        border-top: 1px solid var(--frameGrey);
        border-bottom: 1px solid var(--frameGrey);
        border-left: 1px solid var(--frameGrey);
        border-right: 1px solid var(--frameGrey);
        border-radius: 10px;
        width: calc(100% + 32px);
        margin: 0px -16px;
        display: flex;
    }
}

@media (min-width: 768px) {
    .eIbvDH {
        width: 100%;
        margin: 0px;
    }
}

@media (min-width: 0px) {
    .diiVYi {
        grid-area: QT;
    }
}

@media (min-width: 0px) {
    .ikmMjy {
        font-family: var(--secondaryFont);
        font-size: 14px;
        line-height: 1.5rem;
        color: var(--tagGrey);
        display: flex;
        flex: 1 1 0%;
    }
}

@media (min-width: 0px) {
    .jasMHu {
        grid-area: ID;
    }
}

@media (min-width: 0px) {
    .kcFUyK {
        grid-area: ED;
    }
}

@media (min-width: 0px) {
    .hidecx {
        grid-area: VL;
    }
}

@media (min-width: 0px) {
    .hnpohE {
        grid-area: CL;
    }
}

@media (min-width: 0px) {
    .ficPwA {
        grid-area: ST;
    }
}

@media (min-width: 0px) {
    .fHGtsd {
        height: auto;
    }
}

@media (min-width: 0px) {
    .fHGtsd {
        overflow-x: unset;
    }

        .fHGtsd::-webkit-scrollbar {
            width: 5px;
            height: 5px;
        }

        .fHGtsd::-webkit-scrollbar-track {
            background: var(--frameGrey);
            border-radius: 20px;
        }

        .fHGtsd::-webkit-scrollbar-thumb {
            background: var(--decorGrey);
            width: 10px;
            border-radius: 20px;
        }
}

@media (min-width: 0px) {
    .hlgWbU {
        background: var(--white);
        border: 1px solid var(--frameGrey);
        border-radius: 10px;
        padding: 24px 16px;
        flex-direction: column;
        gap: 8px;
        display: flex;
    }
}

@media (min-width: 960px) {
    .hlgWbU {
        padding: 32px;
    }
}

@media (min-width: 0px) {
    .llDndc {
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        display: flex;
    }
}

@media (min-width: 0px) {
    .jWZTNu {
        border: 1px solid var(--frameGrey);
        border-radius: 10px;
        display: flex;
        background: var(--white);
        width: 100%;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        padding: 24px 16px 16px;
    }
}

@media (min-width: 960px) {
    .jWZTNu {
        padding: 32px;
    }
}

@media (min-width: 0px) {
    .fWGhog {
        width: 100%;
        max-width: 100%;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 56px;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }
}

@media (min-width: 0px) {
    .imogZf {
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .keZmZz {
        flex-wrap: wrap;
        gap: 24px;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .keZmZz {
        gap: 32px;
    }
}

@media (min-width: 0px) {
    .ePJtqc {
        -webkit-box-align: center;
        align-items: center;
        border: 1px solid var(--frameGrey);
        border-radius: 10px;
        padding: 24px;
        gap: 8px;
        background: var(--lightGrey);
        width: 100%;
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 768px) {
    .ePJtqc {
        width: calc(50% - 12px);
    }
}

@media (min-width: 1140px) {
    .ePJtqc {
        width: calc(33.3333% - 21.3333px);
    }
}

@media (min-width: 0px) {
    .fGKQPc {
        flex: 1 1 0%;
        flex-direction: column;
        -webkit-box-pack: justify;
        justify-content: space-between;
        display: flex;
    }
}

@media (min-width: 0px) {
    .da-dHgr {
        -webkit-box-pack: center;
        justify-content: center;
        position: relative;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 0px) {
    .dHAUjV {
        border: 1px solid var(--frameGrey);
        border-radius: 10px;
        display: flex;
        background: var(--white);
        padding: 24px 16px 16px;
        width: 100%;
        flex-direction: column;
    }
}

@media (min-width: 960px) {
    .dHAUjV {
        padding: 40px;
    }
}

@media (min-width: 0px) {
    .hFFAoE {
        -webkit-box-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .hFFAoE {
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .ZAZQs {
        -webkit-box-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        justify-content: flex-start;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .ZAZQs {
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 0px) {
    .gWruRl {
        flex-direction: column;
        -webkit-box-pack: justify;
        justify-content: space-between;
        display: flex;
    }
}

@media (min-width: 0px) {
    .fTA-DSh {
        border-top: none;
        padding: 32px 0px 0px;
        margin-top: 0px;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        align-items: stretch;
        flex-direction: column;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .fTA-DSh {
        border-top: 1px solid var(--frameGrey);
        padding: 40px 40px 0px;
        margin-top: 40px;
        flex-direction: row;
        gap: 0px;
    }
}

@media (min-width: 0px) {
    .jjNspT {
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
        flex: 0 0 auto;
        border: 1px solid var(--frameGrey);
        border-radius: 10px;
        padding: 24px;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .jjNspT {
        flex-direction: column;
        border: none;
        padding: 0px;
        gap: 0px;
    }
}

@media (min-width: 0px) {
    .bLoGCk {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 40px;
        height: 40px;
        cursor: default;
    }
}

@media (min-width: 1140px) {
    .bLoGCk {
        display: none;
    }
}

@media (min-width: 960px) {
    .bLoGCk svg [fill="var(--pinkSonhatorio)"] {
        fill: var(--pinkSonhatorio);
        transition: 0.2s;
    }

    .bLoGCk svg [stroke="var(--pinkSonhatorio)"] {
        stroke: var(--pinkSonhatorio);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .iQZWuf {
        align-items: flex-start;
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .iQZWuf {
        -webkit-box-align: center;
        align-items: center;
    }
}

@media (min-width: 0px) {
    .iQgvvE {
        position: absolute;
        left: 0px;
        top: -66px;
        width: 0px;
        height: 0px;
    }
}

@media (min-width: 1140px) {
    .iQgvvE {
        top: -176px;
    }
}

@media (min-width: 0px) {
    .bsYWzG {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--headline);
    }
}

@media (min-width: 0px) {
    .ewfMry {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--additionalBlack);
    }
}

@media (min-width: 0px) {
    .ifmHgZ {
        -webkit-box-align: stretch;
        align-items: stretch;
        gap: 16px;
        min-width: 100%;
        transition: 0.4s;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 0px) {
    .eMwlLH {
        border: 1px solid var(--graanoBlue);
        background: var(--white);
        border-radius: 10px;
        padding: 32px;
        flex: 0 0 auto;
        gap: 32px;
        flex-flow: column wrap;
        align-items: flex-start;
        -webkit-box-pack: justify;
        justify-content: space-between;
        min-height: 362px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .kYkVtD {
        grid-template-areas: "QT QTR""ID IDR""ED EDR""VL VLR""CL CLR""ST STR";
        width: 100%;
        padding: 24px;
        border-bottom: 1px solid var(--frameGrey);
        gap: 16px;
        display: grid;
    }
}

@media (min-width: 960px) {
    .kYkVtD {
        grid-template-columns: 0.7fr repeat(4, 1fr) 0.8fr;
        grid-template-areas: "QT ID ED VL CL ST";
    }
}

@media (min-width: 0px) {
    .jYODxY {
        border-bottom: 1px solid var(--frameGrey);
        max-height: 2000px;
        overflow: hidden;
        transition: 0.2s;
    }
}

@media (min-width: 960px) {
    .jYODxY {
        max-height: 100px;
    }
}

@media (min-width: 0px) {
    .jYODxY:last-child {
        border-bottom: none;
    }
}

@media (min-width: 0px) {
    .iMXlSm {
        grid-template-areas: "QT QTR""ID IDR""ED EDR""VL VLR""CL CLR""ST STR";
        width: 100%;
        align-items: flex-start;
        padding: 24px;
        gap: 16px;
        display: grid;
    }
}

@media (min-width: 960px) {
    .iMXlSm {
        grid-template-columns: 0.7fr repeat(4, 1fr) 0.8fr;
        grid-template-areas: "QT ID ED VL CL ST";
        -webkit-box-align: center;
        align-items: center;
    }
}

@media (min-width: 0px) {
    .fVayKQ {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5rem;
        color: var(--headline);
        -webkit-box-pack: end;
        justify-content: flex-end;
        display: flex;
        grid-area: QTR;
        overflow: unset;
    }
}

@media (min-width: 960px) {
    .fVayKQ {
        -webkit-box-pack: start;
        justify-content: flex-start;
        grid-area: QT;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .gtVkmQ {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5rem;
        color: var(--headline);
        -webkit-box-pack: end;
        justify-content: flex-end;
        display: flex;
        grid-area: IDR;
        overflow: unset;
    }
}

@media (min-width: 960px) {
    .gtVkmQ {
        -webkit-box-pack: start;
        justify-content: flex-start;
        grid-area: ID;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .dJRoyQ {
        flex: 0 0 auto;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--dodgerBlue);
    }
}

@media (min-width: 0px) {
    .bzlBtU {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5rem;
        color: var(--headline);
        -webkit-box-pack: end;
        justify-content: flex-end;
        display: flex;
        grid-area: EDR;
        overflow: unset;
    }
}

@media (min-width: 960px) {
    .bzlBtU {
        -webkit-box-pack: start;
        justify-content: flex-start;
        grid-area: ED;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .bhZBo {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5rem;
        color: var(--headline);
        -webkit-box-pack: end;
        justify-content: flex-end;
        display: flex;
        grid-area: VLR;
        overflow: unset;
    }
}

@media (min-width: 960px) {
    .bhZBo {
        -webkit-box-pack: start;
        justify-content: flex-start;
        grid-area: VL;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .fITpdU {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5rem;
        color: var(--headline);
        -webkit-box-pack: end;
        justify-content: flex-end;
        display: flex;
        grid-area: CLR;
        overflow: unset;
    }
}

@media (min-width: 960px) {
    .fITpdU {
        -webkit-box-pack: start;
        justify-content: flex-start;
        grid-area: CL;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .cFhpgs {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5rem;
        color: var(--headline);
        -webkit-box-pack: end;
        justify-content: flex-end;
        display: flex;
        grid-area: STR;
        overflow: unset;
    }
}

@media (min-width: 960px) {
    .cFhpgs {
        -webkit-box-pack: start;
        justify-content: flex-start;
        grid-area: ST;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .gxyWxS {
        width: calc(-110px + 100vw);
        flex: 0 0 auto;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 16px;
        border: 1px solid var(--graanoBlue);
        border-radius: 10px;
        cursor: pointer;
        display: flex;
    }
}

@media (min-width: 0px) {
    .gxyWxS {
        user-select: none;
    }
}

@media (min-width: 0px) {
    .jcCTIL {
        flex: 0 0 auto;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        transition: 0.2s;
        border: 1px solid var(--graanoBlue);
        display: flex;
    }
}

@media (min-width: 0px) {
    .jcCTIL::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        transition: 0.2s;
        background: var(--graanoBlue);
    }
}

@media (min-width: 0px) {
    .ehLKa-D {
        align-items: flex-start;
        gap: 16px;
        flex: 1 1 0%;
        display: none;
    }
}

@media (min-width: 768px) {
    .ehLKa-D {
        -webkit-box-align: center;
        align-items: center;
    }
}

@media (min-width: 1140px) {
    .ehLKa-D {
        flex: 0 0 auto;
        display: flex;
    }
}

@media (min-width: 0px) {
    .kTshJv {
        background: transparent;
        border: none;
        color: var(--graanoBlue);
        border-radius: 6px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
        font-family: var(--secondaryFont);
        cursor: pointer;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
        text-align: center;
        position: absolute;
        text-decoration: none;
        pointer-events: all;
        height: 48px;
        top: 0px;
        right: 0px;
        padding: 0px 12px;
        text-transform: uppercase;
        display: inline-block;
        align-items: normal;
        flex-direction: row;
        gap: 0px;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .kTshJv:hover {
            border: none;
            color: var(--borderTagFilter);
        }
    }
}

@media (min-width: 0px) {
    .gLfaI {
        flex: 0 0 auto;
        display: block;
        width: 100%;
    }
}

@media (min-width: 0px) {
    .eoUjqI {
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        gap: 16px;
        padding: 0px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .cWEqCo {
        position: relative;
        background: var(--frameGrey);
        border-radius: 50px;
        height: 10px;
        flex: 1 1 0%;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .loBhDe {
        width: 26.6025%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 50px;
        overflow: hidden;
        transition: 0.2s;
        background: linear-gradient(180deg,var(--graanoBlue) 0%,var(--hoverBlue) 100%) !important;
    }
}

@media (min-width: 0px) {
    .loBhDe::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        animation: 2s ease 0s infinite normal none running slide;
        opacity: 0.45;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    }
}

@media (min-width: 0px) {
    .kNBahx {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--tagGrey);
        flex: 0 0 auto;
    }
}

@media (min-width: 0px) {
    .hQrkzN {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        background: var(--lavander);
        flex: 0 0 auto;
        display: flex;
    }
}

@media (min-width: 0px) {
    .llzyCO {
        font-family: var(--secondaryFont);
        font-weight: 500;
        font-size: 1.125rem;
        line-height: 1.625rem;
        color: var(--headline);
    }
}

@media (min-width: 0px) {
    .gNJhMG {
        font-family: var(--secondaryFont);
        font-weight: 500;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--tagGrey);
    }
}

@media (min-width: 0px) {
    .fyGKVM {
        padding: 14.5px;
        border: 1px solid var(--symbol);
        border-radius: 10px;
        background: var(--white);
        outline: none;
        color: var(--additionalBlack);
        font-family: var(--secondaryFont);
        font-size: 14px;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        cursor: text;
        width: 100% !important;
    }
}

@media (min-width: 0px) {
    .fyGKVM:focus {
        border-color: var(--writer);
    }
}

@media (min-width: 0px) {
    .cgoaMm {
        width: 100%;
        flex: 0 0 auto;
        border-radius: 10px;
        border: 1px solid var(--graanoBlue);
        padding: 24px 32px;
        flex-direction: column;
        gap: 16px;
        cursor: pointer;
        transition: 0.2s;
        position: relative;
        overflow: hidden;
        opacity: 1;
        background: var(--white);
        display: flex;
    }
}

@media (min-width: 768px) {
    .cgoaMm {
        width: 100%;
        flex: 1 1 0%;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .cgoaMm:hover {
            border: 1px solid var(--graanoBlue);
        }
    }
}

@media (min-width: 0px) {
    .cgoaMm {
        user-select: none;
    }
}

@media (min-width: 0px) {
    .bWpQCn {
        font-family: var(--secondaryFont);
        font-weight: 500;
        font-size: 1.125rem;
        line-height: 1.625rem;
        color: var(--graanoBlue);
    }
}

@media (min-width: 0px) {
    .icVWUV {
        width: 24px;
        height: 24px;
        border: 1px solid var(--graanoBlue);
        border-radius: 50%;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        align-self: flex-start;
        transition: 0.2s;
        flex: 0 0 auto;
        display: flex;
    }
}

@media (min-width: 0px) {
    .icVWUV::before {
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 50%;
        transition: 0.2s;
        background: var(--graanoBlue);
    }
}

@media (min-width: 0px) {
    .gbMtAa {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--tagGrey);
    }
}

@media (min-width: 0px) {
    .bOXJNd {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--additionalBlack);
    }
}

@media (min-width: 0px) {
    .hCuJIV {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--pigmentGreen);
    }
}

@media (min-width: 0px) {
    .gguvMn {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--overtone);
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        gap: 8px;
    }
}

@media (min-width: 0px) {
    .jdnFRD {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 18px;
        line-height: 26px;
        color: var(--additionalBlack);
    }
}

@media (min-width: 0px) {
    .fkCdWN {
        flex: 0 0 auto;
        display: inline-flex;
        font-size: 0px;
        position: relative;
        margin: -2px 0px 0px;
        z-index: 999;
    }
}

@media (min-width: 0px) {
    .fkCdWN {
        vertical-align: middle;
    }
}

@media (min-width: 960px) {
    .fkCdWN:hover > .tooltip {
        opacity: 1;
    }
}

@media (min-width: 0px) {
    .jErFTS {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 16px;
        height: 16px;
        cursor: pointer;
    }
}

@media (min-width: 960px) {
    .jErFTS svg [stroke="var(--writer)"] {
        stroke: var(--writer);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .jZoAiu {
        font-family: var(--secondaryFont);
        color: var(--additionalBlack);
        font-weight: 600;
        font-size: 18px;
        line-height: 26px;
        text-decoration: underline;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .jZoAiu:hover {
            text-decoration: underline;
        }
    }
}

@media (min-width: 0px) {
    .dTKVEN {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--decorGrey);
        text-align: center;
    }
}

@media (min-width: 0px) {
    .geiHEK {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--additionalBlack);
        text-align: right;
    }
}

@media (min-width: 0px) {
    .jdlKVO {
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        gap: 16px;
        padding: 5.5px 0px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .eRROO {
        position: relative;
        background: var(--frameGrey);
        border-radius: 50px;
        height: 16px;
        flex: 1 1 0%;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .jbZgVd {
        width: 32.72%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 50px;
        overflow: hidden;
        transition: 0.2s;
        background: linear-gradient(180deg, var(--lightPurple) 0%, var(--tagPurple) 100%);
    }
}

@media (min-width: 0px) {
    .jbZgVd::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        animation: 2s ease 0s infinite normal none running slide;
        opacity: 0.45;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    }
}

@media (min-width: 0px) {
    .hJbTNw {
        flex: 0 0 auto;
        width: 40px;
        height: 40px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        border-radius: 50%;
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 0px) {
    .mZUQF {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--headline);
    }
}

@media (min-width: 0px) {
    .epExqO {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        width: 64px;
        height: 64px;
        background: none;
        border-radius: 50%;
        flex: 0 0 auto;
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 0px) {
    .cDpcsN {
        font-family: var(--primaryFont);
        font-weight: 600;
        font-size: 1.25rem;
        line-height: 1.75rem;
        color: var(--headline);
    }
}

@media (min-width: 0px) {
    .dWKksu {
        gap: 16px;
        -webkit-box-align: center;
        align-items: center;
        display: none;
    }
}

@media (min-width: 1140px) {
    .dWKksu {
        display: flex;
    }
}

@media (min-width: 0px) {
    .jWYdXO {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--writer);
    }
}

@media (min-width: 0px) {
    .dPYvxx {
        flex-direction: column-reverse;
        align-items: flex-start;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding-top: 24px;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .dPYvxx {
        flex-direction: column;
        align-items: flex-end;
        padding-top: 0px;
        gap: 0px;
    }
}

@media (min-width: 0px) {
    .cClJid {
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        font-weight: 600;
        font-size: 16px;
        font-family: var(--secondaryFont);
        text-decoration: none;
        pointer-events: all;
        cursor: pointer;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row-reverse;
        gap: 8px;
        background: none;
        border: none;
        color: var(--graanoBlue);
    }
}

@media (min-width: 0px) {
    .cClJid {
        appearance: none;
    }
}

@media (min-width: 1140px) {
    .cClJid {
        transition: 0.2s;
    }

        .cClJid:hover {
            color: var(--borderTagFilter);
        }

            .cClJid:hover svg [stroke="var(--graanoBlue)"] {
                stroke: var(--borderTagFilter);
            }
}

@media (min-width: 0px) {
    .hSwDhK {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }
}

@media (min-width: 960px) {
    .hSwDhK svg [stroke="var(--graanoBlue)"] {
        stroke: var(--graanoBlue);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .cGxlA {
        display: block;
    }
}

@media (min-width: 1140px) {
    .cGxlA {
        display: none;
    }
}

@media (min-width: 0px) {
    .iolLQr {
        list-style: none;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: end;
        justify-content: flex-end;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .fqNPCs {
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        font-weight: 600;
        font-size: 16px;
        font-family: var(--secondaryFont);
        text-decoration: none;
        pointer-events: all;
        cursor: pointer;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
        gap: 8px;
        background: none;
        border: none;
        color: var(--writer);
    }
}

@media (min-width: 0px) {
    .fqNPCs {
        appearance: none;
    }
}

@media (min-width: 1140px) {
    .fqNPCs {
        transition: 0.2s;
    }

        .fqNPCs:hover {
            color: var(--borderTagFilter);
        }

            .fqNPCs:hover svg [stroke="var(--writer)"] {
                stroke: var(--borderTagFilter);
            }

            .fqNPCs:hover svg [fill="var(--writer)"] {
                fill: var(--borderTagFilter);
            }
}

@media (min-width: 0px) {
    .kjMVjC {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }
}

@media (min-width: 960px) {
    .kjMVjC svg [fill="var(--writer)"] {
        fill: var(--writer);
        transition: 0.2s;
    }

    .kjMVjC svg [stroke="var(--writer)"] {
        stroke: var(--writer);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .cRmFqI {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 1.25rem;
        line-height: 1.75rem;
        color: var(--headline);
        text-align: center;
    }
}

@media (min-width: 0px) {
    .eIGpNg {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--tagGrey);
        text-align: center;
    }
}

@media (min-width: 0px) {
    .eJWVgS {
        padding: 16px 24px;
        background-color: var(--graanoBlue);
        border: none;
        color: var(--white);
        border-radius: 50px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
        font-family: var(--secondaryFont);
        cursor: pointer;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
        text-align: center;
        position: relative;
        text-decoration: none;
        pointer-events: all;
        height: 48px;
        flex: 0 0 auto;
        display: inline-block;
        align-items: normal;
        flex-direction: row;
        gap: 0px;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .eJWVgS:hover {
            background: var(--hoverBlue);
        }
    }
}

.iGVWOG {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: var(--graanoBlue);
    border-radius: 50px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    opacity: 0;
    transition: 0.2s;
}

.iGVWOK {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: var(--graanoBlue);
    border-radius: 10px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    opacity: 0;
    transition: 0.2s;
}




/*==================================*/



* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

input {
    font-family: var(--secondaryFont);
    background: var(--white);
    font-size: 16px;
}

@media (min-width: 0px) {
    .irqELh {
        position: relative;
        max-width: 100vw;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .fGhtkr {
        -webkit-box-align: center;
        align-items: center;
        gap: 8px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .hOdOdH {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--writer);
    }
}

@media (min-width: 0px) {
    .emHOdB {
        flex-direction: column;
        width: 100%;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 960px) {
    .emHOdB {
        gap: 32px;
    }
}

@media (min-width: 0px) {
    .YQcIt {
        -webkit-box-align: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 0px) {
    .caeWZE {
        width: 100%;
        flex-direction: column;
        -webkit-box-align: stretch;
        align-items: stretch;
        gap: 32px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .caeWZE {
        gap: 40px;
    }
}

@media (min-width: 0px) {
    .bLhBSr {
        flex-direction: column;
        gap: 32px;
        -webkit-box-align: stretch;
        align-items: stretch;
        width: 100%;
        margin-bottom: 24px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .bLhBSr {
        margin-bottom: 32px;
    }
}

@media (min-width: 0px) {
    .YyXTF {
        align-items: flex-start;
        -webkit-box-pack: justify;
        justify-content: space-between;
        flex-direction: column;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 768px) {
    .YyXTF {
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .fipTWh {
        max-width: 100%;
        align-items: flex-start;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 768px) {
    .fipTWh {
        -webkit-box-align: center;
        align-items: center;
    }
}

@media (min-width: 1140px) {
    .fipTWh {
        max-width: calc(100% - 200px);
    }
}

@media (min-width: 0px) {
    .eHdITh {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: pointer;
        margin-top: 8px;
    }
}

@media (min-width: 768px) {
    .eHdITh {
        margin-top: 0px;
    }
}

@media (min-width: 1140px) {
    .eHdITh {
        width: 56px;
    }
}

@media (min-width: 960px) {
    .eHdITh > svg {
        transition: 0.2s;
    }

    .eHdITh:hover > svg {
        margin-left: -6px;
    }
}

@media (min-width: 0px) {
    .brSfIb {
        align-items: flex-start;
        gap: 12px 24px;
        flex-wrap: wrap;
        display: flex;
    }
}

@media (min-width: 0px) {
    .jiBhxg {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        gap: 24px;
        list-style: none;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 768px) {
    .jiBhxg {
        width: auto;
    }
}

@media (min-width: 1140px) {
    .jiBhxg {
        gap: 16px;
    }
}

@media (min-width: 0px) {
    .drSdIR {
        flex: 1 1 0%;
    }
}

@media (min-width: 0px) {
    .drSdIR {
        order: 1;
    }
}

@media (min-width: 1140px) {
    .drSdIR {
        order: 2;
    }
}

@media (min-width: 0px) {
    .sbGCX {
        flex: 1 1 0%;
    }
}

@media (min-width: 0px) {
    .sbGCX {
        order: 2;
    }
}

@media (min-width: 1140px) {
    .sbGCX {
        order: 3;
    }
}

@media (min-width: 0px) {
    .iNwTEj {
        padding: 8px 14px;
        background: transparent;
        border: 2px solid var(--graanoBlue);
        color: var(--graanoBlue);
        border-radius: 50px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
        font-family: var(--secondaryFont);
        cursor: pointer;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
        text-align: center;
        position: relative;
        text-decoration: none;
        pointer-events: all;
        height: 36px;
        flex: 1 1 0%;
        -webkit-box-pack: center;
        justify-content: center;
        width: 100%;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
        gap: 8px;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .iNwTEj:hover {
            background: var(--hoverBlue);
            border: 2px solid var(--hoverBlue);
            color: var(--white);
        }
    }
}

@media (min-width: 0px) {
    .iNwTEj {
        background-color: transparent;
        border-color: var(--graanoBlue);
    }

        .iNwTEj > div:nth-child(2) {
            width: 24px;
            height: 24px;
        }

            .iNwTEj > div:nth-child(2) svg {
                width: 24px !important;
                height: 24px !important;
            }

                .iNwTEj > div:nth-child(2) svg [stroke] {
                    stroke: var(--graanoBlue);
                }
}

@media (min-width: 960px) {
    .iNwTEj:hover > div:nth-child(2) svg [stroke] {
        stroke: var(--white);
    }
}

@media (min-width: 0px) {
    .dllOsy {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 16px;
        height: 16px;
        cursor: pointer;
    }
}

@media (min-width: 960px) {
    .dllOsy svg [fill="var(--graanoBlue)"] {
        fill: var(--graanoBlue);
        transition: 0.2s;
    }

    .dllOsy svg [stroke="var(--graanoBlue)"] {
        stroke: var(--graanoBlue);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .etdbmH {
        display: inline;
        color: var(--graanoBlue);
    }
}

@media (min-width: 768px) {
    .etdbmH {
        display: none;
    }
}

@media (min-width: 0px) {
    .gUOWtA {
        border-radius: 10px;
        background-color: var(--writer);
        width: auto;
        padding: 8px 16px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 14px;
        cursor: pointer;
        display: flex;
    }
}

@media (min-width: 0px) {
    .iGlJUO {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: default;
    }
}

@media (min-width: 960px) {
    .iGlJUO svg [stroke="var(--white)"] {
        stroke: var(--white);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .cKnBZi {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--white);
        margin-left: 8px;
    }
}

@media (min-width: 0px) {
    .gtRRVJ {
        position: relative;
        margin-left: -16px;
        width: 100vw;
        overflow: hidden;
        color: var(--additionalBlack);
    }
}

@media (min-width: 960px) {
    .gtRRVJ {
        margin-left: 0px;
        width: 100%;
    }
}

@media (min-width: 0px) {
    .gtRRVJ > span:first-of-type {
        background: linear-gradient(83deg, rgb(231, 237, 242) 0%, rgba(231, 237, 242, 0) 100%);
    }

    .gtRRVJ > span:last-of-type {
        background: linear-gradient(83deg, rgba(231, 237, 242, 0) 0%, rgb(231, 237, 242) 100%);
    }
}

@media (min-width: 0px) {
    .dJMRmU {
        position: absolute;
        bottom: 3px;
        left: 0px;
        width: 32px;
        height: calc(100% - 3px);
        background: linear-gradient(83deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
        z-index: 2;
        display: block;
    }
}

@media (min-width: 960px) {
    .dJMRmU {
        display: none;
    }
}

@media (min-width: 0px) {
    .bJMPrQ {
        position: absolute;
        bottom: 3px;
        right: 0px;
        width: 32px;
        height: calc(100% - 3px);
        background: linear-gradient(83deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
        z-index: 2;
        display: block;
    }
}

@media (min-width: 960px) {
    .bJMPrQ {
        display: none;
    }
}

@media (min-width: 0px) {
    .etGAla {
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        overflow: auto;
        -webkit-box-pack: start;
        justify-content: flex-start;
        border-bottom: 1px solid var(--frameGrey);
        display: flex;
    }
}

@media (min-width: 0px) {
    .etGAla::-webkit-scrollbar {
        display: none;
    }
}

@media (min-width: 0px) {
    .jneFWT {
        flex-direction: column;
        gap: 24px;
        width: 100%;
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 960px) {
    .jneFWT {
        gap: 32px;
    }
}

@media (min-width: 0px) {
    .haeFEq {
        flex-direction: column;
        -webkit-box-align: stretch;
        align-items: stretch;
        width: 100%;
        gap: 24px 0px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .haeFEq {
        gap: 32px 0px;
    }
}

@media (min-width: 0px) {
    .fDbQew {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        background: var(--lavander);
        border-radius: 10px;
        padding: 24px;
        gap: 8px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .jJFmoy {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: default;
    }
}

@media (min-width: 960px) {
    .jJFmoy svg [stroke="var(--pinkSonhatorio)"] {
        stroke: var(--pinkSonhatorio);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .kIyxWJ {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--pinkSonhatorio);
    }
}

@media (min-width: 0px) {
    .dzotVf {
        -webkit-box-align: stretch;
        align-items: stretch;
        gap: 0px 40px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .ilPceU {
        position: fixed;
        width: 100vw;
/*        height: 100dvh;*/
        z-index: 999999;
        top: 0px;
        left: 100%;
        flex: 0 0 auto;
        border: none;
        background: var(--white);
        transition: 0.2s;
        border-radius: 0px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .ilPceU {
        position: static;
        width: 444px;
/*        height: auto;*/
        z-index: auto;
        top: auto;
        left: auto;
        border: 1px solid var(--frameGrey);
        border-radius: 10px;
    }
}

@media (min-width: 0px) {
    .hkMyVK {
        flex-direction: column;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 0px) {
    .ghphrU {
        flex: 0 0 auto;
        width: 100%;
        transition: 0.2s;
        max-height: 500px;
        opacity: 1;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .djeLFI {
        gap: 16px;
        padding: 24px 16px 0px;
        flex-direction: column;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 960px) {
    .djeLFI {
        padding: 32px 32px 0px;
    }
}

@media (min-width: 0px) {
    .dTing {
        flex-direction: column-reverse;
        width: 100%;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .dTing {
        flex-direction: column;
        gap: 24px;
    }
}

@media (min-width: 0px) {
    .brHzsG {
        width: 100%;
        display: block;
    }
}

@media (min-width: 0px) {
    .iAPuba {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--headline);
        display: block;
    }
}

@media (min-width: 1140px) {
    .iAPuba {
        display: block;
    }
}

@media (min-width: 0px) {
    .bhBoiB {
        border-top: none;
        border-right: none;
        border-left: none;
        border-image: initial;
        border-bottom: 1px solid var(--frameGrey);
        display: block;
    }
}

@media (min-width: 1140px) {
    .bhBoiB {
        display: block;
    }
}

@media (min-width: 0px) {
    .PyQgj {
        gap: 8px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .PyQgj {
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 0px) {
    .hTmVYs {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }
}

@media (min-width: 1140px) {
    .hTmVYs {
        display: none;
    }
}

@media (min-width: 960px) {
    .hTmVYs svg [stroke="var(--additionalBlack)"] {
        stroke: var(--additionalBlack);
        transition: 0.2s;
    }

    .hTmVYs:hover svg [stroke="var(--additionalBlack)"] {
        stroke: var(--dodgerBlue);
    }
}

@media (min-width: 0px) {
    .toyKE {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 1.5rem;
        line-height: 2rem;
        color: var(--additionalBlack);
        display: none;
        flex: 1 1 0%;
    }
}

@media (min-width: 1140px) {
    .toyKE {
        display: block;
    }
}

@media (min-width: 0px) {
    .dXAqFW {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--additionalBlack);
        display: block;
        flex: 1 1 0%;
        text-align: center;
        padding-right: 32px;
    }
}

@media (min-width: 1140px) {
    .dXAqFW {
        display: none;
    }
}

@media (min-width: 0px) {
    .jgXinj {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 1.5rem;
        line-height: 2rem;
        color: var(--additionalBlack);
        display: none;
        flex: 1 1 0%;
    }
}

@media (min-width: 1140px) {
    .jgXinj {
        display: none;
    }
}

@media (min-width: 0px) {
    .cpLSPK {
        border-right: none;
        border-bottom: none;
        border-left: none;
        border-image: initial;
        border-top: 1px solid var(--frameGrey);
        display: block;
    }
}

@media (min-width: 1140px) {
    .cpLSPK {
        display: none;
    }
}

@media (min-width: 0px) {
    .bkTaHQ {
        width: 100%;
        position: relative;
        flex: 1 1 0%;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .ROAXp {
        position: absolute;
        top: 0px;
        left: 0%;
        width: 300%;
        height: 100%;
        transition: 0.3s;
        -webkit-box-align: stretch;
        align-items: stretch;
        display: flex;
    }
}

@media (min-width: 0px) {
    .fFqGFW {
        flex-direction: column;
        width: 33.3%;
        display: flex;
    }
}

@media (min-width: 0px) {
    .kANquS {
        flex: 1 1 0%;
        flex-direction: column;
        -webkit-box-pack: justify;
/*        justify-content: space-between;*/
        padding: 20px 16px 24px;
        gap: 24px;
        overflow: auto;
        display: flex;
    }
}

@media (min-width: 960px) {
    .kANquS {
        padding: 20px 32px 32px;
    }
}

@media (min-width: 1140px) {
    .kANquS {
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .kJRVHE {
        flex: 1 1 0%;
        flex-direction: column;
        -webkit-box-pack: start;
        justify-content: flex-start;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .kJRVHE {
        -webkit-box-pack: justify;
    }
}

@media (min-width: 0px) {
    .iMasL {
        gap: 32px;
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 0px) {
    .KtBct {
        flex-direction: column;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .jYUKQQ {
        font-family: var(--primaryFont);
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--headline);
        display: block;
    }
}

@media (min-width: 1140px) {
    .jYUKQQ {
        display: none;
    }
}

@media (min-width: 0px) {
    .iZMGjh {
        height: 75px;
        position: relative;
    }
}

@media (min-width: 0px) {
    .lfgjYz {
        position: relative;
    }
}

@media (min-width: 0px) {
    .kTshJv {
        background: transparent;
        border: none;
        color: var(--graanoBlue);
        border-radius: 6px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
        font-family: var(--secondaryFont);
        cursor: pointer;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
        text-align: center;
        position: absolute;
        text-decoration: none;
        pointer-events: all;
        height: 48px;
        top: 0px;
        right: 0px;
        padding: 0px 12px;
        text-transform: uppercase;
        display: inline-block;
        align-items: normal;
        flex-direction: row;
        gap: 0px;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .kTshJv:hover {
            border: none;
            color: var(--borderTagFilter);
        }
    }
}

@media (min-width: 0px) {
    .laiZy {
        flex-direction: column;
        gap: 8px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .cIGbeo {
        border-radius: 10px;
        background: var(--detached);
        padding: 16px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        display: flex;
    }
}

@media (min-width: 0px) {
    .fSYyht {
        -webkit-box-align: center;
        align-items: center;
        flex-direction: column;
        gap: 8px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .bbpqqh {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--additionalBlack);
        text-align: center;
    }
}

@media (min-width: 0px) {
    .dJIquc {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 1.125rem;
        line-height: 1.625rem;
        color: var(--seaweed);
        text-align: center;
    }
}

@media (min-width: 0px) {
    .eAtNoO {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: default;
    }
}

@media (min-width: 960px) {
    .eAtNoO svg [stroke="var(--decorGrey)"] {
        stroke: var(--decorGrey);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .hdNijW {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--decorGrey);
    }
}

@media (min-width: 0px) {
    .jjwckU {
        position: fixed;
        top: 0px;
        right: 0px;
        left: 0px;
        height: 100vh;
        background: rgba(0, 0, 0, 0);
        visibility: hidden;
        opacity: 0;
        transition: 0.2s;
        z-index: 9999;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

@media (min-width: 0px) {
    .jjwckU {
        backdrop-filter: blur(5px);
    }
}

@media (min-width: 0px) {
    .jqtRmw {
        background: var(--white);
        border: 1px solid var(--frameGrey);
        border-radius: 10px;
        padding: 32px 16px;
        width: 100%;
        min-height: 0px;
        gap: 16px 0px;
        flex-wrap: wrap;
        display: flex;
    }
}

@media (min-width: 768px) {
    .jqtRmw {
        gap: 72px 0px;
    }
}

@media (min-width: 1140px) {
    .jqtRmw {
        width: auto;
        min-height: 594px;
    }
}

@media (min-width: 1680px) {
    .jqtRmw {
        gap: 90px 0px;
    }
}

@media (min-width: 0px) {
    .jMXUL {
        width: 50%;
        padding: 0px 16px;
        display: flex;
    }
}

@media (min-width: 768px) {
    .jMXUL {
        width: 33.3333%;
    }
}

@media (min-width: 1140px) {
    .jMXUL {
        width: 50%;
    }
}

@media (min-width: 1680px) {
    .jMXUL {
        width: 33.3333%;
    }
}

@media (min-width: 0px) {
    .eWZeUW {
        -webkit-box-align: center;
        align-items: center;
        flex: 1 1 0%;
        gap: 8px;
        flex-direction: column;
        -webkit-box-pack: justify;
        justify-content: space-between;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .eWZeUW {
        gap: 16px;
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .kfmuvh {
        -webkit-box-align: center;
        align-items: center;
        flex-direction: column;
        gap: 8px;
        flex: 1 1 0%;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .kfmuvh {
        flex-direction: row;
        gap: 16px;
    }
}

@media (min-width: 0px) {
    .lfdLaG {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: default;
    }
}

@media (min-width: 960px) {
    .lfdLaG svg [fill="var(--tagGrey)"] {
        fill: var(--tagGrey);
        transition: 0.2s;
    }

    .lfdLaG svg [stroke="var(--tagGrey)"] {
        stroke: var(--tagGrey);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .kuWbbY {
        flex-direction: column;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .kuWbbY {
        align-items: flex-start;
    }
}

@media (min-width: 0px) {
    .hlgWbU {
        background: var(--white);
        border: 1px solid var(--frameGrey);
        border-radius: 10px;
        padding: 24px 16px;
        flex-direction: column;
        gap: 8px;
        display: flex;
    }
}

@media (min-width: 960px) {
    .hlgWbU {
        padding: 32px;
    }
}

@media (min-width: 0px) {
    .llDndc {
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        display: flex;
    }
}

@media (min-width: 0px) {
    .cCirkc {
        flex-direction: column;
        gap: 16px;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }
}

@media (min-width: 0px) {
    .cCirkc {
        order: 5;
    }
}

@media (min-width: 0px) {
    .da-dHgr {
        -webkit-box-pack: center;
        justify-content: center;
        position: relative;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 0px) {
    .dHAUjV {
        border: 1px solid var(--frameGrey);
        border-radius: 10px;
        display: flex;
        background: var(--white);
        padding: 24px 16px 16px;
        width: 100%;
        flex-direction: column;
    }
}

@media (min-width: 960px) {
    .dHAUjV {
        padding: 40px;
    }
}

@media (min-width: 0px) {
    .hFFAoE {
        -webkit-box-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .hFFAoE {
        flex-direction: row;
    }
}

@media (min-width: 0px) {
    .ZAZQs {
        -webkit-box-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        justify-content: flex-start;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .ZAZQs {
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 0px) {
    .gWruRl {
        flex-direction: column;
        -webkit-box-pack: justify;
        justify-content: space-between;
        display: flex;
    }
}

@media (min-width: 0px) {
    .fTA-DSh {
        border-top: none;
        padding: 32px 0px 0px;
        margin-top: 0px;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        align-items: stretch;
        flex-direction: column;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .fTA-DSh {
        border-top: 1px solid var(--frameGrey);
        padding: 40px 40px 0px;
        margin-top: 40px;
        flex-direction: row;
        gap: 0px;
    }
}

@media (min-width: 0px) {
    .jjNspT {
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
        flex: 0 0 auto;
        border: 1px solid var(--frameGrey);
        border-radius: 10px;
        padding: 24px;
        gap: 16px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .jjNspT {
        flex-direction: column;
        border: none;
        padding: 0px;
        gap: 0px;
    }
}

@media (min-width: 0px) {
    .bLoGCk {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 40px;
        height: 40px;
        cursor: default;
    }
}

@media (min-width: 1140px) {
    .bLoGCk {
        display: none;
    }
}

@media (min-width: 960px) {
    .bLoGCk svg [fill="var(--pinkSonhatorio)"] {
        fill: var(--pinkSonhatorio);
        transition: 0.2s;
    }

    .bLoGCk svg [stroke="var(--pinkSonhatorio)"] {
        stroke: var(--pinkSonhatorio);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .iQZWuf {
        align-items: flex-start;
        flex-direction: column;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .iQZWuf {
        -webkit-box-align: center;
        align-items: center;
    }
}

@media (min-width: 0px) {
    .iQgvvE {
        position: absolute;
        left: 0px;
        top: -66px;
        width: 0px;
        height: 0px;
    }
}

@media (min-width: 1140px) {
    .iQgvvE {
        top: -176px;
    }
}

@media (min-width: 0px) {
    .bEdGnO {
        padding: 32px 24px;
        background: var(--headline);
        -webkit-box-pack: center;
        justify-content: center;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .bEdGnO {
        padding: 80px 0px;
    }
}

@media (min-width: 0px) {
    .iyauRk {
        flex-direction: column;
        width: 100%;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .iyauRk {
        width: 783px;
        gap: 40px;
    }
}

@media (min-width: 0px) {
    .XYfCy {
        font-family: var(--primaryFont);
        font-weight: 600;
        font-size: 1.5rem;
        line-height: 2rem;
        color: var(--white);
        text-align: center;
    }
}

@media (min-width: 0px) {
    .bBpvsR {
        position: relative;
    }
}

@media (min-width: 0px) {
    .bBpvsR > input[type="text"] {
        border: 1px solid var(--writer);
        background: none;
        color: var(--symbol);
    }

    .bBpvsR::placeholder {
        color: var(--symbol);
    }
}

@media (min-width: 0px) {
    .gyznBN {
        padding: 14.5px 48px 14.5px 14.5px;
        border: 1px solid var(--symbol);
        border-radius: 10px;
        background: var(--white);
        outline: none;
        color: var(--additionalBlack);
        font-family: var(--secondaryFont);
        font-size: 14px;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        cursor: text;
        width: 100% !important;
    }
}

@media (min-width: 0px) {
    .gyznBN::placeholder {
        color: var(--symbol);
    }
}

@media (min-width: 0px) {
    .kHYomE {
        position: absolute;
        width: 24px;
        height: 24px;
        top: 50%;
        right: 12px;
        transform: translateY(-50%);
        margin-top: 0px;
        color: var(--decorGrey);
    }
}

@media (min-width: 0px) {
    .kHYomE {
        user-select: none;
        pointer-events: none;
    }
}

@media (min-width: 0px) {
    .felNMs {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: default;
        transition: 0.2s;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}

@media (min-width: 960px) {
    .felNMs svg [stroke="var(--tagGrey)"] {
        stroke: var(--tagGrey);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .bWGUqk {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: pointer;
        transition: 0.2s;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }
}

@media (min-width: 960px) {
    .bWGUqk svg [stroke="var(--tagGrey)"] {
        stroke: var(--tagGrey);
        transition: 0.2s;
    }

    .bWGUqk:hover svg [stroke="var(--tagGrey)"] {
        stroke: var(--writer);
    }
}

@media (min-width: 0px) {
    .hSkhVS {
        list-style: none;
        width: 100%;
        margin-top: -24px;
    }
}

@media (min-width: 1140px) {
    .hSkhVS {
        margin-top: 0px;
    }
}

@media (min-width: 0px) {
    .bsYWzG {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--headline);
    }
}

@media (min-width: 0px) {
    .vfhmU {
        font-family: var(--secondaryFont);
        color: var(--pinkSonhatorio);
        font-weight: 600;
        font-size: 14px;
        line-height: 21px;
        text-decoration: underline;
        transition: 0.2s;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .vfhmU:hover {
            color: var(--graanoBlue);
        }
    }
}

@media (min-width: 0px) {
    .laKhRe {
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        font-weight: 600;
        font-size: 14px;
        font-family: var(--secondaryFont);
        text-decoration: none;
        pointer-events: all;
        cursor: pointer;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
        gap: 0px;
        height: 47px;
        -webkit-box-pack: center;
        justify-content: center;
        flex: 0 0 auto;
        background: transparent;
        border: none;
        position: relative;
        width: auto !important;
    }
}

@media (min-width: 0px) {
    .laKhRe::after {
        content: "";
        background: var(--graanoBlue);
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: 0px;
        left: 0px;
        transform: scaleX(1);
        transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
}

@media (min-width: 0px) {
    .ZhFPE {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--additionalBlack);
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
        height: 47px;
        padding: 0px 16px;
        transition: 0.2s;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .ZhFPE:hover {
            color: var(--graanoBlue);
        }
    }
}

@media (min-width: 0px) {
    .iCnsnM {
        border-bottom: 1px solid var(--writer);
    }
}

@media (min-width: 0px) {
    .dBIiOX {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        gap: 24px;
        padding: 24px 0px;
        cursor: pointer;
        display: flex;
    }
}

@media (min-width: 0px) {
    .hjWwf {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--white);
        flex: 1 1 0%;
        transition: 0.2s;
    }
}

@media (min-width: 1140px) {
    .hjWwf {
        color: var(--white);
    }
}

@media (min-width: 0px) {
    .hjWwf {
        user-select: none;
    }
}

@media (min-width: 0px) {
    .izNMKq {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }
}

@media (min-width: 960px) {
    .izNMKq svg [stroke="var(--tagGrey)"] {
        stroke: var(--tagGrey);
        transition: 0.2s;
    }

    .izNMKq:hover svg [stroke="var(--tagGrey)"] {
        stroke: var(--tagGrey);
    }
}

@media (min-width: 0px) {
    .coZkgw {
        transition: 0.4s;
        max-height: 0px;
        overflow: hidden;
        padding-bottom: 0px;
    }
}

@media (min-width: 0px) {
    .kGwFYq {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--inactive);
    }
}

@media (min-width: 0px) {
    .fnUOvn {
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        font-weight: 600;
        font-size: 14px;
        font-family: var(--secondaryFont);
        text-decoration: none;
        pointer-events: all;
        cursor: pointer;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
        gap: 0px;
        height: 47px;
        -webkit-box-pack: center;
        justify-content: center;
        flex: 0 0 auto;
        background: transparent;
        border: none;
        position: relative;
        width: auto !important;
    }
}

@media (min-width: 0px) {
    .fnUOvn::after {
        content: "";
        background: var(--graanoBlue);
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: 0px;
        left: 0px;
        transform: scaleX(0);
        transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
}

@media (min-width: 0px) {
    .iecGia {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--additionalBlack);
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
        height: 47px;
        padding: 0px 16px;
        transition: 0.2s;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .iecGia:hover {
            color: var(--graanoBlue);
        }
    }
}

@media (min-width: 0px) {
    .hnkWvk {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 0px) {
    .firHSY {
        -webkit-box-align: stretch;
        align-items: stretch;
        flex: 0 0 auto;
        gap: 16px;
        display: none;
    }
}

@media (min-width: 960px) {
    .firHSY {
        display: flex;
    }
}

@media (min-width: 0px) {
    .jfSlcA {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        background: none;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 0px) {
    .enQkwG {
        font-family: var(--primaryFont);
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--writer);
    }
}

@media (min-width: 0px) {
    .hJDJTA {
        font-family: var(--secondaryFont);
        color: var(--writer);
        font-weight: 600;
        font-size: 0.875rem;
        line-height: 1.375rem;
        text-decoration: underline;
        transition: 0.2s;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .hJDJTA:hover {
            color: var(--pinkSonhatorio);
        }
    }
}

@media (min-width: 0px) {
    .iiDRLH {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 960px) {
    .iiDRLH {
        -webkit-box-pack: start;
        justify-content: flex-start;
        width: auto;
    }
}

@media (min-width: 0px) {
    .gSewsX {
        flex-direction: column;
        align-items: flex-start;
        -webkit-box-pack: justify;
        justify-content: space-between;
        height: 48px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .hjUzfh {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 1.125rem;
        line-height: 1.625rem;
        color: var(--headline);
    }
}



@media (min-width: 0px) {
    .sOpvp {
        border-radius: 50%;
        width: 40px;
        height: 40px;
        overflow: hidden;
        flex: 0 0 auto;
        font-size: 0px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        background: none;
        display: flex;
    }
}

@media (min-width: 768px) {
    .sOpvp {
        width: 64px;
        height: 64px;
    }
}

@media (min-width: 0px) {
    .sOpvp > img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 0px) {
    .cnYMlH {
        font-family: var(--primaryFont);
        font-weight: 600;
        font-size: 1.5rem;
        line-height: 1.5rem;
        color: var(--headline);
        flex: 0 0 auto;
        max-width: calc(-140px + 100vw);
        overflow: hidden;
    }
}

@media (min-width: 768px) {
    .cnYMlH {
        flex: 1 1 0%;
        max-width: calc(-540px + 100vw);
    }
}

@media (min-width: 0px) {
    .cnYMlH {
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

@media (min-width: 0px) {
    .dBGVtY {
        font-family: var(--primaryFont);
        font-weight: 500;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--tagGrey);
    }
}

@media (min-width: 0px) {
    .ksqmUi {
        font-family: var(--primaryFont);
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: var(--tagGrey);
        text-transform: uppercase;
    }
}

@media (min-width: 0px) {
    .iMJmBZ {
        display: inline-block;
        background-color: var(--oneMintDrop);
        padding: 6px 8px;
        border-radius: 6px;
        text-transform: none;
        color: var(--additionalBlack);
        line-height: 0.75rem;
        font-size: 0.75rem;
        font-weight: 600;
        font-family: var(--secondaryFont);
        flex: 0 0 auto;
    }
}

@media (min-width: 0px) {
    .iMJmBZ {
        white-space: nowrap;
    }
}

@media (min-width: 0px) {
    .iGnICI {
        padding: 8px 14px;
        background: transparent;
        border: 2px solid var(--graanoBlue);
        color: var(--graanoBlue);
        border-radius: 50px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
        font-family: var(--secondaryFont);
        cursor: pointer;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
        text-align: center;
        position: relative;
        text-decoration: none;
        pointer-events: all;
        height: 36px;
        width: 100%;
        -webkit-box-pack: center;
        justify-content: center;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
        gap: 8px;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .iGnICI:hover {
            background: var(--hoverBlue);
            border: 2px solid var(--hoverBlue);
            color: var(--white);
        }
    }
}

@media (min-width: 960px) {
    .iGnICI:hover svg [stroke="var(--graanoBlue)"] {
        stroke: var(--white);
    }

    .iGnICI:hover svg [fill="var(--graanoBlue)"] {
        fill: var(--white);
    }
}

@media (min-width: 0px) {
    .gLfaI {
        flex: 0 0 auto;
        display: block;
        width: 100%;
    }
}

@media (min-width: 0px) {
    .eoUjqI {
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        gap: 16px;
        padding: 0px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .cWEqCo {
        position: relative;
        background: var(--frameGrey);
        border-radius: 50px;
        height: 10px;
        flex: 1 1 0%;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .kNBahx {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--tagGrey);
        flex: 0 0 auto;
    }
}

@media (min-width: 0px) {
    .fyGKVM {
        padding: 14.5px;
        border: 1px solid var(--symbol);
        border-radius: 10px;
        background: var(--white);
        outline: none;
        color: var(--additionalBlack);
        font-family: var(--secondaryFont);
        font-size: 14px;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        cursor: text;
        width: 100% !important;
    }
}

@media (min-width: 0px) {
    .fyGKVM:focus {
        border-color: var(--writer);
    }
}

@media (min-width: 0px) {
    .jneZEv {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.5rem;
        color: var(--overtone);
        text-align: center;
    }
}

@media (min-width: 768px) {
    .jneZEv {
        font-size: 1rem;
    }
}

@media (min-width: 1140px) {
    .jneZEv {
        white-space: nowrap;
    }
}

@media (min-width: 0px) {
    .bGzTWt {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 0.875rem;
        line-height: 1.5rem;
        color: var(--headline);
        text-align: center;
    }
}

@media (min-width: 768px) {
    .bGzTWt {
        font-size: 18px;
    }
}

@media (min-width: 1140px) {
    .bGzTWt {
        text-align: left;
    }
}

@media (min-width: 0px) {
    .iDqjzk {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 18px;
        line-height: 1.5rem;
        color: var(--headline);
        display: none;
    }
}

@media (min-width: 768px) {
    .iDqjzk {
        display: inline;
    }
}

@media (min-width: 0px) {
    .hxVJPm {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 0.875rem;
        line-height: 1.5rem;
        color: var(--headline);
        display: inline;
    }
}

@media (min-width: 768px) {
    .hxVJPm {
        font-size: 18px;
        display: none;
    }
}

@media (min-width: 0px) {
    .YcjCo {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 18px;
        line-height: 1.5rem;
        color: var(--headline);
        display: none;
    }
}

@media (min-width: 1140px) {
    .YcjCo {
        display: inline;
    }
}

@media (min-width: 0px) {
    .ecQKFe {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 0.875rem;
        line-height: 1.5rem;
        color: var(--headline);
        display: inline;
    }
}

@media (min-width: 768px) {
    .ecQKFe {
        font-size: 18px;
    }
}

@media (min-width: 1140px) {
    .ecQKFe {
        display: none;
    }
}

@media (min-width: 0px) {
    .boQXB {
        font-family: var(--secondaryFont);
        color: var(--headline);
        font-weight: 600;
        font-size: 0.875rem;
        line-height: 21px;
        text-decoration: underline;
    }
}

@media (min-width: 768px) {
    .boQXB {
        font-size: 18px;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .boQXB:hover {
            color: var(--hoverBlue);
        }
    }
}

@media (min-width: 0px) {
    .ewfMry {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--additionalBlack);
    }
}

@media (min-width: 0px) {
    .geiHEK {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--additionalBlack);
        text-align: right;
    }
}

@media (min-width: 0px) {
    .jdlKVO {
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        gap: 16px;
        padding: 5.5px 0px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .eRROO {
        position: relative;
        background: var(--frameGrey);
        border-radius: 50px;
        height: 16px;
        flex: 1 1 0%;
        overflow: hidden;
    }
}

@media (min-width: 0px) {
    .dTKVEN {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--decorGrey);
        text-align: center;
    }
}

@media (min-width: 0px) {
    .epExqO {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        width: 64px;
        height: 64px;
        background: none;
        border-radius: 50%;
        flex: 0 0 auto;
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 0px) {
    .cDpcsN {
        font-family: var(--primaryFont);
        font-weight: 600;
        font-size: 1.25rem;
        line-height: 1.75rem;
        color: var(--headline);
    }
}

@media (min-width: 0px) {
    .dWKksu {
        gap: 16px;
        -webkit-box-align: center;
        align-items: center;
        display: none;
    }
}

@media (min-width: 1140px) {
    .dWKksu {
        display: flex;
    }
}

@media (min-width: 0px) {
    .jWYdXO {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--writer);
    }
}

@media (min-width: 0px) {
    .dPYvxx {
        flex-direction: column-reverse;
        align-items: flex-start;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding-top: 24px;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .dPYvxx {
        flex-direction: column;
        align-items: flex-end;
        padding-top: 0px;
        gap: 0px;
    }
}

@media (min-width: 0px) {
    .cClJid {
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        font-weight: 600;
        font-size: 16px;
        font-family: var(--secondaryFont);
        text-decoration: none;
        pointer-events: all;
        cursor: pointer;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row-reverse;
        gap: 8px;
        background: none;
        border: none;
        color: var(--graanoBlue);
    }
}

@media (min-width: 0px) {
    .cClJid {
        appearance: none;
    }
}

@media (min-width: 1140px) {
    .cClJid {
        transition: 0.2s;
    }

        .cClJid:hover {
            color: var(--borderTagFilter);
        }

            .cClJid:hover svg [stroke="var(--graanoBlue)"] {
                stroke: var(--borderTagFilter);
            }
}

@media (min-width: 0px) {
    .hSwDhK {
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 0px;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }
}

@media (min-width: 960px) {
    .hSwDhK svg [stroke="var(--graanoBlue)"] {
        stroke: var(--graanoBlue);
        transition: 0.2s;
    }
}

@media (min-width: 0px) {
    .cGxlA {
        display: block;
    }
}

@media (min-width: 1140px) {
    .cGxlA {
        display: none;
    }
}

@media (min-width: 0px) {
    .cRmFqI {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 1.25rem;
        line-height: 1.75rem;
        color: var(--headline);
        text-align: center;
    }
}

@media (min-width: 0px) {
    .eIGpNg {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--tagGrey);
        text-align: center;
    }
}

@media (min-width: 0px) {
    .fPvXxY {
        padding: 0px 16px;
        background: var(--watermark);
    }
}

@media (min-width: 960px) {
    .fPvXxY {
        padding: 0px 80px;
    }
}

@media (min-width: 0px) {
    .kcaigF {
        width: 100%;
        padding: 32px 0px 0px;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: column;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 1140px) {
    .kcaigF {
        padding: 40px 0px 0px;
        gap: 40px;
    }
}

@media (min-width: 0px) {
    .fSychE {
        margin: 0px -16px;
        padding: 0px 0px 82px;
        background: var(--headline);
    }
}

@media (min-width: 960px) {
    .fSychE {
        margin: 0px -80px;
        padding: 0px;
    }
}

@media (min-width: 0px) {
    .eJWVgS {
        padding: 16px 24px;
        background-color: var(--graanoBlue);
        border: none;
        color: var(--white);
        border-radius: 50px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
        font-family: var(--secondaryFont);
        cursor: pointer;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
        text-align: center;
        position: relative;
        text-decoration: none;
        pointer-events: all;
        height: 48px;
        flex: 0 0 auto;
        display: inline-block;
        align-items: normal;
        flex-direction: row;
        gap: 0px;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .eJWVgS:hover {
            background: var(--hoverBlue);
        }
    }
}

@media (min-width: 0px) {
    .hVNERw {
        position: fixed;
        top: auto;
        bottom: 0px;
        left: 0px;
        background: var(--white);
        width: 100%;
        -webkit-box-pack: center;
        justify-content: center;
        border-top: 1px solid var(--frameGrey);
        border-bottom: 1px solid var(--frameGrey);
        padding: 16px;
        z-index: 9999;
        transition: 0.3s;
        max-height: 96px;
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 960px) {
    .hVNERw {
        top: 77px;
        bottom: auto;
        padding: 24px 80px;
    }
}

@media (min-width: 0px) {
    .hDhbLs {
        width: 39.61%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        border-radius: 50px;
        overflow: hidden;
        transition: 0.2s;
        background: linear-gradient(180deg, var(--lightPurple) 0%, var(--tagPurple) 100%);
    }
}

@media (min-width: 0px) {
    .hDhbLs::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        animation: 2s ease 0s infinite normal none running slide;
        opacity: 0.45;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    }
}




/*! CSS Used from: Embedded */
* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

@media (min-width: 0px) {
    .fGhtkr {
        -webkit-box-align: center;
        align-items: center;
        gap: 8px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .hOdOdH {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--writer);
    }
}

@media (min-width: 0px) {
    .gWruRl {
        flex-direction: column;
        -webkit-box-pack: justify;
        justify-content: space-between;
        display: flex;
    }
}

@media (min-width: 0px) {
    .bsYWzG {
        font-family: var(--secondaryFont);
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.375rem;
        color: var(--headline);
    }
}

@media (min-width: 0px) {
    .hnkWvk {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        display: flex;
    }
}

@media (min-width: 0px) {
    .firHSY {
        -webkit-box-align: stretch;
        align-items: stretch;
        flex: 0 0 auto;
        gap: 16px;
        display: none;
    }
}

@media (min-width: 960px) {
    .firHSY {
        display: flex;
    }
}

@media (min-width: 0px) {
    .jfSlcA {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        background: none;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 0px) {
    .enQkwG {
        font-family: var(--primaryFont);
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--writer);
    }
}

@media (min-width: 0px) {
    .hJDJTA {
        font-family: var(--secondaryFont);
        color: var(--writer);
        font-weight: 600;
        font-size: 0.875rem;
        line-height: 1.375rem;
        text-decoration: underline;
        transition: 0.2s;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .hJDJTA:hover {
            color: var(--pinkSonhatorio);
        }
    }
}

@media (min-width: 0px) {
    .iiDRLH {
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        gap: 24px;
        display: flex;
    }
}

@media (min-width: 960px) {
    .iiDRLH {
        -webkit-box-pack: start;
        justify-content: flex-start;
        width: auto;
    }
}

@media (min-width: 0px) {
    .gSewsX {
        flex-direction: column;
        align-items: flex-start;
        -webkit-box-pack: justify;
        justify-content: space-between;
        height: 48px;
        display: flex;
    }
}

@media (min-width: 0px) {
    .hjUzfh {
        font-family: var(--secondaryFont);
        font-weight: 600;
        font-size: 1.125rem;
        line-height: 1.625rem;
        color: var(--headline);
    }
}

@media (min-width: 0px) {
    .cFGPww {
        padding: 16px 24px;
        background-color: var(--graanoBlue);
        border: none;
        color: var(--white);
        border-radius: 50px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
        font-family: var(--secondaryFont);
        cursor: pointer;
        transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        outline: none;
        text-align: center;
        position: relative;
        text-decoration: none;
        pointer-events: all;
        height: 48px;
        display: inline-block;
        align-items: normal;
        flex-direction: row;
        gap: 0px;
    }
}

@media (min-width: 960px) {
    @media (min-width: 0px) {
        .cFGPww:hover {
            background: var(--hoverBlue);
        }
    }
}

@media (min-width: 0px) {
    .hVNERw {
        position: fixed;
        top: auto;
        bottom: 0px;
        left: 0px;
        background: var(--white);
        width: 100%;
        -webkit-box-pack: center;
        justify-content: center;
        border-top: 1px solid var(--frameGrey);
        border-bottom: 1px solid var(--frameGrey);
        padding: 16px;
        z-index: 9999;
        transition: 0.3s;
        max-height: 96px;
        overflow: hidden;
        display: flex;
    }
}

@media (min-width: 960px) {
    .hVNERw {
        top: 77px;
        top: auto;
        padding: 24px 80px;
    }
}