.mg-hero-banner{width:100%;margin-block-start:var(--mg-hero-margin-top-mobile, 0px);margin-block-end:var(--mg-hero-margin-bottom-mobile, 0px);margin-inline:0;padding:0}@media screen and (min-width:769px){.mg-hero-banner{margin-block-start:var(--mg-hero-margin-top-desktop, 0px);margin-block-end:var(--mg-hero-margin-bottom-desktop, 0px)}}.mg-hero-banner__empty,.mg-hero-banner__inner{width:100%;max-width:var(--mg-hero-max-width, 1600px);margin-inline:auto}.mg-hero-banner__carousel{display:block;position:relative;width:100%}.mg-hero-banner__slides{position:relative;width:100%;overflow:hidden;transition:height var(--mg-hero-fade-duration, .8s) ease}.mg-hero-banner__slide{position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none;z-index:0;transition:opacity var(--mg-hero-fade-duration, .8s) ease}mg-hero-banner-component:not([data-height-ready]) .mg-hero-banner__slide[data-active]{position:relative}.mg-hero-banner__slide[aria-hidden=false],.mg-hero-banner__slide[data-active]{opacity:1;pointer-events:auto;z-index:1}@media(prefers-reduced-motion:reduce){.mg-hero-banner__slides,.mg-hero-banner__slide{transition:none}}.mg-hero-banner__media{position:relative;width:100%}.mg-hero-banner__image{display:block;width:100%;height:auto;vertical-align:middle}.mg-hero-banner__placeholder{width:100%;min-height:28rem;background:var(--mg-primary);color:#ffffff59}.mg-hero-banner__image--desktop{display:none}.mg-hero-banner__image--mobile{display:block}.mg-hero-banner__overlay{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;top:60px;left:50%;transform:translate(-50%);width:94%;max-width:40rem;text-align:center;color:var(--slide-text-color, #fff);pointer-events:none}.mg-hero-banner__overlay>*{pointer-events:auto}.mg-hero-banner__overlay--desktop{display:none}.mg-hero-banner p.mg-hero-banner__eyebrow{margin:0 0 7px;font-size:14px;line-height:20px;letter-spacing:.2px;text-transform:uppercase;color:var(--slide-text-color, var(--mg-background, #fff));font-weight:500}.mg-hero-banner h2.mg-hero-banner__heading.h2{margin:5px 0;font-size:28px;line-height:30.8px;letter-spacing:.2px;color:var(--slide-text-color, var(--mg-background, #fff))}.mg-hero-banner p.mg-hero-banner__text{margin:5px 0;font-size:18.2px;line-height:22.75px;letter-spacing:.2px;text-transform:lowercase;color:var(--slide-text-color, var(--mg-background, #fff))}.mg-hero-banner a.mg-hero-banner__cta.mg-btn--primary,.mg-hero-banner a.mg-hero-banner__cta.button-secondary,.mg-hero-banner a.mg-hero-banner__cta.button-custom{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;margin-top:10px;font-weight:700;line-height:20px;letter-spacing:normal;text-align:center;text-transform:none;white-space:normal;overflow-wrap:anywhere;transition:none}.mg-hero-banner a.mg-hero-banner__cta.mg-btn--primary,.mg-hero-banner a.mg-hero-banner__cta.button-custom{box-shadow:none}.mg-hero-banner a.mg-hero-banner__cta.button-secondary:hover,.mg-hero-banner a.mg-hero-banner__cta.button-secondary:focus,.mg-hero-banner a.mg-hero-banner__cta.button-secondary:active{--button-color: var(--color-secondary-button-text);--button-background-color: var(--color-secondary-button-background);--button-border-color: var(--color-secondary-button-border)}.mg-hero-banner a.mg-hero-banner__cta.button-custom:hover,.mg-hero-banner a.mg-hero-banner__cta.button-custom:focus,.mg-hero-banner a.mg-hero-banner__cta.button-custom:active{--button-color: var(--button-color);--button-background-color: var(--button-background-color);--button-border-color: var(--button-border-color)}.mg-hero-banner a.mg-hero-banner__cta.button-unstyled{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;margin-top:10px;padding:0;border:none;background-color:transparent;box-shadow:none;overflow:visible;color:var(--mg-hero-link-color, var(--slide-text-color, #fff));font-weight:700;line-height:20px;letter-spacing:normal;text-align:center;text-transform:none;white-space:normal;overflow-wrap:anywhere;transition:none}.mg-hero-banner a.mg-hero-banner__cta.button-unstyled:hover,.mg-hero-banner a.mg-hero-banner__cta.button-unstyled:focus{color:var(--mg-hero-link-color, var(--slide-text-color, #fff));opacity:var(--opacity-70, .7);background-color:transparent}.mg-hero-banner a.mg-hero-banner__cta:focus-visible{outline:2px solid var(--button-color, var(--slide-text-color, #fff));outline-offset:3px;opacity:1}.mg-hero-banner a.mg-hero-banner__cta[aria-disabled=true]{opacity:1;pointer-events:none;cursor:default}.mg-hero-banner__dots{display:flex;justify-content:center;align-items:center;gap:16px;margin:5px 0 0;position:relative;z-index:2}.mg-hero-banner__dot{position:relative;width:10px;height:10px;padding:0;border:0;border-radius:50%;background:var(--mg-hero-dot-color, var(--mg-border));cursor:pointer}.mg-hero-banner__dot:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px}.mg-hero-banner__dot.is-active,.mg-hero-banner__dot[aria-current=true]{background:var(--mg-hero-dot-active-color, var(--mg-primary))}.mg-hero-banner__dot:focus-visible{outline:2px solid var(--mg-hero-dot-active-color, var(--mg-primary));outline-offset:3px}@media screen and (min-width:768px){.mg-hero-banner__image--desktop{display:block}.mg-hero-banner__image--mobile{display:none}.mg-hero-banner__overlay--desktop{display:flex}.mg-hero-banner__overlay--mobile{display:none}.mg-hero-banner__placeholder{min-height:26rem}.mg-hero-banner__overlay{top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1640px;min-height:0;max-height:100%;padding:16px 25px;align-items:flex-start;justify-content:center;text-align:left;box-sizing:border-box}.mg-hero-banner__overlay>*{max-width:42%}.mg-hero-banner p.mg-hero-banner__eyebrow{margin:0 0 8px;font-size:16px;line-height:20px;letter-spacing:.3px}.mg-hero-banner h2.mg-hero-banner__heading.h2{margin:0;font-size:28px;font-weight:500;line-height:32px;letter-spacing:.4px}.mg-hero-banner p.mg-hero-banner__text{margin:6px 0;font-size:15px;line-height:24px;letter-spacing:.3px;text-transform:none}.mg-hero-banner a.mg-hero-banner__cta.mg-btn--primary,.mg-hero-banner a.mg-hero-banner__cta.button-secondary,.mg-hero-banner a.mg-hero-banner__cta.button-custom,.mg-hero-banner a.mg-hero-banner__cta.button-unstyled{font-size:15px;font-weight:700;line-height:19px;letter-spacing:normal}.mg-hero-banner a.mg-hero-banner__cta.mg-btn--primary,.mg-hero-banner a.mg-hero-banner__cta.button-secondary,.mg-hero-banner a.mg-hero-banner__cta.button-custom{padding:10px 28px;text-transform:lowercase}.mg-hero-banner__dots{margin:17px 0 0}}@media screen and (min-width:1280px){.mg-hero-banner__overlay{padding-inline:40px}}@media screen and (min-width:1600px){.mg-hero-banner__overlay{padding-inline:20px}}@media screen and (min-width:768px)and (max-width:899px){.mg-hero-banner__overlay{padding-block:10px}.mg-hero-banner__overlay>*{max-width:54%}.mg-hero-banner p.mg-hero-banner__eyebrow{margin:0 0 6px;font-size:15px;line-height:18px;letter-spacing:.25px}.mg-hero-banner h2.mg-hero-banner__heading.h2{font-size:26px;line-height:28px;letter-spacing:.35px}.mg-hero-banner p.mg-hero-banner__text{margin:4px 0;font-size:14px;line-height:20px;letter-spacing:.25px}.mg-hero-banner a.mg-hero-banner__cta.mg-btn--primary,.mg-hero-banner a.mg-hero-banner__cta.button-secondary,.mg-hero-banner a.mg-hero-banner__cta.button-custom,.mg-hero-banner a.mg-hero-banner__cta.button-unstyled{font-size:14px;line-height:18px}.mg-hero-banner a.mg-hero-banner__cta.mg-btn--primary,.mg-hero-banner a.mg-hero-banner__cta.button-secondary,.mg-hero-banner a.mg-hero-banner__cta.button-custom{padding:8px 22px}}@media screen and (min-width:901px)and (max-width:1049px){.mg-hero-banner__overlay{padding-block:20px}.mg-hero-banner__overlay>*{max-width:46%}.mg-hero-banner h2.mg-hero-banner__heading.h2{font-size:30px;line-height:34px}}@media screen and (min-width:1050px){.mg-hero-banner__overlay{min-height:350px;padding-block:0}.mg-hero-banner__overlay>*{max-width:600px}.mg-hero-banner p.mg-hero-banner__eyebrow{margin:0 0 10px;font-size:20px;line-height:24px;letter-spacing:.4px}.mg-hero-banner h2.mg-hero-banner__heading.h2{font-size:35px;line-height:36.75px;letter-spacing:.5px}.mg-hero-banner p.mg-hero-banner__text{margin:7px 0;font-size:20px;line-height:36px;letter-spacing:.4px}.mg-hero-banner a.mg-hero-banner__cta.mg-btn--primary,.mg-hero-banner a.mg-hero-banner__cta.button-secondary,.mg-hero-banner a.mg-hero-banner__cta.button-custom,.mg-hero-banner a.mg-hero-banner__cta.button-unstyled{font-size:16px;line-height:19.2px}.mg-hero-banner a.mg-hero-banner__cta.mg-btn--primary,.mg-hero-banner a.mg-hero-banner__cta.button-secondary,.mg-hero-banner a.mg-hero-banner__cta.button-custom{padding:12px 32px}}@media screen and (min-width:1050px)and (max-width:1220px){.mg-hero-banner__overlay{min-height:350px}.mg-hero-banner__overlay>*{max-width:600px}}@media screen and (min-width:1221px)and (max-width:1370px){.mg-hero-banner__overlay{min-height:400px}.mg-hero-banner__overlay>*{max-width:550px}}@media screen and (min-width:1371px)and (max-width:1520px){.mg-hero-banner__overlay{min-height:450px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/mg-hero-banner.css.map */