.mid-banner__box{position:relative;display:flex;align-items:center;overflow:hidden;border-radius:1.6rem;background-color:var(--mid-banner-background);color:var(--mid-banner-text)}.mid-banner__box--full{border-radius:0}.mid-banner__box:not(.mid-banner__box--image){min-height:22rem;padding:3.2rem 2.4rem}@media screen and (min-width:750px){.mid-banner__box:not(.mid-banner__box--image){min-height:26rem;padding:4.8rem 6rem}}@media screen and (min-width:750px){.mid-banner__box--full:not(.mid-banner__box--image){padding-inline:max(5rem,calc((100% - var(--page-width)) / 2 + 5rem))}.mid-banner__box--full .mid-banner__decor{right:max(4rem,calc((100% - var(--page-width)) / 2 + 4rem))}.mid-banner__box--full.mid-banner__box--image .mid-banner__content{padding-inline:max(5rem,calc((100% - var(--page-width)) / 2 + 5rem))}}.mid-banner__box--center{justify-content:center;text-align:center}.mid-banner__cover-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.mid-banner__cover-link:focus-visible{outline:.3rem solid rgb(var(--color-foreground));outline-offset:-.3rem;border-radius:inherit}.mid-banner__media{display:block;width:100%}.mid-banner__image{display:block;width:100%;height:auto}.mid-banner__box--image .mid-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:2rem 2.4rem}.mid-banner__box--image.mid-banner__box--center .mid-banner__content{align-items:center}.mid-banner__box--image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(0,0,0,var(--mid-banner-overlay));pointer-events:none}@media screen and (min-width:750px){.mid-banner__box--image .mid-banner__content{padding:4rem 6rem}}.mid-banner__content{position:relative;z-index:2;max-width:56rem}.mid-banner__box--image .mid-banner__content{max-width:none}.mid-banner__box--image .mid-banner__content>*{max-width:56rem}.mid-banner__heading{margin:0;color:inherit}.mid-banner__text{margin-top:.8rem;font-size:1.5rem;line-height:1.5;opacity:.92}@media screen and (min-width:750px){.mid-banner__text{font-size:1.7rem}}.mid-banner__text p{margin:0}.mid-banner__button{display:inline-flex;align-items:center;justify-content:center;min-height:4.6rem;margin-top:2rem;padding:0 2.8rem;border-radius:4rem;background-color:var(--mid-banner-text);color:var(--mid-banner-background);font-size:1.5rem;font-weight:var(--font-heading-weight);text-decoration:none;transition:transform .15s ease}.mid-banner__box--image .mid-banner__button{background-color:rgb(var(--color-base-accent-1));color:rgb(var(--color-base-solid-button-labels))}.mid-banner__button:hover{transform:translateY(-.1rem)}.mid-banner__button:focus-visible{outline:.2rem solid var(--mid-banner-text);outline-offset:.3rem}.mid-banner__decor{position:absolute;right:-2rem;bottom:-3rem;z-index:1;width:18rem;height:18rem;opacity:.18;transform:rotate(-18deg);pointer-events:none}@media screen and (min-width:750px){.mid-banner__decor{right:4rem;bottom:-4rem;width:28rem;height:28rem}}.mid-banner__decor .misu-icon{width:100%;height:100%}.mid-banner__box--center .mid-banner__decor{display:none}.mid-banner__placeholder{width:100%;aspect-ratio:3.2}.mid-banner__placeholder .placeholder-svg{display:block;width:100%;height:100%}@media(prefers-reduced-motion:reduce){.mid-banner__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-mid-banner.css.map */