.video-feature-section{width:100%}.video-feature-section__inner{max-width:1216px;margin:0 auto;padding-left:16px;padding-right:16px;box-sizing:border-box}@media screen and (min-width:750px){.video-feature-section__inner{padding-left:20px;padding-right:20px}}.video-feature-section__grid{display:grid;grid-template-columns:1fr;gap:64px;align-items:start}@media screen and (min-width:990px){.video-feature-section__grid{grid-template-columns:576px 1fr;gap:64px;align-items:start}}.video-feature-section__media-col{width:100%;max-width:576px;margin:0 auto}@media screen and (min-width:990px){.video-feature-section__media-col{margin:0;max-width:none}}.video-feature-section__card{width:100%}.video-feature-section__media-wrap{position:relative;width:100%;height:0;padding-bottom:calc(480 / 576 * 100%);border-radius:16px;overflow:hidden;background:#d1d5db}.video-feature-section__poster{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;overflow:hidden}.video-feature-section__poster-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}.video-feature-section__poster-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(0deg,#0006 0% 100%);pointer-events:none}.video-feature-section__poster-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#d1d5db}.video-feature-section__poster-placeholder .placeholder-svg{width:40%;height:auto;opacity:.5}.video-feature-section__play-btn.ugc-card__play-btn{bottom:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;z-index:2}.video-feature-section__card:hover .video-feature-section__play-btn.ugc-card__play-btn:not(.ugc-card__play-btn--disabled){background:#ffffff52;transform:translate(-50%,-50%) scale(1.08);box-shadow:0 4px 16px #0003}.video-feature-section__play-btn.ugc-card__play-btn:hover:not(.ugc-card__play-btn--disabled),.video-feature-section__play-btn.ugc-card__play-btn:focus-visible{background:#ffffff73;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 6px 20px #00000040}.video-feature-section__play-btn.ugc-card__play-btn .ugc-card__play-icon{color:#fff;margin-left:3px}.video-feature-section__content-col{min-width:0}.video-feature-section__title{margin:0 0 24px;font-size:24px;font-style:normal;font-weight:500;line-height:1.33333;letter-spacing:.15px;color:#393186}@media screen and (min-width:750px){.video-feature-section__title{font-size:30px}}.video-feature-section__description,.video-feature-section__description.rte{margin:0 0 40px;font-size:14px;font-style:normal;font-weight:400;line-height:1.5;letter-spacing:.5px;color:#4b5563}.video-feature-section__description p{margin:0}@media screen and (min-width:750px){.video-feature-section__description,.video-feature-section__description.rte{font-size:16px}}.video-feature-section__feature-intro{margin:0 0 1.5rem;font-size:14px;font-style:normal;font-weight:400;line-height:1.5;letter-spacing:.5px;color:#4b5563}@media screen and (min-width:750px){.video-feature-section__feature-intro{font-size:16px}}.video-feature-section__cards{display:flex;flex-direction:column;gap:1rem;background-color:#f3fbf9}@media screen and (min-width:750px){.video-feature-section__cards{flex-direction:row;flex-wrap:wrap;gap:1.5rem}}.video-feature-section__card-item{display:flex;padding:24px;flex-direction:column;align-items:center;gap:24px;flex:1 0 0;min-width:0;border-radius:16px;background-color:#f3fbf9}@media screen and (max-width:749px){.video-feature-section__card-item{flex:1 1 auto;flex-direction:row;align-items:center;gap:1rem;text-align:left}.video-feature-section__card-item .video-feature-section__card-icon{flex-shrink:0;width:48px;height:48px}.video-feature-section__card-item .video-feature-section__card-icon img{width:48px;height:48px}.video-feature-section__card-item .video-feature-section__card-icon--placeholder .placeholder-svg{width:24px;height:24px}.video-feature-section__card-item .video-feature-section__card-text{text-align:left}}.video-feature-section__card-icon{width:96px;height:96px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden}.video-feature-section__card-icon img{width:96px;height:96px;object-fit:contain}.video-feature-section__card-icon--placeholder{background:#39318614}.video-feature-section__card-icon--placeholder .placeholder-svg{width:32px;height:32px;color:#393186}.video-feature-section__card-text{margin:0;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857;letter-spacing:.25px;color:#4b5563;text-align:center}.video-feature-section__modal.ugc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}.video-feature-section__modal.ugc-modal.ugc-modal--open{pointer-events:auto;visibility:visible;opacity:1}.ugc-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;cursor:pointer}.ugc-modal__content{position:relative;width:100%;max-width:900px;max-height:90vh;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0006}.ugc-modal__close{position:absolute;top:1rem;right:1rem;z-index:2;width:44px;height:44px;border:none;border-radius:50%;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.ugc-modal__close:hover,.ugc-modal__close:focus-visible{background:#000c}.ugc-modal__close:focus{outline:none}.ugc-modal__close:focus-visible{outline:2px solid #fff;outline-offset:2px}.ugc-modal__body{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.ugc-modal__video{width:100%;height:100%;display:block}.ugc-modal__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.ugc-card__play-btn--disabled{cursor:default;opacity:.7}.ugc-card__play-icon{display:block;transition:transform .25s ease}.ugc-card__play-btn:hover:not(.ugc-card__play-btn--disabled) .ugc-card__play-icon{transform:scale(1.1)}.ugc-card__play-icon svg{display:block}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/*# sourceMappingURL=/cdn/shop/t/12/assets/video-with-feature-cards.css.map */