.instagram-posts{display:block;width:100%;color:var(--ig-text-color);background:var(--ig-section-background);overflow-x:clip}@supports not (overflow: clip){.instagram-posts{overflow-x:hidden}}.instagram-posts *,.instagram-posts *:before,.instagram-posts *:after{box-sizing:border-box}.instagram-posts__container{width:min(calc(100% - 32px),var(--ig-max-width));margin-inline:auto;padding-block:var(--ig-padding-top) var(--ig-padding-bottom)}.instagram-posts__panel{width:100%;padding:0 0 var(--ig-posts-bottom-space);border-radius:var(--ig-panel-radius);background:var(--ig-panel-background);overflow:hidden}.instagram-posts__header{display:grid;min-height:0;place-items:center;padding:var(--ig-heading-padding-block) clamp(20px,4vw,48px)}.instagram-posts__heading{margin:0;color:inherit;font-family:inherit;font-size:clamp(2rem,3.35vw,var(--ig-heading-size));font-style:normal;font-weight:700;line-height:1;letter-spacing:-.045em;text-align:center;text-wrap:balance}.instagram-posts__heading-link{color:inherit;text-decoration:none}.instagram-posts__heading-link:focus-visible{outline:3px solid currentColor;outline-offset:6px;border-radius:4px}.instagram-posts__viewport{position:relative;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}.instagram-posts__viewport::-webkit-scrollbar{display:none}.instagram-posts__viewport:focus-visible{outline:3px solid currentColor;outline-offset:-3px}.instagram-posts__track{display:flex;width:max-content;min-width:100%;gap:var(--ig-post-gap)}.instagram-posts__item{flex:0 0 min(78vw,340px);min-width:0;scroll-snap-align:start}.instagram-posts__post{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:var(--ig-post-aspect-ratio);color:#fff;background:#eee;overflow:hidden;-webkit-tap-highlight-color:transparent}.instagram-posts__image,.instagram-posts__post>.placeholder-svg{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--ig-image-position, center center);transform:scale(1.001);transition:transform .5s cubic-bezier(.22,.61,.36,1),filter .3s ease}.instagram-posts__overlay{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:var(--ig-overlay-color);opacity:0;transition:opacity .28s ease;pointer-events:none}.instagram-posts__icon{position:absolute;z-index:2;top:50%;left:50%;display:grid;width:clamp(42px,4vw,58px);height:clamp(42px,4vw,58px);place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:#0000002e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translate(-50%,-44%) scale(.92);transition:opacity .28s ease,transform .32s cubic-bezier(.22,.61,.36,1);pointer-events:none}.instagram-posts__icon svg{display:block;width:52%;height:52%}.instagram-posts__arrow{position:absolute;z-index:20;top:50%;display:none;width:54px;height:54px;padding:0;place-items:center;border:1px solid rgba(17,17,17,.1);border-radius:999px;color:#111;background:#fffffff0;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 14px 38px #0000002e,inset 0 1px #ffffffd1;opacity:0;cursor:pointer;pointer-events:none;transition:opacity .22s ease,transform .32s cubic-bezier(.22,1,.36,1),background-color .18s ease,box-shadow .18s ease}.instagram-posts__arrow--previous{left:18px;transform:translate(-12px,-50%) scale(.88)}.instagram-posts__arrow--next{right:18px;transform:translate(12px,-50%) scale(.88)}.instagram-posts__arrow svg{display:block;width:25px;height:25px}.instagram-posts__arrow:hover{background:#fff;box-shadow:0 18px 46px #0000003b,inset 0 1px #fffffff2}.instagram-posts__arrow:active{transform:translateY(-50%) scale(.94)}.instagram-posts__arrow:focus-visible{outline:3px solid currentColor;outline-offset:3px}.instagram-posts__arrow[aria-hidden=true]{display:none}@media(hover:hover)and (pointer:fine){.instagram-posts__post[href]:hover .instagram-posts__image{transform:scale(1.045)}.instagram-posts__post[href]:hover .instagram-posts__overlay{opacity:.28}.instagram-posts__post[href]:hover .instagram-posts__icon{opacity:1;transform:translate(-50%,-50%) scale(1)}}.instagram-posts__post[href]:focus-visible{z-index:3;outline:3px solid currentColor;outline-offset:-5px}.instagram-posts__post[href]:focus-visible .instagram-posts__overlay{opacity:.28}.instagram-posts__post[href]:focus-visible .instagram-posts__icon{opacity:1;transform:translate(-50%,-50%) scale(1)}@media screen and (min-width:990px){.instagram-posts__viewport{overflow:hidden;touch-action:auto}.instagram-posts__track{will-change:transform;transform:translateZ(0)}.instagram-posts__track.is-animating{transition:transform .62s cubic-bezier(.22,1,.36,1)}.instagram-posts__item{flex-basis:calc((100vw - (var(--ig-post-gap) * (var(--ig-columns-desktop) - 1))) / var(--ig-columns-desktop));scroll-snap-align:none}@supports (width: min(1px,1px)){.instagram-posts__item{flex-basis:calc((min(calc(100vw - 32px),var(--ig-max-width)) - (var(--ig-post-gap) * (var(--ig-columns-desktop) - 1))) / var(--ig-columns-desktop))}}.instagram-posts__viewport.is-carousel-ready .instagram-posts__arrow{display:grid}.instagram-posts:not(.instagram-posts--hide-arrows) .instagram-posts__viewport.is-carousel-ready:hover .instagram-posts__arrow,.instagram-posts:not(.instagram-posts--hide-arrows) .instagram-posts__viewport.is-carousel-ready:focus-within .instagram-posts__arrow,.instagram-posts:not(.instagram-posts--hide-arrows).is-controls-visible .instagram-posts__arrow{opacity:1;transform:translateY(-50%) scale(1);pointer-events:auto}}@media screen and (max-width:989px){.instagram-posts__panel{padding-bottom:min(var(--ig-posts-bottom-space),28px)}.instagram-posts__viewport{overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:0 20px;touch-action:pan-x pan-y pinch-zoom}.instagram-posts__track{padding-inline-end:20px;touch-action:pan-x pan-y pinch-zoom;transform:none!important;transition:none!important}.instagram-posts__item{scroll-snap-stop:normal}.instagram-posts__image{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.instagram-posts__arrow{display:none!important}}@media screen and (max-width:749px){.instagram-posts__container{width:min(calc(100% - 20px),var(--ig-max-width))}.instagram-posts__header{padding:clamp(20px,7vw,var(--ig-heading-padding-block)) 20px}.instagram-posts__heading{font-size:clamp(1.8rem,9vw,2.65rem)}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/section-instagram-posts.css.map */
