.youtube-playlist .title{margin:0 0 3rem}.youtube-playlist .title-wrapper-with-link{margin-top:0;margin-bottom:4rem}.youtube-playlist__container{width:100%}.youtube-playlist__loading,.youtube-playlist__error{text-align:center;padding:4rem 2rem;color:rgb(var(--color-foreground))}.youtube-playlist__loading p,.youtube-playlist__error p{margin:0;font-size:1.4rem}.youtube-playlist__error{color:#d32f2f}.youtube-playlist__grid{list-style:none;padding:0;margin:0}.youtube-playlist__grid:not(.slider) .grid__item{width:100%}@media screen and (min-width: 990px){.youtube-playlist__grid.grid--5-col-desktop:not(.slider) .grid__item{width:calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);max-width:calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5)}.youtube-playlist__grid.grid--4-col-desktop:not(.slider) .grid__item{width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);max-width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)}.youtube-playlist__grid.grid--3-col-desktop:not(.slider) .grid__item{width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);max-width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)}.youtube-playlist__grid.grid--2-col-desktop:not(.slider) .grid__item{width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2);max-width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}.youtube-playlist__grid.grid--1-col-desktop:not(.slider) .grid__item{width:100%;max-width:100%}}.youtube-video-card{display:flex;flex-direction:column;color:inherit;transition:transform .2s ease;cursor:pointer}.youtube-video-card:hover{transform:translateY(-4px)}.youtube-video-card__thumbnail{position:relative;width:100%;padding-bottom:61.33%;background-color:var(--color-fbm-light-accent);border-radius:.8rem;overflow:hidden;margin-bottom:.8rem}.youtube-video-card__thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .2s ease;transform:scale(1.1)}.youtube-video-card:hover .youtube-video-card__thumbnail img{opacity:.8}.youtube-video-card__info{display:flex;flex-direction:column}.youtube-video-card__title{font-weight:700;margin-bottom:.8rem;margin-top:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.youtube-video-card__title:first-letter{text-transform:uppercase}.youtube-video-card:hover .youtube-video-card__title{color:rgb(var(--color-foreground))}.youtube-video-card__meta{display:flex;flex-direction:column;gap:.4rem}.youtube-video-card__channel,.youtube-video-card__stats{color:var(--color-fbm-text)}.youtube-video-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20;display:none;align-items:center;justify-content:center}.youtube-video-modal[open]{display:flex;background-color:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.youtube-video-modal::backdrop{background-color:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.youtube-video-modal__content{position:relative;width:90%;max-width:1200px;margin:auto;background:transparent;border:none;padding:0}.youtube-video-modal__close{position:absolute;top:-5rem;right:0;width:4rem;height:4rem;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;z-index:2}.youtube-video-modal__close:hover{background:#fff3}.youtube-video-modal__close svg{width:2.4rem;height:2.4rem;color:#fff;stroke-width:2}.youtube-video-modal__player-wrapper{position:relative;width:100%}.youtube-video-modal__player{position:relative;width:100%;padding-bottom:56.25%;background-color:#000;border-radius:.8rem;overflow:hidden}.youtube-video-modal__player iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 749px){.youtube-video-modal__content{width:95%}.youtube-video-modal__close{top:-3.5rem;width:3.5rem;height:3.5rem}.youtube-video-modal__close svg{width:2rem;height:2rem}}youtube-playlist .title{font-weight:700}youtube-playlist .title .svg-wrapper{width:25px;height:25px;margin-right:4px}youtube-playlist .title svg path{fill:transparent;stroke:#1e1e1e}@media screen and (max-width: 749px){#youtube-playlist .grid--peek .grid__item{width:calc(100% - 60px);min-width:calc(100% - 60px)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-youtube-playlist.css.map */