.media-list{background-color:var(--background-color);overflow:hidden}.media-list__wrapper{display:flex;flex-direction:column;position:relative}.media-list__item{display:grid;align-items:center;z-index:1;grid-template-columns:1fr;gap:32px}.media-list__item--image-right .media-list__media-outer{order:0}.media-list__item--image--bottom .media-list__media-outer{order:2}.media-list__media-outer{display:flex;flex-direction:column;min-width:0}.media-list__media-container{position:relative;width:100%;height:100%;border-radius:24px;aspect-ratio:var(--aspect-ratio-mobile);overflow:hidden;line-height:0;box-shadow:0 20px 40px #0000001a}.media-list__image,.media-list__video{width:100%;height:100%;object-fit:cover;display:block}.video-click-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;cursor:pointer}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;border:none;background:none;opacity:var(--video-button-opacity);visibility:var(--video-button-visibility);transition:opacity .4s ease,visibility .4s ease,transform .4s ease;pointer-events:none}.video-play-button svg{display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.media-list__caption{display:block;width:fit-content;padding:6px 14px;color:var(--accent-color);margin-bottom:8px;background-color:color-mix(in srgb,var(--accent-color),transparent 85%);border-radius:100px;font-size:11px;font-weight:500;line-height:normal;letter-spacing:.88px;text-transform:uppercase;font-family:var(--font-inter-family)}.media-list__heading{color:var(--title-color);margin-bottom:16px;font-size:38px;word-break:break-word;font-weight:500;line-height:109%;letter-spacing:-.88px}.media-list__heading strong{color:var(--accent-color);font-weight:500}.media-list__description{color:var(--text-color);max-width:500px;font-size:16px;font-weight:400;line-height:160%}.media-list__button{margin-top:24px}.media-list__modal-trigger{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.media-list-modal .modal-video__toggle{height:4rem}.media-list-modal .media-list__media-container{align-items:center;aspect-ratio:auto;box-shadow:unset;display:flex;height:auto;justify-content:center;line-height:0;overflow:visible;width:100%}.media-list-modal__content.modal-video__content{background-color:rgb(var(--color-background),.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;overflow:hidden}.media-list-modal__body{display:flex;justify-content:center;max-height:71dvh;overflow:hidden;width:100%;cursor:default}.media-list-modal .media-list__media-container video-player{display:flex;height:auto;justify-content:center;max-height:inherit;position:relative;max-height:100%}.media-list-modal .media-list__media-container .video-card__wrapper{align-items:center;display:flex;height:auto;justify-content:center;max-height:inherit;position:relative;width:100%}.media-list-modal .media-list__media-container video-player .video-card__video{border-radius:24px;display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}@media screen and (min-width:768px){.media-list__item{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.media-list__item--image-right .media-list__media-outer{order:2}.media-list__media-container--bottom{order:unset}.media-list__media-container{aspect-ratio:var(--aspect-ratio)}.media-list__heading{font-size:48px}}@media screen and (min-width:1024px)and (max-width:1250px){.media-list__heading{font-size:40px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-media-with-text.css.map */