@layer organism {
    #cookies-bar[data-v-f6ceee94] {
        display: flex;
        justify-content: center;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        height: 15.625vw;
        background: var(--background, #dddddd)
    }

    @media (min-width: 1024px) {
        #cookies-bar[data-v-f6ceee94] {
            height:70px
        }
    }

    #cookies-bar.hide[data-v-f6ceee94] {
        display: none
    }

    #cookies-bar #cookies-bar-inner[data-v-f6ceee94] {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 87.5vw;
        height: 100%
    }

    @media (min-width: 1024px) {
        #cookies-bar #cookies-bar-inner[data-v-f6ceee94] {
            width:760px
        }
    }

    #cookies-bar #cookies-bar-text[data-v-f6ceee94] {
        flex: 1;
        font-size: 2.65625vw;
        line-height: 3.125vw;
        color: var(--text-color, #777777)
    }

    @media (min-width: 1024px) {
        #cookies-bar #cookies-bar-text[data-v-f6ceee94] {
            font-size:12px;
            line-height: 15px
        }
    }

    #cookies-bar #cookies-bar-text span[data-v-f6ceee94] {
        text-decoration: underline;
        font: inherit;
        color: inherit;
        cursor: pointer
    }

    #cookies-bar #cookies-bar-button[data-v-f6ceee94] {
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 15.625vw;
        height: 6.25vw;
        margin-left: 8.59375vw;
        padding: 0vw 2.34375vw;
        border-radius: .9375vw;
        font-size: 3.28125vw;
        color: var(--button-text-color, #ffffff);
        background: var(--button-background, #46a900);
        cursor: pointer;
        transition: all .3s ease
    }

    @media (min-width: 1024px) {
        #cookies-bar #cookies-bar-button[data-v-f6ceee94] {
            min-width:80px;
            height: 30px;
            margin-left: 30px;
            padding: 0 10px;
            border-radius: 6px;
            font-size: 16px;
            line-height: 16px
        }
    }

    #cookies-bar #cookies-bar-button[data-v-f6ceee94]: hover {
        background:var(--button-background-hover, #3d9400)
    }

    #cookies-bar[data-v-f6ceee94] {
        --background: var(--30e658b1);
        --text-color: var(--0ba20d70);
        --button-background: var(--ae8f381c);
        --button-background-hover: var(--7c428b21);
        --button-text-color: var(--25deb721)
    }
}

.share-button[data-v-9e087476] {
    display: flex;
    gap: 2.5vw
}

@media (min-width: 1024px) {
    .share-button[data-v-9e087476] {
        gap:16px
    }
}

.share-button .share-button__button[data-v-9e087476] {
    --share-button-background: var(--dialog-general-share-button-background, var(--button-background));
    --share-button-hover: var(--dialog-general-share-button-background-hover, var(--button-hover));
    --share-button-shadow: var(--dialog-general-share-button-shadow, var(--button-shadow));
    background: var(--share-button-background);
    box-shadow: 0 calc(var(--regular-button-shadow-size) * var(--mobile-base-size) * 1px) 0 0 var(--share-button-shadow)
}

@media (min-width: 1024px) {
    .share-button .share-button__button[data-v-9e087476] {
        box-shadow:0 calc(var(--regular-button-shadow-size) * 1px) 0 0 var(--share-button-shadow)
    }
}

.share-button .share-button__button[data-v-9e087476]:hover {
    background: var(--share-button-hover);
    box-shadow: 0 0 0 0 var(--share-button-shadow)
}

.share-button .share-button__social[data-v-9e087476] {
    width: 9.375vw;
    height: 9.375vw;
    min-height: unset;
    padding: 0;
    border: none;
    border-radius: 5.46875vw
}

@media (min-width: 1024px) {
    .share-button .share-button__social[data-v-9e087476] {
        width:60px;
        height: 60px;
        border-radius: 30px
    }
}

.share-button .share-button__social--facebook[data-v-9e087476] {
    --button-background: #0184ff;
    --button-background-hover: color-mix(in srgb, #0184ff 90%, black);
    --button-shadow: color-mix(in srgb, #0184ff 90%, black)
}

.share-button .share-button__social--facebook[data-v-9e087476]:hover {
    background: var(--button-background-hover)
}

.share-button .share-button__social--whatsapp[data-v-9e087476] {
    --button-background: #2ab200;
    --button-background-hover: color-mix(in srgb, #2ab200 90%, black);
    --button-shadow: color-mix(in srgb, #2ab200 90%, black)
}

.share-button .share-button__social--whatsapp[data-v-9e087476]:hover {
    background: var(--button-background-hover)
}

.share-button .share-button__social svg[data-v-9e087476] {
    width: 4.375vw;
    fill: #fff
}

@media (min-width: 1024px) {
    .share-button .share-button__social svg[data-v-9e087476] {
        width:28px
    }
}

.share-button .hidden[data-v-9e087476] {
    display: none
}

@layer organism {
    .overflow {
        overflow: hidden
    }

    .dialog {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        word-break: break-word;
        word-wrap: break-word;
        overflow-wrap: break-word;
        border: none;
        -webkit-overflow-scrolling: touch;
        background-color: transparent;
        -webkit-hyphens: auto;
        hyphens: auto
    }

    .dialog * {
        font-family: Arial,sans-serif
    }

    .dialog__background {
        position: fixed;
        width: 100%;
        height: 100%;
        opacity: .8;
        background: var(--dialog-general-background, rgba(0, 0, 0, .8))
    }

    .dialog__inner {
        margin: auto 0
    }

    @media (max-width: 1023px) {
        .dialog__inner {
            width:100%
        }
    }

    .dialog__wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
        height: 100%;
        padding: 4.6875vw
    }

    @media (min-width: 1024px) {
        .dialog__wrapper {
            padding:10px 0
        }
    }

    .dialog__container {
        display: flex;
        flex-direction: column;
        gap: 3.125vw;
        position: relative;
        z-index: 1;
        width: 100%;
        padding: 3.75vw;
        background: #fff
    }

    @media (min-width: 1024px) {
        .dialog__container {
            gap:10px;
            width: 640px;
            padding: 30px
        }
    }

    .dialog__close {
        position: absolute;
        top: .9375vw;
        right: .9375vw;
        width: 12.5vw;
        height: 12.5vw;
        overflow: hidden;
        cursor: pointer;
        pointer-events: auto
    }

    @media (min-width: 1024px) {
        .dialog__close {
            top:24px;
            right: 20px;
            width: 40px;
            height: 40px
        }
    }

    .dialog__close svg {
        width: 4.0625vw;
        height: 4.0625vw;
        margin: 4.21875vw 0vw 0vw 4.21875vw;
        color: var(--dialog-general-text)
    }

    @media (min-width: 1024px) {
        .dialog__close svg {
            width:20px;
            height: 20px;
            margin: 10px 0 0 10px
        }
    }

    .dialog__close:hover svg polygon {
        transition: all .15s ease;
        fill: var(--dialog-general-text)
    }

    .dialog__header {
        padding-right: 6.25vw;
        font-weight: 700;
        font-size: 5.46875vw;
        color: var(--dialog-general-text)
    }

    @media (min-width: 1024px) {
        .dialog__header {
            padding-right:40px;
            font-size: 23px
        }
    }

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

    .dialog__content h1,.dialog__content h2,.dialog__content h3,.dialog__content h4,.dialog__content h5,.dialog__content h6,.dialog__content .spacer {
        width: 100%;
        line-height: 1.2
    }

    .dialog__content .tiny-text {
        font-size: 3.125vw;
        line-height: 1.5
    }

    @media (min-width: 1024px) {
        .dialog__content .tiny-text {
            font-size:14px
        }
    }

    .dialog__content p {
        margin: 0
    }

    .dialog__content p,.dialog__content ul,.dialog__content ol {
        font-size: 3.75vw;
        line-height: 1.5
    }

    @media (min-width: 1024px) {
        .dialog__content p,.dialog__content ul,.dialog__content ol {
            font-size:16px
        }
    }

    .dialog__content h6 {
        font-size: 4.0625vw
    }

    @media (min-width: 1024px) {
        .dialog__content h6 {
            font-size:18px
        }
    }

    .dialog__content h5 {
        font-size: 4.53125vw
    }

    @media (min-width: 1024px) {
        .dialog__content h5 {
            font-size:20px
        }
    }

    .dialog__content h4 {
        font-size: 5vw
    }

    @media (min-width: 1024px) {
        .dialog__content h4 {
            font-size:22px
        }
    }

    .dialog__content h3 {
        font-size: 5.46875vw
    }

    @media (min-width: 1024px) {
        .dialog__content h3 {
            font-size:24px
        }
    }

    .dialog__content h2 {
        font-size: 5.9375vw
    }

    @media (min-width: 1024px) {
        .dialog__content h2 {
            font-size:26px
        }
    }

    .dialog__content h1 {
        font-size: 6.5625vw
    }

    @media (min-width: 1024px) {
        .dialog__content h1 {
            font-size:28px
        }
    }

    .dialog__content .spacer {
        height: 5vw
    }

    @media (min-width: 1024px) {
        .dialog__content .spacer {
            height:18px
        }
    }

    .dialog__content ul,.dialog__content ol {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0;
        padding-left: 4.375vw
    }

    @media (min-width: 1024px) {
        .dialog__content ul,.dialog__content ol {
            padding-left:14px
        }
    }

    .dialog__content ul li,.dialog__content ol li {
        width: 100%;
        padding: .3125vw 0vw
    }

    @media (min-width: 1024px) {
        .dialog__content ul li,.dialog__content ol li {
            padding:1px 0
        }
    }

    .dialog__content ul li: last-child,.dialog__content ol li:last-child {
        padding-bottom:0
    }

    .dialog__content a,.dialog__content u {
        font: inherit;
        color: inherit
    }

    .share-button {
        margin-top: 1.5625vw
    }

    @media (min-width: 1024px) {
        .share-button {
            margin-top:10px
        }
    }

    .share-button__button {
        width: 100%
    }

    span[data-dialog] * {
        pointer-events: none
    }
}

.dialog-enter-active,.dialog-leave-active,.dialog-enter-active .dialog__container,.dialog-leave-active .dialog__container {
    transition: all .5s
}

.dialog-enter-to,.dialog-leave-from {
    opacity: 1
}

.dialog-enter-to .dialog__container,.dialog-leave-from .dialog__container {
    transform: translateZ(0)
}

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

.dialog-enter-from .dialog__container,.dialog-leave-to .dialog__container {
    transform: translate3d(0,-40px,0)
}