.io-community{padding-bottom:40px;overflow:hidden}.io-community .io-sec-head{margin-bottom:18px}@media(min-width:900px){.io-community .io-sec-head{margin-bottom:24px}}.io-vid-track{--io-g:max(16px,calc((100% - var(--io-wrap)) / 2));display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px var(--io-g) 8px;scroll-padding-inline:var(--io-g);scrollbar-width:none;-webkit-overflow-scrolling:touch}@media(min-width:900px){.io-vid-track{--io-g:max(32px,calc((100% - var(--io-wrap)) / 2))}}.io-vid-track::-webkit-scrollbar{display:none}.io-vid{flex:0 0 auto;width:min(64vw,232px);scroll-snap-align:start;cursor:pointer;min-width:0}@media(min-width:900px){.io-vid{width:218px}}.io-vid-frame{position:relative;aspect-ratio:9/16;border-radius:var(--io-r-lg);overflow:hidden;background:var(--io-ink-2);box-shadow:var(--io-shadow);isolation:isolate}.io-vid-frame>img,.io-vid video.io-vid-preview{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--io-ease)}.io-vid:hover .io-vid-frame>img{transform:scale(1.03)}.io-vid-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000038,#0000 26%);pointer-events:none}.io-vid-dur{position:absolute;top:8px;right:8px;z-index:2;background:#0b0b0cb8;color:var(--io-paper);font-family:var(--io-head);font-weight:700;font-size:11px;padding:3px 7px;border-radius:999px;letter-spacing:.04em}.io-vid-play{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;border:0;background:#fffffff0;display:grid;place-items:center;box-shadow:var(--io-shadow);transition:transform .2s var(--io-ease)}.io-vid:hover .io-vid-play{transform:translate(-50%,-50%) scale(1.06)}.io-vid-play svg{width:22px;height:22px;fill:var(--io-ink);margin-left:3px}.io-vid-meta{padding:9px 2px 0;display:grid;gap:1px;min-width:0}.io-vid-meta b{font-family:var(--io-head);font-weight:800;font-size:13.5px;color:var(--io-ink);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.io-vid-meta span{font-size:12.5px;color:var(--io-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.io-vid-chip{margin-top:8px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--io-line);border-radius:10px;padding:5px 5px 5px 6px;background:var(--io-paper)}.io-vid-chip img{width:30px;height:30px;object-fit:cover;border-radius:6px}.io-vid-chip span{font-family:var(--io-head);font-weight:700;font-size:11.5px;color:var(--io-ink);line-height:1.2;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.io-vid-chip span small{font-family:var(--io-body);font-weight:500;color:var(--io-muted);font-size:11px}.io-vid-add{border:0;background:var(--io-gold);color:var(--io-ink);font-family:var(--io-head);font-weight:800;font-size:12px;padding:7px 9px;border-radius:8px;white-space:nowrap}.io-vid-add:hover{background:#e0be4c}.io-vid-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;font-size:13px;line-height:1.4;color:var(--io-muted)}.io-vid-foot>span{min-width:0}.io-vid-nav{display:flex;gap:6px;flex:0 0 auto}.io-vid-foot .io-icon-btn{border:1.5px solid var(--io-line);background:var(--io-paper)}.io-vid-foot a{color:var(--io-ink)}.io-vid-modal{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%}.io-vid-modal::backdrop{background:#000000e0}.io-vid-modal-body{position:relative;margin:auto;width:min(92vw,420px);height:min(92vh,760px);display:grid;grid-template-rows:1fr auto;gap:10px;place-self:center}.io-vid-modal[open]{display:grid;place-items:center}.io-vid-modal video{width:100%;height:100%;object-fit:contain;border-radius:16px;background:#000;min-height:200px}.io-vid-close{position:fixed;top:14px;right:14px;z-index:5;width:44px;height:44px;border-radius:50%;border:0;background:#ffffffeb;display:grid;place-items:center}.io-vid-close svg{width:20px;height:20px;fill:none;stroke:var(--io-ink);stroke-width:2.4;stroke-linecap:round}.io-vid-fallback{position:absolute;left:12px;right:12px;top:40%;text-align:center;color:var(--io-paper);font-size:14px;background:#0b0b0cb3;padding:12px;border-radius:12px}.io-vid-fallback a{color:var(--io-gold)}.io-vid-modal-cta{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--io-paper);border-radius:12px;padding:8px 8px 8px 14px;font-family:var(--io-head);font-weight:700;font-size:14px;color:var(--io-ink)}.io-vid-modal-cta .io-btn{min-height:42px;padding:0 16px;font-size:14px}.io-vid-modal-player{width:100%;height:100%;min-height:200px;display:grid;place-items:center}.io-vid-modal-player video{width:100%;height:100%;object-fit:contain;border-radius:16px;background:#000}.io-community .io-icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--io-ink)}.io-community .io-icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/*# sourceMappingURL=/cdn/shop/t/32/assets/io-pdp-community.css.map */