whyp-gallery{display:block}.whyp-gallery__grid{position:relative;width:100%;margin:0 0 48px}.whyp-gallery__grid:not(.is-packed){column-width:270px;column-gap:6px}.whyp-gallery__grid:not(.is-packed) .whyp-gallery__item{break-inside:avoid;width:100%;margin:0 0 6px}.whyp-gallery__item{min-width:0}.whyp-gallery__grid.is-packed .whyp-gallery__item{position:absolute;margin:0}.whyp-gallery__trigger{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;border:0;background:transparent;cursor:zoom-in;color:inherit;line-height:0}.whyp-gallery__trigger:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#5f5f5f;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}@media(hover:hover){.whyp-gallery__trigger:hover:after{opacity:.3}}.whyp-gallery__trigger:focus-visible{outline:2px solid #fff;outline-offset:-3px}.whyp-gallery__trigger:focus-visible:after{opacity:.3}.whyp-gallery__item img,.whyp-gallery__item svg{display:block;width:100%;height:auto}.whyp-gallery-lightbox{box-sizing:border-box;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;padding:0;background:#0e0e0df5;color:#fff}.whyp-gallery-lightbox::backdrop{background:#0e0e0df5}.whyp-gallery-lightbox__figure{display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;box-sizing:border-box;height:100dvh;margin:0;padding:72px 72px 40px}.whyp-gallery-lightbox__image{display:block;max-width:min(100%,1080px);max-height:100%;width:auto;height:auto;object-fit:contain}.whyp-gallery-lightbox__caption{margin-top:24px;text-align:center;max-width:min(100%,640px)}.whyp-gallery-lightbox__title{margin:0;font-size:clamp(22px,3.4vw,40px);font-weight:600;letter-spacing:-.035em;line-height:1.1}.whyp-gallery-lightbox__meta{margin:10px 0 0;color:#ffffff8c;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.whyp-gallery-lightbox__meta:empty,.whyp-gallery-lightbox__meta[hidden]{display:none}.whyp-gallery-lightbox__inquire{display:inline-block;margin-top:22px;padding:0;border:0;background:none;color:#fff;font:inherit;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.whyp-gallery-lightbox__inquire[hidden]{display:none}.whyp-gallery-lightbox__inquire:hover{opacity:.7}.whyp-gallery-lightbox__close,.whyp-gallery-lightbox__nav{position:absolute;z-index:2;box-sizing:border-box;display:grid;place-items:center;min-width:44px;min-height:44px;border:0;background:none;color:#fff;cursor:pointer;line-height:1;padding:8px}.whyp-gallery-lightbox__close{top:max(20px,env(safe-area-inset-top,0px));right:max(22px,env(safe-area-inset-right,0px));font-size:36px}.whyp-gallery-lightbox__nav{top:50%;transform:translateY(-50%);font-size:56px;padding:12px 16px;opacity:.7}.whyp-gallery-lightbox__nav:hover,.whyp-gallery-lightbox__close:hover{opacity:1}.whyp-gallery-lightbox__nav--prev{left:max(8px,env(safe-area-inset-left,0px))}.whyp-gallery-lightbox__nav--next{right:max(8px,env(safe-area-inset-right,0px))}.whyp-gallery-lightbox__nav[hidden]{display:none}.whyp-gallery-lightbox__figure.is-animating .whyp-gallery-lightbox__image{animation:whyp-gallery-image-in .35s ease}.whyp-gallery-lightbox__figure.is-animating .whyp-gallery-lightbox__caption{animation:whyp-gallery-caption-in .45s ease .06s both}@keyframes whyp-gallery-image-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@keyframes whyp-gallery-caption-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:520px){.whyp-gallery__grid:not(.is-packed){column-count:2;column-width:auto}}@media(max-width:489px){.whyp-gallery-lightbox__figure{padding:max(48px,calc(env(safe-area-inset-top,0px) + 44px)) 16px max(24px,env(safe-area-inset-bottom,0px))}.whyp-gallery-lightbox__nav{font-size:40px;padding:8px}}@media(prefers-reduced-motion:reduce){.whyp-gallery__trigger:after,.whyp-gallery-lightbox__figure.is-animating .whyp-gallery-lightbox__image,.whyp-gallery-lightbox__figure.is-animating .whyp-gallery-lightbox__caption{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/whyp-gallery.css.map */