community-videos{display:block}.community-videos .video-section__media{content-visibility:auto;padding-bottom:177.78%;overflow:hidden;border-radius:12px}.community-videos .video-section__media.deferred-media:after{content:none}.community-videos .video-section__poster,.community-videos .video-section__poster img{border-radius:12px}.video-overlay-text{position:absolute;bottom:0;left:0;width:100%;height:100%;display:flex!important;align-items:flex-end;justify-content:center;pointer-events:none;z-index:2;background-color:#0003;border-radius:12px}.video-overlay-text__content{color:var(--color-mono-white);font-size:14px;font-weight:var(--font-weight-regular);font-style:italic;text-align:center;line-height:1.4;padding-bottom:1rem!important;padding-left:.2rem!important;padding-right:.2rem!important}@media screen and (max-width:749px){.video-overlay-text{padding-top:25rem;padding-bottom:1.5rem}.video-overlay-text__content{font-size:1.5rem;padding-bottom:1rem;padding-top:15rem}}@media screen and (min-width:750px){.video-overlay-text{padding-top:25rem}.video-overlay-text__content{font-size:1.5rem;padding:0 2.5rem}.video-section__poster:hover .video-overlay-text{background-color:#0000004d}}@media screen and (min-width:990px){.video-overlay-text{padding-top:3rem;padding-bottom:1.5rem}.video-overlay-text__content{font-size:2rem;padding:0 3rem}.video-blog-width{width:60%}}.videos-container{display:flex;flex-wrap:wrap;width:100%;gap:2rem;min-height:0!important;height:auto!important;grid-template-rows:unset!important;justify-items:flex-end!important}@media screen and (max-width:749px){.videos-container{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1.5rem!important;grid-template-rows:unset!important}}@media screen and (min-width:750px){.videos-container{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1.5rem!important;grid-template-rows:unset!important}}.video-item{width:100%!important}.video-item--hidden{display:none!important}@media screen and (min-width:750px){.video-pagination-wrapper{display:none}}.video-pagination{display:flex;justify-content:center;width:100%;padding-top:15px}.video-pagination__list{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0}.video-pagination__list>li{list-style:none}.video-pagination__list>li:not(:last-child){margin-right:1rem}.video-pagination__item{border-radius:50%;background:transparent;border:1px solid rgba(var(--color-foreground),.2);display:inline-flex;justify-content:center;align-items:center;position:relative;height:4.4rem;width:4.4rem;padding:0;text-decoration:none;font-weight:var(--font-weight-bold);color:var(--color-foreground);cursor:pointer}.video-pagination__item-arrow{border:none!important;border-radius:0!important;background:transparent!important;width:auto!important;height:auto!important;padding-top:1.6rem!important}@media screen and (min-width:750px){.video-pagination__item{font-size:1.4rem;height:4.4rem}}.video-pagination__item:disabled{opacity:.4;cursor:not-allowed}.video-pagination__item .icon-caret{height:.8rem}.video-pagination__item--current{background:var(--color-text-main);color:var(--color-mono-white);border-color:var(--color-text-main)}.video-pagination__item--next .icon{margin-left:.2rem;transform:rotate(-90deg)}.video-pagination__item--next:hover .icon{transform:rotate(-90deg) scale(1.07)}.video-pagination__item--prev .icon{margin-right:.2rem;transform:rotate(90deg)}.video-pagination__item--prev:hover .icon{transform:rotate(90deg) scale(1.07)}@media screen and (min-width:990px){.video-section__media .deferred-media__poster-button,.videos-container .deferred-media__poster-button{height:5.5rem;width:5.5rem}.video-section__media .deferred-media__poster-button .icon,.videos-container .deferred-media__poster-button .icon{height:2.5rem;width:2.5rem}}@media screen and (max-width:989px){.video-section__media .deferred-media__poster-button,.videos-container .deferred-media__poster-button{height:4rem;width:4rem}.video-section__media .deferred-media__poster-button .icon,.videos-container .deferred-media__poster-button .icon{height:2rem;width:2rem}}.community-videos .title.h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-h1)}
/*# sourceMappingURL=/cdn/shop/t/121/assets/section-community-videos.css.map */
