.cafe-gallery{margin-left:calc(var(--container-mobile-padding)*-1);margin-right:calc(var(--container-mobile-padding)*-1);width:calc(100% + var(--container-mobile-padding)*2)}@media screen and (min-width:744px){.cafe-gallery{margin-left:calc(var(--container-tablet-padding)*-1);margin-right:calc(var(--container-tablet-padding)*-1);width:calc(100% + var(--container-tablet-padding)*2)}}@media screen and (min-width:1024px){.cafe-gallery{margin-left:unset;margin-right:unset;width:100%}}.cafe-gallery__list{display:flex;gap:12px;list-style:none;margin:0;overflow-x:auto;padding:0 var(--container-mobile-padding);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.cafe-gallery__list::-webkit-scrollbar{background:transparent;box-shadow:none;width:2px}.cafe-gallery__list::-webkit-scrollbar-track{box-shadow:none}.cafe-gallery__list::-webkit-scrollbar-thumb{background:transparent;box-shadow:none}.cafe-gallery__list{scrollbar-color:transparent transparent;scrollbar-width:thin}@media screen and (min-width:744px){.cafe-gallery__list{padding:0 var(--container-tablet-padding)}}@media screen and (min-width:1024px){.cafe-gallery__list{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding:0}}.cafe-gallery__item{flex:0 0 78%;scroll-snap-align:start}@media screen and (min-width:744px){.cafe-gallery__item{flex-basis:46%}}.cafe-gallery__link{aspect-ratio:4/3;background:var(--black-10);border-radius:var(--radius-4xl);cursor:zoom-in;display:block;overflow:hidden}.cafe-gallery__image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .25s ease-out;width:100%}@media screen and (min-width:1024px){.cafe-gallery__image:hover{transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.cafe-gallery__image{transition:none}.cafe-gallery__image:hover{transform:none}}.cafe-gallery__viewer{align-items:center;background:var(--black-100);display:flex;height:100%;justify-content:center;position:relative;width:100%}.cafe-gallery__viewer-image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.cafe-gallery__viewer-btn{align-items:center;background:#ffffff24;border-radius:var(--radius-full);color:var(--white-100);display:inline-flex;height:48px;justify-content:center;position:absolute;width:48px}.cafe-gallery__viewer-btn:hover{background:#ffffff3d}.cafe-gallery__viewer-btn:focus-visible{outline:2px solid var(--white-100);outline-offset:2px}.cafe-gallery__viewer-close{right:16px;top:16px}.cafe-gallery__viewer-prev{left:16px;top:50%;transform:translateY(-50%)}.cafe-gallery__viewer-next{right:16px;top:50%;transform:translateY(-50%)}.cafe-gallery__viewer-counter{bottom:20px;color:var(--white-100);font-size:15px;font-weight:600;left:50%;line-height:20px;position:absolute;transform:translate(-50%)}
