.gi-grid-banner{grid-column:1 / -1;grid-row:var(--gi-grid-banner-row);color:#211710}.gi-grid-banner__heading{margin:0;font-size:28px;line-height:145%;font-weight:500;text-transform:uppercase;color:inherit}.gi-grid-banner__text{font-size:13px;line-height:20px}.gi-grid-banner__text>*{margin:0}.gi-grid-banner__text>*+*{margin-top:1em}.gi-grid-banner__link{font-size:13px;line-height:20px}.gi-grid-banner__media{position:relative}.gi-grid-banner__image-link{display:block}.gi-grid-banner__image,.gi-grid-banner__video video{display:block;width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover}.gi-grid-banner__video{display:block;position:relative}.gi-grid-banner__controls{display:flex;position:absolute;left:0;bottom:0}.gi-grid-banner__control{display:inline-flex;justify-content:center;align-items:center;width:var(--gi-grid-banner-control-size, 4.8rem);height:var(--gi-grid-banner-control-size, 4.8rem);padding:0;border:none;background:#211710;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.3,0,.7,1)}.gi-grid-banner__control:hover{background:#ff93a0;color:#211710}.gi-grid-banner__playback-button .svg-wrapper:nth-child(1),.gi-grid-banner__video.is-playing .gi-grid-banner__playback-button .svg-wrapper:nth-child(2),.gi-grid-banner__sound-button .svg-wrapper:nth-child(2),.gi-grid-banner__video.is-muted .gi-grid-banner__sound-button .svg-wrapper:nth-child(1){display:none}.gi-grid-banner__video.is-playing .gi-grid-banner__playback-button .svg-wrapper:nth-child(1),.gi-grid-banner__video.is-muted .gi-grid-banner__sound-button .svg-wrapper:nth-child(2){display:inline-flex}.gi-grid-banner--promo-inset{display:flex;flex-direction:column;gap:32px;padding:40px 15% 70px}.gi-grid-banner--promo-inset .gi-grid-banner__content{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.gi-grid-banner--shop-the-look{--gi-grid-banner-control-size: 64px;margin:0 -2rem;padding-bottom:48px}.gi-shop-the-look{display:flex;flex-direction:column}.gi-shop-the-look__header{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:32px 2rem}.gi-shop-the-look__badge{margin:0;padding:4px;font-size:13px;line-height:20px;background:var(--gi-badge-background);color:var(--gi-badge-color)}.gi-shop-the-look__collaboration-chip{display:block;max-width:100%;height:auto}.gi-shop-the-look__media .gi-grid-banner__controls{left:auto;right:0}.gi-shop-the-look__open-button{display:inline-flex;justify-content:center;align-items:center;position:absolute;left:0;bottom:0;width:64px;height:64px;padding:0;border:none;background:#211710;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.3,0,.7,1)}.gi-shop-the-look__open-button:hover{background:#ff93a0;color:#211710}.gi-shop-the-look__open-button .icon{width:18px;height:22px}.gi-shop-the-look__open-button--labelled{gap:24px;width:auto;padding:0 24px}.gi-shop-the-look__open-button-label{font-size:11px;line-height:20px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gi-shop-the-look__body{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:32px 2rem 0}html:has(.gi-shop-the-look__dialog[open]){overflow:hidden}.gi-shop-the-look__dialog{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:calc(100% - 64px);margin:0;padding:0;border:none;overflow-y:auto;background:#fff;color:#211710;transform:translateY(100%);transition:transform .4s cubic-bezier(.3,0,.1,1),overlay .4s allow-discrete,display .4s allow-discrete}.gi-shop-the-look__dialog[open]{transform:none}.gi-shop-the-look__dialog::backdrop{background:#21171000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background-color .4s,backdrop-filter .4s,overlay .4s allow-discrete,display .4s allow-discrete}.gi-shop-the-look__dialog[open]::backdrop{background:#21171080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@starting-style{.gi-shop-the-look__dialog[open]{transform:translateY(100%)}.gi-shop-the-look__dialog[open]::backdrop{background:#21171000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.gi-shop-the-look__panel{padding-bottom:32px}.gi-shop-the-look__panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 10px 16px}.gi-shop-the-look__navigation{display:flex}.gi-shop-the-look__navigation-button,.gi-shop-the-look__close-button{display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;padding:0;border:none;background:none;color:inherit;cursor:pointer}.gi-shop-the-look__navigation-button .icon{width:12px;height:auto}.gi-shop-the-look__navigation-button--prev .icon{transform:rotate(90deg)}.gi-shop-the-look__navigation-button--next .icon{transform:rotate(-90deg)}.gi-shop-the-look__navigation-button.swiper-button-disabled{opacity:.3;cursor:default}.gi-shop-the-look__navigation-button.swiper-button-lock{display:none}.gi-shop-the-look__close-button{margin-left:auto}.gi-shop-the-look__close-button .icon{width:18px;height:18px}.gi-shop-the-look__list{margin:0;padding:0;list-style:none}.gi-shop-the-look__slide{height:auto}@media(min-width:544px){.gi-grid-banner--narrow-only{display:none}.gi-grid-banner--shop-the-look{align-self:start;margin:0;padding:0 17% 48px}.gi-grid-banner--side-left{grid-column:1 / span 2}.gi-grid-banner--side-right{grid-column:-3 / -1}.gi-shop-the-look__media{order:-1}.gi-shop-the-look__header{gap:10px;padding:32px 0 8px}.gi-shop-the-look__badge{margin-bottom:6px}.gi-shop-the-look__body{padding:8px 0 0}}@media(min-width:750px){.gi-grid-banner--promo-inset{flex-direction:row;align-items:center;gap:8.5%;padding:40px 12% 70px;--gi-grid-banner-control-size: 5.2rem}.gi-grid-banner--promo-inset.gi-grid-banner--media-left{padding-right:0}.gi-grid-banner--promo-inset.gi-grid-banner--media-right{justify-content:flex-end;padding-left:0}.gi-grid-banner--promo-inset.gi-grid-banner--media-left .gi-grid-banner__media{order:-1}.gi-grid-banner--promo-inset .gi-grid-banner__media{flex:0 0 30%}.gi-grid-banner--promo-inset .gi-grid-banner__content{flex:0 1 46%;max-width:444px}.gi-shop-the-look__panel{padding-bottom:48px}.gi-shop-the-look__panel-header{padding:16px 30px 24px}}@media(min-width:1025px){.gi-grid-banner--promo-inset .gi-grid-banner__heading{font-size:40px}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/gi-component-grid-banner.css.map */