.instagram-bento-grid,.instagram-bento-grid *,.instagram-bento-dialog,.instagram-bento-dialog *{box-sizing:border-box}.instagram-bento-grid{--instagram-bento-site-gutter: 2rem;display:block;overflow:hidden;color:rgb(var(--color-foreground))}.instagram-bento-grid__inner{width:100%;margin-inline:auto;padding:var(--instagram-bento-padding-top) var(--instagram-bento-horizontal-padding) var(--instagram-bento-padding-bottom);container-type:inline-size}.instagram-bento-grid--page .instagram-bento-grid__inner{max-width:calc(144rem + (var(--instagram-bento-horizontal-padding) * 2))}.instagram-bento-grid__header{display:flex;min-width:0;align-items:center;justify-content:space-between;min-height:4.4rem;gap:1.6rem;margin-bottom:2.4rem}.instagram-bento-grid__heading{min-width:0;margin:0;color:rgb(var(--color-foreground));font-family:Akkurat-Mono,monospace;font-size:1.4rem;font-weight:400;line-height:1.1;text-align:left;text-transform:uppercase}.instagram-bento-dialog__action:focus-visible,.instagram-bento-dialog__close:focus-visible{outline:.2rem solid currentColor;outline-offset:.4rem}.instagram-bento-dialog__nav:focus-visible{outline:.2rem solid #fff;outline-offset:-.4rem}.instagram-bento-grid__grid{display:grid;width:100%;min-width:0;gap:var(--instagram-bento-gap)}.instagram-bento-grid__viewport{width:100%;min-width:0}.instagram-bento-grid__viewport:focus-visible{outline:.2rem solid currentColor;outline-offset:.4rem}.instagram-bento-grid__progress{display:none}.instagram-bento-grid__grid--four-column{--instagram-bento-group: calc((100cqw - (3 * var(--instagram-bento-gap))) / 4);--instagram-bento-cell: calc((var(--instagram-bento-group) - var(--instagram-bento-gap)) / 2);grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(3,var(--instagram-bento-cell));grid-auto-rows:var(--instagram-bento-cell);grid-template-areas:"A A B B C D E E" "A A B B H H E E" "A A J K H H L I"}.instagram-bento-grid__grid--four-column .instagram-bento-grid__tile:nth-child(1){grid-area:A}.instagram-bento-grid__grid--four-column .instagram-bento-grid__tile:nth-child(2){grid-area:B}.instagram-bento-grid__grid--four-column .instagram-bento-grid__tile:nth-child(3){grid-area:J}.instagram-bento-grid__grid--four-column .instagram-bento-grid__tile:nth-child(4){grid-area:K}.instagram-bento-grid__grid--four-column .instagram-bento-grid__tile:nth-child(5){grid-area:C}.instagram-bento-grid__grid--four-column .instagram-bento-grid__tile:nth-child(6){grid-area:D}.instagram-bento-grid__grid--four-column .instagram-bento-grid__tile:nth-child(7){grid-area:H}.instagram-bento-grid__grid--four-column .instagram-bento-grid__tile:nth-child(8){grid-area:E}.instagram-bento-grid__grid--four-column .instagram-bento-grid__tile:nth-child(9){grid-area:L}.instagram-bento-grid__grid--four-column .instagram-bento-grid__tile:nth-child(10){grid-area:I}.instagram-bento-grid__tile{position:relative;min-width:0;min-height:0;margin:0;overflow:hidden;border-radius:var(--instagram-bento-radius);background:rgba(var(--color-foreground),.05)}.instagram-bento-grid__tile-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:hidden;color:inherit;text-decoration:none}.instagram-bento-grid__image{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform .32s ease}.instagram-bento-grid__tile-affordance{position:absolute;top:.8rem;right:.8rem;display:grid;width:2.4rem;height:2.4rem;border:.1rem solid rgba(255,255,255,.24);border-radius:50%;background:#30303066;color:#fff;font-size:0;opacity:0;pointer-events:none;transform:scale(.92);transition:opacity .16s ease,background-color .18s ease,transform .18s ease;place-items:center}.instagram-bento-grid__tile-affordance:before{position:absolute;top:50%;left:50%;width:1.2rem;height:1.2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 10 2.5 13.5M2.5 9.5v4h4M10 6l3.5-3.5M9.5 2.5h4v4'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:contain;content:"";transform:translate(-50%,-50%)}.instagram-bento-grid__tile-link:hover .instagram-bento-grid__image,.instagram-bento-grid__tile-link:focus-visible .instagram-bento-grid__image{transform:scale(1.025)}.instagram-bento-grid__tile-link:hover .instagram-bento-grid__tile-affordance,.instagram-bento-grid__tile-link:focus-visible .instagram-bento-grid__tile-affordance{opacity:1;transform:scale(1)}.instagram-bento-grid__tile-link:focus-visible{outline:.3rem solid #fff;outline-offset:-.5rem}.instagram-bento-grid__empty{display:grid;min-height:24rem;padding:3.2rem;border:.1rem dashed rgba(var(--color-foreground),.35);color:rgba(var(--color-foreground),.72);font-family:"Akkurat-Mono",var(--font-body-family),monospace;font-size:1.3rem;line-height:1.5;text-align:center;place-items:center}.instagram-bento-dialog{--instagram-bento-dialog-control-inset: clamp(2.4rem, 4vw, 6.4rem);--instagram-bento-dialog-control-size: 5.6rem;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:2.4rem;overflow:hidden;border:0;background:transparent;color:#fff}.instagram-bento-dialog::backdrop{background:#000000e0}.instagram-bento-dialog[open]{display:grid;place-items:center}.instagram-bento-dialog__shell{position:relative;display:grid;width:min(56rem,100%);height:auto;max-height:calc(100dvh - 4.8rem);min-height:0;grid-template-rows:auto auto;overflow:hidden;border-radius:0;background:#111;box-shadow:0 2.4rem 8rem #00000052}.instagram-bento-dialog__nav,.instagram-bento-dialog__close{position:absolute;z-index:8;display:grid;margin:0;border:.1rem solid rgba(255,255,255,.34);border-radius:50%;background:#111111c7;color:#fff;cursor:pointer;place-items:center}.instagram-bento-dialog__nav{top:50%;width:var(--instagram-bento-dialog-control-size);height:var(--instagram-bento-dialog-control-size);padding:0;transform:translateY(-50%)}.instagram-bento-dialog__nav--previous{left:var(--instagram-bento-dialog-control-inset)}.instagram-bento-dialog__nav--next{right:var(--instagram-bento-dialog-control-inset)}.instagram-bento-dialog__nav:disabled{opacity:.35;cursor:default;pointer-events:none}.instagram-bento-dialog__nav .nw-directional-chevron--media{position:absolute;top:50%;left:50%;display:block;width:1.2rem;height:2.2rem;transform:translate(-50%,-50%)}.instagram-bento-dialog__close{top:var(--instagram-bento-dialog-control-inset);right:var(--instagram-bento-dialog-control-inset);width:4.8rem;height:4.8rem;padding:0}.instagram-bento-dialog__close-icon{display:block;width:1.8rem;height:1.8rem;overflow:visible}.instagram-bento-dialog__media{display:grid;width:100%;height:auto;max-height:calc(100dvh - 11.6rem);min-width:0;min-height:0;padding:clamp(1.6rem,2.4vw,3.2rem);overflow:hidden;background:#111;place-items:center;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.instagram-bento-dialog__image{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 18rem);object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.instagram-bento-dialog__footer{position:relative;z-index:2;display:flex;min-height:6.8rem;align-items:center;justify-content:center;padding:1.2rem 2rem;border-top:0;background:#111}.instagram-bento-dialog__action{display:inline-flex;width:auto;min-height:4.4rem;align-items:center;justify-content:center;gap:.8rem;padding:1rem 0;border:0;background:transparent;color:#fff;font-family:"Akkurat-Mono",var(--font-body-family),monospace;font-size:1.1rem;line-height:1.2;text-align:center;text-decoration:none;text-transform:uppercase;font-synthesis:none}.instagram-bento-dialog__action:after{content:"\2192";color:currentColor;font-size:1.4rem;line-height:1}.instagram-bento-dialog-open{overflow:hidden}@media screen and (min-width:750px){.instagram-bento-grid__inner{padding-right:var(--instagram-bento-horizontal-padding);padding-left:var(--instagram-bento-horizontal-padding)}}@media screen and (min-width:990px){.instagram-bento-grid{--instagram-bento-site-gutter: 3.2rem}}@media screen and (min-width:1200px){.instagram-bento-grid{--instagram-bento-site-gutter: 4rem}}@media screen and (min-width:1600px){.instagram-bento-grid{--instagram-bento-site-gutter: 8rem}}@media screen and (max-width:989px){.instagram-bento-grid__header{gap:.8rem}.instagram-bento-grid__heading{font-size:1.2rem}.instagram-bento-dialog__nav{top:calc(env(safe-area-inset-top) + .8rem);width:4.4rem;height:4.4rem;border:0;background:transparent;isolation:isolate;transform:none}.instagram-bento-dialog__nav:before,.instagram-bento-dialog__close:before{position:absolute;z-index:0;top:.7rem;right:.7rem;bottom:.7rem;left:.7rem;border:.1rem solid rgba(255,255,255,.34);border-radius:50%;background:#111111b8;content:""}.instagram-bento-dialog__nav .nw-directional-chevron--media{z-index:1;width:.8rem;height:1.4rem}.instagram-bento-dialog__nav--previous{left:calc(env(safe-area-inset-left) + .8rem)}.instagram-bento-dialog__nav--next{right:auto;left:calc(env(safe-area-inset-left) + 5.2rem)}.instagram-bento-dialog__close{top:calc(env(safe-area-inset-top) + .8rem);right:calc(env(safe-area-inset-right) + .8rem);width:4.4rem;height:4.4rem;padding:0;border:0;background:transparent;isolation:isolate}.instagram-bento-dialog__close-icon{position:relative;z-index:1;width:1.2rem;height:1.2rem}}@media screen and (max-width:749px){.instagram-bento-grid__heading{margin:0;font-size:1.2rem}.instagram-bento-grid__viewport{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.instagram-bento-grid__viewport::-webkit-scrollbar{display:none}.instagram-bento-grid__progress:not([hidden]){display:block;width:min(16rem,45vw);height:.2rem;margin:1.2rem auto 0;pointer-events:none}.instagram-bento-grid__progress-track{position:relative;display:block;width:100%;height:.1rem;background:#d6d6d6}.instagram-bento-grid__progress-thumb{position:absolute;top:50%;left:var(--instagram-bento-progress-left, 0%);display:block;width:var(--instagram-bento-progress-segment, 100%);height:.2rem;background:#111;transform:translateY(-50%);transition:left 80ms linear,width .18s cubic-bezier(.22,.72,.16,1);will-change:left}.instagram-bento-grid__grid--four-column{--instagram-bento-group: min(76vw, 300px);--instagram-bento-cell: calc((var(--instagram-bento-group) - var(--instagram-bento-gap)) / 2);--instagram-bento-canvas: calc( var(--instagram-bento-group) + var(--instagram-bento-group) + var(--instagram-bento-group) + var(--instagram-bento-group) + var(--instagram-bento-gap) + var(--instagram-bento-gap) + var(--instagram-bento-gap) );width:var(--instagram-bento-canvas);min-width:var(--instagram-bento-canvas)}.instagram-bento-grid__tile-affordance{top:.8rem;right:.8rem;width:2.4rem;height:2.4rem}.instagram-bento-dialog{padding:1.6rem}.instagram-bento-dialog__shell{width:100%;height:auto;max-height:calc(100dvh - 3.2rem);border-radius:0}.instagram-bento-dialog__footer{min-height:6.8rem;padding:1.2rem 1.6rem max(1.2rem,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.instagram-bento-grid__image,.instagram-bento-grid__tile-affordance,.instagram-bento-grid__progress-thumb{transition:none}.instagram-bento-grid__tile-link:hover .instagram-bento-grid__image,.instagram-bento-grid__tile-link:focus-visible .instagram-bento-grid__image{transform:scale(1.001)}}@media(forced-colors:active){.instagram-bento-grid__tile-link:focus-visible,.instagram-bento-dialog__action:focus-visible,.instagram-bento-dialog__nav:focus-visible,.instagram-bento-dialog__close:focus-visible{outline:.2rem solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/instagram-bento-grid.css.map */