.joy-video-showcase{background:#fff;color:#121212;padding-block:16px 36px}.joy-video-showcase__inner{min-width:0}.joy-video-showcase__heading{margin:0 0 24px;font-family:var(--font-heading--family, inherit);font-size:28px;font-weight:600;line-height:1.2;letter-spacing:0}.joy-video-showcase__editor-note,.joy-video-showcase__empty-state{margin:0 0 18px;padding:14px 16px;border:1px dashed rgba(18,18,18,.24);border-radius:8px;background:#f7f7f7;color:#121212b8;font-size:14px}.joy-video-showcase__track{--joy-video-card-width: calc((100% - (3 * var(--joy-video-desktop-gap))) / 4);display:grid;grid-template-columns:repeat(var(--joy-video-count),minmax(0,var(--joy-video-card-width)));gap:var(--joy-video-desktop-gap);min-width:0}.joy-video-showcase__card{min-width:0;overflow:hidden;border-radius:10px;background:#ececec;box-shadow:0 2px 10px #1212120f}.joy-video-showcase__card[hidden]{display:none!important}.joy-video-showcase__card.is-disabled{opacity:.58}.joy-video-showcase__media{position:relative;aspect-ratio:9 / 16;overflow:hidden;background:#dedede;isolation:isolate}.joy-video-showcase__video,.joy-video-showcase__placeholder,.joy-video-showcase__placeholder svg{display:block;width:100%;height:100%}.joy-video-showcase__video{object-fit:cover;background:#dedede;cursor:pointer}.joy-video-showcase__video:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #121212}.joy-video-showcase__play:focus-visible,.joy-video-showcase__cta:focus-visible{outline:2px solid #121212;outline-offset:3px;box-shadow:0 0 0 2px #fff}.joy-video-showcase__placeholder{position:relative;display:grid;place-items:center;color:#1212129e}.joy-video-showcase__placeholder svg{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;opacity:.55}.joy-video-showcase__placeholder span{position:relative;z-index:1;padding:8px 12px;border-radius:6px;background:#ffffffe0;font-size:13px;font-weight:600}.joy-video-showcase__overlay{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:26px 18px 18px;background:linear-gradient(180deg,#0000 50%,#00000014 62%,#00000057 78%,#000000a8);color:#fff;pointer-events:none}.joy-video-showcase__content{width:100%}.joy-video-showcase__title{display:-webkit-box;margin:0;overflow:hidden;font-family:var(--font-heading--family, inherit);font-size:clamp(20px,1.55vw,23px);font-weight:650;line-height:1.18;letter-spacing:0;-webkit-box-orient:vertical;-webkit-line-clamp:2}.joy-video-showcase__description{display:-webkit-box;margin:7px 0 0;overflow:hidden;font-size:14px;font-weight:450;line-height:1.42;color:#ffffffe6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.joy-video-showcase__cta{display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:center;min-height:36px;margin-top:11px;padding:7px 12px;border-radius:6px;background:#fff;color:#121212;font-size:13px;font-weight:600;line-height:1;text-decoration:none;pointer-events:auto;transition:background-color .18s ease,color .18s ease}.joy-video-showcase__play{position:absolute;z-index:3;inset-block-start:50%;inset-inline-start:50%;display:grid;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:50%;place-items:center;color:#121212;background:#ffffffeb;cursor:pointer;transform:translate(-50%,-50%);transition:opacity .18s ease,transform .18s ease}.joy-video-showcase__play svg{display:block;width:20px;height:20px}.joy-video-showcase__pause-icon,.joy-video-showcase__card.is-playing .joy-video-showcase__play-icon{display:none}.joy-video-showcase__card.is-playing .joy-video-showcase__pause-icon{display:block}.joy-video-showcase__card.is-playing .joy-video-showcase__play{opacity:0}.joy-video-showcase__card.is-playing .joy-video-showcase__play:focus-visible{opacity:1}@media(hover:hover)and (pointer:fine){.joy-video-showcase__cta:hover{background:#121212;color:#fff}.joy-video-showcase__card:hover .joy-video-showcase__play,.joy-video-showcase__card.is-playing:hover .joy-video-showcase__play{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}@media screen and (max-width:749px){.joy-video-showcase{padding-block:0 20px}.joy-video-showcase__heading{margin-bottom:18px;font-size:22px;font-weight:600;line-height:1.2}.joy-video-showcase__track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(75vw,calc(100vw - (var(--page-margin) + var(--joy-video-mobile-gap) + 55px)),79vw);grid-template-columns:none;gap:var(--joy-video-mobile-gap);margin-inline:calc(var(--page-margin) * -1);padding:0 var(--page-margin) 8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:var(--page-margin);scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.joy-video-showcase__track::-webkit-scrollbar{display:none}.joy-video-showcase__card{scroll-snap-align:start;scroll-snap-stop:always}.joy-video-showcase__overlay{padding:24px 16px 17px}.joy-video-showcase__title{font-size:21px}.joy-video-showcase__description{font-size:13px;line-height:1.4}.joy-video-showcase__cta{min-height:34px;margin-top:11px;padding-inline:12px;font-size:12.5px}.joy-video-showcase__play{width:46px;height:46px}}@media(prefers-reduced-motion:reduce){.joy-video-showcase__play,.joy-video-showcase__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/joy-video-showcase.css.map */