.dd-video-shelf{position:relative;margin-top:24px;margin-bottom:36px}.dd-video-shelf__scroller{--dd-shelf-hover-lift: 3px;--dd-shelf-shadow-top: 6px;--dd-shelf-shadow-bottom: 26px;--dd-shelf-fade-left: 0px;--dd-shelf-fade-right: 0px;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:1.5rem;padding-block:calc(var(--dd-shelf-hover-lift) + var(--dd-shelf-shadow-top)) var(--dd-shelf-shadow-bottom);padding-inline:1.5rem;margin-inline:-1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--dd-shelf-fade-left),#000 calc(100% - var(--dd-shelf-fade-right)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--dd-shelf-fade-left),#000 calc(100% - var(--dd-shelf-fade-right)),transparent 100%)}.dd-video-shelf__scroller::-webkit-scrollbar{display:none;width:0;height:0}.dd-video-shelf.is--can-prev .dd-video-shelf__scroller{--dd-shelf-fade-left: 44px}.dd-video-shelf.is--can-next .dd-video-shelf__scroller{--dd-shelf-fade-right: 44px}@media screen and (min-width:750px){.dd-video-shelf__scroller{gap:16px;padding-inline:0;margin-inline:0;scroll-padding-inline:0}.dd-video-shelf.is--can-prev .dd-video-shelf__scroller{--dd-shelf-fade-left: 64px}.dd-video-shelf.is--can-next .dd-video-shelf__scroller{--dd-shelf-fade-right: 64px}}.dd-video-shelf__nav{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:44px;padding:0;border:1px solid rgba(28,25,23,.1);border-radius:50%;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 20px -6px #1c191759;color:#1c1917;cursor:pointer;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.dd-video-shelf__nav svg{width:20px;height:20px}.dd-video-shelf__nav--prev{left:-12px}.dd-video-shelf__nav--next{right:-12px}.dd-video-shelf__nav:hover,.dd-video-shelf__nav:focus-visible{background:#fff;transform:translateY(-50%) scale(1.06);box-shadow:0 10px 26px -8px #1c191773;outline:none}@media screen and (min-width:750px){.dd-video-shelf.is--can-prev .dd-video-shelf__nav--prev,.dd-video-shelf.is--can-next .dd-video-shelf__nav--next{display:inline-flex}}.dd-video-shelf__tile{position:relative;flex:0 0 auto;width:clamp(150px,44vw,190px);aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;background:#1c1917;scroll-snap-align:start;cursor:pointer;isolation:isolate;box-shadow:0 0 0 1px #1c191714,0 4px 14px -8px #1c19174d;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .22s ease,box-shadow .22s ease}@media screen and (min-width:750px){.dd-video-shelf__tile{width:clamp(190px,19vw,230px);border-radius:18px}}@media(hover:hover){.dd-video-shelf__tile:hover{transform:translateY(calc(-1 * var(--dd-shelf-hover-lift, 3px)));box-shadow:0 0 0 1px #1c19171a,0 16px 32px -14px #1c191773}.dd-video-shelf__tile:hover .dd-video-shelf__cover-img{transform:scale(1.045)}.dd-video-shelf__tile:hover .dd-video-shelf__play-circle{background:#ffffff4d;transform:scale(1.06)}}.dd-video-shelf__video,.dd-video-shelf__cover-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.dd-video-shelf__video{z-index:1;background:#000}.dd-video-shelf__tile .dd-video-shelf__cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;transition:opacity .2s ease}.dd-video-shelf__tile .dd-video-shelf__cover.is-hidden{opacity:0;pointer-events:none}.dd-video-shelf__cover-img{z-index:0;transition:transform .4s ease}.dd-video-shelf__tile .dd-video-shelf__gradient{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#000000d1,#00000061 40%,#0000 68%);pointer-events:none}.dd-video-shelf__caption{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;color:#fff;pointer-events:none}.dd-video-shelf__title{font-family:"Termina",var(--dd-font, sans-serif);font-weight:600;font-size:9px;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;margin:0;color:#fff;opacity:.85;text-shadow:0 1px 6px rgba(0,0,0,.45)}@media screen and (min-width:750px){.dd-video-shelf__title{font-size:10px}}.dd-video-shelf__body{font-family:var(--dd-font, sans-serif);font-weight:700;font-size:16px;line-height:1.2;letter-spacing:-.01em;margin:3px 0 0;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen and (min-width:750px){.dd-video-shelf__body{font-size:18px}}.dd-video-shelf__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:0;background:transparent;cursor:pointer;color:#fff;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s ease}.dd-video-shelf__play:hover,.dd-video-shelf__play:focus-visible{transform:translate(-50%,-50%) scale(1.06);outline:none}.dd-video-shelf__play-circle{width:46px;height:46px;border-radius:50%;background:#ffffff2e;border:1px solid rgba(255,255,255,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #00000059;transition:background .16s ease,transform .16s ease}.dd-video-shelf__play-icon{width:17px;height:17px;fill:#fff;margin-left:3px}@media(prefers-reduced-motion:reduce){.dd-video-shelf__tile,.dd-video-shelf__tile .dd-video-shelf__cover,.dd-video-shelf__cover-img,.dd-video-shelf__play,.dd-video-shelf__play-circle,.dd-video-shelf__nav{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/303/assets/dd-video-shelf.css.map */