.hdm-reels-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000;display:flex;justify-content:center;align-items:center}.hdm-reels-container[hidden]{display:none!important}.hdm-reels-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;-ms-overflow-style:none;scrollbar-width:none;outline:none}.hdm-reels-wrap::-webkit-scrollbar{display:none}.hdm-reels-wrap video{width:100%;height:100%;object-fit:cover;display:block}.hdm-reel{position:relative;height:100dvh;scroll-snap-align:start;display:grid;place-items:center;background:#000;overflow:hidden}@media(min-width:600px){.hdm-reels-wrap{display:flex;flex-direction:column;align-items:center}.hdm-reel{aspect-ratio:9/16;height:auto;max-height:100dvh;width:auto;margin:0 auto;border-radius:16px;flex-shrink:0;scroll-snap-align:center}.hdm-reel video{border-radius:16px}}.hdm-reel .overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;padding:0;z-index:2;background:linear-gradient(to bottom,rgba(0,0,0,.45) 0%,transparent 22%),linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 45%)}.hdm-reel .top{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;padding:14px 14px 0;gap:10px}.hdm-reel .top>button{width:36px;height:36px;border:none;background:#ffffff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s}.hdm-reel .top>button:hover{background:#ffffff40}.hdm-reel .top>button svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.hdm-reel .title{font-family:DM Sans,-apple-system,sans-serif;font-size:17px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4);letter-spacing:.01em}.hdm-reel .meta_container{grid-column:1;grid-row:3;padding:0 12px 20px 14px;display:flex;flex-direction:column;gap:8px;min-width:0}.hdm-reel .meta_sidebar{grid-column:2;grid-row:2 / 4;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 10px 24px 0;gap:20px}.hdm-reel .author{display:flex;align-items:center;gap:10px}.hdm-reel-avatar-trigger{position:relative;width:44px;height:44px;flex-shrink:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.hdm-reel-avatar-trigger img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff;display:block}.hdm-reel-avatar-fallback{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#766cff,#bc1888);border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;color:#fff}.hdm-reel-badge-check{position:absolute;bottom:-2px;right:-2px;width:17px;height:17px;background:#766cff;border-radius:50%;border:2px solid #000;display:flex;align-items:center;justify-content:center}.hdm-reel-badge-check svg{width:9px;height:9px;stroke:#fff;stroke-width:2.5;fill:none;stroke-linecap:round;display:block}.hdm-reel-author-name{font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);text-decoration:none;cursor:pointer;line-height:1.2;-webkit-tap-highlight-color:transparent}.hdm-reel-author-name:hover{text-decoration:underline}.hdm-reel .reel_artist{display:flex;align-items:center;gap:5px;opacity:.75}.hdm-reel .musical_note{width:12px;height:12px;fill:#fff;flex-shrink:0}.hdm-reel .reel_scroll{overflow:hidden;white-space:nowrap;max-width:180px}.hdm-reel .reel_song{display:inline-block;font-family:DM Sans,sans-serif;font-size:12px;color:#fff;padding-left:100%;animation:hdm-reel-scroll 10s linear infinite}@keyframes hdm-reel-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.hdm-reel .caption p{font-family:DM Sans,sans-serif;font-size:13px;color:#fff;margin:0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 3px rgba(0,0,0,.5)}.hdm-reel-product{display:flex;align-items:center;gap:10px;background:#ffffff21;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:10px 14px;text-decoration:none;transition:background .2s;max-width:260px;cursor:pointer}.hdm-reel-product:hover{background:#ffffff38}.hdm-reel-product-thumb{width:40px;height:40px;border-radius:8px;object-fit:contain;flex-shrink:0;background:#ffffff26}.hdm-reel-product-info{flex:1;min-width:0}.hdm-reel-product-name{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-bottom:2px}.hdm-reel-product-price{font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;color:#ffffffe6}.hdm-reel-product-arrow{flex-shrink:0;opacity:.7}.hdm-reel-product-arrow svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2.5;stroke-linecap:round;display:block}.hdm-reel .meta_count-container{display:flex;flex-direction:column;align-items:center;gap:4px}.hdm-reel .meta_count{font-family:DM Sans,sans-serif;font-size:12px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.hdm-reel .meta_sidebar button{border:none;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:transform .15s}.hdm-reel .meta_sidebar button:hover{transform:scale(1.12)}.hdm-reel .meta_sidebar button:active{transform:scale(.94)}.hdm-reel .meta_sidebar svg{width:28px;height:28px;fill:#fff;stroke:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.hdm-reel .heart_button path{fill:none;stroke:#fff;stroke-width:28}.hdm-reel .heart_button.liked path{fill:#ff3040;stroke:#ff3040}.hdm-reel .heart-icon{width:80px;height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);fill:red;opacity:0;pointer-events:none;z-index:10}.hdm-reel .heart-icon.liked{animation:hdm-heart-pop .6s ease-out forwards}@keyframes hdm-heart-pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}40%{transform:translate(-50%,-50%) scale(1.3);opacity:1}70%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(60%,-80%) scale(.8);opacity:0}}.hdm-reel .toast-audio{position:absolute;top:50%;left:50%;translate:-50% -50%;width:64px;height:64px;border-radius:50%;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;scale:.85;transition:opacity .4s,scale .4s;pointer-events:none;z-index:10}.hdm-reel .toast-audio.show{opacity:1;scale:1}.hdm-reel .toast-audio svg{width:28px;height:28px;fill:#fff;stroke:none;filter:none}.hdm-reel .cover_art .figure{width:44px;height:44px;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.3)}.hdm-reel .cover_art img{width:100%;height:100%;object-fit:cover}.hdm-reels-close-btn{position:fixed;top:16px;right:16px;z-index:10001;width:40px;height:40px;border-radius:50%;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;color:#fff}.hdm-reels-close-btn:hover{background:#ffffff47}.hdm-reels-close-btn svg{width:18px;height:18px;stroke:#fff;stroke-width:2.5;fill:none;stroke-linecap:round;display:block}.hdm-reels-ig-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10002;background:#000000b3;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}.hdm-reels-ig-panel.is-open{opacity:1;pointer-events:all}.hdm-reels-ig-panel__sheet{width:100%;max-width:480px;max-height:90dvh;background:#fff;border-radius:20px 20px 0 0;overflow-y:auto;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.hdm-reels-ig-panel.is-open .hdm-reels-ig-panel__sheet{transform:translateY(0)}.hdm-reels-access-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media(prefers-reduced-motion:reduce){.hdm-reel .heart-icon.liked{animation:none;opacity:0}.hdm-reel .reel_song{animation:none}.hdm-reel .toast-audio{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/hdm-reels.css.map */