.custom-content-video-card{display:block;position:relative}.custom-content-video-card .image-overlay{overflow:hidden;isolation:isolate;border-radius:var(--media-border-radius)}.custom-content-video-card__interaction{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;color:#fff;cursor:pointer}.custom-content-video-card__interaction:focus-visible{outline:2px solid #fff;outline-offset:-4px}.custom-content-video-card__creator{--creator-inset: clamp(12px, 2vw, 20px);position:absolute;z-index:4;inset-inline-start:var(--creator-inset);bottom:var(--creator-inset);max-width:calc(100% - 40px);padding:0;background:transparent;color:#fff;font-size:clamp(14px,1.2vw,18px);line-height:1.4;overflow-wrap:anywhere;text-align:start;text-decoration:none;text-shadow:none}span.custom-content-video-card__creator{pointer-events:none}a.custom-content-video-card__creator:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}a.custom-content-video-card__creator:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:2px}.custom-content-video-card__play-icon{display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s ease,transform .15s ease}.custom-content-video-card__play-icon svg{width:80px;height:80px;filter:drop-shadow(0 1px 3px rgba(18,18,18,.3))}.custom-content-video-card__interaction:hover .custom-content-video-card__play-icon{transform:scale(1.06)}.custom-content-video-card.is-media-playing.is-audio-active .custom-content-video-card__play-icon{opacity:0;transform:scale(.92)}@media(max-width:767.98px){.custom-content--mobile-carousel .custom-content__layout{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:12px;margin:0;padding:0 0 8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:0;scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.custom-content--mobile-carousel .custom-content__layout::-webkit-scrollbar{display:none}.custom-content--mobile-carousel .custom-content__layout>.column{flex:0 0 88%;width:88%!important;margin:0;padding:0;scroll-snap-align:start;scroll-snap-stop:always}}@media(prefers-reduced-motion:reduce){.custom-content-video-card__play-icon{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/custom-content-video.css.map */
