.flex-banner{overflow:hidden}.flex-banner:has(.image-block__shop-image){overflow:visible}.flex-banner .rte h3{font-size:4rem}.flex-banner__inner{--flex-banner-overlay: none;position:relative;z-index:1;width:100%;height:100%;white-space:normal;padding:3.2rem 4.2rem 3.2rem 3.2rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;background:var(--flex-banner-overlay)}@media screen and (max-width:749px){.flex-banner__inner{padding:1.6rem}}.flex-banner__inner *{margin:0}.flex-banner__inner>*+*{margin-top:1.3rem}.flex-banner--classic .flex-banner__inner--top-left{justify-content:flex-start;align-items:flex-start;--flex-banner-overlay: linear-gradient(180deg, rgba(0, 0, 0, var(--flex-banner-overlay-opacity, .4)) 0%, rgba(0, 0, 0, 0) 60%), linear-gradient(90deg, rgba(0, 0, 0, var(--flex-banner-overlay-opacity, .4)) 0%, rgba(0, 0, 0, 0) 60%)}.flex-banner--classic .flex-banner__inner--top-center{justify-content:flex-start;align-items:center;--flex-banner-overlay: linear-gradient(180deg, rgba(0, 0, 0, var(--flex-banner-overlay-opacity, .4)) 0%, rgba(0, 0, 0, 0) 60%)}.flex-banner--classic .flex-banner__inner--top-right{justify-content:flex-start;align-items:flex-end;--flex-banner-overlay: linear-gradient(180deg, rgba(0, 0, 0, var(--flex-banner-overlay-opacity, .4)) 0%, rgba(0, 0, 0, 0) 60%), linear-gradient(270deg, rgba(0, 0, 0, var(--flex-banner-overlay-opacity, .4)) 0%, rgba(0, 0, 0, 0) 60%)}.flex-banner--classic .flex-banner__inner--middle-left{justify-content:center;align-items:flex-start;--flex-banner-overlay: linear-gradient(90deg, rgba(0, 0, 0, var(--flex-banner-overlay-opacity, .4)) 0%, rgba(0, 0, 0, 0) 60%)}.flex-banner--classic .flex-banner__inner--middle-center{justify-content:center;align-items:center;--flex-banner-overlay: radial-gradient(circle at center, rgba(0, 0, 0, var(--flex-banner-overlay-opacity, .4)) 0%, rgba(0, 0, 0, 0) 70%)}.flex-banner--classic .flex-banner__inner--middle-right{justify-content:center;align-items:flex-end;--flex-banner-overlay: linear-gradient(270deg, rgba(0, 0, 0, var(--flex-banner-overlay-opacity, .4)) 0%, rgba(0, 0, 0, 0) 60%)}.flex-banner--classic .flex-banner__inner--bottom-left{justify-content:flex-end;align-items:flex-start;--flex-banner-overlay: linear-gradient(0deg, rgba(0, 0, 0, var(--flex-banner-overlay-opacity, .4)) 0%, rgba(0, 0, 0, 0) 60%), linear-gradient(90deg, rgba(0, 0, 0, var(--flex-banner-overlay-opacity, .4)) 0%, rgba(0, 0, 0, 0) 60%)}.flex-banner--classic .flex-banner__inner--bottom-center{justify-content:flex-end;align-items:center;--flex-banner-overlay: linear-gradient(0deg, rgba(0, 0, 0, var(--flex-banner-overlay-opacity, .4)) 0%, rgba(0, 0, 0, 0) 60%)}.flex-banner--classic .flex-banner__inner--bottom-right{justify-content:flex-end;align-items:flex-end;--flex-banner-overlay: linear-gradient(0deg, rgba(0, 0, 0, var(--flex-banner-overlay-opacity, .4)) 0%, rgba(0, 0, 0, 0) 60%), linear-gradient(270deg, rgba(0, 0, 0, var(--flex-banner-overlay-opacity, .4)) 0%, rgba(0, 0, 0, 0) 60%)}.flex-banner-container{position:relative;height:100%}.flex-banner{border-radius:var(--border-radius)}.flex-banner,.flex-banner__layout,.media-block{height:100%}.flex-banner .tags{top:3.6rem;left:3.6rem}.flex-banner .image-block,.flex-banner .media{height:100%}.flex-banner--promo{display:flex;flex-direction:column;overflow:hidden}.flex-banner--promo .flex-banner__layout{display:flex;flex-direction:column;height:100%;min-height:0}.flex-banner__layout--top .flex-banner__media{order:2}.flex-banner__layout--top .flex-banner__panel{order:1}.flex-banner--classic .flex-banner__layout{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:100%}.flex-banner--classic .flex-banner__layout>*{grid-column:1;grid-row:1;min-width:0}.flex-banner--classic .flex-banner__panel{background:none;padding:0;position:relative;z-index:1}.flex-banner--promo .flex-banner__media{flex:1 1 auto;min-height:0;position:relative}.flex-banner--promo .flex-banner__media--promo{overflow:hidden}.flex-banner--promo .flex-banner__media--promo .media-block,.flex-banner--promo .flex-banner__media--promo .image-block{height:100%;width:100%;max-width:none}.flex-banner--promo .flex-banner__media--promo .image-block{border-radius:0}.flex-banner--promo .flex-banner__media--promo .image-block>.media{height:100%;padding-bottom:0!important}.flex-banner--promo .flex-banner__media--promo .image-block>.media>img{object-fit:cover;object-position:center center}.flex-banner--promo .flex-banner__media--promo .image-block>.media.border-radius{border-radius:0}.flex-banner--promo .flex-banner__panel{position:relative;flex-shrink:0;background:rgb(var(--color-background));z-index:1}.flex-banner--promo .flex-banner__inner{position:relative;z-index:1;height:auto;flex:0 0 auto;background:none;padding:2.4rem 2.4rem 4.8rem;gap:1rem}.flex-banner--promo .flex-banner__inner>*+*{margin-top:1rem}@media screen and (max-width:749px){.flex-banner--promo .flex-banner__inner{padding:2.4rem 1.2rem}}.flex-banner--promo .flex-banner__inner--top-left,.flex-banner--promo .flex-banner__inner--middle-left,.flex-banner--promo .flex-banner__inner--bottom-left{justify-content:flex-start;align-items:flex-start;text-align:left}.flex-banner--promo .flex-banner__inner--top-center,.flex-banner--promo .flex-banner__inner--middle-center,.flex-banner--promo .flex-banner__inner--bottom-center{justify-content:center;align-items:center;text-align:center}.flex-banner--promo .flex-banner__inner--top-right,.flex-banner--promo .flex-banner__inner--middle-right,.flex-banner--promo .flex-banner__inner--bottom-right{justify-content:flex-end;align-items:flex-end;text-align:right}.flex-banner--promo .flex-banner__inner--top-left,.flex-banner--promo .flex-banner__inner--top-center,.flex-banner--promo .flex-banner__inner--top-right{justify-content:flex-start}.flex-banner--promo .flex-banner__inner--middle-left,.flex-banner--promo .flex-banner__inner--middle-center,.flex-banner--promo .flex-banner__inner--middle-right{justify-content:center}.flex-banner--promo .flex-banner__inner--bottom-left,.flex-banner--promo .flex-banner__inner--bottom-center,.flex-banner--promo .flex-banner__inner--bottom-right{justify-content:flex-end}.flex-banner--promo .flex-banner__callout{position:absolute;z-index:5;left:2.4rem;bottom:90%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:12.3rem;aspect-ratio:41/35;background:rgb(var(--color-card));color:rgb(var(--color-card-foreground));text-align:center;box-sizing:border-box;padding:1.2rem;border-radius:var(--border-radius)}@media screen and (max-width:749px){.flex-banner--promo .flex-banner__callout{width:8.7rem}}.flex-banner--promo.flex-banner--promo-top .flex-banner__callout{top:auto;bottom:0;transform:translateY(50%)}.flex-banner__callout-line{margin:0;line-height:1.3}.flex-banner__callout-line--small{font-size:1.2rem;font-weight:500}.flex-banner__callout-line--large{font-size:3rem;font-weight:600;letter-spacing:-.02em}@media screen and (max-width:749px){.flex-banner__callout-line--small{font-size:.9rem}.flex-banner__callout-line--large{font-size:1.8rem;font-weight:600;letter-spacing:0}}.flex-banner--promo .rte h3{font-size:3.5rem;line-height:1.2;font-weight:600;letter-spacing:-.105rem}.flex-banner--promo .group-block__inner{width:100%}@media screen and (max-width:749px){.flex-banner--promo{font-size:1.3rem}.flex-banner--promo .rte *:is(h1,h2,h3,h4,h5,h6){font-size:1.3rem;letter-spacing:-.039rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-flex-banner.css.map */
