.hotel-gallery{--hg-height:380px;--hg-gap:6px;--hg-radius:4px;--hg-placeholder:#dddbdd;--hg-arrow-bg:#eaeded;--hg-arrow-color:#535353;--hg-accent:#2cb566;--hg-fade:0.35s;display:grid;gap:var(--hg-gap);grid-template-columns:minmax(0,1fr);position:relative}.hotel-gallery :where(button){-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0;touch-action:manipulation}.hotel-gallery :where(button):focus-visible{outline:3px solid var(--hg-accent);outline-offset:-3px}.hotel-gallery.is-busy,.hotel-gallery.is-busy :where(button){cursor:progress}.hotel-gallery__main{aspect-ratio:1.33333333;background:var(--hg-placeholder);border-radius:0 0 var(--hg-radius) var(--hg-radius);overflow:hidden;position:relative;touch-action:pan-y}.hotel-gallery__main:before{animation:hg-shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,transparent);content:"";inset:0;position:absolute;transform:translateX(-100%)}.hotel-gallery__main.is-ready:before{content:none}@keyframes hg-shimmer{to{transform:translateX(100%)}}.hotel-gallery__open{display:block;height:100%;inset:0;position:absolute;width:100%;z-index:1}.hotel-gallery__main img,.hotel-gallery__thumb img{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.hotel-gallery__img--next{opacity:0;pointer-events:none;transition:opacity var(--hg-fade) ease}.hotel-gallery__img--next.is-visible{opacity:1}.hotel-gallery__arrow{background:var(--hg-arrow-bg);color:var(--hg-arrow-color);display:grid;height:56px;place-items:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease,width .15s ease;width:40px;z-index:2}.hotel-gallery__arrow--prev{border-radius:0 56px 56px 0;left:0;padding-right:6px}.hotel-gallery__arrow--next{border-radius:56px 0 0 56px;padding-left:6px;right:0}.hotel-gallery__arrow:hover{background:#fff}.hotel-gallery__arrow:active{width:36px}.hotel-gallery__arrow:focus-visible{outline-offset:2px}.hotel-gallery__arrow svg{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;height:26px;width:26px}.hotel-gallery__side{display:none}@media (min-width:768px){.hotel-gallery{-moz-column-gap:1%;column-gap:1%;grid-template-columns:minmax(0,74fr) minmax(0,25fr);grid-template-rows:minmax(0,1fr);height:var(--hg-height)}.hotel-gallery--single{grid-template-columns:minmax(0,1fr)}.hotel-gallery__main{aspect-ratio:auto;height:100%}.hotel-gallery__side{display:flex;flex-direction:column;gap:var(--hg-gap);min-height:0}.hotel-gallery__thumb{background:var(--hg-placeholder);flex:1 1 0;min-height:0;opacity:.6;overflow:hidden;position:relative;transition:opacity .2s linear}.hotel-gallery__thumb.is-active,.hotel-gallery__thumb:focus-visible,.hotel-gallery__thumb:hover{opacity:1}}@media (prefers-reduced-motion:reduce){.hotel-gallery *,.hotel-gallery :before{animation:none!important;transition:none!important}}