.room-info__modal-component{--color-arrow-background: var(--color-background);--color-arrow-foreground: var(--color-foreground);--color-dot-background: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));--color-dot-background-active: var(--color-foreground)}.room-info__modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:var(--layer-overlay);background:rgb(var(--color-shadow-rgb) / var(--opacity-40-60));margin:0;max-width:100%;max-height:100%;padding:0;border:0}.room-info__modal[open]{display:flex}.room-info__modal::backdrop{display:none}.room-info__modal-content{padding:0;max-width:56.5625rem;background-color:var(--color-background);margin:auto;max-height:calc(100% - 2rem);height:auto;width:calc(100% - 2rem);overflow-x:hidden;overflow-y:auto;border-radius:var(--style-border-radius-sm);position:relative}.room-info__modal-close{position:absolute;top:.25rem;right:.25rem;cursor:pointer;z-index:var(--layer-heightened);background:none;border:none;padding:0;color:var(--color-foreground);width:1.5rem;height:1.5rem}.room-info__modal-wrapper{display:flex;position:relative}.room-info__modal-title-price{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-2xs)}.room-info__modal-title{margin:0}.room-info__modal-rating-badge{margin-top:.25rem;display:flex;align-items:center;justify-content:space-between;gap:var(--gap-2xs)}.room-info__modal-info .yotpo-widget-instance *{height:auto!important;min-height:auto!important}.room-info__modal-info .yotpo-sr-bottom-line-text{font-size:var(--font-size--sm)!important;line-height:1.5!important;font-weight:400!important;color:var(--color-foreground-muted)!important;font-family:var(--font-body--family)!important;padding-top:0!important}.room-info__modal-info .yotpo-sr-bottom-line-summary{align-items:center!important}.room-info__modal-info .yotpo-reviews-star-ratings-widget{margin-bottom:0!important}.room-info__modal-info .yotpo-widget-instance svg path{stroke:var(--color-primary);fill:var(--color-primary)}.room-info__modal-image-wrapper{width:50%;position:relative;min-height:20rem}.room-info__modal-slider{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none}.room-info__modal-slider:active{cursor:grabbing}.room-info__modal-slider::-webkit-scrollbar{display:none}.room-info__modal-slide{flex-shrink:0;width:100%;scroll-snap-align:start;display:flex}.room-info__modal-slide-media{width:100%}.room-info__modal-slide--placeholder{align-items:center;justify-content:center;background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5-15))}.room-info__modal-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;min-height:20rem;color:rgb(var(--color-foreground-rgb) / var(--opacity-35-55))}.room-info__modal-image-placeholder svg{width:4rem;height:4rem}.room-info__modal-image{width:100%;height:100%;object-fit:cover;aspect-ratio:unset}.room-info__modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--color-arrow-background);border:none;border-radius:50%;width:2.5rem;height:2.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:var(--layer-raised);color:var(--color-arrow-foreground);padding:0}.room-info__modal-nav svg{width:1.5rem;height:1.5rem}.room-info__modal-nav--prev{left:1.125rem}.room-info__modal-nav--next{right:1.125rem}@media(prefers-reduced-motion:no-preference){.room-info__modal-nav{transition:background var(--animation-values)}}@media screen and (max-width:749px){.room-info__modal-nav{display:none}}@media screen and (min-width:750px){.room-info__modal-pagination{display:none}}.room-info__modal-pagination{position:absolute;bottom:1.125rem;left:50%;transform:translate(-50%);width:3.5rem;overflow:hidden}.room-info__modal-dots-track{display:flex;gap:.5rem}.room-info__modal-dot{flex-shrink:0;width:.5rem;height:.5rem;border-radius:50%;background:var(--color-dot-background);border:0;cursor:pointer;padding:0}.room-info__modal-dot--active{background:var(--color-dot-background-active)}@media(prefers-reduced-motion:no-preference){.room-info__modal-dots-track{transition:transform var(--animation-values-slow)}.room-info__modal-dot{transition:background var(--animation-values)}}.room-info__modal-info{width:50%;padding:var(--padding-4xl)}.room-info__modal-price-wrap{display:flex;flex-wrap:wrap;gap:var(--gap-xs);align-items:center;flex-shrink:0}.room-info__modal-price{font-family:var(--font-subheading--family);font-weight:600;font-size:var(--font-size--lg);line-height:1.3}.room-info__modal-price--compare{text-decoration:line-through;opacity:.5}.room-info__modal-badge,.room-info__modal-price--free{display:inline-flex;background-color:var(--color-primary);border-radius:var(--style-border-radius-inputs);color:var(--color-white);padding:var(--padding-3xs) var(--padding-xs);font-family:var(--font-body--family);font-weight:600;letter-spacing:0;justify-content:center;align-items:center;font-size:var(--font-size--2xs)}.room-info__modal-description{margin-top:var(--margin-2xl)}.room-info__modal-description *{font-family:var(--font-body--family);font-weight:400;font-size:var(--font-size--sm)}.room-info__modal-features{margin-top:var(--margin-2xl)}.room-info__modal-features-text{font-size:var(--font-size--sm);font-family:var(--font-body--family);margin-bottom:var(--margin-lg)}.room-info__modal-props{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--gap-lg)}.room-info__modal-prop{display:flex;align-items:center;width:calc(50% - (var(--gap-lg) / 2));gap:var(--gap-xs);font-size:var(--font-size--2xs);text-transform:capitalize}.room-info__modal-prop-icon{flex-shrink:0;object-fit:contain;height:1.25rem;width:1.25rem}.room-info__modal-props--collapsed .room-info__modal-prop:nth-child(n+3){display:none}.room-info__features-toggle{display:inline-flex;align-items:center;gap:var(--gap-xs);background:none;border:none;cursor:pointer;padding:var(--padding-xs) 0;font-size:var(--font-size--xs);font-family:var(--font-body--family);color:var(--color-foreground);text-decoration:underline;text-underline-offset:.1875rem;margin-top:var(--margin-xs)}.room-info__features-toggle:focus-visible{outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:var(--focus-outline-offset)}.room-info__features-toggle-less,.room-info__features-toggle[aria-expanded=true] .room-info__features-toggle-more{display:none}.room-info__features-toggle[aria-expanded=true] .room-info__features-toggle-less{display:inline}@media screen and (max-width:749px){.room-info__modal-wrapper{flex-direction:column}.room-info__modal-image-wrapper,.room-info__modal-info{width:100%}.room-info__modal-close{color:var(--color-white)}.room-info__modal-info{padding:var(--padding-lg)}.room-info__modal-price{font-size:var(--font-size--md)}.room-info__modal-info .yotpo-sr-bottom-line-text{font-size:var(--font-size--2xs)!important}.room-info__modal-prop{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/429/assets/na-the-room-banner-modal.css.map */