.product-grid.product-grid--with-editorial-banners{display:grid;grid-template-columns:repeat(var(--vo-plp-grid-mobile-columns, 2),minmax(0,1fr));grid-auto-flow:row;align-items:start}.product-grid.product-grid--with-editorial-banners>.grid__item{width:auto;max-width:none;min-width:0}.product-grid>.grid__item:not(.vo-plp-editorial-banner-item){order:var(--vo-product-grid-order-mobile, 0)}.vo-plp-editorial-banner-item{order:var(--vo-plp-banner-order-mobile, 0);grid-column:1 / -1;grid-row-start:var(--vo-plp-banner-mobile-row, auto);height:100%;align-self:stretch}.vo-plp-editorial-banner{position:relative;display:flex;height:100%;min-height:100%;flex-direction:column;gap:0;background:#fff;color:#202125}.vo-plp-editorial-banner__media{position:relative;width:100%;overflow:hidden;background:#f2f2f2;aspect-ratio:var(--vo-plp-banner-mobile-media-aspect, 375 / 272)}.vo-plp-editorial-banner__media-surface,.vo-plp-editorial-banner__picture,.vo-plp-editorial-banner__video-layer,.vo-plp-editorial-banner__media-link{position:absolute;top:0;right:0;bottom:0;left:0}.vo-plp-editorial-banner__picture,.vo-plp-editorial-banner__video-layer{z-index:1}.vo-plp-editorial-banner__video-layer--mobile{display:none}.vo-plp-editorial-banner__picture img,.vo-plp-editorial-banner__image,.vo-plp-editorial-banner__video{display:block;width:100%;height:100%;object-fit:cover}.vo-plp-editorial-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,rgba(0,0,0,.04) 50%,transparent 50%),linear-gradient(rgba(0,0,0,.04) 50%,transparent 50%);background-color:#efefef;background-size:1.4rem 1.4rem;color:#2021258c}.vo-plp-editorial-banner__media-link{z-index:2;display:block}.vo-plp-editorial-banner__video-controls{position:absolute;top:2.4rem;right:2.4rem;z-index:6;color:#fff}.vo-plp-editorial-banner.is-video-fallback .vo-plp-editorial-banner__video-controls{display:none}.vo-plp-editorial-banner.is-video-paused .vo-plp-editorial-banner__video-layer{opacity:0;visibility:hidden;pointer-events:none}.vo-plp-editorial-banner__video-control{padding:0;border:0;background:transparent;cursor:pointer;line-height:0}.vo-plp-editorial-banner__video-control:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:2px}.vo-plp-editorial-banner__icon{display:inline-flex;width:1.6rem;height:1.6rem;align-items:center;justify-content:center}.vo-plp-editorial-banner__icon svg,.vo-plp-editorial-banner__icon .icon{width:100%;height:100%}.vo-plp-editorial-banner__icon[hidden]{display:none}.vo-plp-editorial-banner__content{padding:2.4rem 1.6rem;background:#fff;color:#202125}.vo-plp-editorial-banner__content-shell{display:flex;width:100%;flex-direction:column;gap:1.6rem}.vo-plp-editorial-banner__copy{display:flex;flex-direction:column;gap:.8rem}.vo-plp-editorial-banner__eyebrow,.vo-plp-editorial-banner__heading,.vo-plp-editorial-banner__body,.vo-plp-editorial-banner__body p{margin:0;color:currentColor}.vo-plp-editorial-banner__eyebrow{font-weight:700}.vo-plp-editorial-banner__body p+p{margin-top:.8rem}.vo-plp-editorial-banner__buttons{display:flex;flex-direction:column;gap:1.2rem;width:100%}.vo-plp-editorial-banner__button{width:100%;max-width:100%;padding:10px 16px!important;font-size:var(--typography-button-small-size)!important;line-height:var(--typography-button-small-line-height)!important;letter-spacing:var(--typography-button-small-letter-spacing)!important}.vo-plp-editorial-banner__button.is-disabled{opacity:.5;pointer-events:none}.vo-plp-editorial-banner__button--filled-dark{--color-button-primary-brand-default-background: #000000;--color-button-primary-brand-hover-background: #2d2d2d;--color-button-primary-brand-default-text: #ffffff}.vo-plp-editorial-banner__button--filled-light{--color-button-primary-brand-default-background: #ffffff;--color-button-primary-brand-hover-background: rgba(255, 255, 255, .86);--color-button-primary-brand-default-text: #202125}.vo-plp-editorial-banner__button--outline-dark,.vo-plp-editorial-banner__button--glass-dark,.vo-plp-editorial-banner__button--link-dark{--color-button-secondary-brand-default-text: #202125;--color-button-secondary-brand-default-border: #202125;--color-button-secondary-brand-hover-background: rgba(32, 33, 37, .08)}.vo-plp-editorial-banner__button--outline-light,.vo-plp-editorial-banner__button--glass-light,.vo-plp-editorial-banner__button--link-light{--color-button-secondary-brand-default-text: #ffffff;--color-button-secondary-brand-default-border: rgba(255, 255, 255, .85);--color-button-secondary-brand-hover-background: rgba(255, 255, 255, .12)}.vo-plp-editorial-banner__button--glass-dark{background:#20212529;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.vo-plp-editorial-banner__button--glass-dark:after{border-color:#20212559}.vo-plp-editorial-banner__button--glass-light{background:#ffffff24;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.vo-plp-editorial-banner__button--glass-light:after{border-color:#ffffff73}.vo-plp-editorial-banner--mobile-left .vo-plp-editorial-banner__content-shell{align-items:flex-start;text-align:left}.vo-plp-editorial-banner--mobile-center .vo-plp-editorial-banner__content-shell{align-items:center;text-align:center}.vo-plp-editorial-banner--mobile-right .vo-plp-editorial-banner__content-shell{align-items:flex-end;text-align:right}@media screen and (min-width:990px){.product-grid.product-grid--with-editorial-banners{grid-template-columns:repeat(var(--vo-plp-grid-desktop-columns, 4),minmax(0,1fr))}.product-grid>.grid__item:not(.vo-plp-editorial-banner-item){order:var(--vo-product-grid-order-desktop, 0)}.vo-plp-editorial-banner-item{order:var(--vo-plp-banner-order-desktop, 0);grid-column-start:var(--vo-plp-banner-desktop-column, auto);grid-column-end:span var(--vo-plp-banner-desktop-span, 1);grid-row-start:var(--vo-plp-banner-desktop-row, auto);grid-row-end:span var(--vo-plp-banner-desktop-row-span, 1);min-height:var(--vo-plp-banner-desktop-min-height, auto)}.vo-plp-editorial-banner--text-outside{display:flex;flex-direction:column;gap:1.2rem;min-height:100%}.vo-plp-editorial-banner--text-outside .vo-plp-editorial-banner__media{flex:0 0 auto;aspect-ratio:var(--vo-plp-banner-desktop-media-aspect, 359 / 450)}.vo-plp-editorial-banner--text-outside .vo-plp-editorial-banner__content{display:flex;flex:1 1 auto;height:100%;min-height:0;padding:0 1.6rem 1.6rem}.vo-plp-editorial-banner--text-outside .vo-plp-editorial-banner__content-shell{width:100%;max-width:none;gap:.8rem}.vo-plp-editorial-banner--text-outside .vo-plp-editorial-banner__copy{gap:0}.vo-plp-editorial-banner--text-outside .vo-plp-editorial-banner__eyebrow,.vo-plp-editorial-banner--text-outside .vo-plp-editorial-banner__heading,.vo-plp-editorial-banner--text-outside .vo-plp-editorial-banner__body,.vo-plp-editorial-banner--text-outside .vo-plp-editorial-banner__body p{font-family:var(--typography-body-sm-family);font-size:var(--typography-body-sm-size);line-height:var(--typography-body-sm-line-height);font-weight:var(--typography-body-sm-regular-weight);letter-spacing:var(--typography-body-sm-letter-spacing)}.vo-plp-editorial-banner--text-outside .vo-plp-editorial-banner__body{color:var(--color-generic-neutral-ultra-dark-text)}.vo-plp-editorial-banner--text-outside .vo-plp-editorial-banner__body p+p{margin-top:0}.vo-plp-editorial-banner--text-inside{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"stack";gap:0;min-height:100%}.vo-plp-editorial-banner--text-inside .vo-plp-editorial-banner__media,.vo-plp-editorial-banner--text-inside .vo-plp-editorial-banner__content{grid-area:stack}.vo-plp-editorial-banner--text-inside .vo-plp-editorial-banner__media{min-height:100%;aspect-ratio:var(--vo-plp-banner-desktop-media-aspect, 359 / 450)}.vo-plp-editorial-banner--text-inside .vo-plp-editorial-banner__picture img,.vo-plp-editorial-banner--text-inside .vo-plp-editorial-banner__image,.vo-plp-editorial-banner--text-inside .vo-plp-editorial-banner__video{object-fit:cover;object-position:center center}.vo-plp-editorial-banner--text-inside .vo-plp-editorial-banner__content{position:relative;z-index:3;display:flex;height:100%;min-height:100%;padding:3.2rem;background:transparent;color:var(--vo-plp-banner-desktop-text-color, #202125);pointer-events:none}.vo-plp-editorial-banner--text-inside .vo-plp-editorial-banner__content-shell{width:min(100%,48rem);pointer-events:auto}.vo-plp-editorial-banner--desktop-left .vo-plp-editorial-banner__content{justify-content:flex-start}.vo-plp-editorial-banner--desktop-center .vo-plp-editorial-banner__content{justify-content:center}.vo-plp-editorial-banner--desktop-right .vo-plp-editorial-banner__content{justify-content:flex-end}.vo-plp-editorial-banner--desktop-v-top .vo-plp-editorial-banner__content{align-items:flex-start}.vo-plp-editorial-banner--desktop-v-center .vo-plp-editorial-banner__content{align-items:center}.vo-plp-editorial-banner--desktop-v-bottom .vo-plp-editorial-banner__content{align-items:flex-end}.vo-plp-editorial-banner--text-inside.vo-plp-editorial-banner--desktop-center .vo-plp-editorial-banner__content-shell,.vo-plp-editorial-banner--text-outside.vo-plp-editorial-banner--desktop-center .vo-plp-editorial-banner__content-shell{align-items:center;text-align:center}.vo-plp-editorial-banner--text-inside.vo-plp-editorial-banner--desktop-right .vo-plp-editorial-banner__content-shell,.vo-plp-editorial-banner--text-outside.vo-plp-editorial-banner--desktop-right .vo-plp-editorial-banner__content-shell{align-items:flex-end;text-align:right}.vo-plp-editorial-banner--text-inside.vo-plp-editorial-banner--desktop-left .vo-plp-editorial-banner__content-shell,.vo-plp-editorial-banner--text-outside.vo-plp-editorial-banner--desktop-left .vo-plp-editorial-banner__content-shell{align-items:flex-start;text-align:left}.vo-plp-editorial-banner__buttons{flex-direction:row;flex-wrap:wrap;align-items:center}.vo-plp-editorial-banner__button{width:auto;padding:12px 24px!important;font-size:var(--typography-button-medium-size)!important;line-height:var(--typography-button-medium-line-height)!important;letter-spacing:var(--typography-button-medium-letter-spacing)!important}}@media screen and (max-width:749px){.vo-plp-editorial-banner__video-controls{top:1.6rem;right:1.6rem}.vo-plp-editorial-banner__button--mobile-filled-dark,.vo-plp-editorial-banner__button--mobile-filled-light,.vo-plp-editorial-banner__button--mobile-outline-dark,.vo-plp-editorial-banner__button--mobile-outline-light,.vo-plp-editorial-banner__button--mobile-glass-dark,.vo-plp-editorial-banner__button--mobile-glass-light,.vo-plp-editorial-banner__button--mobile-link-dark,.vo-plp-editorial-banner__button--mobile-link-light{position:relative}.vo-plp-editorial-banner__button--mobile-filled-dark{--color-button-primary-brand-default-background: #000000;--color-button-primary-brand-hover-background: #2d2d2d;--color-button-primary-brand-default-text: #ffffff}.vo-plp-editorial-banner__button--mobile-filled-light{--color-button-primary-brand-default-background: #ffffff;--color-button-primary-brand-hover-background: rgba(255, 255, 255, .86);--color-button-primary-brand-default-text: #202125}.vo-plp-editorial-banner__button--mobile-filled-dark,.vo-plp-editorial-banner__button--mobile-filled-light{background-color:var(--color-button-primary-brand-default-background);color:var(--color-button-primary-brand-default-text);text-decoration-line:none;-webkit-backdrop-filter:none;backdrop-filter:none}.vo-plp-editorial-banner__button--mobile-filled-dark:hover,.vo-plp-editorial-banner__button--mobile-filled-light:hover{background-color:var(--color-button-primary-brand-hover-background)}.vo-plp-editorial-banner__button--mobile-filled-dark:after,.vo-plp-editorial-banner__button--mobile-filled-light:after,.vo-plp-editorial-banner__button--mobile-link-dark:after,.vo-plp-editorial-banner__button--mobile-link-light:after{content:none}.vo-plp-editorial-banner__button--mobile-outline-dark,.vo-plp-editorial-banner__button--mobile-glass-dark,.vo-plp-editorial-banner__button--mobile-link-dark{--color-button-secondary-brand-default-text: #202125;--color-button-secondary-brand-default-border: #202125;--color-button-secondary-brand-hover-background: rgba(32, 33, 37, .08)}.vo-plp-editorial-banner__button--mobile-outline-light,.vo-plp-editorial-banner__button--mobile-glass-light,.vo-plp-editorial-banner__button--mobile-link-light{--color-button-secondary-brand-default-text: #ffffff;--color-button-secondary-brand-default-border: rgba(255, 255, 255, .85);--color-button-secondary-brand-hover-background: rgba(255, 255, 255, .12)}.vo-plp-editorial-banner__button--mobile-outline-dark,.vo-plp-editorial-banner__button--mobile-outline-light,.vo-plp-editorial-banner__button--mobile-glass-dark,.vo-plp-editorial-banner__button--mobile-glass-light{background-color:transparent;color:var(--color-button-secondary-brand-default-text);text-decoration-line:none}.vo-plp-editorial-banner__button--mobile-outline-dark:hover,.vo-plp-editorial-banner__button--mobile-outline-light:hover,.vo-plp-editorial-banner__button--mobile-glass-dark:hover,.vo-plp-editorial-banner__button--mobile-glass-light:hover{background-color:transparent}.vo-plp-editorial-banner__button--mobile-outline-dark:after,.vo-plp-editorial-banner__button--mobile-outline-light:after,.vo-plp-editorial-banner__button--mobile-glass-dark:after,.vo-plp-editorial-banner__button--mobile-glass-light:after{content:var(--tw-content);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-width:1px;border-color:var(--color-button-secondary-brand-default-border);background-color:transparent;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.vo-plp-editorial-banner__button--mobile-outline-dark:hover:after,.vo-plp-editorial-banner__button--mobile-outline-light:hover:after,.vo-plp-editorial-banner__button--mobile-glass-dark:hover:after,.vo-plp-editorial-banner__button--mobile-glass-light:hover:after{border-width:2px;background-color:var(--color-button-secondary-brand-hover-background)}.vo-plp-editorial-banner__button--mobile-glass-dark{background:#20212529;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.vo-plp-editorial-banner__button--mobile-glass-dark:after{border-color:#20212559}.vo-plp-editorial-banner__button--mobile-glass-light{background:#ffffff24;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.vo-plp-editorial-banner__button--mobile-glass-light:after{border-color:#ffffff73}.vo-plp-editorial-banner__button--mobile-link-dark,.vo-plp-editorial-banner__button--mobile-link-light{background-color:transparent;color:var(--color-button-secondary-brand-default-text);text-decoration-line:underline;text-underline-offset:4px;-webkit-backdrop-filter:none;backdrop-filter:none}.vo-plp-editorial-banner__button--mobile-link-dark:hover,.vo-plp-editorial-banner__button--mobile-link-light:hover{background-color:transparent}.vo-plp-editorial-banner--has-mobile-video .vo-plp-editorial-banner__video-layer--desktop{display:none}.vo-plp-editorial-banner--has-mobile-video .vo-plp-editorial-banner__video-layer--mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/vo-plp-editorial-banner.css.map */