
.newsletter-expanded[data-v-4465a976] {
    position: relative;

    font-size: var(--w-font-16-main, 1rem);

    overflow: visible;

    z-index: 99999;

    width: 0;
    height: 0;
}
.newsletter-expanded[data-v-4465a976]:is([data-expand-y="up"]) {
        align-self: flex-start;
}
.newsletter-expanded:is([data-expand-y="up"]) > div[data-v-4465a976] {
            bottom: 0;
}
.newsletter-expanded[data-v-4465a976]:is([data-expand-y="down"]) {
        align-self: flex-end;
}
.newsletter-expanded:is([data-expand-y="down"]) > div[data-v-4465a976] {
            top: 0;
}
.newsletter-expanded > div[data-v-4465a976] {
        max-width: 50vw;
        max-height: 50vh;

        position: absolute;

        display: grid;
        grid-template: minmax(200px, 1fr) / minmax(300px, 1fr);

        left: calc(-1px * var(--position-x-correction, 0));
}
.newsletter-expanded > div > div[data-v-4465a976] {
            transform: translateX(-50%);
            padding: 1em;
            margin: .5em;
            line-height: 1.5em;
            background-color: var(--body-background-color);
            border: solid 1px var(--primary-color);
            color: var(--body-text-color);
}
.newsletter-expanded[data-v-4465a976]:is([data-layout="design_1"]) {
        border-radius: 50%;
}
.newsletter-expanded[data-v-4465a976]:is([data-layout="design_3"]) .icon {
            box-shadow: 0 0 0 0 rgb(0, 0, 0, 0) !important;
}
@media all and (width >= 1200px) {
.newsletter-expanded[data-v-4465a976]:is([data-layout="design_6"]) {
            border-radius: 50%
}
}
.newsletter-expanded[data-v-4465a976]:is([data-layout="design_8"]) {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
}
.newsletter-expanded .static-newsletter-content[data-v-4465a976] {
        box-shadow: 0 0 var(--drop-shadow-elements-range) 0 rgb(0, 0, 0, 0.2);
        border-radius: var(--border-radius-elements); /* MAX 10px */
        font-size: var(--w-font-16-main);

        background-color: #fff;
        position: fixed;
        bottom: auto;
        padding: 15px;
        margin-right: auto;
        height: auto;
        max-width: 330px;
        max-height: 90%;
        cursor: default;
        text-align: center;
        color: #666;
        width: 100%;
        border: 1px solid #ccc;
}
.newsletter-expanded .static-newsletter-content[data-v-4465a976] * {
            color: #666;
}
.newsletter-expanded .static-newsletter-content[data-v-4465a976] *:is(h1, h2, h3, h4, h5, h6) {
                font-size: var(--w-font-18-title);
}
.newsletter-expanded .static-newsletter-content[data-v-4465a976] *:is(p, a) {
                font-size: var(--w-font-14-main);
}
.newsletter-expanded .static-newsletter-content[data-v-4465a976] *:is(p, label, ul, ol, button) {
                line-height: 1.3em;
}




div.newsletter-button-wrapper[data-v-ba325bc6] {
    display: grid;
    grid-template-columns: [expanded-start] minmax(0, 0) [icon-start] 1fr [icon-end] minmax(0, 0) [expanded-end];
    grid-template-rows: [expanded-start] minmax(0, 0) [icon-start] 1fr [icon-end] minmax(0, 0) [expanded-end];

    place-items: center;
    place-content: center;
}
div.newsletter-button-wrapper > .w_icon[data-v-ba325bc6] {
        grid-area: icon;
}
div.newsletter-button-wrapper[data-v-ba325bc6] > :not(.w_icon) {
        grid-area: expanded;
}


div#custom-button.fixed-right[data-v-3ee49e6a] {
    position: fixed;
    z-index: var(--custom-button-override-z-index, 2);
    border-radius: var(--border-radius-elements, 0);
    border: 1px solid rgb(0, 0, 0, 0.1);
    border-top: none;

    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;

    right: 0;
    top: var(--custom-button-override-top, 50%);

    width: auto;
    transform: rotate(90deg);
    padding: 0;
    margin: 0;

    min-width: var(--custom-button-override-min-width, 100px);
    height: var(--custom-button-override-height, 40px);
    min-height: var(--custom-button-override-min-height, unset);
    transform-origin: top right;

    color: var(--secondary-color);
    background-color: var(--secondary-color-contrast);
}
div#custom-button.fixed-right[data-v-3ee49e6a]:hover {
        color: var(--secondary-color-contrast);
        background-color: var(--secondary-color);
}
div#custom-button.fixed-right.hidden[data-v-3ee49e6a] {
        display: none;
}
@media print {
div#custom-button.fixed-right[data-v-3ee49e6a] {
        display: none !important
}
}
@media all and (width >= 100px) and (width <= 1199px) {
div#custom-button.fixed-right[data-v-3ee49e6a] {
        display: none
}
}
div#custom-button.fixed-right[data-v-3ee49e6a], div#custom-button.fixed-right[data-v-3ee49e6a] * {
        font-size: var(--custom-button-override-font-size, var(--w-font-16-menu, 1rem));
        font-weight: var(--button-font-weight);
        text-transform: var(--button-text-transform);
}
div#custom-button.fixed-right[data-v-3ee49e6a] >  p {
        line-height: 1em;
        margin: 0;
        white-space: nowrap;
        width: auto;

        padding: var(--custom-button-override-p-padding-vertical, 10px) var(--custom-button-override-p-padding-horizontal, 15px);
}
div#custom-button.fixed-right[data-v-3ee49e6a] >  p > :deep(a) {
            height: 100%;
            width: auto;
            display: block;
}
div#custom-button.fixed-right.inactive[data-v-3ee49e6a] {
        opacity: .5;
}


