ctt-babylon 0.8.13 → 0.8.15

package/esm2022/lib/components/core/babylon-info-zigzag-v4/babylon-info-zigzag-v4.component.mjs

@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+import { SlickInitDirective } from '../../../directives/sliders/slick-init.directive';
+import { SliderFixArrowsDirective } from '../../../directives/sliders/slider-fix-arrows.directive';
+import * as i0 from "@angular/core";
+export class BabylonInfoZigzagV4Component {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonInfoZigzagV4Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonInfoZigzagV4Component, isStandalone: true, selector: "lib-babylon-info-zigzag-v4", ngImport: i0, template: "<section\n    class=\"zigzag-v4 zigzag-v4--right-img js-active-slider\"\n    data-slides_infinite=\"true\"\n    data-slider_name=\"js-zigzag-v4-slider\"\n    data-slider_showbtns=\"true\"\n    data-slider_btns=\"icon-small\"\n    data-slider_showdots=\"false\"\n    data-slider_fade=\"true\"\n    data-slider_autoplay=\"true\"\n    data-slides_pc=\"1\"\n>\n    <div class=\"container\">\n        <div class=\"zigzag-v4__inner\">\n            <span class=\"zigzag-v4__title\">espacios del hotel</span>\n            <div class=\"relative\">\n                <div\n                    class=\"zigzag-v4__slider js-zigzag-v4-slider js-slider_fix-arrows\"\n                    sliderFixArrows\n                >\n                    <div>\n                        <div class=\"zigzag-v4__item\">\n                            <div class=\"zigzag-v4__image\">\n                                <figure class=\"js-slider_fix-arrows-zone\">\n                                    <svg\n                                        aria-hidden=\"true\"\n                                        focusable=\"false\"\n                                        class=\"zigzag-v4__image--graphic\"\n                                    >\n                                        <use\n                                            href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n                                        ></use>\n                                    </svg>\n                                    <img\n                                        src=\"/assets/babylon/images/img-43.webp\"\n                                    />\n                                </figure>\n                                <div class=\"btn__group\">\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>Ver Restaurante</span></a\n                                    >\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>Reservar Mesa</span></a\n                                    >\n                                </div>\n                            </div>\n                            <div class=\"zigzag-v4__content\">\n                                <h2>\n                                    <span\n                                        >Area<br />\n                                        Lounge</span\n                                    >\n                                </h2>\n                                <span class=\"zigzag-v4__sub-heading\"\n                                    >D\u00CDA Y NOCHE</span\n                                >\n                                <p>\n                                    Many desktop publishing packages and web\n                                    page editors now use Lorem Ipsum as their\n                                    default model text, and a search for lorem\n                                    ipsum will uncover many web sites still in\n                                    their infancy.\n                                </p>\n                                <div class=\"btn__group\">\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>Ver Restaurante</span></a\n                                    >\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>Reservar Mesa</span></a\n                                    >\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div>\n                        <div class=\"zigzag-v4__item\">\n                            <div class=\"zigzag-v4__image\">\n                                <figure class=\"js-slider_fix-arrows-zone\">\n                                    <svg\n                                        aria-hidden=\"true\"\n                                        focusable=\"false\"\n                                        class=\"zigzag-v4__image--graphic\"\n                                    >\n                                        <use\n                                            href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n                                        ></use>\n                                    </svg>\n                                    <img\n                                        src=\"/assets/babylon/images/img-16.webp\"\n                                    />\n                                </figure>\n                                <div class=\"btn__group\">\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>M\u00E1s informaci\u00F3n</span></a\n                                    >\n                                </div>\n                            </div>\n                            <div class=\"zigzag-v4__content\">\n                                <h2>\n                                    <span\n                                        >Gastro<br />\n                                        Pool Bar</span\n                                    >\n                                </h2>\n                                <span class=\"zigzag-v4__sub-heading\"\n                                    >PARA CADA MOMENTO DEL D\u00CDA</span\n                                >\n                                <p>\n                                    Los productos frescos y la gran calidad de\n                                    nuestros profesionales se unen en un\n                                    restaurante especial, \"Carmen\" toda una\n                                    experiencia gastron\u00F3mica en Formentera,\n                                    desc\u00FAbralo.\n                                </p>\n                                <div class=\"btn__group\">\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>M\u00E1s informaci\u00F3n</span></a\n                                    >\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div\n                    class=\"js-slider-arrows arrows--absolute arrows--full\"\n                ></div>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.zigzag-v4{overflow:hidden;padding-block:5rem}@media (min-width: 540px){.zigzag-v4{padding-block:6rem}}@media (min-width: 768px){.zigzag-v4{padding-block:8rem}}@media (min-width: 1024px){.zigzag-v4{padding-block:7rem}}@media (min-width: 1280px){.zigzag-v4{padding-block:8rem 17rem}}@media (min-width: 1366px){.zigzag-v4{padding-block:9rem 18rem}}@media (min-width: 1680px){.zigzag-v4{padding-block:10rem 21rem}}@media (min-width: 768px){.zigzag-v4 .container{--inline-spacing-left: 8.9rem;--inline-spacing-right: 8.9rem}}@media (min-width: 1280px){.zigzag-v4 .container{--inline-spacing-left: 12.1rem;--inline-spacing-right: 12.1rem}}@media (min-width: 1366px){.zigzag-v4 .container{--inline-spacing-left: 12.4rem;--inline-spacing-right: 13.074rem}}@media (min-width: 1680px){.zigzag-v4 .container{--inline-spacing-right: 16rem;--inline-spacing-left: 15.6rem}}@media (min-width: 1800px){.zigzag-v4 .container{--inline-spacing-left: 17.4rem;--inline-spacing-right: 18rem}}.zigzag-v4__slider .slick-list{overflow:visible!important}.zigzag-v4__inner{display:flex;flex-direction:column;gap:2.5rem}@media (min-width: 768px){.zigzag-v4__inner{gap:3rem;max-width:59.2rem;margin-inline:auto}}@media (min-width: 1280px){.zigzag-v4__inner{gap:3.1rem;max-width:unset}}@media (min-width: 1366px){.zigzag-v4__inner{gap:3rem}}@media (min-width: 1680px){.zigzag-v4__inner{gap:4rem}}.zigzag-v4__inner .zigzag-v4__title{width:100%;text-transform:uppercase;text-align:center;color:#4a4a49cc;font-size:1.4rem;line-height:1;letter-spacing:.14rem}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__title{font-size:1.4rem;line-height:1.4285714286}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__title{font-size:1.7rem;line-height:1.2941176471}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__title{font-size:1.8rem;line-height:1;letter-spacing:.36rem;max-width:63rem}}@media (min-width: 1366px){.zigzag-v4__inner .zigzag-v4__title{max-width:69.926rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__title{max-width:86rem}}@media (min-width: 1800px){.zigzag-v4__inner .zigzag-v4__title{max-width:90.1rem}}.zigzag-v4__inner .zigzag-v4__item{display:flex;flex-direction:column;gap:1.4rem}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__item{gap:2rem}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__item{gap:2.062rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__item{flex-direction:row;gap:6.08rem}}@media (min-width: 1366px){.zigzag-v4__inner .zigzag-v4__item{gap:5.51rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__item{gap:6rem}}@media (min-width: 1800px){.zigzag-v4__inner .zigzag-v4__item{gap:8rem}}.zigzag-v4__inner .zigzag-v4__item:hover .zigzag-v4__image .btn__group{transform:translateY(0)}.zigzag-v4__inner .zigzag-v4__image{position:relative;overflow:hidden;width:100%}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__image{flex:0 0 auto;max-width:63rem}}@media (min-width: 1366px){.zigzag-v4__inner .zigzag-v4__image{max-width:69.926rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__image{max-width:86rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__image{max-width:90.1rem}}.zigzag-v4__inner .zigzag-v4__image figure{aspect-ratio:295/207}.zigzag-v4__inner .zigzag-v4__image--graphic{color:#fff;position:absolute;bottom:-.1rem;left:50%;transform:scaleY(-1) translate(-50%);aspect-ratio:2/1;width:6rem;z-index:1}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__image--graphic{width:10rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__image--graphic{bottom:unset;left:unset;top:50%;right:-.1rem;transform:translate(50%) rotate(90deg);transform-origin:top}}.zigzag-v4__inner .zigzag-v4__image .btn__group{display:none;transition:all .5s;background:#fff}@media (min-width: 1024px){.zigzag-v4__inner .zigzag-v4__image .btn__group{display:flex;opacity:0;pointer-events:none;position:absolute;inset:auto 0 0;transform:translateY(100%)}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__image .btn__group{opacity:1;pointer-events:initial;padding-top:3rem;justify-content:center;gap:3rem}}.zigzag-v4__inner .zigzag-v4__content{display:flex;flex-direction:column}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content{flex:1 1 auto;padding-top:3rem;position:relative;padding-left:.8rem}}@media (min-width: 1366px){.zigzag-v4__inner .zigzag-v4__content{padding-top:5rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__content{padding-top:11.9rem}}.zigzag-v4__inner .zigzag-v4__content h2{font-size:4.8rem;line-height:1;margin-bottom:3rem}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__content h2{font-size:6.6rem;line-height:1;margin-bottom:3.5rem}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__content h2{font-size:8rem;line-height:1;margin-bottom:5rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content h2{font-size:9rem;line-height:1;margin-top:auto;margin-bottom:0;position:absolute;order:3;left:0;top:calc(100% - 6.9rem);white-space:nowrap}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__content h2{font-size:11rem;line-height:1;top:calc(100% - 8.5rem)}}.zigzag-v4__inner .zigzag-v4__content h2 br{display:none}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content h2 br{display:block}}.zigzag-v4__inner .zigzag-v4__content .zigzag-v4__sub-heading{color:#4a4a49cc;text-transform:uppercase;font-size:1.6rem;line-height:1;letter-spacing:.064rem;margin-bottom:2rem}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__content .zigzag-v4__sub-heading{font-size:1.7rem;line-height:1;letter-spacing:.17rem;margin-bottom:3rem}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__content .zigzag-v4__sub-heading{font-size:2rem;line-height:1}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content .zigzag-v4__sub-heading{order:1;letter-spacing:.3rem;margin-bottom:5rem}}.zigzag-v4__inner .zigzag-v4__content p{color:#4a4a49cc;font-size:1.6rem;line-height:1.5}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__content p{font-size:1.8rem;line-height:1.5555555556;width:43.5rem}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__content p{font-size:2rem;line-height:1.6;letter-spacing:.04rem;width:59.8rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content p{font-size:2rem;line-height:1.7;width:35rem;order:2}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__content p{width:36.5rem}}.zigzag-v4__inner .zigzag-v4__content .btn__group{flex-direction:column;align-items:center;gap:2rem;margin-top:3rem}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__content .btn__group{flex-direction:row;gap:3rem;justify-content:center;margin-top:3.7rem}}@media (min-width: 1024px){.zigzag-v4__inner .zigzag-v4__content .btn__group{margin-top:5rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content .btn__group{display:none}}.zigzag-v4.bg-cream .zigzag-v4__image .btn__group{background:#f9f8f5}.zigzag-v4.bg-cream .zigzag-v4__image--graphic{color:#f9f8f5}.zigzag-v4--right-img .zigzag-v4__title{margin-left:auto}@media (min-width: 1280px){.zigzag-v4--right-img .zigzag-v4__item{flex-direction:row-reverse}}@media (min-width: 1280px){.zigzag-v4--right-img .zigzag-v4__image--graphic{left:-.1rem;top:50%;right:unset;transform:translate(-50%) rotate(-90deg);transform-origin:top}}.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-4rem}@media (min-width: 540px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-6rem}}@media (min-width: 1280px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-9.05rem}}@media (min-width: 1366px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-9.2rem -9.537rem}}@media (min-width: 1680px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-10.8rem -11rem}}@media (min-width: 1800px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-11.7rem -12rem}}.js-active-slider{--sliderNav__position: 50%}.relative{position:relative}.js-slider-arrows.arrows--absolute{position:absolute;top:var(--sliderNav__position);left:0;right:0;transform:translateY(-50%)}\n"], dependencies: [{ kind: "directive", type: SlickInitDirective, selector: ".js-active-slider,[appSlickInit]" }, { kind: "directive", type: SliderFixArrowsDirective, selector: "[sliderFixArrows]" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonInfoZigzagV4Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-babylon-info-zigzag-v4', standalone: true, imports: [SlickInitDirective, SliderFixArrowsDirective], template: "<section\n    class=\"zigzag-v4 zigzag-v4--right-img js-active-slider\"\n    data-slides_infinite=\"true\"\n    data-slider_name=\"js-zigzag-v4-slider\"\n    data-slider_showbtns=\"true\"\n    data-slider_btns=\"icon-small\"\n    data-slider_showdots=\"false\"\n    data-slider_fade=\"true\"\n    data-slider_autoplay=\"true\"\n    data-slides_pc=\"1\"\n>\n    <div class=\"container\">\n        <div class=\"zigzag-v4__inner\">\n            <span class=\"zigzag-v4__title\">espacios del hotel</span>\n            <div class=\"relative\">\n                <div\n                    class=\"zigzag-v4__slider js-zigzag-v4-slider js-slider_fix-arrows\"\n                    sliderFixArrows\n                >\n                    <div>\n                        <div class=\"zigzag-v4__item\">\n                            <div class=\"zigzag-v4__image\">\n                                <figure class=\"js-slider_fix-arrows-zone\">\n                                    <svg\n                                        aria-hidden=\"true\"\n                                        focusable=\"false\"\n                                        class=\"zigzag-v4__image--graphic\"\n                                    >\n                                        <use\n                                            href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n                                        ></use>\n                                    </svg>\n                                    <img\n                                        src=\"/assets/babylon/images/img-43.webp\"\n                                    />\n                                </figure>\n                                <div class=\"btn__group\">\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>Ver Restaurante</span></a\n                                    >\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>Reservar Mesa</span></a\n                                    >\n                                </div>\n                            </div>\n                            <div class=\"zigzag-v4__content\">\n                                <h2>\n                                    <span\n                                        >Area<br />\n                                        Lounge</span\n                                    >\n                                </h2>\n                                <span class=\"zigzag-v4__sub-heading\"\n                                    >D\u00CDA Y NOCHE</span\n                                >\n                                <p>\n                                    Many desktop publishing packages and web\n                                    page editors now use Lorem Ipsum as their\n                                    default model text, and a search for lorem\n                                    ipsum will uncover many web sites still in\n                                    their infancy.\n                                </p>\n                                <div class=\"btn__group\">\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>Ver Restaurante</span></a\n                                    >\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>Reservar Mesa</span></a\n                                    >\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div>\n                        <div class=\"zigzag-v4__item\">\n                            <div class=\"zigzag-v4__image\">\n                                <figure class=\"js-slider_fix-arrows-zone\">\n                                    <svg\n                                        aria-hidden=\"true\"\n                                        focusable=\"false\"\n                                        class=\"zigzag-v4__image--graphic\"\n                                    >\n                                        <use\n                                            href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n                                        ></use>\n                                    </svg>\n                                    <img\n                                        src=\"/assets/babylon/images/img-16.webp\"\n                                    />\n                                </figure>\n                                <div class=\"btn__group\">\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>M\u00E1s informaci\u00F3n</span></a\n                                    >\n                                </div>\n                            </div>\n                            <div class=\"zigzag-v4__content\">\n                                <h2>\n                                    <span\n                                        >Gastro<br />\n                                        Pool Bar</span\n                                    >\n                                </h2>\n                                <span class=\"zigzag-v4__sub-heading\"\n                                    >PARA CADA MOMENTO DEL D\u00CDA</span\n                                >\n                                <p>\n                                    Los productos frescos y la gran calidad de\n                                    nuestros profesionales se unen en un\n                                    restaurante especial, \"Carmen\" toda una\n                                    experiencia gastron\u00F3mica en Formentera,\n                                    desc\u00FAbralo.\n                                </p>\n                                <div class=\"btn__group\">\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>M\u00E1s informaci\u00F3n</span></a\n                                    >\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div\n                    class=\"js-slider-arrows arrows--absolute arrows--full\"\n                ></div>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.zigzag-v4{overflow:hidden;padding-block:5rem}@media (min-width: 540px){.zigzag-v4{padding-block:6rem}}@media (min-width: 768px){.zigzag-v4{padding-block:8rem}}@media (min-width: 1024px){.zigzag-v4{padding-block:7rem}}@media (min-width: 1280px){.zigzag-v4{padding-block:8rem 17rem}}@media (min-width: 1366px){.zigzag-v4{padding-block:9rem 18rem}}@media (min-width: 1680px){.zigzag-v4{padding-block:10rem 21rem}}@media (min-width: 768px){.zigzag-v4 .container{--inline-spacing-left: 8.9rem;--inline-spacing-right: 8.9rem}}@media (min-width: 1280px){.zigzag-v4 .container{--inline-spacing-left: 12.1rem;--inline-spacing-right: 12.1rem}}@media (min-width: 1366px){.zigzag-v4 .container{--inline-spacing-left: 12.4rem;--inline-spacing-right: 13.074rem}}@media (min-width: 1680px){.zigzag-v4 .container{--inline-spacing-right: 16rem;--inline-spacing-left: 15.6rem}}@media (min-width: 1800px){.zigzag-v4 .container{--inline-spacing-left: 17.4rem;--inline-spacing-right: 18rem}}.zigzag-v4__slider .slick-list{overflow:visible!important}.zigzag-v4__inner{display:flex;flex-direction:column;gap:2.5rem}@media (min-width: 768px){.zigzag-v4__inner{gap:3rem;max-width:59.2rem;margin-inline:auto}}@media (min-width: 1280px){.zigzag-v4__inner{gap:3.1rem;max-width:unset}}@media (min-width: 1366px){.zigzag-v4__inner{gap:3rem}}@media (min-width: 1680px){.zigzag-v4__inner{gap:4rem}}.zigzag-v4__inner .zigzag-v4__title{width:100%;text-transform:uppercase;text-align:center;color:#4a4a49cc;font-size:1.4rem;line-height:1;letter-spacing:.14rem}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__title{font-size:1.4rem;line-height:1.4285714286}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__title{font-size:1.7rem;line-height:1.2941176471}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__title{font-size:1.8rem;line-height:1;letter-spacing:.36rem;max-width:63rem}}@media (min-width: 1366px){.zigzag-v4__inner .zigzag-v4__title{max-width:69.926rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__title{max-width:86rem}}@media (min-width: 1800px){.zigzag-v4__inner .zigzag-v4__title{max-width:90.1rem}}.zigzag-v4__inner .zigzag-v4__item{display:flex;flex-direction:column;gap:1.4rem}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__item{gap:2rem}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__item{gap:2.062rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__item{flex-direction:row;gap:6.08rem}}@media (min-width: 1366px){.zigzag-v4__inner .zigzag-v4__item{gap:5.51rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__item{gap:6rem}}@media (min-width: 1800px){.zigzag-v4__inner .zigzag-v4__item{gap:8rem}}.zigzag-v4__inner .zigzag-v4__item:hover .zigzag-v4__image .btn__group{transform:translateY(0)}.zigzag-v4__inner .zigzag-v4__image{position:relative;overflow:hidden;width:100%}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__image{flex:0 0 auto;max-width:63rem}}@media (min-width: 1366px){.zigzag-v4__inner .zigzag-v4__image{max-width:69.926rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__image{max-width:86rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__image{max-width:90.1rem}}.zigzag-v4__inner .zigzag-v4__image figure{aspect-ratio:295/207}.zigzag-v4__inner .zigzag-v4__image--graphic{color:#fff;position:absolute;bottom:-.1rem;left:50%;transform:scaleY(-1) translate(-50%);aspect-ratio:2/1;width:6rem;z-index:1}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__image--graphic{width:10rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__image--graphic{bottom:unset;left:unset;top:50%;right:-.1rem;transform:translate(50%) rotate(90deg);transform-origin:top}}.zigzag-v4__inner .zigzag-v4__image .btn__group{display:none;transition:all .5s;background:#fff}@media (min-width: 1024px){.zigzag-v4__inner .zigzag-v4__image .btn__group{display:flex;opacity:0;pointer-events:none;position:absolute;inset:auto 0 0;transform:translateY(100%)}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__image .btn__group{opacity:1;pointer-events:initial;padding-top:3rem;justify-content:center;gap:3rem}}.zigzag-v4__inner .zigzag-v4__content{display:flex;flex-direction:column}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content{flex:1 1 auto;padding-top:3rem;position:relative;padding-left:.8rem}}@media (min-width: 1366px){.zigzag-v4__inner .zigzag-v4__content{padding-top:5rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__content{padding-top:11.9rem}}.zigzag-v4__inner .zigzag-v4__content h2{font-size:4.8rem;line-height:1;margin-bottom:3rem}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__content h2{font-size:6.6rem;line-height:1;margin-bottom:3.5rem}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__content h2{font-size:8rem;line-height:1;margin-bottom:5rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content h2{font-size:9rem;line-height:1;margin-top:auto;margin-bottom:0;position:absolute;order:3;left:0;top:calc(100% - 6.9rem);white-space:nowrap}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__content h2{font-size:11rem;line-height:1;top:calc(100% - 8.5rem)}}.zigzag-v4__inner .zigzag-v4__content h2 br{display:none}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content h2 br{display:block}}.zigzag-v4__inner .zigzag-v4__content .zigzag-v4__sub-heading{color:#4a4a49cc;text-transform:uppercase;font-size:1.6rem;line-height:1;letter-spacing:.064rem;margin-bottom:2rem}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__content .zigzag-v4__sub-heading{font-size:1.7rem;line-height:1;letter-spacing:.17rem;margin-bottom:3rem}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__content .zigzag-v4__sub-heading{font-size:2rem;line-height:1}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content .zigzag-v4__sub-heading{order:1;letter-spacing:.3rem;margin-bottom:5rem}}.zigzag-v4__inner .zigzag-v4__content p{color:#4a4a49cc;font-size:1.6rem;line-height:1.5}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__content p{font-size:1.8rem;line-height:1.5555555556;width:43.5rem}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__content p{font-size:2rem;line-height:1.6;letter-spacing:.04rem;width:59.8rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content p{font-size:2rem;line-height:1.7;width:35rem;order:2}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__content p{width:36.5rem}}.zigzag-v4__inner .zigzag-v4__content .btn__group{flex-direction:column;align-items:center;gap:2rem;margin-top:3rem}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__content .btn__group{flex-direction:row;gap:3rem;justify-content:center;margin-top:3.7rem}}@media (min-width: 1024px){.zigzag-v4__inner .zigzag-v4__content .btn__group{margin-top:5rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content .btn__group{display:none}}.zigzag-v4.bg-cream .zigzag-v4__image .btn__group{background:#f9f8f5}.zigzag-v4.bg-cream .zigzag-v4__image--graphic{color:#f9f8f5}.zigzag-v4--right-img .zigzag-v4__title{margin-left:auto}@media (min-width: 1280px){.zigzag-v4--right-img .zigzag-v4__item{flex-direction:row-reverse}}@media (min-width: 1280px){.zigzag-v4--right-img .zigzag-v4__image--graphic{left:-.1rem;top:50%;right:unset;transform:translate(-50%) rotate(-90deg);transform-origin:top}}.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-4rem}@media (min-width: 540px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-6rem}}@media (min-width: 1280px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-9.05rem}}@media (min-width: 1366px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-9.2rem -9.537rem}}@media (min-width: 1680px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-10.8rem -11rem}}@media (min-width: 1800px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-11.7rem -12rem}}.js-active-slider{--sliderNav__position: 50%}.relative{position:relative}.js-slider-arrows.arrows--absolute{position:absolute;top:var(--sliderNav__position);left:0;right:0;transform:translateY(-50%)}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFieWxvbi1pbmZvLXppZ3phZy12NC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYWJ5bG9uL3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JhYnlsb24taW5mby16aWd6YWctdjQvYmFieWxvbi1pbmZvLXppZ3phZy12NC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYWJ5bG9uL3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2JhYnlsb24taW5mby16aWd6YWctdjQvYmFieWxvbi1pbmZvLXppZ3phZy12NC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQ3RGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHlEQUF5RCxDQUFDOztBQVNuRyxNQUFNLE9BQU8sNEJBQTRCOytHQUE1Qiw0QkFBNEI7bUdBQTVCLDRCQUE0QixzRkNYekMsaTZNQWlJQSxrNmVEMUhjLGtCQUFrQiw2RUFBRSx3QkFBd0I7OzRGQUk3Qyw0QkFBNEI7a0JBUHhDLFNBQVM7K0JBQ0ksNEJBQTRCLGNBQzFCLElBQUksV0FDUCxDQUFDLGtCQUFrQixFQUFFLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTbGlja0luaXREaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi9kaXJlY3RpdmVzL3NsaWRlcnMvc2xpY2staW5pdC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU2xpZGVyRml4QXJyb3dzRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vLi4vZGlyZWN0aXZlcy9zbGlkZXJzL3NsaWRlci1maXgtYXJyb3dzLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbGliLWJhYnlsb24taW5mby16aWd6YWctdjQnLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1NsaWNrSW5pdERpcmVjdGl2ZSwgU2xpZGVyRml4QXJyb3dzRGlyZWN0aXZlXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYmFieWxvbi1pbmZvLXppZ3phZy12NC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL2JhYnlsb24taW5mby16aWd6YWctdjQuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBCYWJ5bG9uSW5mb1ppZ3phZ1Y0Q29tcG9uZW50IHt9XG4iLCI8c2VjdGlvblxuICAgIGNsYXNzPVwiemlnemFnLXY0IHppZ3phZy12NC0tcmlnaHQtaW1nIGpzLWFjdGl2ZS1zbGlkZXJcIlxuICAgIGRhdGEtc2xpZGVzX2luZmluaXRlPVwidHJ1ZVwiXG4gICAgZGF0YS1zbGlkZXJfbmFtZT1cImpzLXppZ3phZy12NC1zbGlkZXJcIlxuICAgIGRhdGEtc2xpZGVyX3Nob3didG5zPVwidHJ1ZVwiXG4gICAgZGF0YS1zbGlkZXJfYnRucz1cImljb24tc21hbGxcIlxuICAgIGRhdGEtc2xpZGVyX3Nob3dkb3RzPVwiZmFsc2VcIlxuICAgIGRhdGEtc2xpZGVyX2ZhZGU9XCJ0cnVlXCJcbiAgICBkYXRhLXNsaWRlcl9hdXRvcGxheT1cInRydWVcIlxuICAgIGRhdGEtc2xpZGVzX3BjPVwiMVwiXG4+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiemlnemFnLXY0X19pbm5lclwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ6aWd6YWctdjRfX3RpdGxlXCI+ZXNwYWNpb3MgZGVsIGhvdGVsPC9zcGFuPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJlbGF0aXZlXCI+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInppZ3phZy12NF9fc2xpZGVyIGpzLXppZ3phZy12NC1zbGlkZXIganMtc2xpZGVyX2ZpeC1hcnJvd3NcIlxuICAgICAgICAgICAgICAgICAgICBzbGlkZXJGaXhBcnJvd3NcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiemlnemFnLXY0X19pdGVtXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInppZ3phZy12NF9faW1hZ2VcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGZpZ3VyZSBjbGFzcz1cImpzLXNsaWRlcl9maXgtYXJyb3dzLXpvbmVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzdmdcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZvY3VzYWJsZT1cImZhbHNlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInppZ3phZy12NF9faW1hZ2UtLWdyYXBoaWNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2VcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaHJlZj1cIi9hc3NldHMvYmFieWxvbi9zdmcvaWNvbi1ncmFwaGljLnN2ZyNpY29uLWdyYXBoaWNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L3VzZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNyYz1cIi9hc3NldHMvYmFieWxvbi9pbWFnZXMvaW1nLTQzLndlYnBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9maWd1cmU+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidG5fX2dyb3VwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8YSBocmVmPVwiL1wiIGNsYXNzPVwiYnRuIGJ0bl9fcHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPjxzcGFuPlZlciBSZXN0YXVyYW50ZTwvc3Bhbj48L2FcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxhIGhyZWY9XCIvXCIgY2xhc3M9XCJidG4gYnRuX19wcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+PHNwYW4+UmVzZXJ2YXIgTWVzYTwvc3Bhbj48L2FcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInppZ3phZy12NF9fY29udGVudFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aDI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5BcmVhPGJyIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgTG91bmdlPC9zcGFuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvaDI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiemlnemFnLXY0X19zdWItaGVhZGluZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+RMONQSBZIE5PQ0hFPC9zcGFuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBNYW55IGRlc2t0b3AgcHVibGlzaGluZyBwYWNrYWdlcyBhbmQgd2ViXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWdlIGVkaXRvcnMgbm93IHVzZSBMb3JlbSBJcHN1bSBhcyB0aGVpclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGVmYXVsdCBtb2RlbCB0ZXh0LCBhbmQgYSBzZWFyY2ggZm9yIGxvcmVtXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpcHN1bSB3aWxsIHVuY292ZXIgbWFueSB3ZWIgc2l0ZXMgc3RpbGwgaW5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRoZWlyIGluZmFuY3kuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ0bl9fZ3JvdXBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxhIGhyZWY9XCIvXCIgY2xhc3M9XCJidG4gYnRuX19wcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+PHNwYW4+VmVyIFJlc3RhdXJhbnRlPC9zcGFuPjwvYVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGEgaHJlZj1cIi9cIiBjbGFzcz1cImJ0biBidG5fX3ByaW1hcnlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID48c3Bhbj5SZXNlcnZhciBNZXNhPC9zcGFuPjwvYVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ6aWd6YWctdjRfX2l0ZW1cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiemlnemFnLXY0X19pbWFnZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZmlndXJlIGNsYXNzPVwianMtc2xpZGVyX2ZpeC1hcnJvd3Mtem9uZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHN2Z1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9jdXNhYmxlPVwiZmFsc2VcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiemlnemFnLXY0X19pbWFnZS0tZ3JhcGhpY1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBocmVmPVwiL2Fzc2V0cy9iYWJ5bG9uL3N2Zy9pY29uLWdyYXBoaWMuc3ZnI2ljb24tZ3JhcGhpY1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvdXNlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3JjPVwiL2Fzc2V0cy9iYWJ5bG9uL2ltYWdlcy9pbWctMTYud2VicFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2ZpZ3VyZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ0bl9fZ3JvdXBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxhIGhyZWY9XCIvXCIgY2xhc3M9XCJidG4gYnRuX19wcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+PHNwYW4+TcOhcyBpbmZvcm1hY2nDs248L3NwYW4+PC9hXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ6aWd6YWctdjRfX2NvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+R2FzdHJvPGJyIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgUG9vbCBCYXI8L3NwYW5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9oMj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ6aWd6YWctdjRfX3N1Yi1oZWFkaW5nXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5QQVJBIENBREEgTU9NRU5UTyBERUwgRMONQTwvc3BhblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgTG9zIHByb2R1Y3RvcyBmcmVzY29zIHkgbGEgZ3JhbiBjYWxpZGFkIGRlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBudWVzdHJvcyBwcm9mZXNpb25hbGVzIHNlIHVuZW4gZW4gdW5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJlc3RhdXJhbnRlIGVzcGVjaWFsLCBcIkNhcm1lblwiIHRvZGEgdW5hXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBleHBlcmllbmNpYSBnYXN0cm9uw7NtaWNhIGVuIEZvcm1lbnRlcmEsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkZXNjw7picmFsby5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYnRuX19ncm91cFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGEgaHJlZj1cIi9cIiBjbGFzcz1cImJ0biBidG5fX3ByaW1hcnlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID48c3Bhbj5Nw6FzIGluZm9ybWFjacOzbjwvc3Bhbj48L2FcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImpzLXNsaWRlci1hcnJvd3MgYXJyb3dzLS1hYnNvbHV0ZSBhcnJvd3MtLWZ1bGxcIlxuICAgICAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==