.reels{margin-block:calc(var(--u)*2.5)}.reels-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-bottom:16px}.reels-head h2{margin:0}.reels-follow{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;font-size:.95em}.reels-follow:hover{color:var(--ink)}.reels-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.reel-link{display:block;color:inherit;text-decoration:none}.reel-img{position:relative;display:block;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:var(--paper-2)}.reel-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s ease}.reel-link:hover .reel-img img{opacity:.88}.reel-play{position:absolute;inset-inline-start:10px;bottom:10px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0000008c;color:#fff}.reel-title{display:block;margin-top:8px;font-size:.92em;line-height:1.35;color:var(--ink-2)}.reel-link:hover .reel-title{color:var(--ink)}.reel-link:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:14px}@media(max-width:759px){.reels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reel:nth-child(n+5){display:none}}.reel-dialog{border:0;padding:0;border-radius:16px;background:var(--paper,#fff);color:var(--ink);width:min(420px,94vw);max-height:92vh;overflow:hidden;opacity:0;transition:opacity .18s ease}.reel-dialog[open]{opacity:1}.reel-dialog::backdrop{background:#0009}.reel-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 16px}.reel-dialog-open{color:var(--ink-2);font-size:.9em;text-decoration:underline;text-underline-offset:3px}.reel-dialog-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--paper-2);color:var(--ink);cursor:pointer}.reel-dialog-frame iframe{display:block;width:100%;height:min(760px,calc(92vh - 52px));border:0;background:#fff}@media(prefers-reduced-motion:reduce){.reel-dialog,.reel-img img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/reels.css.map */