.ugc-video{display:grid;grid-template-columns:minmax(360px,1fr) minmax(0,934px);align-items:center;column-gap:72px}.ugc-video__text{margin-top:17px;font-weight:400;font-size:14px;line-height:20px;color:var(--color-shade-100)}.ugc-video__text p{margin:0}.ugc-video__text p+p{margin-top:8px}.ugc-video__carousel{min-width:0}.ugc-video__track{display:flex;gap:16px;min-width:0;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ugc-video__track::-webkit-scrollbar{display:none}.ugc-video__card{flex:0 0 calc((100% - 32px) / 3);scroll-snap-align:start}.ugc-video__frame{position:relative;display:block;aspect-ratio:266 / 400;overflow:hidden;border-radius:16px;background:var(--color-shade-20)}.ugc-video__toggle{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.ugc-video__toggle:focus-visible{box-shadow:inset 0 0 0 2px var(--color-white-100),inset 0 0 0 4px var(--color-primary-100)}.ugc-video__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#0b3d5399;color:var(--color-white-100);transition:opacity .2s ease}.ugc-video__icon-pause,.is-playing .ugc-video__icon-play{display:none}.is-playing .ugc-video__icon-pause{display:block}.is-playing .ugc-video__icon{opacity:0}.is-playing .ugc-video__toggle:focus-visible .ugc-video__icon{opacity:1}@media(hover:hover){.is-playing .ugc-video__toggle:hover .ugc-video__icon{opacity:1}}.ugc-video__frame img,.ugc-video__frame video{display:block;width:100%;height:100%;object-fit:cover}.ugc-video .carousel__dots{display:flex;margin-top:38px}@media screen and (max-width:1439px){.ugc-video .carousel__dots{margin-top:24px}}@media screen and (max-width:1279px){.ugc-video.page-width{max-width:none;width:calc(100% - 64px);margin-left:32px;margin-right:32px}.ugc-video{grid-template-columns:minmax(213px,1fr) minmax(0,736px);column-gap:48px}.ugc-video .two-tone-heading{font-size:32px;line-height:40px}}@media screen and (max-width:1023px){.ugc-video.page-width{width:calc(100% - 32px);margin-right:0}.ugc-video__track{padding-right:32px}.ugc-video__card{flex-basis:222px}}@media screen and (max-width:768px){.ugc-video.page-width{width:100%;margin-left:0;margin-right:0}.ugc-video{grid-template-columns:1fr;row-gap:16px}.ugc-video__content{padding:0 16px}.ugc-video__content .two-tone-heading strong{display:block}.ugc-video__text{margin-top:8px}.ugc-video__track{gap:16px;padding:0 16px;scroll-padding-left:16px}.ugc-video__card{flex-basis:234px}.ugc-video .carousel__dots{margin-top:16px}}@media screen and (max-width:479px){.ugc-video .two-tone-heading{font-size:24px;line-height:32px}.ugc-video__track{gap:28px}.ugc-video__card{flex-basis:266px}.ugc-video .carousel__dots{margin-top:32px}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/ugc-video.css.map */