.banner-grid-section__item{display:grid;grid-template-rows:1fr;position:relative;max-width:100%}.banner-grid-section .gridy-track.grid{column-gap:var(--gap);row-gap:var(--gap)}@media(min-width:768px){.banner-grid-section .gridy-track.grid.sm-gap{column-gap:var(--gap);row-gap:var(--gap)}}.banner-grid-section__item--video .media,.banner-grid-section__item--video superpowered-video{display:block;width:100%;height:100%}.banner-grid-section__item.aspect-ratio--natural{grid-template-rows:auto}.banner-grid-section__item.aspect-ratio--natural .media,.banner-grid-section__item.aspect-ratio--natural .media img,.banner-grid-section__item.aspect-ratio--natural video{width:100%;height:auto;object-fit:contain}.banner-grid-section__item.aspect-ratio--natural superpowered-video{display:block;background:transparent!important}.banner-grid-section__item.aspect-ratio--natural superpowered-video video,.banner-grid-section__item.aspect-ratio--natural superpowered-video iframe{width:100%!important;height:auto!important;left:0!important;top:0!important}.banner-grid-section__item.aspect-ratio--natural superpowered-video,.banner-grid-section__item.aspect-ratio--portrait_shorts superpowered-video{overflow:hidden}.banner-grid-section__item.aspect-ratio--natural superpowered-video iframe,.banner-grid-section__item.aspect-ratio--portrait_shorts superpowered-video iframe{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;position:absolute!important}.banner-grid-section__item.aspect-ratio--natural superpowered-video iframe{width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important}.banner-grid-section__item.aspect-ratio--portrait_shorts superpowered-video iframe{width:320%!important;min-width:100%!important;height:100%!important;min-height:100%!important}.banner-grid-section__item.aspect-ratio--natural .media,.banner-grid-section__item.aspect-ratio--portrait_shorts .media{background:transparent!important}.banner-grid-section__item.aspect-ratio--portrait_shorts superpowered-video,.banner-grid-section__item.aspect-ratio--portrait_shorts .media{background:transparent!important}.banner-grid-section__item__overlay{position:absolute;top:0;left:0;width:100%;height:100%}.banner-grid-section__item__overlay:before{content:"";height:100%;width:100%;position:absolute;left:0;top:0}.banner-grid-section__item__heading{position:relative}.banner-grid-section .media:not(.media--empty),.banner-grid-section figure:not(.media--empty){background-color:transparent}.banner-grid-section__item--text{padding-top:calc(2 * var(--gutter));padding-bottom:calc(2 * var(--gutter));place-content:center;grid-auto-rows:minmax(min-content,max-content);grid-template-rows:auto}.banner-grid-section superpowered-video{width:100%;height:100%;background:transparent!important}.banner-grid-section superpowered-video iframe[src*=youtube]{opacity:0;animation:banner-grid-yt-reveal .4s ease 1.2s forwards}@keyframes banner-grid-yt-reveal{to{opacity:1}}.banner-grid-section superpowered-video iframe{width:100%!important;height:100%!important;left:0!important;top:0!important;position:absolute!important}.banner-grid-section__item--video .media,.banner-grid-section__item--video figure{background:transparent!important}.banner-grid-section .card--product{justify-content:center}.banner-grid-section__item__overlay:before{background-color:var(--color-overlay)}.banner-grid-section__item .horizontal-left{text-align:left}.banner-grid-section__item .horizontal-center{text-align:center}.banner-grid-section__item .horizontal-right{text-align:right}.banner-grid-video{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;isolation:isolate}.banner-grid-video__link{display:block;width:100%;height:100%}.banner-grid-video .media{width:100%;height:100%;overflow:hidden;border-radius:inherit}.banner-grid-video__el{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transform-origin:center center}.banner-grid-video__poster{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);background-size:cover;background-position:center;background-color:transparent;z-index:1;transition:opacity .3s ease;transform:scale(1.04);transform-origin:center center}.banner-grid-section__item.aspect-ratio--portrait_shorts .banner-grid-video--shorts .banner-grid-video__poster{transform:scale(1.16)}.banner-grid-video.is-playing .banner-grid-video__poster{opacity:0;pointer-events:none}.banner-grid-video__iframe-wrap{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);z-index:0;overflow:hidden;pointer-events:none}.banner-grid-video__iframe-wrap iframe{border:none;outline:none;pointer-events:none}.banner-grid-section__item.aspect-ratio--portrait_shorts .banner-grid-video__iframe-wrap iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320%;min-width:100%;height:100%;min-height:100%}.banner-grid-section__item.aspect-ratio--portrait .banner-grid-video__iframe-wrap iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:267%;min-width:100%;height:100%;min-height:100%}.banner-grid-section__item.aspect-ratio--portrait_alt .banner-grid-video__iframe-wrap iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240%;min-width:100%;height:100%;min-height:100%}.banner-grid-section__item.aspect-ratio--portrait_shorts .banner-grid-video__iframe-wrap iframe,.banner-grid-section__item.aspect-ratio--portrait .banner-grid-video__iframe-wrap iframe,.banner-grid-section__item.aspect-ratio--portrait_alt .banner-grid-video__iframe-wrap iframe{border:none;outline:none}.banner-grid-section__item.aspect-ratio--landscape .banner-grid-video__iframe-wrap iframe,.banner-grid-section__item.aspect-ratio--landscape_alt .banner-grid-video__iframe-wrap iframe,.banner-grid-section__item.aspect-ratio--square .banner-grid-video__iframe-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.banner-grid-video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:48px;height:48px;border-radius:50%;background:#ffffffd9;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .25s ease,transform .25s ease;padding:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.banner-grid-video__play svg{width:18px;height:18px;margin-left:3px;color:#222}.banner-grid-video.is-playing .banner-grid-video__play{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.8)}.banner-grid-video__sound{position:absolute;bottom:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:50%;background:#00000073;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:opacity .25s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.banner-grid-video.is-playing .banner-grid-video__sound{opacity:1}.banner-grid-video__sound svg{width:16px;height:16px;color:#fff}.banner-grid-video__sound-on,.banner-grid-video.is-unmuted .banner-grid-video__sound-off{display:none}.banner-grid-video.is-unmuted .banner-grid-video__sound-on{display:block}.banner-grid-section .gridy-slider{overflow:visible}.banner-grid-section .gridy-arrows.banner-grid-arrows{width:calc(100% - 24px);left:12px;z-index:3}.banner-grid-section .gridy-arrows.banner-grid-arrows .gridy-arrow{width:38px;height:38px;min-width:38px;min-height:38px;padding:0!important;border-radius:50%!important;background:#fff!important;color:#3e2b56!important;box-shadow:0 4px 14px #3e2b5629;display:inline-flex;align-items:center;justify-content:center;top:50%;transform:translateY(-50%)!important}.banner-grid-section .gridy-arrows.banner-grid-arrows [data-direction=prev]{left:0;transform:translateY(-50%)!important;border-radius:50%!important}.banner-grid-section .gridy-arrows.banner-grid-arrows [data-direction=next]{right:0;transform:translateY(-50%)!important;border-radius:50%!important}@media only screen and (max-width:767px){.banner-grid-section .gridy-arrows.banner-grid-arrows{width:calc(100% - (var(--container-margin, 16px) * 2) - 8px);left:calc(var(--container-margin, 16px) + 4px)}.template-page .banner-grid-section .banner-grid-section__item{border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #3e2b5614}.banner-grid-video__play{width:40px;height:40px}.banner-grid-video__play svg{width:15px;height:15px}.banner-grid-video__sound{width:32px;height:32px;bottom:8px;right:8px}.banner-grid-video__sound svg{width:14px;height:14px}}.banner-grid-section--mobile-dots .gridy-indicator.position-overlay-track{display:none}@media only screen and (max-width:767px){.banner-grid-section--mobile-dots .gridy-indicator.position-overlay-track{display:flex;position:static;width:100%;padding:12px 0 0;pointer-events:none}.banner-grid-section--mobile-dots .indicator--dots{pointer-events:auto;gap:8px}.banner-grid-section--mobile-dots .dot{width:8px;height:8px;min-width:8px;border-radius:50%;background:#3e2b56;opacity:.28;border:none;padding:0;cursor:pointer}.banner-grid-section--mobile-dots .dot.active{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-banner-grid.css.map */