.gram-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,4vw,2.5rem);background:#000000eb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--gram-fg, #F4F1EA)}.gram-viewer[hidden]{display:none}.gram-viewer__panel{display:grid;grid-template-rows:1fr auto;gap:0;width:var(--gv-w, min(720px, 100%));max-width:min(720px,100%);max-height:100%;background:#0d0d0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-card, 12px);overflow:hidden;box-shadow:0 40px 90px -30px #000000e6}.gram-viewer__stage{position:relative;background:#000;aspect-ratio:1 / 1;max-height:72vh;height:var(--gv-h, auto);display:flex;align-items:center;justify-content:center;overflow:hidden}.gram-viewer__stage.is-sized{aspect-ratio:auto}.gram-viewer__end-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;width:100%;height:100%;min-height:16rem;background:#15181a;color:var(--gram-fg, #F4F1EA);text-decoration:none;opacity:0;transition:opacity .24s ease}.gram-viewer__end-card.is-ready{opacity:1}.gram-viewer__end-card{position:relative;overflow:hidden}.gram-viewer__end-card.has-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gv-end-bg) center / cover no-repeat;filter:blur(18px) brightness(.45) saturate(1.1);transform:scale(1.2);pointer-events:none}.gram-viewer__end-label,.gram-viewer__end-arrow{position:relative}.gram-viewer__end-label{font-family:var(--btn-font, var(--font-mono, ui-monospace, monospace));font-size:var(--btn-size, .72rem);font-weight:var(--btn-weight, 500);text-transform:var(--btn-case, uppercase);letter-spacing:var(--btn-tracking, .14em)}.gram-viewer__end-arrow{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:999px;background:#f3efe6;color:#0b0f0d}.gram-feed__slide--end .gram-feed__media{flex:1 1 auto;padding:0 clamp(.75rem,4vw,2.5rem)}.gram-feed__slide--end .gram-viewer__end-card{width:min(100%,26rem);height:auto;aspect-ratio:1 / 1;border-radius:var(--radius-card, 12px);border:1px solid rgba(255,255,255,.1);opacity:1}.gram-viewer__panel.is-live{transition:width .38s cubic-bezier(.4,0,.2,1)}.gram-viewer__panel.is-live .gram-viewer__stage{transition:height .38s cubic-bezier(.4,0,.2,1)}.gram-viewer__stage>*{opacity:0;transition:opacity .28s ease}.gram-viewer__stage>.is-ready{opacity:1}.gram-viewer__stage img,.gram-viewer__stage video{max-width:100%;max-height:100%;width:auto;height:auto;display:block;object-fit:contain}.gram-viewer__stage iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.gram-viewer__stage.is-embed{aspect-ratio:16 / 9}.gram-viewer__meta{padding:clamp(.9rem,2.5vw,1.25rem) clamp(1rem,3vw,1.5rem);border-top:1px solid rgba(255,255,255,.08)}.gram-viewer__panel.is-bare .gram-viewer__meta{display:none}.gram-viewer__cap{margin:0;font-size:.95rem;line-height:1.55;color:#ffffffe0;max-height:22vh;overflow:auto}.gram-viewer__cap:empty{display:none}.gram-viewer__date{display:block;margin-top:.6rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gram-muted, rgba(255, 255, 255, .6))}.gram-viewer__date:empty{display:none}.gram-viewer__btn{-webkit-appearance:none;appearance:none;cursor:pointer;position:absolute;z-index:2;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#00000080;color:#fff;transition:background .2s ease,border-color .2s ease,opacity .2s ease}.gram-viewer__btn:hover{background:#000c;border-color:#ffffff80}.gram-viewer__close{top:clamp(.75rem,3vw,1.5rem);right:clamp(.75rem,3vw,1.5rem)}.gram-viewer__full{top:clamp(.75rem,3vw,1.5rem);left:clamp(.75rem,3vw,1.5rem)}.gram-viewer__nav{top:50%;transform:translateY(-50%)}.gram-viewer__prev{left:clamp(.5rem,2vw,1.25rem)}.gram-viewer__next{right:clamp(.5rem,2vw,1.25rem)}.gram-viewer__btn:disabled{opacity:.25;cursor:default}.gram-viewer__full-collapse{display:none}.gram-viewer__feed{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#000}.gram-viewer__feed[hidden]{display:none}.gram-feed__slide{height:100vh;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center;padding:3.5rem 0 2rem}.gram-feed__media{flex:0 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.gram-feed__frame{position:relative;max-width:100%}.gram-feed__frame--bare{width:100%;aspect-ratio:9 / 16;max-height:70vh;max-height:70dvh}.gram-feed__thumb{display:block;max-width:100%;max-height:70vh;max-height:70dvh;object-fit:contain}.gram-feed__real{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease}.gram-feed__real.is-ready{opacity:1}.gram-feed__real img,.gram-feed__real video,.gram-feed__real iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}.gram-feed__meta{padding:.85rem 1rem 0;display:flex;align-items:flex-start;gap:.75rem}.gram-feed__text{flex:1 1 auto;min-width:0}.gram-feed__sound{flex:0 0 auto;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;background:#fff;color:#000;border:0;border-radius:999px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.gram-feed__sound[hidden]{display:none}.gram-feed__cap{margin:0;font-size:.85rem;line-height:1.5;color:var(--gram-fg, #F4F1EA)}.gram-feed__cap:empty{display:none}.gram-feed__date{display:block;margin-top:.35rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.68rem;letter-spacing:.08em;color:var(--gram-muted, rgba(255, 255, 255, .6))}.gram-feed__date:empty{display:none}.gram-viewer.is-feed .gram-viewer__panel,.gram-viewer.is-feed .gram-viewer__nav,.gram-viewer.is-feed .gram-viewer__full{display:none}.gram-viewer.is-feed,.gram-viewer.is-fullscreen{padding:0;background:#000}.gram-viewer.is-fullscreen .gram-viewer__panel{width:100%;max-width:none;height:100%;max-height:none;border:0;border-radius:0;background:#000;display:block}.gram-viewer.is-fullscreen .gram-viewer__stage{aspect-ratio:auto;max-height:none;width:100%;height:100%}.gram-viewer.is-fullscreen .gram-viewer__stage img,.gram-viewer.is-fullscreen .gram-viewer__stage video{max-width:100%;max-height:100%}.gram-viewer.is-fullscreen .gram-viewer__meta{position:absolute;left:0;right:0;bottom:0;border-top:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 100%);padding:clamp(1.25rem,5vh,3rem) clamp(1rem,5vw,4rem) clamp(1.25rem,4vh,2rem);pointer-events:none}.gram-viewer.is-fullscreen .gram-viewer__cap{max-width:60ch}.gram-viewer.is-fullscreen .gram-viewer__full-expand{display:none}.gram-viewer.is-fullscreen .gram-viewer__full-collapse{display:block}@media(max-width:749px){.gram-viewer__panel{width:100%}.gram-viewer__nav{width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/gram-viewer.css.map */