.kd-reels{--kd-ink: #151515;--kd-line: #e3e3e3;position:relative;margin:22px 0 24px}.kd-reels__heading{margin:0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--kd-ink)}.kd-reels__list{display:flex;gap:8px;margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.kd-reels__list::-webkit-scrollbar{display:none}.kd-reels__item{flex:0 0 calc((100% - 32px)/5);min-width:104px;margin:0;scroll-snap-align:start}.kd-reels__tile{position:relative;display:block;width:100%;aspect-ratio:9 / 16;padding:0;border:0;border-radius:0;background:#ece9e3;overflow:hidden;cursor:pointer;isolation:isolate}.kd-reels__tile:after{content:"";position:absolute;top:50%;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#0000);pointer-events:none;z-index:2}.kd-reels__cover,.kd-reels__tile video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.kd-reels__tile video{z-index:1;opacity:0;transition:opacity .25s,transform .5s cubic-bezier(.2,.7,.2,1)}.kd-reels__tile[data-kd-playing] video{opacity:1}.kd-reels__play{position:absolute;top:8px;right:8px;z-index:3;display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#ffffffeb;color:var(--kd-ink);transition:opacity .2s}.kd-reels__play svg{width:13px;height:13px}.kd-reels__label{position:absolute;left:8px;right:8px;bottom:8px;z-index:3;color:#fff;font-size:12px;font-weight:600;line-height:1.25;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.35);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(hover:hover)and (pointer:fine){.kd-reels__tile:hover .kd-reels__cover,.kd-reels__tile:hover video{transform:scale(1.04)}.kd-reels__tile[data-kd-playing] .kd-reels__play{opacity:0}}.kd-reels__tile:focus-visible{outline:2px solid var(--kd-ink);outline-offset:2px}@media(max-width:1067px){.kd-reels{margin:8px 0 22px}.kd-reels__item{flex-basis:calc((100% - 16px) / 2.6)}}.kd-reels-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:#0c0c0ceb;color:#fff}.kd-reels-modal::backdrop{background:transparent}.kd-reels-modal[open]{display:flex;align-items:center;justify-content:center;animation:kd-reels-in .25s ease both}@keyframes kd-reels-in{0%{opacity:0}to{opacity:1}}.kd-reels-modal__stage{position:relative;height:min(78vh,760px);aspect-ratio:9 / 16;max-width:calc(100vw - 32px);background:#000}.kd-reels-modal__stage video{width:100%;height:100%;object-fit:contain;display:block;background:#000}.kd-reels-modal__label{position:absolute;left:0;right:0;top:calc(100% + 10px);font-size:13px;font-weight:600;text-align:center}.kd-reels-modal button{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.6);border-radius:0;background:#00000059;color:#fff;cursor:pointer;transition:background .15s,color .15s}.kd-reels-modal button:hover{background:#fff;color:#151515}.kd-reels-modal button svg{width:18px;height:18px}.kd-reels-modal__close{top:16px;right:16px}.kd-reels-modal__prev{left:max(16px,calc(50% - (min(78vh,760px)*.28125) - 68px));top:50%;transform:translateY(-50%)}.kd-reels-modal__next{right:max(16px,calc(50% - (min(78vh,760px)*.28125) - 68px));top:50%;transform:translateY(-50%)}.kd-reels-modal[data-kd-single] .kd-reels-modal__prev,.kd-reels-modal[data-kd-single] .kd-reels-modal__next{display:none}@media(max-width:749px){.kd-reels-modal__stage{height:min(68vh,calc((100vw - 64px) * 16 / 9));width:auto;max-width:calc(100vw - 64px);aspect-ratio:9 / 16}.kd-reels-modal__close{top:max(14px,calc(50% - (min(68vh,(100vw - 64px) * 16 / 9)/2) - 56px));right:14px;width:40px;height:40px;background:#fff;color:#151515;border-color:#fff;border-radius:50%}.kd-reels-modal__prev,.kd-reels-modal__next{top:auto;bottom:max(14px,calc(50% - (min(68vh,(100vw - 64px) * 16 / 9)/2) - 58px));transform:none;border-radius:50%;width:40px;height:40px}.kd-reels-modal__prev{left:calc(50% - 52px)}.kd-reels-modal__next{right:calc(50% - 52px)}.kd-reels-modal__label{display:none}}@media(prefers-reduced-motion:reduce){.kd-reels__cover,.kd-reels__tile video,.kd-reels-modal[open]{transition:none;animation:none}}html.kd-reels-lock{overflow:hidden}.product-grid-container>:first-child,.kd-gal-stack,.kd-reels,.kd-reels__list{min-width:0;max-width:100%}.kd-reels__arrow{display:none}@media(hover:hover)and (pointer:fine){.kd-reels__arrow{position:absolute;top:calc(50% + 12px);z-index:4;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--kd-ink);border-radius:0;background:#fffffff0;color:var(--kd-ink);cursor:pointer;transform:translateY(-50%);transition:opacity .2s,background .15s,color .15s}.kd-reels__arrow:hover{background:var(--kd-ink);color:#fff}.kd-reels__arrow svg{width:12px;height:12px}.kd-reels__arrow--prev{left:6px}.kd-reels__arrow--next{right:6px}.kd-reels[data-kd-start] .kd-reels__arrow--prev,.kd-reels[data-kd-end] .kd-reels__arrow--next,.kd-reels[data-kd-fits] .kd-reels__arrow{opacity:0;pointer-events:none}}.kd-reels__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.kd-reels__ig{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--kd-ink);text-decoration:none}.kd-reels__ig:hover{text-decoration:underline;text-underline-offset:3px}.kd-reels__ig svg{width:16px;height:16px}.kd-reels__tile{border-radius:10px}.kd-reels__tile:after{top:45%;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000a6,#0000)}.kd-reels__play{display:none}.kd-reels__reel{position:absolute;top:8px;right:8px;z-index:3;width:20px;height:20px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.kd-reels__reel svg{width:100%;height:100%;display:block}.kd-reels__meta{position:absolute;left:8px;right:8px;bottom:8px;z-index:3;display:flex;flex-direction:column;gap:5px;text-align:left;color:#fff}.kd-reels__user{display:flex;align-items:center;gap:6px;min-width:0}.kd-reels__avatar{flex:0 0 22px;width:22px;height:22px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#151515;color:#fff;box-shadow:0 0 0 1.5px #fff;font-family:Outfit,sans-serif;font-size:10px;line-height:1}.kd-reels__avatar img{width:100%;height:100%;object-fit:cover}.kd-reels__handle{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.4)}.kd-reels__meta .kd-reels__label{position:static;font-size:11.5px;font-weight:500;-webkit-line-clamp:2}.kd-reels-modal__stage,.kd-reels-modal__stage video{border-radius:12px}.kd-reels__arrow{border-radius:50%!important;border-color:transparent!important;box-shadow:0 2px 8px #0000002e}.kd-reels__avatar:has(img){background:#fff}.kd-reels__avatar{flex-basis:28px;width:28px;height:28px}.kd-reels__avatar img{image-rendering:auto}.kd-reels-modal:focus,.kd-reels-modal video:focus{outline:none}.kd-reels__brand{text-transform:none}.kd-reels__heading{font-family:Outfit,sans-serif;font-size:16px;font-weight:500;letter-spacing:0;text-transform:none}
/*# sourceMappingURL=/cdn/shop/t/17/assets/kd-reels.css.map */