tent-lib 0.0.65 → 0.0.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/atomic/badge/badge.component.mjs +2 -2
- package/esm2022/lib/components/atomic/breadcrump/breadcrump.component.mjs +2 -2
- package/esm2022/lib/components/atomic/button/button.component.mjs +3 -3
- package/esm2022/lib/components/atomic/datepicker/datepicker.component.mjs +2 -2
- package/esm2022/lib/components/atomic/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/lib/components/atomic/input/input.component.mjs +69 -5
- package/esm2022/lib/components/core/advantages/advantages.component.mjs +2 -2
- package/esm2022/lib/components/core/cards-2col/cards-2col.component.mjs +2 -2
- package/esm2022/lib/components/core/cards-3col/cards-3col.component.mjs +2 -2
- package/esm2022/lib/components/core/contact-form/contact-form.component.mjs +39 -0
- package/esm2022/lib/components/core/contact-office/contact-office.component.mjs +45 -0
- package/esm2022/lib/components/core/delivery-app/delivery-app.component.mjs +13 -0
- package/esm2022/lib/components/core/destination-hotels/destination-hotels.component.mjs +46 -0
- package/esm2022/lib/components/core/destination-info/destination-info.component.mjs +2 -2
- package/esm2022/lib/components/core/destination-list/destination-list.component.mjs +13 -0
- package/esm2022/lib/components/core/employment-benefits/employment-benefits.component.mjs +11 -0
- package/esm2022/lib/components/core/employment-form/employment-form.component.mjs +16 -0
- package/esm2022/lib/components/core/footer-a/footer-a.component.mjs +2 -2
- package/esm2022/lib/components/core/footer-b/footer-b.component.mjs +2 -2
- package/esm2022/lib/components/core/footer-static/footer-static.component.mjs +2 -2
- package/esm2022/lib/components/core/gallery-photos/gallery-photos.component.mjs +32 -0
- package/esm2022/lib/components/core/guests-popup/guests-popup.component.mjs +2 -2
- package/esm2022/lib/components/core/header/header.component.mjs +18 -3
- package/esm2022/lib/components/core/header-mobile/header-mobile.component.mjs +2 -2
- package/esm2022/lib/components/core/holiday-house-info/holiday-house-info.component.mjs +11 -0
- package/esm2022/lib/components/core/holiday-house-photos/holiday-house-photos.component.mjs +11 -0
- package/esm2022/lib/components/core/hotel-about/hotel-about.component.mjs +46 -0
- package/esm2022/lib/components/core/hotel-app/hotel-app.component.mjs +13 -0
- package/esm2022/lib/components/core/hotel-equipment/hotel-equipment.component.mjs +24 -0
- package/esm2022/lib/components/core/hotel-location/hotel-location.component.mjs +20 -0
- package/esm2022/lib/components/core/hotel-services/hotel-services.component.mjs +2 -2
- package/esm2022/lib/components/core/hotel-slider/hotel-slider.component.mjs +2 -2
- package/esm2022/lib/components/core/hotels-list/hotels-list.component.mjs +20 -0
- package/esm2022/lib/components/core/info-slider/info-slider.component.mjs +51 -0
- package/esm2022/lib/components/core/location-beach/location-beach.component.mjs +46 -0
- package/esm2022/lib/components/core/location-how/location-how.component.mjs +24 -0
- package/esm2022/lib/components/core/modals/books-modal/books-modal.component.mjs +2 -2
- package/esm2022/lib/components/core/modals/checkin-modal/checkin-modal.component.mjs +2 -2
- package/esm2022/lib/components/core/modals/hotel-list-modal/hotel-list-modal.component.mjs +20 -0
- package/esm2022/lib/components/core/modals/menu-modal/menu-modal.component.mjs +2 -2
- package/esm2022/lib/components/core/modals/newsletter-modal/newsletter-modal.component.mjs +2 -2
- package/esm2022/lib/components/core/modals/room-zoom-modal/room-zoom-modal.component.mjs +57 -0
- package/esm2022/lib/components/core/module-404/module-404.component.mjs +13 -0
- package/esm2022/lib/components/core/module-google-maps/module-google-maps.component.mjs +179 -0
- package/esm2022/lib/components/core/module-search/module-search.component.mjs +88 -0
- package/esm2022/lib/components/core/motor/motor.component.mjs +3 -3
- package/esm2022/lib/components/core/offer/offer.component.mjs +2 -2
- package/esm2022/lib/components/core/offer-banner/offer-banner.component.mjs +2 -2
- package/esm2022/lib/components/core/offer-details/offer-details.component.mjs +25 -0
- package/esm2022/lib/components/core/offer-slider/offer-slider.component.mjs +2 -2
- package/esm2022/lib/components/core/registration/registration.component.mjs +333 -0
- package/esm2022/lib/components/core/room-slider/room-slider.component.mjs +86 -0
- package/esm2022/lib/components/core/rooms-slider/rooms-slider.component.mjs +2 -2
- package/esm2022/lib/components/core/services-details/services-details.component.mjs +44 -0
- package/esm2022/lib/components/core/submenu/submenu.component.mjs +11 -0
- package/esm2022/lib/components/core/thanks/thanks.component.mjs +11 -0
- package/esm2022/lib/components/core/top-module/top-module.component.mjs +4 -9
- package/esm2022/lib/components/core/travelers/travelers.component.mjs +2 -2
- package/esm2022/lib/components/core/webmap/webmap.component.mjs +11 -0
- package/esm2022/lib/interfaces/atomic/input.interface.mjs +1 -1
- package/esm2022/lib/interfaces/core/top-module.interface.mjs +1 -1
- package/esm2022/public-api.mjs +33 -1
- package/fesm2022/tent-lib.mjs +1339 -66
- package/fesm2022/tent-lib.mjs.map +1 -1
- package/lib/components/atomic/input/input.component.d.ts +20 -2
- package/lib/components/core/contact-form/contact-form.component.d.ts +7 -0
- package/lib/components/core/contact-office/contact-office.component.d.ts +9 -0
- package/lib/components/core/delivery-app/delivery-app.component.d.ts +5 -0
- package/lib/components/core/destination-hotels/destination-hotels.component.d.ts +9 -0
- package/lib/components/core/destination-list/destination-list.component.d.ts +5 -0
- package/lib/components/core/employment-benefits/employment-benefits.component.d.ts +5 -0
- package/lib/components/core/employment-form/employment-form.component.d.ts +5 -0
- package/lib/components/core/gallery-photos/gallery-photos.component.d.ts +9 -0
- package/lib/components/core/header/header.component.d.ts +1 -0
- package/lib/components/core/holiday-house-info/holiday-house-info.component.d.ts +5 -0
- package/lib/components/core/holiday-house-photos/holiday-house-photos.component.d.ts +5 -0
- package/lib/components/core/hotel-about/hotel-about.component.d.ts +9 -0
- package/lib/components/core/hotel-app/hotel-app.component.d.ts +5 -0
- package/lib/components/core/hotel-equipment/hotel-equipment.component.d.ts +9 -0
- package/lib/components/core/hotel-location/hotel-location.component.d.ts +7 -0
- package/lib/components/core/hotels-list/hotels-list.component.d.ts +7 -0
- package/lib/components/core/info-slider/info-slider.component.d.ts +11 -0
- package/lib/components/core/location-beach/location-beach.component.d.ts +9 -0
- package/lib/components/core/location-how/location-how.component.d.ts +9 -0
- package/lib/components/core/modals/hotel-list-modal/hotel-list-modal.component.d.ts +7 -0
- package/lib/components/core/modals/room-zoom-modal/room-zoom-modal.component.d.ts +16 -0
- package/lib/components/core/module-404/module-404.component.d.ts +5 -0
- package/lib/components/core/module-google-maps/module-google-maps.component.d.ts +43 -0
- package/lib/components/core/module-search/module-search.component.d.ts +27 -0
- package/lib/components/core/offer-details/offer-details.component.d.ts +9 -0
- package/lib/components/core/registration/registration.component.d.ts +14 -0
- package/lib/components/core/room-slider/room-slider.component.d.ts +23 -0
- package/lib/components/core/services-details/services-details.component.d.ts +9 -0
- package/lib/components/core/submenu/submenu.component.d.ts +5 -0
- package/lib/components/core/thanks/thanks.component.d.ts +5 -0
- package/lib/components/core/top-module/top-module.component.d.ts +2 -4
- package/lib/components/core/webmap/webmap.component.d.ts +5 -0
- package/lib/interfaces/atomic/input.interface.d.ts +6 -5
- package/lib/interfaces/core/top-module.interface.d.ts +0 -1
- package/package.json +1 -1
- package/public-api.d.ts +32 -0
|
@@ -41,11 +41,11 @@ export class HotelSliderComponent {
|
|
|
41
41
|
return this.sanitizer.bypassSecurityTrustStyle(`background-image: url(${image})`);
|
|
42
42
|
}
|
|
43
43
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: HotelSliderComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: HotelSliderComponent, isStandalone: true, selector: "tent-hotel-slider", inputs: { iconControlLeft: "iconControlLeft", iconControlRight: "iconControlRight", title: "title", titleDark: "titleDark", items: "items" }, ngImport: i0, template: "<section class=\"hotel-slider module-spacer--bottom\">\r\n <div class=\"hotel-slider--content wrapper-big\">\r\n <div class=\"hotel-slider--head\">\r\n <h3 class=\"hotel-slider--title title--80 color--camel\">\r\n {{ title }} <span class=\"color--brown\">{{ titleDark }}</span>\r\n </h3>\r\n </div>\r\n <div class=\"hotel-slider--inner\">\r\n <owl-carousel-o\r\n class=\"hotel-slider--slider slider-circle--center\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"hotel-slider--slide\">\r\n <div class=\"hotel-slider--img\">\r\n <div class=\"hotel-slider--photo figure-content\">\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(item.image)\"\r\n ></figure>\r\n </div>\r\n </div>\r\n <div class=\"hotel-slider--des\">\r\n <tent-badge\r\n class=\"hotel-slider--badget\"\r\n [rounded]=\"true\"\r\n [label]=\"item.badge.label\"\r\n ></tent-badge>\r\n <h4\r\n class=\"hotel-slider--slideTitle color--brown title--80\"\r\n >\r\n {{ item.title }}\r\n <span class=\"color--brown\">{{\r\n item.ndTitle\r\n }}</span>\r\n </h4>\r\n <p class=\"text\">\r\n {{ item.description }}\r\n </p>\r\n\r\n <div class=\"hotel-slider--btns pt--20\">\r\n @for (btn of item.buttons; track $index) {\r\n <tent-button\r\n [type]=\"btn.type!\"\r\n [icon]=\"btn.icon\"\r\n [iconPosition]=\"btn.iconPosition\"\r\n [label]=\"btn.label\"\r\n [url]=\"btn.url\"\r\n [linkType]=\"btn.linkType!\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:-.02em}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:-.02em;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{transition:var(--Stransition)}.figure-zoom:hover figure{transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:50px;height:50px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.hotel-slider--content{position:relative}.hotel-slider--content:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;left:0;top:0%;z-index:-1;border-radius:12px;height:160px}.hotel-slider--title{padding:20px 12px 0}.hotel-slider--title span{display:block;margin-top:-5px;padding-left:100px}.hotel-slider--photo{aspect-ratio:314/200;position:relative;overflow:hidden;width:100%;border-radius:12px}.hotel-slider--des{position:relative}.hotel-slider--slideTitle{margin-top:20px}.hotel-slider--slideTitle span{display:block}.hotel-slider--badget{display:inline-block;position:absolute;top:-35px;left:50%;transform:translate(-50%)}.hotel-slider--badget ::ng-deep .badge{background-color:var(--color-badge-4);color:#693d2d}.hotel-slider--btns{position:relative;padding-bottom:10px;gap:12px 0;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;flex-wrap:wrap}.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:110%;left:-7%;top:calc(50% + 30px)}@media (max-width: 1799px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:110%;left:-7%;top:calc(50% + 30px)}}@media (max-width: 1679px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:113%;left:-7%;top:calc(50% + 30px)}}@media (max-width: 1365px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:116%;left:-8%;top:50%}}@media (max-width: 1279px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:118%;left:-9%;top:45%}}@media (max-width: 1023px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:124%;left:-12%;top:50%}}@media (max-width: 767px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:126%;left:-13%;top:45%}}@media (max-width: 539px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:42%}}@media (min-width: 540px){.hotel-slider--content:before{height:256px}.hotel-slider--title span{text-align:left;padding-left:120px}.hotel-slider--inner{padding:0 30px}.hotel-slider--photo{aspect-ratio:400/255}.hotel-slider--des{padding:0 15px}.hotel-slider--badget{left:15px;transform:none}}@media (min-width: 768px){.hotel-slider--content:before{height:340px}.hotel-slider--title{padding:20px 35px 0}.hotel-slider--title span{padding-left:150px}.hotel-slider--photo{aspect-ratio:560/357}.hotel-slider--inner{padding:0 35px}.hotel-slider--des{padding:0 45px}.hotel-slider--badget{left:45px}.hotel-slider--btns{position:relative;gap:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}}@media (min-width: 1024px){.hotel-slider--content:before{height:368px}.hotel-slider--photo{aspect-ratio:290/407}.hotel-slider--title{padding:20px 0 0}.hotel-slider--title span{margin:-10px 0 0}.hotel-slider--slide{display:flex}.hotel-slider--img{width:40%}.hotel-slider--des{width:60%;padding:60px 35px 0}.hotel-slider--badget{position:relative;left:auto;top:auto}.hotel-slider--btns{position:relative;gap:20px;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;flex-wrap:wrap}}@media (min-width: 1280px){.hotel-slider--content:before{height:calc(50% + 25px)}.hotel-slider--photo{aspect-ratio:345/483}.hotel-slider--head{transform:rotate(270deg);width:60px;height:60px;display:flex;align-items:center;justify-content:flex-end;left:30px;top:60px;position:relative}.hotel-slider--title{position:relative;bottom:0;padding:0}.hotel-slider--inner{padding:0 25px 0 200px}.hotel-slider--img{width:calc(50% - 100px)}.hotel-slider--des{width:50%;width:60%;padding:0 60px;display:flex;flex-direction:column;justify-content:center}.hotel-slider--btns{position:relative;gap:40px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}}@media (min-width: 1366px){.hotel-slider--content:before{height:calc(50% + 60px)}.hotel-slider--photo{aspect-ratio:368/516}.hotel-slider--img{width:calc(45% - 100px)}.hotel-slider--des{width:55%;padding:40px 32px 0}}@media (min-width: 1680px){.hotel-slider--content:before{height:calc(50% + 60px)}.hotel-slider--head{padding:0}.hotel-slider--photo{aspect-ratio:441/619}.hotel-slider--inner{padding:0 25px 0 240px}.hotel-slider--img{width:calc(40% - 60px)}.hotel-slider--des{width:60%;padding:70px 60px 0}.hotel-slider--btns{position:relative;gap:40px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}}@media (min-width: 1800px){.hotel-slider--content:before{height:calc(50% + 60px)}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "target", "closeButton"], outputs: ["btnClick"] }, { kind: "ngmodule", type: CarouselModule }, { kind: "component", type: i2.CarouselComponent, selector: "owl-carousel-o", inputs: ["options"], outputs: ["translated", "dragging", "change", "changed", "initialized"] }, { kind: "directive", type: i2.CarouselSlideDirective, selector: "ng-template[carouselSlide]", inputs: ["id", "dataMerge", "width", "dotContent", "dataHash"] }, { kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label"] }] }); }
|
|
44
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: HotelSliderComponent, isStandalone: true, selector: "tent-hotel-slider", inputs: { iconControlLeft: "iconControlLeft", iconControlRight: "iconControlRight", title: "title", titleDark: "titleDark", items: "items" }, ngImport: i0, template: "<section class=\"hotel-slider module-spacer--bottom\">\r\n <div class=\"hotel-slider--content wrapper-big\">\r\n <div class=\"hotel-slider--head\">\r\n <h3 class=\"hotel-slider--title title--80 color--camel\">\r\n {{ title }} <span class=\"color--brown\">{{ titleDark }}</span>\r\n </h3>\r\n </div>\r\n <div class=\"hotel-slider--inner\">\r\n <owl-carousel-o\r\n class=\"hotel-slider--slider slider-circle--center\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"hotel-slider--slide\">\r\n <div class=\"hotel-slider--img\">\r\n <div class=\"hotel-slider--photo figure-content\">\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(item.image)\"\r\n ></figure>\r\n </div>\r\n </div>\r\n <div class=\"hotel-slider--des\">\r\n <tent-badge\r\n class=\"hotel-slider--badget\"\r\n [rounded]=\"true\"\r\n [label]=\"item.badge.label\"\r\n ></tent-badge>\r\n <h4\r\n class=\"hotel-slider--slideTitle color--brown title--80\"\r\n >\r\n {{ item.title }}\r\n <span class=\"color--brown\">{{\r\n item.ndTitle\r\n }}</span>\r\n </h4>\r\n <p class=\"text\">\r\n {{ item.description }}\r\n </p>\r\n\r\n <div class=\"hotel-slider--btns pt--20\">\r\n @for (btn of item.buttons; track $index) {\r\n <tent-button\r\n [type]=\"btn.type!\"\r\n [icon]=\"btn.icon\"\r\n [iconPosition]=\"btn.iconPosition\"\r\n [label]=\"btn.label\"\r\n [url]=\"btn.url\"\r\n [linkType]=\"btn.linkType!\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:-.02em}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:-.02em;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{transition:var(--Stransition)}.figure-zoom:hover figure{transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.hotel-slider--content{position:relative}.hotel-slider--content:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;left:0;top:0%;z-index:-1;border-radius:12px;height:160px}.hotel-slider--title{padding:20px 12px 0}.hotel-slider--title span{display:block;margin-top:-5px;padding-left:100px}.hotel-slider--photo{aspect-ratio:314/200;position:relative;overflow:hidden;width:100%;border-radius:12px}.hotel-slider--des{position:relative}.hotel-slider--slideTitle{margin-top:20px}.hotel-slider--slideTitle span{display:block}.hotel-slider--badget{display:inline-block;position:absolute;top:-35px;left:50%;transform:translate(-50%)}.hotel-slider--badget ::ng-deep .badge{background-color:var(--color-badge-4);color:#693d2d}.hotel-slider--btns{position:relative;padding-bottom:10px;gap:12px 0;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;flex-wrap:wrap}.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:110%;left:-7%;top:calc(50% + 30px)}@media (max-width: 1799px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:110%;left:-7%;top:calc(50% + 30px)}}@media (max-width: 1679px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:113%;left:-7%;top:calc(50% + 30px)}}@media (max-width: 1365px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:116%;left:-8%;top:50%}}@media (max-width: 1279px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:118%;left:-9%;top:45%}}@media (max-width: 1023px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:124%;left:-12%;top:50%}}@media (max-width: 767px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:126%;left:-13%;top:45%}}@media (max-width: 539px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:42%}}@media (min-width: 540px){.hotel-slider--content:before{height:256px}.hotel-slider--title span{text-align:left;padding-left:120px}.hotel-slider--inner{padding:0 30px}.hotel-slider--photo{aspect-ratio:400/255}.hotel-slider--des{padding:0 15px}.hotel-slider--badget{left:15px;transform:none}}@media (min-width: 768px){.hotel-slider--content:before{height:340px}.hotel-slider--title{padding:20px 35px 0}.hotel-slider--title span{padding-left:150px}.hotel-slider--photo{aspect-ratio:560/357}.hotel-slider--inner{padding:0 35px}.hotel-slider--des{padding:0 45px}.hotel-slider--badget{left:45px}.hotel-slider--btns{position:relative;gap:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}}@media (min-width: 1024px){.hotel-slider--content:before{height:368px}.hotel-slider--photo{aspect-ratio:290/407}.hotel-slider--title{padding:20px 0 0}.hotel-slider--title span{margin:-10px 0 0}.hotel-slider--slide{display:flex}.hotel-slider--img{width:40%}.hotel-slider--des{width:60%;padding:60px 35px 0}.hotel-slider--badget{position:relative;left:auto;top:auto}.hotel-slider--btns{position:relative;gap:20px;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;flex-wrap:wrap}}@media (min-width: 1280px){.hotel-slider--content:before{height:calc(50% + 25px)}.hotel-slider--photo{aspect-ratio:345/483}.hotel-slider--head{transform:rotate(270deg);width:60px;height:60px;display:flex;align-items:center;justify-content:flex-end;left:30px;top:60px;position:relative}.hotel-slider--title{position:relative;bottom:0;padding:0}.hotel-slider--inner{padding:0 25px 0 200px}.hotel-slider--img{width:calc(50% - 100px)}.hotel-slider--des{width:50%;width:60%;padding:0 60px;display:flex;flex-direction:column;justify-content:center}.hotel-slider--btns{position:relative;gap:40px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}}@media (min-width: 1366px){.hotel-slider--content:before{height:calc(50% + 60px)}.hotel-slider--photo{aspect-ratio:368/516}.hotel-slider--img{width:calc(45% - 100px)}.hotel-slider--des{width:55%;padding:40px 32px 0}}@media (min-width: 1680px){.hotel-slider--content:before{height:calc(50% + 60px)}.hotel-slider--head{padding:0}.hotel-slider--photo{aspect-ratio:441/619}.hotel-slider--inner{padding:0 25px 0 240px}.hotel-slider--img{width:calc(40% - 60px)}.hotel-slider--des{width:60%;padding:70px 60px 0}.hotel-slider--btns{position:relative;gap:40px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}}@media (min-width: 1800px){.hotel-slider--content:before{height:calc(50% + 60px)}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "target", "closeButton"], outputs: ["btnClick"] }, { kind: "ngmodule", type: CarouselModule }, { kind: "component", type: i2.CarouselComponent, selector: "owl-carousel-o", inputs: ["options"], outputs: ["translated", "dragging", "change", "changed", "initialized"] }, { kind: "directive", type: i2.CarouselSlideDirective, selector: "ng-template[carouselSlide]", inputs: ["id", "dataMerge", "width", "dotContent", "dataHash"] }, { kind: "component", type: BadgeComponent, selector: "tent-badge", inputs: ["orientation", "rounded", "label"] }] }); }
|
|
45
45
|
}
|
|
46
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: HotelSliderComponent, decorators: [{
|
|
47
47
|
type: Component,
|
|
48
|
-
args: [{ selector: 'tent-hotel-slider', standalone: true, imports: [ButtonComponent, CarouselModule, BadgeComponent], template: "<section class=\"hotel-slider module-spacer--bottom\">\r\n <div class=\"hotel-slider--content wrapper-big\">\r\n <div class=\"hotel-slider--head\">\r\n <h3 class=\"hotel-slider--title title--80 color--camel\">\r\n {{ title }} <span class=\"color--brown\">{{ titleDark }}</span>\r\n </h3>\r\n </div>\r\n <div class=\"hotel-slider--inner\">\r\n <owl-carousel-o\r\n class=\"hotel-slider--slider slider-circle--center\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"hotel-slider--slide\">\r\n <div class=\"hotel-slider--img\">\r\n <div class=\"hotel-slider--photo figure-content\">\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(item.image)\"\r\n ></figure>\r\n </div>\r\n </div>\r\n <div class=\"hotel-slider--des\">\r\n <tent-badge\r\n class=\"hotel-slider--badget\"\r\n [rounded]=\"true\"\r\n [label]=\"item.badge.label\"\r\n ></tent-badge>\r\n <h4\r\n class=\"hotel-slider--slideTitle color--brown title--80\"\r\n >\r\n {{ item.title }}\r\n <span class=\"color--brown\">{{\r\n item.ndTitle\r\n }}</span>\r\n </h4>\r\n <p class=\"text\">\r\n {{ item.description }}\r\n </p>\r\n\r\n <div class=\"hotel-slider--btns pt--20\">\r\n @for (btn of item.buttons; track $index) {\r\n <tent-button\r\n [type]=\"btn.type!\"\r\n [icon]=\"btn.icon\"\r\n [iconPosition]=\"btn.iconPosition\"\r\n [label]=\"btn.label\"\r\n [url]=\"btn.url\"\r\n [linkType]=\"btn.linkType!\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:-.02em}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:-.02em;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{transition:var(--Stransition)}.figure-zoom:hover figure{transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:50px;height:50px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.hotel-slider--content{position:relative}.hotel-slider--content:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;left:0;top:0%;z-index:-1;border-radius:12px;height:160px}.hotel-slider--title{padding:20px 12px 0}.hotel-slider--title span{display:block;margin-top:-5px;padding-left:100px}.hotel-slider--photo{aspect-ratio:314/200;position:relative;overflow:hidden;width:100%;border-radius:12px}.hotel-slider--des{position:relative}.hotel-slider--slideTitle{margin-top:20px}.hotel-slider--slideTitle span{display:block}.hotel-slider--badget{display:inline-block;position:absolute;top:-35px;left:50%;transform:translate(-50%)}.hotel-slider--badget ::ng-deep .badge{background-color:var(--color-badge-4);color:#693d2d}.hotel-slider--btns{position:relative;padding-bottom:10px;gap:12px 0;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;flex-wrap:wrap}.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:110%;left:-7%;top:calc(50% + 30px)}@media (max-width: 1799px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:110%;left:-7%;top:calc(50% + 30px)}}@media (max-width: 1679px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:113%;left:-7%;top:calc(50% + 30px)}}@media (max-width: 1365px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:116%;left:-8%;top:50%}}@media (max-width: 1279px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:118%;left:-9%;top:45%}}@media (max-width: 1023px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:124%;left:-12%;top:50%}}@media (max-width: 767px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:126%;left:-13%;top:45%}}@media (max-width: 539px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:42%}}@media (min-width: 540px){.hotel-slider--content:before{height:256px}.hotel-slider--title span{text-align:left;padding-left:120px}.hotel-slider--inner{padding:0 30px}.hotel-slider--photo{aspect-ratio:400/255}.hotel-slider--des{padding:0 15px}.hotel-slider--badget{left:15px;transform:none}}@media (min-width: 768px){.hotel-slider--content:before{height:340px}.hotel-slider--title{padding:20px 35px 0}.hotel-slider--title span{padding-left:150px}.hotel-slider--photo{aspect-ratio:560/357}.hotel-slider--inner{padding:0 35px}.hotel-slider--des{padding:0 45px}.hotel-slider--badget{left:45px}.hotel-slider--btns{position:relative;gap:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}}@media (min-width: 1024px){.hotel-slider--content:before{height:368px}.hotel-slider--photo{aspect-ratio:290/407}.hotel-slider--title{padding:20px 0 0}.hotel-slider--title span{margin:-10px 0 0}.hotel-slider--slide{display:flex}.hotel-slider--img{width:40%}.hotel-slider--des{width:60%;padding:60px 35px 0}.hotel-slider--badget{position:relative;left:auto;top:auto}.hotel-slider--btns{position:relative;gap:20px;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;flex-wrap:wrap}}@media (min-width: 1280px){.hotel-slider--content:before{height:calc(50% + 25px)}.hotel-slider--photo{aspect-ratio:345/483}.hotel-slider--head{transform:rotate(270deg);width:60px;height:60px;display:flex;align-items:center;justify-content:flex-end;left:30px;top:60px;position:relative}.hotel-slider--title{position:relative;bottom:0;padding:0}.hotel-slider--inner{padding:0 25px 0 200px}.hotel-slider--img{width:calc(50% - 100px)}.hotel-slider--des{width:50%;width:60%;padding:0 60px;display:flex;flex-direction:column;justify-content:center}.hotel-slider--btns{position:relative;gap:40px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}}@media (min-width: 1366px){.hotel-slider--content:before{height:calc(50% + 60px)}.hotel-slider--photo{aspect-ratio:368/516}.hotel-slider--img{width:calc(45% - 100px)}.hotel-slider--des{width:55%;padding:40px 32px 0}}@media (min-width: 1680px){.hotel-slider--content:before{height:calc(50% + 60px)}.hotel-slider--head{padding:0}.hotel-slider--photo{aspect-ratio:441/619}.hotel-slider--inner{padding:0 25px 0 240px}.hotel-slider--img{width:calc(40% - 60px)}.hotel-slider--des{width:60%;padding:70px 60px 0}.hotel-slider--btns{position:relative;gap:40px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}}@media (min-width: 1800px){.hotel-slider--content:before{height:calc(50% + 60px)}}\n"] }]
|
|
48
|
+
args: [{ selector: 'tent-hotel-slider', standalone: true, imports: [ButtonComponent, CarouselModule, BadgeComponent], template: "<section class=\"hotel-slider module-spacer--bottom\">\r\n <div class=\"hotel-slider--content wrapper-big\">\r\n <div class=\"hotel-slider--head\">\r\n <h3 class=\"hotel-slider--title title--80 color--camel\">\r\n {{ title }} <span class=\"color--brown\">{{ titleDark }}</span>\r\n </h3>\r\n </div>\r\n <div class=\"hotel-slider--inner\">\r\n <owl-carousel-o\r\n class=\"hotel-slider--slider slider-circle--center\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"hotel-slider--slide\">\r\n <div class=\"hotel-slider--img\">\r\n <div class=\"hotel-slider--photo figure-content\">\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(item.image)\"\r\n ></figure>\r\n </div>\r\n </div>\r\n <div class=\"hotel-slider--des\">\r\n <tent-badge\r\n class=\"hotel-slider--badget\"\r\n [rounded]=\"true\"\r\n [label]=\"item.badge.label\"\r\n ></tent-badge>\r\n <h4\r\n class=\"hotel-slider--slideTitle color--brown title--80\"\r\n >\r\n {{ item.title }}\r\n <span class=\"color--brown\">{{\r\n item.ndTitle\r\n }}</span>\r\n </h4>\r\n <p class=\"text\">\r\n {{ item.description }}\r\n </p>\r\n\r\n <div class=\"hotel-slider--btns pt--20\">\r\n @for (btn of item.buttons; track $index) {\r\n <tent-button\r\n [type]=\"btn.type!\"\r\n [icon]=\"btn.icon\"\r\n [iconPosition]=\"btn.iconPosition\"\r\n [label]=\"btn.label\"\r\n [url]=\"btn.url\"\r\n [linkType]=\"btn.linkType!\"\r\n ></tent-button>\r\n\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:-.02em}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:-.02em;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{transition:var(--Stransition)}.figure-zoom:hover figure{transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.hotel-slider--content{position:relative}.hotel-slider--content:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;left:0;top:0%;z-index:-1;border-radius:12px;height:160px}.hotel-slider--title{padding:20px 12px 0}.hotel-slider--title span{display:block;margin-top:-5px;padding-left:100px}.hotel-slider--photo{aspect-ratio:314/200;position:relative;overflow:hidden;width:100%;border-radius:12px}.hotel-slider--des{position:relative}.hotel-slider--slideTitle{margin-top:20px}.hotel-slider--slideTitle span{display:block}.hotel-slider--badget{display:inline-block;position:absolute;top:-35px;left:50%;transform:translate(-50%)}.hotel-slider--badget ::ng-deep .badge{background-color:var(--color-badge-4);color:#693d2d}.hotel-slider--btns{position:relative;padding-bottom:10px;gap:12px 0;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;flex-wrap:wrap}.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:110%;left:-7%;top:calc(50% + 30px)}@media (max-width: 1799px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:110%;left:-7%;top:calc(50% + 30px)}}@media (max-width: 1679px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:113%;left:-7%;top:calc(50% + 30px)}}@media (max-width: 1365px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:116%;left:-8%;top:50%}}@media (max-width: 1279px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:118%;left:-9%;top:45%}}@media (max-width: 1023px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:124%;left:-12%;top:50%}}@media (max-width: 767px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:126%;left:-13%;top:45%}}@media (max-width: 539px){.hotel-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:42%}}@media (min-width: 540px){.hotel-slider--content:before{height:256px}.hotel-slider--title span{text-align:left;padding-left:120px}.hotel-slider--inner{padding:0 30px}.hotel-slider--photo{aspect-ratio:400/255}.hotel-slider--des{padding:0 15px}.hotel-slider--badget{left:15px;transform:none}}@media (min-width: 768px){.hotel-slider--content:before{height:340px}.hotel-slider--title{padding:20px 35px 0}.hotel-slider--title span{padding-left:150px}.hotel-slider--photo{aspect-ratio:560/357}.hotel-slider--inner{padding:0 35px}.hotel-slider--des{padding:0 45px}.hotel-slider--badget{left:45px}.hotel-slider--btns{position:relative;gap:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}}@media (min-width: 1024px){.hotel-slider--content:before{height:368px}.hotel-slider--photo{aspect-ratio:290/407}.hotel-slider--title{padding:20px 0 0}.hotel-slider--title span{margin:-10px 0 0}.hotel-slider--slide{display:flex}.hotel-slider--img{width:40%}.hotel-slider--des{width:60%;padding:60px 35px 0}.hotel-slider--badget{position:relative;left:auto;top:auto}.hotel-slider--btns{position:relative;gap:20px;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;flex-wrap:wrap}}@media (min-width: 1280px){.hotel-slider--content:before{height:calc(50% + 25px)}.hotel-slider--photo{aspect-ratio:345/483}.hotel-slider--head{transform:rotate(270deg);width:60px;height:60px;display:flex;align-items:center;justify-content:flex-end;left:30px;top:60px;position:relative}.hotel-slider--title{position:relative;bottom:0;padding:0}.hotel-slider--inner{padding:0 25px 0 200px}.hotel-slider--img{width:calc(50% - 100px)}.hotel-slider--des{width:50%;width:60%;padding:0 60px;display:flex;flex-direction:column;justify-content:center}.hotel-slider--btns{position:relative;gap:40px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}}@media (min-width: 1366px){.hotel-slider--content:before{height:calc(50% + 60px)}.hotel-slider--photo{aspect-ratio:368/516}.hotel-slider--img{width:calc(45% - 100px)}.hotel-slider--des{width:55%;padding:40px 32px 0}}@media (min-width: 1680px){.hotel-slider--content:before{height:calc(50% + 60px)}.hotel-slider--head{padding:0}.hotel-slider--photo{aspect-ratio:441/619}.hotel-slider--inner{padding:0 25px 0 240px}.hotel-slider--img{width:calc(40% - 60px)}.hotel-slider--des{width:60%;padding:70px 60px 0}.hotel-slider--btns{position:relative;gap:40px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}}@media (min-width: 1800px){.hotel-slider--content:before{height:calc(50% + 60px)}}\n"] }]
|
|
49
49
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { iconControlLeft: [{
|
|
50
50
|
type: Input
|
|
51
51
|
}], iconControlRight: [{
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component } from '@angular/core';
|
|
3
|
+
import { ButtonComponent } from '../../atomic/button/button.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
export class HotelsListComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.collapsed1 = true;
|
|
9
|
+
}
|
|
10
|
+
toggleCollapse1() {
|
|
11
|
+
this.collapsed1 = !this.collapsed1;
|
|
12
|
+
}
|
|
13
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: HotelsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: HotelsListComponent, isStandalone: true, selector: "tent-hotels-list", ngImport: i0, template: "\r\n<section class=\"hotels-list module-spacer--bottom\">\r\n <div class=\"hotels-list--content wrapper-big\"> \r\n <div class=\"hotels-list--inner\">\r\n <div class=\"hotels-list--item\">\r\n <div class=\"hotels-list--photo figure-content\">\r\n <figure class=\"figure-full\"\r\n style=\" background-image: url(/assets/tent/img/hotels.jpg);\" ></figure> \r\n \r\n </div> \r\n <div class=\"hotels-list--info bg-white\" [ngClass]=\"collapsed1 ? 'close' : 'open'\">\r\n <h2 class=\"hotels-list--tit title--38 color--camel\">tent <br>bah\u00EDa de palma</h2> \r\n <h3 class=\"subtitle--medium color--brown-dark\">mallorca </h3>\r\n <p class=\"text\">Many desktop publishing packages and web page editors now use the lorem ipsum various versions have evolved over the sometimes..</p>\r\n <p class=\"text text-more\" >It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem in Ipsum is that it has a more-or-less normal distribution of letters, as the opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search.</p>\r\n <div class=\"hotels-list--btns\"> \r\n <tent-button class=\"btn-more\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer m\u00E1s +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n <tent-button class=\"btn-minus\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer menos +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n </div> \r\n </div> \r\n <ul class=\"hotels-list--services bg-beige\"> \r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">Wifi gratuito en la habitaci\u00F3n</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n </ul> \r\n \r\n <div class=\"hotels-list--book\"> \r\n <tent-button type=\"dark-box-filled\" class=\"btn-small\" label=\"reservar ahora +\"></tent-button> \r\n \r\n </div> \r\n </div>\r\n <div class=\"hotels-list--item\">\r\n <div class=\"hotels-list--photo figure-content\">\r\n <figure class=\"figure-full\"\r\n style=\" background-image: url(/assets/tent/img/hotels.jpg);\" ></figure> \r\n \r\n </div> \r\n <div class=\"hotels-list--info bg-white\" [ngClass]=\"collapsed1 ? 'close' : 'open'\">\r\n <h2 class=\"hotels-list--tit title--38 color--camel\">tent <br>bah\u00EDa de palma</h2> \r\n <h3 class=\"subtitle--medium color--brown-dark\">mallorca </h3>\r\n <p class=\"text\">Many desktop publishing packages and web page editors now use the lorem ipsum various versions have evolved over the sometimes..</p>\r\n <p class=\"text text-more\" >It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem in Ipsum is that it has a more-or-less normal distribution of letters, as the opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search.</p>\r\n <div class=\"hotels-list--btns\"> \r\n <tent-button class=\"btn-more\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer m\u00E1s +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n <tent-button class=\"btn-minus\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer menos +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n </div> \r\n </div> \r\n <ul class=\"hotels-list--services bg-beige\"> \r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">Wifi gratuito en la habitaci\u00F3n</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n </ul> \r\n \r\n <div class=\"hotels-list--book\"> \r\n <tent-button type=\"dark-box-filled\" class=\"btn-small\" label=\"reservar ahora +\"></tent-button> \r\n \r\n </div> \r\n </div>\r\n <div class=\"hotels-list--item\">\r\n <div class=\"hotels-list--photo figure-content\">\r\n <figure class=\"figure-full\"\r\n style=\" background-image: url(/assets/tent/img/hotels.jpg);\" ></figure> \r\n \r\n </div> \r\n <div class=\"hotels-list--info bg-white\" [ngClass]=\"collapsed1 ? 'close' : 'open'\">\r\n <h2 class=\"hotels-list--tit title--38 color--camel\">tent <br>bah\u00EDa de palma</h2> \r\n <h3 class=\"subtitle--medium color--brown-dark\">mallorca </h3>\r\n <p class=\"text\">Many desktop publishing packages and web page editors now use the lorem ipsum various versions have evolved over the sometimes..</p>\r\n <p class=\"text text-more\" >It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem in Ipsum is that it has a more-or-less normal distribution of letters, as the opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search.</p>\r\n <div class=\"hotels-list--btns\"> \r\n <tent-button class=\"btn-more\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer m\u00E1s +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n <tent-button class=\"btn-minus\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer menos +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n </div> \r\n </div> \r\n <ul class=\"hotels-list--services bg-beige\"> \r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">Wifi gratuito en la habitaci\u00F3n</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n </ul> \r\n \r\n <div class=\"hotels-list--book\"> \r\n <tent-button type=\"dark-box-filled\" class=\"btn-small\" label=\"reservar ahora +\"></tent-button> \r\n \r\n </div> \r\n </div>\r\n <div class=\"hotels-list--item\">\r\n <div class=\"hotels-list--photo figure-content\">\r\n <figure class=\"figure-full\"\r\n style=\" background-image: url(/assets/tent/img/hotels.jpg);\" ></figure> \r\n \r\n </div> \r\n <div class=\"hotels-list--info bg-white\" [ngClass]=\"collapsed1 ? 'close' : 'open'\">\r\n <h2 class=\"hotels-list--tit title--38 color--camel\">tent <br>bah\u00EDa de palma</h2> \r\n <h3 class=\"subtitle--medium color--brown-dark\">mallorca </h3>\r\n <p class=\"text\">Many desktop publishing packages and web page editors now use the lorem ipsum various versions have evolved over the sometimes..</p>\r\n <p class=\"text text-more\" >It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem in Ipsum is that it has a more-or-less normal distribution of letters, as the opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search.</p>\r\n <div class=\"hotels-list--btns\"> \r\n <tent-button class=\"btn-more\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer m\u00E1s +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n <tent-button class=\"btn-minus\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer menos +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n </div> \r\n </div> \r\n <ul class=\"hotels-list--services bg-beige\"> \r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">Wifi gratuito en la habitaci\u00F3n</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n </ul> \r\n \r\n <div class=\"hotels-list--book\"> \r\n <tent-button type=\"dark-box-filled\" class=\"btn-small\" label=\"reservar ahora +\"></tent-button> \r\n \r\n </div> \r\n </div>\r\n <div class=\"hotels-list--item\">\r\n <div class=\"hotels-list--photo figure-content\">\r\n <figure class=\"figure-full\"\r\n style=\" background-image: url(/assets/tent/img/hotels.jpg);\" ></figure> \r\n \r\n </div> \r\n <div class=\"hotels-list--info bg-white\" [ngClass]=\"collapsed1 ? 'close' : 'open'\">\r\n <h2 class=\"hotels-list--tit title--38 color--camel\">tent <br>bah\u00EDa de palma</h2> \r\n <h3 class=\"subtitle--medium color--brown-dark\">mallorca </h3>\r\n <p class=\"text\">Many desktop publishing packages and web page editors now use the lorem ipsum various versions have evolved over the sometimes..</p>\r\n <p class=\"text text-more\" >It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem in Ipsum is that it has a more-or-less normal distribution of letters, as the opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search.</p>\r\n <div class=\"hotels-list--btns\"> \r\n <tent-button class=\"btn-more\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer m\u00E1s +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n <tent-button class=\"btn-minus\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer menos +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n </div> \r\n </div> \r\n <ul class=\"hotels-list--services bg-beige\"> \r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">Wifi gratuito en la habitaci\u00F3n</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n </ul> \r\n \r\n <div class=\"hotels-list--book\"> \r\n <tent-button type=\"dark-box-filled\" class=\"btn-small\" label=\"reservar ahora +\"></tent-button> \r\n \r\n </div> \r\n </div>\r\n <div class=\"hotels-list--item\">\r\n <div class=\"hotels-list--photo figure-content\">\r\n <figure class=\"figure-full\"\r\n style=\" background-image: url(/assets/tent/img/hotels.jpg);\" ></figure> \r\n \r\n </div> \r\n <div class=\"hotels-list--info bg-white\" [ngClass]=\"collapsed1 ? 'close' : 'open'\">\r\n <h2 class=\"hotels-list--tit title--38 color--camel\">tent <br>bah\u00EDa de palma</h2> \r\n <h3 class=\"subtitle--medium color--brown-dark\">mallorca </h3>\r\n <p class=\"text\">Many desktop publishing packages and web page editors now use the lorem ipsum various versions have evolved over the sometimes..</p>\r\n <p class=\"text text-more\" >It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem in Ipsum is that it has a more-or-less normal distribution of letters, as the opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search.</p>\r\n <div class=\"hotels-list--btns\"> \r\n <tent-button class=\"btn-more\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer m\u00E1s +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n <tent-button class=\"btn-minus\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer menos +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n </div> \r\n </div> \r\n <ul class=\"hotels-list--services bg-beige\"> \r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">Wifi gratuito en la habitaci\u00F3n</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n </ul> \r\n \r\n <div class=\"hotels-list--book\"> \r\n <tent-button type=\"dark-box-filled\" class=\"btn-small\" label=\"reservar ahora +\"></tent-button> \r\n \r\n </div> \r\n </div>\r\n <div class=\"hotels-list--item\">\r\n <div class=\"hotels-list--photo figure-content\">\r\n <figure class=\"figure-full\"\r\n style=\" background-image: url(/assets/tent/img/hotels.jpg);\" ></figure> \r\n \r\n </div> \r\n <div class=\"hotels-list--info bg-white\" [ngClass]=\"collapsed1 ? 'close' : 'open'\">\r\n <h2 class=\"hotels-list--tit title--38 color--camel\">tent <br>bah\u00EDa de palma</h2> \r\n <h3 class=\"subtitle--medium color--brown-dark\">mallorca </h3>\r\n <p class=\"text\">Many desktop publishing packages and web page editors now use the lorem ipsum various versions have evolved over the sometimes..</p>\r\n <p class=\"text text-more\" >It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem in Ipsum is that it has a more-or-less normal distribution of letters, as the opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search.</p>\r\n <div class=\"hotels-list--btns\"> \r\n <tent-button class=\"btn-more\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer m\u00E1s +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n <tent-button class=\"btn-minus\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer menos +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n </div> \r\n </div> \r\n <ul class=\"hotels-list--services bg-beige\"> \r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">Wifi gratuito en la habitaci\u00F3n</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n </ul> \r\n \r\n <div class=\"hotels-list--book\"> \r\n <tent-button type=\"dark-box-filled\" class=\"btn-small\" label=\"reservar ahora +\"></tent-button> \r\n \r\n </div> \r\n </div>\r\n <div class=\"hotels-list--item\">\r\n <div class=\"hotels-list--photo figure-content\">\r\n <figure class=\"figure-full\"\r\n style=\" background-image: url(/assets/tent/img/hotels.jpg);\" ></figure> \r\n \r\n </div> \r\n <div class=\"hotels-list--info bg-white\" [ngClass]=\"collapsed1 ? 'close' : 'open'\">\r\n <h2 class=\"hotels-list--tit title--38 color--camel\">tent <br>bah\u00EDa de palma</h2> \r\n <h3 class=\"subtitle--medium color--brown-dark\">mallorca </h3>\r\n <p class=\"text\">Many desktop publishing packages and web page editors now use the lorem ipsum various versions have evolved over the sometimes..</p>\r\n <p class=\"text text-more\" >It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem in Ipsum is that it has a more-or-less normal distribution of letters, as the opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search.</p>\r\n <div class=\"hotels-list--btns\"> \r\n <tent-button class=\"btn-more\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer m\u00E1s +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n <tent-button class=\"btn-minus\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer menos +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n </div> \r\n </div> \r\n <ul class=\"hotels-list--services bg-beige\"> \r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">Wifi gratuito en la habitaci\u00F3n</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n </ul> \r\n \r\n <div class=\"hotels-list--book\"> \r\n <tent-button type=\"dark-box-filled\" class=\"btn-small\" label=\"reservar ahora +\"></tent-button> \r\n \r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n\r\n<section class=\"module-info module-spacer--bottom\" >\r\n <div class=\"module-info--content wrapper-big\"> \r\n <div class=\"module-info--inner\">\r\n <div class=\"module-info--box \">\r\n <h3 class=\"module-info--title title--80 color--camel\">\r\n conoce otra forma de alojarte <span class=\"color--brown\">y descubre nuestros destinos </span>\r\n </h3>\r\n <div class=\"module-info--des\" >\r\n <p class=\"text\">many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy various versions have evolved over the years sometimes.</p>\r\n </div>\r\n </div> \r\n </div>\r\n </div> \r\n</section>", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:-.02em}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:-.02em;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{transition:var(--Stransition)}.figure-zoom:hover figure{transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.hotels-list--inner{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:40px}.hotels-list--item{width:100%}.hotels-list--photo{aspect-ratio:340/228;position:relative;overflow:hidden;width:100%;border-radius:12px 12px 0 0}.hotels-list--info{position:relative;padding:8px 20px;border:2px solid var(--color-border-header);border-top:none;border-bottom:none}.hotels-list--info .text{margin-top:15px}.hotels-list--info.close .btn-minus,.hotels-list--info.close .text-more,.hotels-list--info.open .btn-more{display:none}.hotels-list--tit{line-height:1;padding-bottom:10px}.hotels-list--btns{margin-top:15px;margin-bottom:20px}.hotels-list--services{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-wrap:wrap;border-radius:0 0 6px 6px;border:2px solid var(--color-border-header);border-top:none;padding:10px 20px}.hotels-list--services--item{width:100%;padding:6px 0;display:flex;align-items:center}.hotels-list--services--item:before{content:\"\";background-color:var(--color-badge-3);width:6px;height:6px;position:relative;left:0;display:inline-block;border-radius:100%;margin-right:15px}.hotels-list--book{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;padding:20px 0}.hotels-list--book .btn-small ::ng-deep .btn--box{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.hotels-list--content{position:relative;padding-top:25px}.hotels-list--content:before{content:\"\";height:100%;background-color:var(--color-background-2);position:absolute;top:0%;z-index:-1;border-radius:12px;width:100%;height:153px;left:0%}.hotels-list--inner{gap:50px;padding:0 28px}.hotels-list--photo{aspect-ratio:340/228}}@media (min-width: 768px){.hotels-list--content:before{content:none}.hotels-list--inner{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:60px 34px;padding:35px 0 0;position:relative}.hotels-list--inner:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;top:0%;z-index:-1;border-radius:12px;width:calc(100% + 52px);height:276px;left:-26px}.hotels-list--item{width:calc(50% - 17px)}.hotels-list--photo{aspect-ratio:313/210}}@media (min-width: 1024px){.hotels-list--inner{gap:60px 52px}.hotels-list--inner:before{width:calc(100% + 84px);height:264px;left:-42px}.hotels-list--item{width:calc(50% - 26px)}.hotels-list--photo{aspect-ratio:340/228}}@media (min-width: 1280px){.hotels-list--inner{gap:40px 34px;padding:35px 20px 0}.hotels-list--inner:before{height:276px;width:calc(100% + 40px);left:-20px}.hotels-list--item{width:calc(33% - 19px)}.hotels-list--photo{aspect-ratio:340/228}}@media (min-width: 1366px){.hotels-list--inner{gap:40px 48px;padding:35px 40px 0}.hotels-list--inner:before{width:calc(100% + 30px);left:-15px;height:250px}.hotels-list--item{width:calc(33% - 29px)}.hotels-list--photo{aspect-ratio:340/228}}@media (min-width: 1680px){.hotels-list--inner{gap:40px 32px;padding:50px 0 0}.hotels-list--inner:before{width:calc(100% + 80px);left:-40px;height:276px}.hotels-list--item{width:calc(25% - 24px)}}@media (min-width: 1800px){.hotels-list--inner{gap:40px 52px;padding:50px 0 0}.hotels-list--inner:before{width:calc(100% + 120px);left:-60px;height:278px}.hotels-list--item{width:calc(25% - 39px)}}.module-info--inner{padding:0}.module-info--box{padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.module-info--des{position:relative}@media (min-width: 540px){.module-info--box{padding:0 20px}}@media (min-width: 768px){.module-info--box{padding:0 16px}.module-info--title{padding-bottom:20px}}@media (min-width: 1024px){.module-info--box{padding:0 110px}}@media (min-width: 1280px){.module-info--box{padding:0 20px;gap:54px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:initial}.module-info--des,.module-info--title{width:50%}}@media (min-width: 1366px){.module-info--box{padding:0 60px;gap:54px}}@media (min-width: 1680px){.module-info--box{padding:0;gap:90px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "target", "closeButton"], outputs: ["btnClick"] }] }); }
|
|
15
|
+
}
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: HotelsListComponent, decorators: [{
|
|
17
|
+
type: Component,
|
|
18
|
+
args: [{ selector: 'tent-hotels-list', standalone: true, imports: [CommonModule, ButtonComponent], template: "\r\n<section class=\"hotels-list module-spacer--bottom\">\r\n <div class=\"hotels-list--content wrapper-big\"> \r\n <div class=\"hotels-list--inner\">\r\n <div class=\"hotels-list--item\">\r\n <div class=\"hotels-list--photo figure-content\">\r\n <figure class=\"figure-full\"\r\n style=\" background-image: url(/assets/tent/img/hotels.jpg);\" ></figure> \r\n \r\n </div> \r\n <div class=\"hotels-list--info bg-white\" [ngClass]=\"collapsed1 ? 'close' : 'open'\">\r\n <h2 class=\"hotels-list--tit title--38 color--camel\">tent <br>bah\u00EDa de palma</h2> \r\n <h3 class=\"subtitle--medium color--brown-dark\">mallorca </h3>\r\n <p class=\"text\">Many desktop publishing packages and web page editors now use the lorem ipsum various versions have evolved over the sometimes..</p>\r\n <p class=\"text text-more\" >It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem in Ipsum is that it has a more-or-less normal distribution of letters, as the opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search.</p>\r\n <div class=\"hotels-list--btns\"> \r\n <tent-button class=\"btn-more\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer m\u00E1s +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n <tent-button class=\"btn-minus\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer menos +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n </div> \r\n </div> \r\n <ul class=\"hotels-list--services bg-beige\"> \r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">Wifi gratuito en la habitaci\u00F3n</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n </ul> \r\n \r\n <div class=\"hotels-list--book\"> \r\n <tent-button type=\"dark-box-filled\" class=\"btn-small\" label=\"reservar ahora +\"></tent-button> \r\n \r\n </div> \r\n </div>\r\n <div class=\"hotels-list--item\">\r\n <div class=\"hotels-list--photo figure-content\">\r\n <figure class=\"figure-full\"\r\n style=\" background-image: url(/assets/tent/img/hotels.jpg);\" ></figure> \r\n \r\n </div> \r\n <div class=\"hotels-list--info bg-white\" [ngClass]=\"collapsed1 ? 'close' : 'open'\">\r\n <h2 class=\"hotels-list--tit title--38 color--camel\">tent <br>bah\u00EDa de palma</h2> \r\n <h3 class=\"subtitle--medium color--brown-dark\">mallorca </h3>\r\n <p class=\"text\">Many desktop publishing packages and web page editors now use the lorem ipsum various versions have evolved over the sometimes..</p>\r\n <p class=\"text text-more\" >It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem in Ipsum is that it has a more-or-less normal distribution of letters, as the opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search.</p>\r\n <div class=\"hotels-list--btns\"> \r\n <tent-button class=\"btn-more\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer m\u00E1s +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n <tent-button class=\"btn-minus\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer menos +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n </div> \r\n </div> \r\n <ul class=\"hotels-list--services bg-beige\"> \r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">Wifi gratuito en la habitaci\u00F3n</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n </ul> \r\n \r\n <div class=\"hotels-list--book\"> \r\n <tent-button type=\"dark-box-filled\" class=\"btn-small\" label=\"reservar ahora +\"></tent-button> \r\n \r\n </div> \r\n </div>\r\n <div class=\"hotels-list--item\">\r\n <div class=\"hotels-list--photo figure-content\">\r\n <figure class=\"figure-full\"\r\n style=\" background-image: url(/assets/tent/img/hotels.jpg);\" ></figure> \r\n \r\n </div> \r\n <div class=\"hotels-list--info bg-white\" [ngClass]=\"collapsed1 ? 'close' : 'open'\">\r\n <h2 class=\"hotels-list--tit title--38 color--camel\">tent <br>bah\u00EDa de palma</h2> \r\n <h3 class=\"subtitle--medium color--brown-dark\">mallorca </h3>\r\n <p class=\"text\">Many desktop publishing packages and web page editors now use the lorem ipsum various versions have evolved over the sometimes..</p>\r\n <p class=\"text text-more\" >It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem in Ipsum is that it has a more-or-less normal distribution of letters, as the opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search.</p>\r\n <div class=\"hotels-list--btns\"> \r\n <tent-button class=\"btn-more\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer m\u00E1s +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n <tent-button class=\"btn-minus\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer menos +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n </div> \r\n </div> \r\n <ul class=\"hotels-list--services bg-beige\"> \r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">Wifi gratuito en la habitaci\u00F3n</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n </ul> \r\n \r\n <div class=\"hotels-list--book\"> \r\n <tent-button type=\"dark-box-filled\" class=\"btn-small\" label=\"reservar ahora +\"></tent-button> \r\n \r\n </div> \r\n </div>\r\n <div class=\"hotels-list--item\">\r\n <div class=\"hotels-list--photo figure-content\">\r\n <figure class=\"figure-full\"\r\n style=\" background-image: url(/assets/tent/img/hotels.jpg);\" ></figure> \r\n \r\n </div> \r\n <div class=\"hotels-list--info bg-white\" [ngClass]=\"collapsed1 ? 'close' : 'open'\">\r\n <h2 class=\"hotels-list--tit title--38 color--camel\">tent <br>bah\u00EDa de palma</h2> \r\n <h3 class=\"subtitle--medium color--brown-dark\">mallorca </h3>\r\n <p class=\"text\">Many desktop publishing packages and web page editors now use the lorem ipsum various versions have evolved over the sometimes..</p>\r\n <p class=\"text text-more\" >It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem in Ipsum is that it has a more-or-less normal distribution of letters, as the opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search.</p>\r\n <div class=\"hotels-list--btns\"> \r\n <tent-button class=\"btn-more\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer m\u00E1s +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n <tent-button class=\"btn-minus\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer menos +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n </div> \r\n </div> \r\n <ul class=\"hotels-list--services bg-beige\"> \r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">Wifi gratuito en la habitaci\u00F3n</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n </ul> \r\n \r\n <div class=\"hotels-list--book\"> \r\n <tent-button type=\"dark-box-filled\" class=\"btn-small\" label=\"reservar ahora +\"></tent-button> \r\n \r\n </div> \r\n </div>\r\n <div class=\"hotels-list--item\">\r\n <div class=\"hotels-list--photo figure-content\">\r\n <figure class=\"figure-full\"\r\n style=\" background-image: url(/assets/tent/img/hotels.jpg);\" ></figure> \r\n \r\n </div> \r\n <div class=\"hotels-list--info bg-white\" [ngClass]=\"collapsed1 ? 'close' : 'open'\">\r\n <h2 class=\"hotels-list--tit title--38 color--camel\">tent <br>bah\u00EDa de palma</h2> \r\n <h3 class=\"subtitle--medium color--brown-dark\">mallorca </h3>\r\n <p class=\"text\">Many desktop publishing packages and web page editors now use the lorem ipsum various versions have evolved over the sometimes..</p>\r\n <p class=\"text text-more\" >It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem in Ipsum is that it has a more-or-less normal distribution of letters, as the opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search.</p>\r\n <div class=\"hotels-list--btns\"> \r\n <tent-button class=\"btn-more\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer m\u00E1s +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n <tent-button class=\"btn-minus\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer menos +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n </div> \r\n </div> \r\n <ul class=\"hotels-list--services bg-beige\"> \r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">Wifi gratuito en la habitaci\u00F3n</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n </ul> \r\n \r\n <div class=\"hotels-list--book\"> \r\n <tent-button type=\"dark-box-filled\" class=\"btn-small\" label=\"reservar ahora +\"></tent-button> \r\n \r\n </div> \r\n </div>\r\n <div class=\"hotels-list--item\">\r\n <div class=\"hotels-list--photo figure-content\">\r\n <figure class=\"figure-full\"\r\n style=\" background-image: url(/assets/tent/img/hotels.jpg);\" ></figure> \r\n \r\n </div> \r\n <div class=\"hotels-list--info bg-white\" [ngClass]=\"collapsed1 ? 'close' : 'open'\">\r\n <h2 class=\"hotels-list--tit title--38 color--camel\">tent <br>bah\u00EDa de palma</h2> \r\n <h3 class=\"subtitle--medium color--brown-dark\">mallorca </h3>\r\n <p class=\"text\">Many desktop publishing packages and web page editors now use the lorem ipsum various versions have evolved over the sometimes..</p>\r\n <p class=\"text text-more\" >It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem in Ipsum is that it has a more-or-less normal distribution of letters, as the opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search.</p>\r\n <div class=\"hotels-list--btns\"> \r\n <tent-button class=\"btn-more\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer m\u00E1s +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n <tent-button class=\"btn-minus\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer menos +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n </div> \r\n </div> \r\n <ul class=\"hotels-list--services bg-beige\"> \r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">Wifi gratuito en la habitaci\u00F3n</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n </ul> \r\n \r\n <div class=\"hotels-list--book\"> \r\n <tent-button type=\"dark-box-filled\" class=\"btn-small\" label=\"reservar ahora +\"></tent-button> \r\n \r\n </div> \r\n </div>\r\n <div class=\"hotels-list--item\">\r\n <div class=\"hotels-list--photo figure-content\">\r\n <figure class=\"figure-full\"\r\n style=\" background-image: url(/assets/tent/img/hotels.jpg);\" ></figure> \r\n \r\n </div> \r\n <div class=\"hotels-list--info bg-white\" [ngClass]=\"collapsed1 ? 'close' : 'open'\">\r\n <h2 class=\"hotels-list--tit title--38 color--camel\">tent <br>bah\u00EDa de palma</h2> \r\n <h3 class=\"subtitle--medium color--brown-dark\">mallorca </h3>\r\n <p class=\"text\">Many desktop publishing packages and web page editors now use the lorem ipsum various versions have evolved over the sometimes..</p>\r\n <p class=\"text text-more\" >It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem in Ipsum is that it has a more-or-less normal distribution of letters, as the opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search.</p>\r\n <div class=\"hotels-list--btns\"> \r\n <tent-button class=\"btn-more\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer m\u00E1s +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n <tent-button class=\"btn-minus\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer menos +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n </div> \r\n </div> \r\n <ul class=\"hotels-list--services bg-beige\"> \r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">Wifi gratuito en la habitaci\u00F3n</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n </ul> \r\n \r\n <div class=\"hotels-list--book\"> \r\n <tent-button type=\"dark-box-filled\" class=\"btn-small\" label=\"reservar ahora +\"></tent-button> \r\n \r\n </div> \r\n </div>\r\n <div class=\"hotels-list--item\">\r\n <div class=\"hotels-list--photo figure-content\">\r\n <figure class=\"figure-full\"\r\n style=\" background-image: url(/assets/tent/img/hotels.jpg);\" ></figure> \r\n \r\n </div> \r\n <div class=\"hotels-list--info bg-white\" [ngClass]=\"collapsed1 ? 'close' : 'open'\">\r\n <h2 class=\"hotels-list--tit title--38 color--camel\">tent <br>bah\u00EDa de palma</h2> \r\n <h3 class=\"subtitle--medium color--brown-dark\">mallorca </h3>\r\n <p class=\"text\">Many desktop publishing packages and web page editors now use the lorem ipsum various versions have evolved over the sometimes..</p>\r\n <p class=\"text text-more\" >It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem in Ipsum is that it has a more-or-less normal distribution of letters, as the opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search.</p>\r\n <div class=\"hotels-list--btns\"> \r\n <tent-button class=\"btn-more\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer m\u00E1s +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n <tent-button class=\"btn-minus\"\r\n type=\"dark-link\"\r\n icon=\"icon-plus1\"\r\n iconPosition=\"right\"\r\n label=\"leer menos +\" (click)=\"toggleCollapse1()\"></tent-button>\r\n </div> \r\n </div> \r\n <ul class=\"hotels-list--services bg-beige\"> \r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">Wifi gratuito en la habitaci\u00F3n</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n <li class=\"hotels-list--services--item\"> \r\n <p class=\"text\">beb & unlimited brunch</p> \r\n </li>\r\n </ul> \r\n \r\n <div class=\"hotels-list--book\"> \r\n <tent-button type=\"dark-box-filled\" class=\"btn-small\" label=\"reservar ahora +\"></tent-button> \r\n \r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n\r\n<section class=\"module-info module-spacer--bottom\" >\r\n <div class=\"module-info--content wrapper-big\"> \r\n <div class=\"module-info--inner\">\r\n <div class=\"module-info--box \">\r\n <h3 class=\"module-info--title title--80 color--camel\">\r\n conoce otra forma de alojarte <span class=\"color--brown\">y descubre nuestros destinos </span>\r\n </h3>\r\n <div class=\"module-info--des\" >\r\n <p class=\"text\">many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy various versions have evolved over the years sometimes.</p>\r\n </div>\r\n </div> \r\n </div>\r\n </div> \r\n</section>", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:-.02em;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:-.02em}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:-.04em}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:-.02em;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{transition:var(--Stransition)}.figure-zoom:hover figure{transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.hotels-list--inner{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:40px}.hotels-list--item{width:100%}.hotels-list--photo{aspect-ratio:340/228;position:relative;overflow:hidden;width:100%;border-radius:12px 12px 0 0}.hotels-list--info{position:relative;padding:8px 20px;border:2px solid var(--color-border-header);border-top:none;border-bottom:none}.hotels-list--info .text{margin-top:15px}.hotels-list--info.close .btn-minus,.hotels-list--info.close .text-more,.hotels-list--info.open .btn-more{display:none}.hotels-list--tit{line-height:1;padding-bottom:10px}.hotels-list--btns{margin-top:15px;margin-bottom:20px}.hotels-list--services{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-wrap:wrap;border-radius:0 0 6px 6px;border:2px solid var(--color-border-header);border-top:none;padding:10px 20px}.hotels-list--services--item{width:100%;padding:6px 0;display:flex;align-items:center}.hotels-list--services--item:before{content:\"\";background-color:var(--color-badge-3);width:6px;height:6px;position:relative;left:0;display:inline-block;border-radius:100%;margin-right:15px}.hotels-list--book{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;padding:20px 0}.hotels-list--book .btn-small ::ng-deep .btn--box{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.hotels-list--content{position:relative;padding-top:25px}.hotels-list--content:before{content:\"\";height:100%;background-color:var(--color-background-2);position:absolute;top:0%;z-index:-1;border-radius:12px;width:100%;height:153px;left:0%}.hotels-list--inner{gap:50px;padding:0 28px}.hotels-list--photo{aspect-ratio:340/228}}@media (min-width: 768px){.hotels-list--content:before{content:none}.hotels-list--inner{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:60px 34px;padding:35px 0 0;position:relative}.hotels-list--inner:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;top:0%;z-index:-1;border-radius:12px;width:calc(100% + 52px);height:276px;left:-26px}.hotels-list--item{width:calc(50% - 17px)}.hotels-list--photo{aspect-ratio:313/210}}@media (min-width: 1024px){.hotels-list--inner{gap:60px 52px}.hotels-list--inner:before{width:calc(100% + 84px);height:264px;left:-42px}.hotels-list--item{width:calc(50% - 26px)}.hotels-list--photo{aspect-ratio:340/228}}@media (min-width: 1280px){.hotels-list--inner{gap:40px 34px;padding:35px 20px 0}.hotels-list--inner:before{height:276px;width:calc(100% + 40px);left:-20px}.hotels-list--item{width:calc(33% - 19px)}.hotels-list--photo{aspect-ratio:340/228}}@media (min-width: 1366px){.hotels-list--inner{gap:40px 48px;padding:35px 40px 0}.hotels-list--inner:before{width:calc(100% + 30px);left:-15px;height:250px}.hotels-list--item{width:calc(33% - 29px)}.hotels-list--photo{aspect-ratio:340/228}}@media (min-width: 1680px){.hotels-list--inner{gap:40px 32px;padding:50px 0 0}.hotels-list--inner:before{width:calc(100% + 80px);left:-40px;height:276px}.hotels-list--item{width:calc(25% - 24px)}}@media (min-width: 1800px){.hotels-list--inner{gap:40px 52px;padding:50px 0 0}.hotels-list--inner:before{width:calc(100% + 120px);left:-60px;height:278px}.hotels-list--item{width:calc(25% - 39px)}}.module-info--inner{padding:0}.module-info--box{padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.module-info--des{position:relative}@media (min-width: 540px){.module-info--box{padding:0 20px}}@media (min-width: 768px){.module-info--box{padding:0 16px}.module-info--title{padding-bottom:20px}}@media (min-width: 1024px){.module-info--box{padding:0 110px}}@media (min-width: 1280px){.module-info--box{padding:0 20px;gap:54px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:initial}.module-info--des,.module-info--title{width:50%}}@media (min-width: 1366px){.module-info--box{padding:0 60px;gap:54px}}@media (min-width: 1680px){.module-info--box{padding:0;gap:90px}}\n"] }]
|
|
19
|
+
}] });
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG90ZWxzLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGVudC9zcmMvbGliL2NvbXBvbmVudHMvY29yZS9ob3RlbHMtbGlzdC9ob3RlbHMtbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ZW50L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2hvdGVscy1saXN0L2hvdGVscy1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7O0FBUXZFLE1BQU0sT0FBTyxtQkFBbUI7SUFQaEM7UUFRRSxlQUFVLEdBQUMsSUFBSSxDQUFDO0tBSWpCO0lBSEMsZUFBZTtRQUNiLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3JDLENBQUM7OEdBSlUsbUJBQW1CO2tHQUFuQixtQkFBbUIsNEVDVmhDLHdseUJBcVhVLGc0bkJEL1dFLFlBQVksNkhBQUMsZUFBZTs7MkZBSTNCLG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFDLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9taWMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3RlbnQtaG90ZWxzLWxpc3QnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSxCdXR0b25Db21wb25lbnRdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9ob3RlbHMtbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2hvdGVscy1saXN0LmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgSG90ZWxzTGlzdENvbXBvbmVudCB7XHJcbiAgY29sbGFwc2VkMT10cnVlO1xyXG4gIHRvZ2dsZUNvbGxhcHNlMSgpOiB2b2lkIHtcclxuICAgIHRoaXMuY29sbGFwc2VkMSA9ICF0aGlzLmNvbGxhcHNlZDE7IFxyXG4gIH1cclxufVxyXG4iLCJcclxuPHNlY3Rpb24gY2xhc3M9XCJob3RlbHMtbGlzdCBtb2R1bGUtc3BhY2VyLS1ib3R0b21cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJob3RlbHMtbGlzdC0tY29udGVudCB3cmFwcGVyLWJpZ1wiPiAgXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImhvdGVscy1saXN0LS1pbm5lclwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG90ZWxzLWxpc3QtLWl0ZW1cIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbHMtbGlzdC0tcGhvdG8gZmlndXJlLWNvbnRlbnRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZmlndXJlIGNsYXNzPVwiZmlndXJlLWZ1bGxcIlxyXG4gICAgICAgICAgICAgICAgICAgIHN0eWxlPVwiIGJhY2tncm91bmQtaW1hZ2U6IHVybCgvYXNzZXRzL3RlbnQvaW1nL2hvdGVscy5qcGcpO1wiID48L2ZpZ3VyZT4gIFxyXG4gICAgICAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgIDwvZGl2PiAgXHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG90ZWxzLWxpc3QtLWluZm8gYmctd2hpdGVcIiBbbmdDbGFzc109XCJjb2xsYXBzZWQxID8gJ2Nsb3NlJyA6ICdvcGVuJ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxoMiBjbGFzcz1cImhvdGVscy1saXN0LS10aXQgdGl0bGUtLTM4IGNvbG9yLS1jYW1lbFwiPnRlbnQgPGJyPmJhaMOtYSBkZSBwYWxtYTwvaDI+ICBcclxuICAgICAgICAgICAgICAgICAgICA8aDMgY2xhc3M9XCJzdWJ0aXRsZS0tbWVkaXVtIGNvbG9yLS1icm93bi1kYXJrXCI+bWFsbG9yY2EgPC9oMz5cclxuICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5NYW55IGRlc2t0b3AgcHVibGlzaGluZyBwYWNrYWdlcyBhbmQgd2ViIHBhZ2UgZWRpdG9ycyBub3cgdXNlIHRoZSBsb3JlbSBpcHN1bSB2YXJpb3VzIHZlcnNpb25zIGhhdmUgZXZvbHZlZCBvdmVyIHRoZSBzb21ldGltZXMuLjwvcD5cclxuICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHQgdGV4dC1tb3JlXCIgPkl0IGlzIGEgbG9uZyBlc3RhYmxpc2hlZCBmYWN0IHRoYXQgYSByZWFkZXIgd2lsbCBiZSBkaXN0cmFjdGVkICBieSB0aGUgcmVhZGFibGUgY29udGVudCBvZiBhIHBhZ2Ugd2hlbiBsb29raW5nIGF0IGl0cyBsYXlvdXQuIFRoZSBwb2ludCAgb2YgdXNpbmcgTG9yZW0gaW4gIElwc3VtIGlzIHRoYXQgaXQgaGFzIGEgbW9yZS1vci1sZXNzIG5vcm1hbCBkaXN0cmlidXRpb24gIG9mIGxldHRlcnMsIGFzIHRoZSBvcHBvc2VkIHRvIHVzaW5nICdDb250ZW50IGhlcmUsIGNvbnRlbnQgaGVyZScsIG1ha2luZyBpdCAgbG9vayBsaWtlIHJlYWRhYmxlIEVuZ2xpc2guIE1hbnkgZGVza3RvcCBwdWJsaXNoaW5nIHBhY2thZ2VzIGFuZCB3ZWIgIHBhZ2UgZWRpdG9ycyBub3cgdXNlIExvcmVtIElwc3VtIGFzIHRoZWlyIGRlZmF1bHQgbW9kZWwgdGV4dCwgYW5kIGEgIHNlYXJjaC48L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhvdGVscy1saXN0LS1idG5zXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8dGVudC1idXR0b24gY2xhc3M9XCJidG4tbW9yZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJkYXJrLWxpbmtcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBpY29uPVwiaWNvbi1wbHVzMVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGljb25Qb3NpdGlvbj1cInJpZ2h0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9XCJsZWVyIG3DoXMgK1wiICAoY2xpY2spPVwidG9nZ2xlQ29sbGFwc2UxKClcIj48L3RlbnQtYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8dGVudC1idXR0b24gY2xhc3M9XCJidG4tbWludXNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiZGFyay1saW5rXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj1cImljb24tcGx1czFcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBpY29uUG9zaXRpb249XCJyaWdodFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPVwibGVlciBtZW5vcyArXCIgIChjbGljayk9XCJ0b2dnbGVDb2xsYXBzZTEoKVwiPjwvdGVudC1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+IFxyXG4gICAgICAgICAgICAgICAgPC9kaXY+ICAgXHJcbiAgICAgICAgICAgICAgICA8dWwgY2xhc3M9XCJob3RlbHMtbGlzdC0tc2VydmljZXMgYmctYmVpZ2VcIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXNlcnZpY2VzLS1pdGVtXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5XaWZpIGdyYXR1aXRvIGVuIGxhIGhhYml0YWNpw7NuPC9wPiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXNlcnZpY2VzLS1pdGVtXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5iZWIgJiB1bmxpbWl0ZWQgYnJ1bmNoPC9wPiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXNlcnZpY2VzLS1pdGVtXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5iZWIgJiB1bmxpbWl0ZWQgYnJ1bmNoPC9wPiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXNlcnZpY2VzLS1pdGVtXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5iZWIgJiB1bmxpbWl0ZWQgYnJ1bmNoPC9wPiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICA8L3VsPiAgXHJcbiAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbHMtbGlzdC0tYm9va1wiPiBcclxuICAgICAgICAgICAgICAgICAgICA8dGVudC1idXR0b24gdHlwZT1cImRhcmstYm94LWZpbGxlZFwiIGNsYXNzPVwiYnRuLXNtYWxsXCIgIGxhYmVsPVwicmVzZXJ2YXIgYWhvcmEgK1wiPjwvdGVudC1idXR0b24+IFxyXG4gICAgICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICA8L2Rpdj4gXHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG90ZWxzLWxpc3QtLWl0ZW1cIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbHMtbGlzdC0tcGhvdG8gZmlndXJlLWNvbnRlbnRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZmlndXJlIGNsYXNzPVwiZmlndXJlLWZ1bGxcIlxyXG4gICAgICAgICAgICAgICAgICAgIHN0eWxlPVwiIGJhY2tncm91bmQtaW1hZ2U6IHVybCgvYXNzZXRzL3RlbnQvaW1nL2hvdGVscy5qcGcpO1wiID48L2ZpZ3VyZT4gIFxyXG4gICAgICAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgIDwvZGl2PiAgXHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG90ZWxzLWxpc3QtLWluZm8gIGJnLXdoaXRlXCIgW25nQ2xhc3NdPVwiY29sbGFwc2VkMSA/ICdjbG9zZScgOiAnb3BlbidcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aDIgY2xhc3M9XCJob3RlbHMtbGlzdC0tdGl0IHRpdGxlLS0zOCBjb2xvci0tY2FtZWxcIj50ZW50IDxicj5iYWjDrWEgZGUgcGFsbWE8L2gyPiAgXHJcbiAgICAgICAgICAgICAgICAgICAgPGgzIGNsYXNzPVwic3VidGl0bGUtLW1lZGl1bSBjb2xvci0tYnJvd24tZGFya1wiPm1hbGxvcmNhIDwvaDM+XHJcbiAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0XCI+TWFueSBkZXNrdG9wIHB1Ymxpc2hpbmcgcGFja2FnZXMgYW5kIHdlYiBwYWdlIGVkaXRvcnMgbm93IHVzZSB0aGUgbG9yZW0gaXBzdW0gdmFyaW91cyB2ZXJzaW9ucyBoYXZlIGV2b2x2ZWQgb3ZlciB0aGUgc29tZXRpbWVzLi48L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0IHRleHQtbW9yZVwiID5JdCBpcyBhIGxvbmcgZXN0YWJsaXNoZWQgZmFjdCB0aGF0IGEgcmVhZGVyIHdpbGwgYmUgZGlzdHJhY3RlZCAgYnkgdGhlIHJlYWRhYmxlIGNvbnRlbnQgb2YgYSBwYWdlIHdoZW4gbG9va2luZyBhdCBpdHMgbGF5b3V0LiBUaGUgcG9pbnQgIG9mIHVzaW5nIExvcmVtIGluICBJcHN1bSBpcyB0aGF0IGl0IGhhcyBhIG1vcmUtb3ItbGVzcyBub3JtYWwgZGlzdHJpYnV0aW9uICBvZiBsZXR0ZXJzLCBhcyB0aGUgb3Bwb3NlZCB0byB1c2luZyAnQ29udGVudCBoZXJlLCBjb250ZW50IGhlcmUnLCBtYWtpbmcgaXQgIGxvb2sgbGlrZSByZWFkYWJsZSBFbmdsaXNoLiBNYW55IGRlc2t0b3AgcHVibGlzaGluZyBwYWNrYWdlcyBhbmQgd2ViICBwYWdlIGVkaXRvcnMgbm93IHVzZSBMb3JlbSBJcHN1bSBhcyB0aGVpciBkZWZhdWx0IG1vZGVsIHRleHQsIGFuZCBhICBzZWFyY2guPC9wPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbHMtbGlzdC0tYnRuc1wiPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPHRlbnQtYnV0dG9uIGNsYXNzPVwiYnRuLW1vcmVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiZGFyay1saW5rXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj1cImljb24tcGx1czFcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBpY29uUG9zaXRpb249XCJyaWdodFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPVwibGVlciBtw6FzICtcIiAgKGNsaWNrKT1cInRvZ2dsZUNvbGxhcHNlMSgpXCI+PC90ZW50LWJ1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHRlbnQtYnV0dG9uIGNsYXNzPVwiYnRuLW1pbnVzXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cImRhcmstbGlua1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGljb249XCJpY29uLXBsdXMxXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgaWNvblBvc2l0aW9uPVwicmlnaHRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD1cImxlZXIgbWVub3MgK1wiICAoY2xpY2spPVwidG9nZ2xlQ29sbGFwc2UxKClcIj48L3RlbnQtYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PiBcclxuICAgICAgICAgICAgICAgIDwvZGl2PiAgIFxyXG4gICAgICAgICAgICAgICAgPHVsIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXNlcnZpY2VzIGJnLWJlaWdlXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cImhvdGVscy1saXN0LS1zZXJ2aWNlcy0taXRlbVwiPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0XCI+V2lmaSBncmF0dWl0byBlbiBsYSBoYWJpdGFjacOzbjwvcD4gICBcclxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cImhvdGVscy1saXN0LS1zZXJ2aWNlcy0taXRlbVwiPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0XCI+YmViICYgdW5saW1pdGVkIGJydW5jaDwvcD4gICBcclxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cImhvdGVscy1saXN0LS1zZXJ2aWNlcy0taXRlbVwiPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0XCI+YmViICYgdW5saW1pdGVkIGJydW5jaDwvcD4gICBcclxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cImhvdGVscy1saXN0LS1zZXJ2aWNlcy0taXRlbVwiPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0XCI+YmViICYgdW5saW1pdGVkIGJydW5jaDwvcD4gICBcclxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgPC91bD4gIFxyXG4gICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG90ZWxzLWxpc3QtLWJvb2tcIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgPHRlbnQtYnV0dG9uIHR5cGU9XCJkYXJrLWJveC1maWxsZWRcIiBjbGFzcz1cImJ0bi1zbWFsbFwiICBsYWJlbD1cInJlc2VydmFyIGFob3JhICtcIj48L3RlbnQtYnV0dG9uPiBcclxuICAgICAgICAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAgICAgPC9kaXY+IFxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhvdGVscy1saXN0LS1pdGVtXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG90ZWxzLWxpc3QtLXBob3RvIGZpZ3VyZS1jb250ZW50XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGZpZ3VyZSBjbGFzcz1cImZpZ3VyZS1mdWxsXCJcclxuICAgICAgICAgICAgICAgICAgICBzdHlsZT1cIiBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoL2Fzc2V0cy90ZW50L2ltZy9ob3RlbHMuanBnKTtcIiA+PC9maWd1cmU+ICBcclxuICAgICAgICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICA8L2Rpdj4gIFxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhvdGVscy1saXN0LS1pbmZvICBiZy13aGl0ZVwiIFtuZ0NsYXNzXT1cImNvbGxhcHNlZDEgPyAnY2xvc2UnIDogJ29wZW4nXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXRpdCB0aXRsZS0tMzggY29sb3ItLWNhbWVsXCI+dGVudCA8YnI+YmFow61hIGRlIHBhbG1hPC9oMj4gIFxyXG4gICAgICAgICAgICAgICAgICAgIDxoMyBjbGFzcz1cInN1YnRpdGxlLS1tZWRpdW0gY29sb3ItLWJyb3duLWRhcmtcIj5tYWxsb3JjYSA8L2gzPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dFwiPk1hbnkgZGVza3RvcCBwdWJsaXNoaW5nIHBhY2thZ2VzIGFuZCB3ZWIgcGFnZSBlZGl0b3JzIG5vdyB1c2UgdGhlIGxvcmVtIGlwc3VtIHZhcmlvdXMgdmVyc2lvbnMgaGF2ZSBldm9sdmVkIG92ZXIgdGhlIHNvbWV0aW1lcy4uPC9wPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dCB0ZXh0LW1vcmVcIiA+SXQgaXMgYSBsb25nIGVzdGFibGlzaGVkIGZhY3QgdGhhdCBhIHJlYWRlciB3aWxsIGJlIGRpc3RyYWN0ZWQgIGJ5IHRoZSByZWFkYWJsZSBjb250ZW50IG9mIGEgcGFnZSB3aGVuIGxvb2tpbmcgYXQgaXRzIGxheW91dC4gVGhlIHBvaW50ICBvZiB1c2luZyBMb3JlbSBpbiAgSXBzdW0gaXMgdGhhdCBpdCBoYXMgYSBtb3JlLW9yLWxlc3Mgbm9ybWFsIGRpc3RyaWJ1dGlvbiAgb2YgbGV0dGVycywgYXMgdGhlIG9wcG9zZWQgdG8gdXNpbmcgJ0NvbnRlbnQgaGVyZSwgY29udGVudCBoZXJlJywgbWFraW5nIGl0ICBsb29rIGxpa2UgcmVhZGFibGUgRW5nbGlzaC4gTWFueSBkZXNrdG9wIHB1Ymxpc2hpbmcgcGFja2FnZXMgYW5kIHdlYiAgcGFnZSBlZGl0b3JzIG5vdyB1c2UgTG9yZW0gSXBzdW0gYXMgdGhlaXIgZGVmYXVsdCBtb2RlbCB0ZXh0LCBhbmQgYSAgc2VhcmNoLjwvcD5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG90ZWxzLWxpc3QtLWJ0bnNcIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZW50LWJ1dHRvbiBjbGFzcz1cImJ0bi1tb3JlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cImRhcmstbGlua1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGljb249XCJpY29uLXBsdXMxXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgaWNvblBvc2l0aW9uPVwicmlnaHRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD1cImxlZXIgbcOhcyArXCIgIChjbGljayk9XCJ0b2dnbGVDb2xsYXBzZTEoKVwiPjwvdGVudC1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZW50LWJ1dHRvbiBjbGFzcz1cImJ0bi1taW51c1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJkYXJrLWxpbmtcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBpY29uPVwiaWNvbi1wbHVzMVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGljb25Qb3NpdGlvbj1cInJpZ2h0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9XCJsZWVyIG1lbm9zICtcIiAgKGNsaWNrKT1cInRvZ2dsZUNvbGxhcHNlMSgpXCI+PC90ZW50LWJ1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj4gXHJcbiAgICAgICAgICAgICAgICA8L2Rpdj4gICBcclxuICAgICAgICAgICAgICAgIDx1bCBjbGFzcz1cImhvdGVscy1saXN0LS1zZXJ2aWNlcyBiZy1iZWlnZVwiPiBcclxuICAgICAgICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJob3RlbHMtbGlzdC0tc2VydmljZXMtLWl0ZW1cIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dFwiPldpZmkgZ3JhdHVpdG8gZW4gbGEgaGFiaXRhY2nDs248L3A+ICAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJob3RlbHMtbGlzdC0tc2VydmljZXMtLWl0ZW1cIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dFwiPmJlYiAmIHVubGltaXRlZCBicnVuY2g8L3A+ICAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJob3RlbHMtbGlzdC0tc2VydmljZXMtLWl0ZW1cIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dFwiPmJlYiAmIHVubGltaXRlZCBicnVuY2g8L3A+ICAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJob3RlbHMtbGlzdC0tc2VydmljZXMtLWl0ZW1cIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dFwiPmJlYiAmIHVubGltaXRlZCBicnVuY2g8L3A+ICAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgIDwvdWw+ICBcclxuICAgICAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhvdGVscy1saXN0LS1ib29rXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgIDx0ZW50LWJ1dHRvbiB0eXBlPVwiZGFyay1ib3gtZmlsbGVkXCIgY2xhc3M9XCJidG4tc21hbGxcIiAgbGFiZWw9XCJyZXNlcnZhciBhaG9yYSArXCI+PC90ZW50LWJ1dHRvbj4gXHJcbiAgICAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgIDwvZGl2PiBcclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbHMtbGlzdC0taXRlbVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhvdGVscy1saXN0LS1waG90byBmaWd1cmUtY29udGVudFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxmaWd1cmUgY2xhc3M9XCJmaWd1cmUtZnVsbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgc3R5bGU9XCIgYmFja2dyb3VuZC1pbWFnZTogdXJsKC9hc3NldHMvdGVudC9pbWcvaG90ZWxzLmpwZyk7XCIgPjwvZmlndXJlPiAgXHJcbiAgICAgICAgICAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAgICAgPC9kaXY+ICBcclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbHMtbGlzdC0taW5mbyAgYmctd2hpdGVcIiBbbmdDbGFzc109XCJjb2xsYXBzZWQxID8gJ2Nsb3NlJyA6ICdvcGVuJ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxoMiBjbGFzcz1cImhvdGVscy1saXN0LS10aXQgdGl0bGUtLTM4IGNvbG9yLS1jYW1lbFwiPnRlbnQgPGJyPmJhaMOtYSBkZSBwYWxtYTwvaDI+ICBcclxuICAgICAgICAgICAgICAgICAgICA8aDMgY2xhc3M9XCJzdWJ0aXRsZS0tbWVkaXVtIGNvbG9yLS1icm93bi1kYXJrXCI+bWFsbG9yY2EgPC9oMz5cclxuICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5NYW55IGRlc2t0b3AgcHVibGlzaGluZyBwYWNrYWdlcyBhbmQgd2ViIHBhZ2UgZWRpdG9ycyBub3cgdXNlIHRoZSBsb3JlbSBpcHN1bSB2YXJpb3VzIHZlcnNpb25zIGhhdmUgZXZvbHZlZCBvdmVyIHRoZSBzb21ldGltZXMuLjwvcD5cclxuICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHQgdGV4dC1tb3JlXCIgPkl0IGlzIGEgbG9uZyBlc3RhYmxpc2hlZCBmYWN0IHRoYXQgYSByZWFkZXIgd2lsbCBiZSBkaXN0cmFjdGVkICBieSB0aGUgcmVhZGFibGUgY29udGVudCBvZiBhIHBhZ2Ugd2hlbiBsb29raW5nIGF0IGl0cyBsYXlvdXQuIFRoZSBwb2ludCAgb2YgdXNpbmcgTG9yZW0gaW4gIElwc3VtIGlzIHRoYXQgaXQgaGFzIGEgbW9yZS1vci1sZXNzIG5vcm1hbCBkaXN0cmlidXRpb24gIG9mIGxldHRlcnMsIGFzIHRoZSBvcHBvc2VkIHRvIHVzaW5nICdDb250ZW50IGhlcmUsIGNvbnRlbnQgaGVyZScsIG1ha2luZyBpdCAgbG9vayBsaWtlIHJlYWRhYmxlIEVuZ2xpc2guIE1hbnkgZGVza3RvcCBwdWJsaXNoaW5nIHBhY2thZ2VzIGFuZCB3ZWIgIHBhZ2UgZWRpdG9ycyBub3cgdXNlIExvcmVtIElwc3VtIGFzIHRoZWlyIGRlZmF1bHQgbW9kZWwgdGV4dCwgYW5kIGEgIHNlYXJjaC48L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhvdGVscy1saXN0LS1idG5zXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8dGVudC1idXR0b24gY2xhc3M9XCJidG4tbW9yZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJkYXJrLWxpbmtcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBpY29uPVwiaWNvbi1wbHVzMVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGljb25Qb3NpdGlvbj1cInJpZ2h0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9XCJsZWVyIG3DoXMgK1wiICAoY2xpY2spPVwidG9nZ2xlQ29sbGFwc2UxKClcIj48L3RlbnQtYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8dGVudC1idXR0b24gY2xhc3M9XCJidG4tbWludXNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiZGFyay1saW5rXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj1cImljb24tcGx1czFcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBpY29uUG9zaXRpb249XCJyaWdodFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPVwibGVlciBtZW5vcyArXCIgIChjbGljayk9XCJ0b2dnbGVDb2xsYXBzZTEoKVwiPjwvdGVudC1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+IFxyXG4gICAgICAgICAgICAgICAgPC9kaXY+ICAgXHJcbiAgICAgICAgICAgICAgICA8dWwgY2xhc3M9XCJob3RlbHMtbGlzdC0tc2VydmljZXMgYmctYmVpZ2VcIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXNlcnZpY2VzLS1pdGVtXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5XaWZpIGdyYXR1aXRvIGVuIGxhIGhhYml0YWNpw7NuPC9wPiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXNlcnZpY2VzLS1pdGVtXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5iZWIgJiB1bmxpbWl0ZWQgYnJ1bmNoPC9wPiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXNlcnZpY2VzLS1pdGVtXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5iZWIgJiB1bmxpbWl0ZWQgYnJ1bmNoPC9wPiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXNlcnZpY2VzLS1pdGVtXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5iZWIgJiB1bmxpbWl0ZWQgYnJ1bmNoPC9wPiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICA8L3VsPiAgXHJcbiAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbHMtbGlzdC0tYm9va1wiPiBcclxuICAgICAgICAgICAgICAgICAgICA8dGVudC1idXR0b24gdHlwZT1cImRhcmstYm94LWZpbGxlZFwiIGNsYXNzPVwiYnRuLXNtYWxsXCIgIGxhYmVsPVwicmVzZXJ2YXIgYWhvcmEgK1wiPjwvdGVudC1idXR0b24+IFxyXG4gICAgICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICA8L2Rpdj4gXHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG90ZWxzLWxpc3QtLWl0ZW1cIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbHMtbGlzdC0tcGhvdG8gZmlndXJlLWNvbnRlbnRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZmlndXJlIGNsYXNzPVwiZmlndXJlLWZ1bGxcIlxyXG4gICAgICAgICAgICAgICAgICAgIHN0eWxlPVwiIGJhY2tncm91bmQtaW1hZ2U6IHVybCgvYXNzZXRzL3RlbnQvaW1nL2hvdGVscy5qcGcpO1wiID48L2ZpZ3VyZT4gIFxyXG4gICAgICAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgIDwvZGl2PiAgXHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG90ZWxzLWxpc3QtLWluZm8gYmctd2hpdGVcIiBbbmdDbGFzc109XCJjb2xsYXBzZWQxID8gJ2Nsb3NlJyA6ICdvcGVuJ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxoMiBjbGFzcz1cImhvdGVscy1saXN0LS10aXQgdGl0bGUtLTM4IGNvbG9yLS1jYW1lbFwiPnRlbnQgPGJyPmJhaMOtYSBkZSBwYWxtYTwvaDI+ICBcclxuICAgICAgICAgICAgICAgICAgICA8aDMgY2xhc3M9XCJzdWJ0aXRsZS0tbWVkaXVtIGNvbG9yLS1icm93bi1kYXJrXCI+bWFsbG9yY2EgPC9oMz5cclxuICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5NYW55IGRlc2t0b3AgcHVibGlzaGluZyBwYWNrYWdlcyBhbmQgd2ViIHBhZ2UgZWRpdG9ycyBub3cgdXNlIHRoZSBsb3JlbSBpcHN1bSB2YXJpb3VzIHZlcnNpb25zIGhhdmUgZXZvbHZlZCBvdmVyIHRoZSBzb21ldGltZXMuLjwvcD5cclxuICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHQgdGV4dC1tb3JlXCIgPkl0IGlzIGEgbG9uZyBlc3RhYmxpc2hlZCBmYWN0IHRoYXQgYSByZWFkZXIgd2lsbCBiZSBkaXN0cmFjdGVkICBieSB0aGUgcmVhZGFibGUgY29udGVudCBvZiBhIHBhZ2Ugd2hlbiBsb29raW5nIGF0IGl0cyBsYXlvdXQuIFRoZSBwb2ludCAgb2YgdXNpbmcgTG9yZW0gaW4gIElwc3VtIGlzIHRoYXQgaXQgaGFzIGEgbW9yZS1vci1sZXNzIG5vcm1hbCBkaXN0cmlidXRpb24gIG9mIGxldHRlcnMsIGFzIHRoZSBvcHBvc2VkIHRvIHVzaW5nICdDb250ZW50IGhlcmUsIGNvbnRlbnQgaGVyZScsIG1ha2luZyBpdCAgbG9vayBsaWtlIHJlYWRhYmxlIEVuZ2xpc2guIE1hbnkgZGVza3RvcCBwdWJsaXNoaW5nIHBhY2thZ2VzIGFuZCB3ZWIgIHBhZ2UgZWRpdG9ycyBub3cgdXNlIExvcmVtIElwc3VtIGFzIHRoZWlyIGRlZmF1bHQgbW9kZWwgdGV4dCwgYW5kIGEgIHNlYXJjaC48L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhvdGVscy1saXN0LS1idG5zXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8dGVudC1idXR0b24gY2xhc3M9XCJidG4tbW9yZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJkYXJrLWxpbmtcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBpY29uPVwiaWNvbi1wbHVzMVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGljb25Qb3NpdGlvbj1cInJpZ2h0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9XCJsZWVyIG3DoXMgK1wiICAoY2xpY2spPVwidG9nZ2xlQ29sbGFwc2UxKClcIj48L3RlbnQtYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8dGVudC1idXR0b24gY2xhc3M9XCJidG4tbWludXNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiZGFyay1saW5rXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj1cImljb24tcGx1czFcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBpY29uUG9zaXRpb249XCJyaWdodFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPVwibGVlciBtZW5vcyArXCIgIChjbGljayk9XCJ0b2dnbGVDb2xsYXBzZTEoKVwiPjwvdGVudC1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+IFxyXG4gICAgICAgICAgICAgICAgPC9kaXY+ICAgXHJcbiAgICAgICAgICAgICAgICA8dWwgY2xhc3M9XCJob3RlbHMtbGlzdC0tc2VydmljZXMgYmctYmVpZ2VcIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXNlcnZpY2VzLS1pdGVtXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5XaWZpIGdyYXR1aXRvIGVuIGxhIGhhYml0YWNpw7NuPC9wPiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXNlcnZpY2VzLS1pdGVtXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5iZWIgJiB1bmxpbWl0ZWQgYnJ1bmNoPC9wPiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXNlcnZpY2VzLS1pdGVtXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5iZWIgJiB1bmxpbWl0ZWQgYnJ1bmNoPC9wPiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXNlcnZpY2VzLS1pdGVtXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5iZWIgJiB1bmxpbWl0ZWQgYnJ1bmNoPC9wPiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICA8L3VsPiAgXHJcbiAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbHMtbGlzdC0tYm9va1wiPiBcclxuICAgICAgICAgICAgICAgICAgICA8dGVudC1idXR0b24gdHlwZT1cImRhcmstYm94LWZpbGxlZFwiIGNsYXNzPVwiYnRuLXNtYWxsXCIgIGxhYmVsPVwicmVzZXJ2YXIgYWhvcmEgK1wiPjwvdGVudC1idXR0b24+IFxyXG4gICAgICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICA8L2Rpdj4gXHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG90ZWxzLWxpc3QtLWl0ZW1cIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbHMtbGlzdC0tcGhvdG8gZmlndXJlLWNvbnRlbnRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZmlndXJlIGNsYXNzPVwiZmlndXJlLWZ1bGxcIlxyXG4gICAgICAgICAgICAgICAgICAgIHN0eWxlPVwiIGJhY2tncm91bmQtaW1hZ2U6IHVybCgvYXNzZXRzL3RlbnQvaW1nL2hvdGVscy5qcGcpO1wiID48L2ZpZ3VyZT4gIFxyXG4gICAgICAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgIDwvZGl2PiAgXHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG90ZWxzLWxpc3QtLWluZm8gIGJnLXdoaXRlXCIgW25nQ2xhc3NdPVwiY29sbGFwc2VkMSA/ICdjbG9zZScgOiAnb3BlbidcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aDIgY2xhc3M9XCJob3RlbHMtbGlzdC0tdGl0IHRpdGxlLS0zOCBjb2xvci0tY2FtZWxcIj50ZW50IDxicj5iYWjDrWEgZGUgcGFsbWE8L2gyPiAgXHJcbiAgICAgICAgICAgICAgICAgICAgPGgzIGNsYXNzPVwic3VidGl0bGUtLW1lZGl1bSBjb2xvci0tYnJvd24tZGFya1wiPm1hbGxvcmNhIDwvaDM+XHJcbiAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0XCI+TWFueSBkZXNrdG9wIHB1Ymxpc2hpbmcgcGFja2FnZXMgYW5kIHdlYiBwYWdlIGVkaXRvcnMgbm93IHVzZSB0aGUgbG9yZW0gaXBzdW0gdmFyaW91cyB2ZXJzaW9ucyBoYXZlIGV2b2x2ZWQgb3ZlciB0aGUgc29tZXRpbWVzLi48L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0IHRleHQtbW9yZVwiID5JdCBpcyBhIGxvbmcgZXN0YWJsaXNoZWQgZmFjdCB0aGF0IGEgcmVhZGVyIHdpbGwgYmUgZGlzdHJhY3RlZCAgYnkgdGhlIHJlYWRhYmxlIGNvbnRlbnQgb2YgYSBwYWdlIHdoZW4gbG9va2luZyBhdCBpdHMgbGF5b3V0LiBUaGUgcG9pbnQgIG9mIHVzaW5nIExvcmVtIGluICBJcHN1bSBpcyB0aGF0IGl0IGhhcyBhIG1vcmUtb3ItbGVzcyBub3JtYWwgZGlzdHJpYnV0aW9uICBvZiBsZXR0ZXJzLCBhcyB0aGUgb3Bwb3NlZCB0byB1c2luZyAnQ29udGVudCBoZXJlLCBjb250ZW50IGhlcmUnLCBtYWtpbmcgaXQgIGxvb2sgbGlrZSByZWFkYWJsZSBFbmdsaXNoLiBNYW55IGRlc2t0b3AgcHVibGlzaGluZyBwYWNrYWdlcyBhbmQgd2ViICBwYWdlIGVkaXRvcnMgbm93IHVzZSBMb3JlbSBJcHN1bSBhcyB0aGVpciBkZWZhdWx0IG1vZGVsIHRleHQsIGFuZCBhICBzZWFyY2guPC9wPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbHMtbGlzdC0tYnRuc1wiPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPHRlbnQtYnV0dG9uIGNsYXNzPVwiYnRuLW1vcmVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiZGFyay1saW5rXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj1cImljb24tcGx1czFcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBpY29uUG9zaXRpb249XCJyaWdodFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPVwibGVlciBtw6FzICtcIiAgKGNsaWNrKT1cInRvZ2dsZUNvbGxhcHNlMSgpXCI+PC90ZW50LWJ1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHRlbnQtYnV0dG9uIGNsYXNzPVwiYnRuLW1pbnVzXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cImRhcmstbGlua1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGljb249XCJpY29uLXBsdXMxXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgaWNvblBvc2l0aW9uPVwicmlnaHRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD1cImxlZXIgbWVub3MgK1wiICAoY2xpY2spPVwidG9nZ2xlQ29sbGFwc2UxKClcIj48L3RlbnQtYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PiBcclxuICAgICAgICAgICAgICAgIDwvZGl2PiAgIFxyXG4gICAgICAgICAgICAgICAgPHVsIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXNlcnZpY2VzIGJnLWJlaWdlXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cImhvdGVscy1saXN0LS1zZXJ2aWNlcy0taXRlbVwiPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0XCI+V2lmaSBncmF0dWl0byBlbiBsYSBoYWJpdGFjacOzbjwvcD4gICBcclxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cImhvdGVscy1saXN0LS1zZXJ2aWNlcy0taXRlbVwiPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0XCI+YmViICYgdW5saW1pdGVkIGJydW5jaDwvcD4gICBcclxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cImhvdGVscy1saXN0LS1zZXJ2aWNlcy0taXRlbVwiPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0XCI+YmViICYgdW5saW1pdGVkIGJydW5jaDwvcD4gICBcclxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgICAgIDxsaSBjbGFzcz1cImhvdGVscy1saXN0LS1zZXJ2aWNlcy0taXRlbVwiPiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0XCI+YmViICYgdW5saW1pdGVkIGJydW5jaDwvcD4gICBcclxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgPC91bD4gIFxyXG4gICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG90ZWxzLWxpc3QtLWJvb2tcIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgPHRlbnQtYnV0dG9uIHR5cGU9XCJkYXJrLWJveC1maWxsZWRcIiBjbGFzcz1cImJ0bi1zbWFsbFwiICBsYWJlbD1cInJlc2VydmFyIGFob3JhICtcIj48L3RlbnQtYnV0dG9uPiBcclxuICAgICAgICAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAgICAgPC9kaXY+IFxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhvdGVscy1saXN0LS1pdGVtXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG90ZWxzLWxpc3QtLXBob3RvIGZpZ3VyZS1jb250ZW50XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGZpZ3VyZSBjbGFzcz1cImZpZ3VyZS1mdWxsXCJcclxuICAgICAgICAgICAgICAgICAgICBzdHlsZT1cIiBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoL2Fzc2V0cy90ZW50L2ltZy9ob3RlbHMuanBnKTtcIiA+PC9maWd1cmU+ICBcclxuICAgICAgICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICA8L2Rpdj4gIFxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhvdGVscy1saXN0LS1pbmZvICBiZy13aGl0ZVwiIFtuZ0NsYXNzXT1cImNvbGxhcHNlZDEgPyAnY2xvc2UnIDogJ29wZW4nXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXRpdCB0aXRsZS0tMzggY29sb3ItLWNhbWVsXCI+dGVudCA8YnI+YmFow61hIGRlIHBhbG1hPC9oMj4gIFxyXG4gICAgICAgICAgICAgICAgICAgIDxoMyBjbGFzcz1cInN1YnRpdGxlLS1tZWRpdW0gY29sb3ItLWJyb3duLWRhcmtcIj5tYWxsb3JjYSA8L2gzPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dFwiPk1hbnkgZGVza3RvcCBwdWJsaXNoaW5nIHBhY2thZ2VzIGFuZCB3ZWIgcGFnZSBlZGl0b3JzIG5vdyB1c2UgdGhlIGxvcmVtIGlwc3VtIHZhcmlvdXMgdmVyc2lvbnMgaGF2ZSBldm9sdmVkIG92ZXIgdGhlIHNvbWV0aW1lcy4uPC9wPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dCB0ZXh0LW1vcmVcIiA+SXQgaXMgYSBsb25nIGVzdGFibGlzaGVkIGZhY3QgdGhhdCBhIHJlYWRlciB3aWxsIGJlIGRpc3RyYWN0ZWQgIGJ5IHRoZSByZWFkYWJsZSBjb250ZW50IG9mIGEgcGFnZSB3aGVuIGxvb2tpbmcgYXQgaXRzIGxheW91dC4gVGhlIHBvaW50ICBvZiB1c2luZyBMb3JlbSBpbiAgSXBzdW0gaXMgdGhhdCBpdCBoYXMgYSBtb3JlLW9yLWxlc3Mgbm9ybWFsIGRpc3RyaWJ1dGlvbiAgb2YgbGV0dGVycywgYXMgdGhlIG9wcG9zZWQgdG8gdXNpbmcgJ0NvbnRlbnQgaGVyZSwgY29udGVudCBoZXJlJywgbWFraW5nIGl0ICBsb29rIGxpa2UgcmVhZGFibGUgRW5nbGlzaC4gTWFueSBkZXNrdG9wIHB1Ymxpc2hpbmcgcGFja2FnZXMgYW5kIHdlYiAgcGFnZSBlZGl0b3JzIG5vdyB1c2UgTG9yZW0gSXBzdW0gYXMgdGhlaXIgZGVmYXVsdCBtb2RlbCB0ZXh0LCBhbmQgYSAgc2VhcmNoLjwvcD5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaG90ZWxzLWxpc3QtLWJ0bnNcIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZW50LWJ1dHRvbiBjbGFzcz1cImJ0bi1tb3JlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cImRhcmstbGlua1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGljb249XCJpY29uLXBsdXMxXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgaWNvblBvc2l0aW9uPVwicmlnaHRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD1cImxlZXIgbcOhcyArXCIgIChjbGljayk9XCJ0b2dnbGVDb2xsYXBzZTEoKVwiPjwvdGVudC1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZW50LWJ1dHRvbiBjbGFzcz1cImJ0bi1taW51c1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJkYXJrLWxpbmtcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBpY29uPVwiaWNvbi1wbHVzMVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGljb25Qb3NpdGlvbj1cInJpZ2h0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9XCJsZWVyIG1lbm9zICtcIiAgKGNsaWNrKT1cInRvZ2dsZUNvbGxhcHNlMSgpXCI+PC90ZW50LWJ1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj4gXHJcbiAgICAgICAgICAgICAgICA8L2Rpdj4gICBcclxuICAgICAgICAgICAgICAgIDx1bCBjbGFzcz1cImhvdGVscy1saXN0LS1zZXJ2aWNlcyBiZy1iZWlnZVwiPiBcclxuICAgICAgICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJob3RlbHMtbGlzdC0tc2VydmljZXMtLWl0ZW1cIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dFwiPldpZmkgZ3JhdHVpdG8gZW4gbGEgaGFiaXRhY2nDs248L3A+ICAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJob3RlbHMtbGlzdC0tc2VydmljZXMtLWl0ZW1cIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dFwiPmJlYiAmIHVubGltaXRlZCBicnVuY2g8L3A+ICAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJob3RlbHMtbGlzdC0tc2VydmljZXMtLWl0ZW1cIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dFwiPmJlYiAmIHVubGltaXRlZCBicnVuY2g8L3A+ICAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgICAgICA8bGkgY2xhc3M9XCJob3RlbHMtbGlzdC0tc2VydmljZXMtLWl0ZW1cIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dFwiPmJlYiAmIHVubGltaXRlZCBicnVuY2g8L3A+ICAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgIDwvdWw+ICBcclxuICAgICAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhvdGVscy1saXN0LS1ib29rXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgIDx0ZW50LWJ1dHRvbiB0eXBlPVwiZGFyay1ib3gtZmlsbGVkXCIgY2xhc3M9XCJidG4tc21hbGxcIiAgbGFiZWw9XCJyZXNlcnZhciBhaG9yYSArXCI+PC90ZW50LWJ1dHRvbj4gXHJcbiAgICAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgIDwvZGl2PiBcclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbHMtbGlzdC0taXRlbVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhvdGVscy1saXN0LS1waG90byBmaWd1cmUtY29udGVudFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxmaWd1cmUgY2xhc3M9XCJmaWd1cmUtZnVsbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgc3R5bGU9XCIgYmFja2dyb3VuZC1pbWFnZTogdXJsKC9hc3NldHMvdGVudC9pbWcvaG90ZWxzLmpwZyk7XCIgPjwvZmlndXJlPiAgXHJcbiAgICAgICAgICAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAgICAgPC9kaXY+ICBcclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbHMtbGlzdC0taW5mbyAgYmctd2hpdGVcIiBbbmdDbGFzc109XCJjb2xsYXBzZWQxID8gJ2Nsb3NlJyA6ICdvcGVuJ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxoMiBjbGFzcz1cImhvdGVscy1saXN0LS10aXQgdGl0bGUtLTM4IGNvbG9yLS1jYW1lbFwiPnRlbnQgPGJyPmJhaMOtYSBkZSBwYWxtYTwvaDI+ICBcclxuICAgICAgICAgICAgICAgICAgICA8aDMgY2xhc3M9XCJzdWJ0aXRsZS0tbWVkaXVtIGNvbG9yLS1icm93bi1kYXJrXCI+bWFsbG9yY2EgPC9oMz5cclxuICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5NYW55IGRlc2t0b3AgcHVibGlzaGluZyBwYWNrYWdlcyBhbmQgd2ViIHBhZ2UgZWRpdG9ycyBub3cgdXNlIHRoZSBsb3JlbSBpcHN1bSB2YXJpb3VzIHZlcnNpb25zIGhhdmUgZXZvbHZlZCBvdmVyIHRoZSBzb21ldGltZXMuLjwvcD5cclxuICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHQgdGV4dC1tb3JlXCIgPkl0IGlzIGEgbG9uZyBlc3RhYmxpc2hlZCBmYWN0IHRoYXQgYSByZWFkZXIgd2lsbCBiZSBkaXN0cmFjdGVkICBieSB0aGUgcmVhZGFibGUgY29udGVudCBvZiBhIHBhZ2Ugd2hlbiBsb29raW5nIGF0IGl0cyBsYXlvdXQuIFRoZSBwb2ludCAgb2YgdXNpbmcgTG9yZW0gaW4gIElwc3VtIGlzIHRoYXQgaXQgaGFzIGEgbW9yZS1vci1sZXNzIG5vcm1hbCBkaXN0cmlidXRpb24gIG9mIGxldHRlcnMsIGFzIHRoZSBvcHBvc2VkIHRvIHVzaW5nICdDb250ZW50IGhlcmUsIGNvbnRlbnQgaGVyZScsIG1ha2luZyBpdCAgbG9vayBsaWtlIHJlYWRhYmxlIEVuZ2xpc2guIE1hbnkgZGVza3RvcCBwdWJsaXNoaW5nIHBhY2thZ2VzIGFuZCB3ZWIgIHBhZ2UgZWRpdG9ycyBub3cgdXNlIExvcmVtIElwc3VtIGFzIHRoZWlyIGRlZmF1bHQgbW9kZWwgdGV4dCwgYW5kIGEgIHNlYXJjaC48L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImhvdGVscy1saXN0LS1idG5zXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8dGVudC1idXR0b24gY2xhc3M9XCJidG4tbW9yZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJkYXJrLWxpbmtcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBpY29uPVwiaWNvbi1wbHVzMVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGljb25Qb3NpdGlvbj1cInJpZ2h0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9XCJsZWVyIG3DoXMgK1wiICAoY2xpY2spPVwidG9nZ2xlQ29sbGFwc2UxKClcIj48L3RlbnQtYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8dGVudC1idXR0b24gY2xhc3M9XCJidG4tbWludXNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiZGFyay1saW5rXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj1cImljb24tcGx1czFcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBpY29uUG9zaXRpb249XCJyaWdodFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPVwibGVlciBtZW5vcyArXCIgIChjbGljayk9XCJ0b2dnbGVDb2xsYXBzZTEoKVwiPjwvdGVudC1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+IFxyXG4gICAgICAgICAgICAgICAgPC9kaXY+ICAgXHJcbiAgICAgICAgICAgICAgICA8dWwgY2xhc3M9XCJob3RlbHMtbGlzdC0tc2VydmljZXMgYmctYmVpZ2VcIj4gXHJcbiAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXNlcnZpY2VzLS1pdGVtXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5XaWZpIGdyYXR1aXRvIGVuIGxhIGhhYml0YWNpw7NuPC9wPiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXNlcnZpY2VzLS1pdGVtXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5iZWIgJiB1bmxpbWl0ZWQgYnJ1bmNoPC9wPiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXNlcnZpY2VzLS1pdGVtXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5iZWIgJiB1bmxpbWl0ZWQgYnJ1bmNoPC9wPiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgPGxpIGNsYXNzPVwiaG90ZWxzLWxpc3QtLXNlcnZpY2VzLS1pdGVtXCI+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5iZWIgJiB1bmxpbWl0ZWQgYnJ1bmNoPC9wPiAgIFxyXG4gICAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICA8L3VsPiAgXHJcbiAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJob3RlbHMtbGlzdC0tYm9va1wiPiBcclxuICAgICAgICAgICAgICAgICAgICA8dGVudC1idXR0b24gdHlwZT1cImRhcmstYm94LWZpbGxlZFwiIGNsYXNzPVwiYnRuLXNtYWxsXCIgIGxhYmVsPVwicmVzZXJ2YXIgYWhvcmEgK1wiPjwvdGVudC1idXR0b24+IFxyXG4gICAgICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICA8L2Rpdj4gXHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvc2VjdGlvbj5cclxuXHJcbjxzZWN0aW9uIGNsYXNzPVwibW9kdWxlLWluZm8gbW9kdWxlLXNwYWNlci0tYm90dG9tXCIgPlxyXG4gICAgPGRpdiBjbGFzcz1cIm1vZHVsZS1pbmZvLS1jb250ZW50IHdyYXBwZXItYmlnXCI+ICBcclxuICAgICAgICA8ZGl2IGNsYXNzPVwibW9kdWxlLWluZm8tLWlubmVyXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtb2R1bGUtaW5mby0tYm94IFwiPlxyXG4gICAgICAgICAgICAgICAgPGgzIGNsYXNzPVwibW9kdWxlLWluZm8tLXRpdGxlIHRpdGxlLS04MCBjb2xvci0tY2FtZWxcIj5cclxuICAgICAgICAgICAgICAgICAgICBjb25vY2Ugb3RyYSBmb3JtYSBkZSBhbG9qYXJ0ZSA8c3BhbiBjbGFzcz1cImNvbG9yLS1icm93blwiPnkgZGVzY3VicmUgbnVlc3Ryb3MgZGVzdGlub3MgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDwvaDM+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibW9kdWxlLWluZm8tLWRlc1wiID5cclxuICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj5tYW55IGRlc2t0b3AgcHVibGlzaGluZyBwYWNrYWdlcyBhbmQgd2ViIHBhZ2UgZWRpdG9ycyBub3cgdXNlIExvcmVtIElwc3VtIGFzIHRoZWlyIGRlZmF1bHQgbW9kZWwgdGV4dCwgYW5kIGEgc2VhcmNoIGZvciAnbG9yZW0gaXBzdW0nIHdpbGwgdW5jb3ZlciBtYW55IHdlYiBzaXRlcyBzdGlsbCBpbiB0aGVpciBpbmZhbmN5IHZhcmlvdXMgdmVyc2lvbnMgaGF2ZSBldm9sdmVkIG92ZXIgdGhlIHllYXJzIHNvbWV0aW1lcy48L3A+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+ICBcclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PiAgXHJcbjwvc2VjdGlvbj4iXX0=
|