@layer components{.video-list{background-color:var(--color-background);color:var(--color-foreground)}.video-list__content{max-width:var(--content-width);margin-inline:auto;padding-inline:var(--spacing-inline, 1rem)}.video-list:not(.full-width) .video-list__carousel{max-width:var(--content-width);margin-inline:auto;padding-inline:var(--spacing-inline, 1rem);width:100%;box-sizing:border-box}.video-list__carousel{width:100%}.video-list__header{display:flex;flex-direction:column;gap:.75rem;align-items:var(--content-align, center);text-align:var(--text-align, center);margin-block-end:2rem}.video-list__heading{margin:0}.video-list__heading:not(.text-heading-h2){color:var(--color-foreground);font-size:var(--video-list-heading-size-mobile, var(--h2-size-mobile));font-weight:var(--video-list-heading-font-weight, var(--h2-font-weight));line-height:var(--h2-line-height)}.video-list__subheading{color:var(--color-foreground-secondary);margin:0;max-width:var(--video-list-subheading-max-width, 500px)}.video-list__subheading:not(.text-subheading){font-size:var( --video-list-subheading-size-mobile, var(--paragraph-size-mobile) );line-height:var(--paragraph-line-height);font-weight:var( --video-list-subheading-font-weight, var(--subheading-font-weight) )}.video-list__swiper{overflow:hidden}.video-list__swiper .swiper-wrapper,.video-list__slide{height:auto}.video-list__slide{box-sizing:border-box;position:relative}.video-list__card{position:relative}.video-list__slide--has-product-thumb{--video-list-product-thumb-size: 4rem;padding-block-end:calc(var(--video-list-product-thumb-size) / 2)}.video-list__card-link{display:block;color:inherit;text-decoration:none}.video-list__media{position:relative;aspect-ratio:var(--video-list-aspect-ratio, 16 / 9);overflow:hidden;border-radius:var(--video-list-border-radius, 1rem);background-color:var(--color-background-secondary, rgba(0, 0, 0, .04))}.video-list__media--responsive{aspect-ratio:var(--video-list-aspect-ratio-mobile, 16 / 9)}.video-list__media-tier{display:none;width:100%;height:100%}.video-list__media-tier--mobile{display:block}@media(min-width:640px)and (max-width:879px){.video-list__media--responsive{aspect-ratio:var( --video-list-aspect-ratio-tablet, var(--video-list-aspect-ratio-mobile, 16 / 9) )}.video-list__media-tier--mobile{display:none}.video-list__media-tier--tablet{display:block}}@media(min-width:880px){.video-list__media--responsive{aspect-ratio:var( --video-list-aspect-ratio-desktop, var( --video-list-aspect-ratio-tablet, var(--video-list-aspect-ratio-mobile, 16 / 9) ) )}.video-list__media-tier--mobile,.video-list__media-tier--tablet{display:none}.video-list__media-tier--desktop{display:block}}@media(max-width:639px){.video-list__media-tier--tablet,.video-list__media-tier--desktop{display:none}.video-list__media-tier--mobile{display:block}}.video-list__player,.video-list__placeholder{display:block;width:100%;height:100%}.video-list__player video,.video-list__player iframe{width:100%;height:100%;object-fit:cover;display:block;border:0}.video-list__placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-foreground-secondary);font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height);padding:1rem;text-align:center}.video-list__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:rgba(0,0,0,var(--video-list-overlay-opacity, .2));z-index:2;pointer-events:none}.video-list__overlay--top-left{justify-content:flex-start;align-items:flex-start}.video-list__overlay--left-bottom{justify-content:flex-end;align-items:flex-start}.video-list__overlay--center{justify-content:center;align-items:center;text-align:center}.video-list__card-title{color:#fff;margin:0}.video-list__card-title:not(.text-heading-h2){font-size:var(--video-list-card-title-size-mobile, var(--h2-size-mobile));line-height:var(--h2-line-height);font-weight:var( --video-list-card-title-font-weight, var(--h2-font-weight) )}.video-list__card-text{color:#fff;font-size:var( --video-list-card-text-size-mobile, var(--paragraph-size-mobile) );line-height:var(--paragraph-line-height);font-weight:var( --video-list-card-text-font-weight, var(--paragraph-font-weight) );margin:0}.video-list__product-bar{position:absolute;inset-inline:0;inset-block-end:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem;pointer-events:auto}.video-list__product-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.5rem .75rem;border-radius:var(--radius-md, .5rem);background-color:color-mix(in srgb,var(--color-background) 85%,transparent);color:var(--color-foreground);font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height);text-decoration:none}.video-list__product-form{display:flex;flex-shrink:0;margin:0}.video-list__product-button{flex-shrink:0;margin:0}.video-list__product-thumb{position:absolute;inset-block-end:0;inset-inline-start:50%;z-index:4;width:var(--video-list-product-thumb-size, 4rem);height:var(--video-list-product-thumb-size, 4rem);transform:translate(-50%,50%);border-radius:var(--radius-md, .5rem);overflow:hidden;border:2px solid var(--color-background);box-shadow:0 2px 8px color-mix(in srgb,var(--color-foreground) 15%,transparent)}.video-list__product-thumb .image{display:block;width:100%;height:100%}.video-list__product-thumb img{width:100%;height:100%;object-fit:cover}.video-list__empty{color:var(--color-foreground-secondary);font-size:var(--paragraph-size-mobile);line-height:var(--paragraph-line-height);margin:0;text-align:center}.video-list__actions{display:flex;flex-direction:column;align-items:var(--content-align, center);margin-block-start:2rem}.video-list__button{margin:0}@media(min-width:640px)and (max-width:879px){.video-list__heading:not(.text-heading-h2){font-size:var(--video-list-heading-size-tablet, var(--h2-size-tablet))}.video-list__subheading:not(.text-subheading){font-size:var( --video-list-subheading-size-tablet, var(--paragraph-size-tablet) )}.video-list__card-title:not(.text-heading-h2){font-size:var( --video-list-card-title-size-tablet, var(--h2-size-tablet) )}.video-list__card-text{font-size:var( --video-list-card-text-size-tablet, var(--paragraph-size-tablet) )}.video-list__product-name,.video-list__placeholder,.video-list__empty{font-size:var(--paragraph-size-tablet)}}@media(min-width:880px){.video-list__heading:not(.text-heading-h2){font-size:var(--video-list-heading-size-desktop, var(--h2-size-desktop))}.video-list__subheading:not(.text-subheading){font-size:var( --video-list-subheading-size-desktop, var(--paragraph-size-desktop) )}.video-list__card-title:not(.text-heading-h2){font-size:var( --video-list-card-title-size-desktop, var(--h2-size-desktop) )}.video-list__card-text{font-size:var( --video-list-card-text-size-desktop, var(--paragraph-size-desktop) )}.video-list__product-name{font-size:var(--paragraph-size-desktop)}.video-list__product-bar{padding:3rem 1rem}.video-list__overlay{padding:2rem}.video-list__placeholder,.video-list__empty{font-size:var(--paragraph-size-desktop)}}}.video-list__swiper:not(.swiper-initialized) .swiper-wrapper{display:flex;flex-wrap:nowrap;gap:var(--grid-gap)}.video-list__swiper:not(.swiper-initialized) .video-list__slide{flex-shrink:0;width:calc((100% - (var(--columns-mobile) - 1) * var(--grid-gap)) / var(--columns-mobile))}@media(min-width:640px)and (max-width:879px){.video-list__swiper:not(.swiper-initialized) .video-list__slide{width:calc((100% - (var(--columns-tablet) - 1) * var(--grid-gap)) / var(--columns-tablet))}}@media(min-width:880px){.video-list__swiper:not(.swiper-initialized) .video-list__slide{width:calc((100% - (var(--columns-desktop) - 1) * var(--grid-gap)) / var(--columns-desktop))}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-video-list-styles.css.map */