mdiy-banner{display:block;background:#101615;color:#fff;position:relative}.mdiy-banner *{box-sizing:border-box}.mdiy-banner [hidden]{display:none!important}.mdiy-banner__slide{position:relative;isolation:isolate;display:flex;align-items:center;min-height:max(460px,calc(100vw / var(--banner-ratio,3)));background:#101615}.mdiy-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.mdiy-banner__media picture{display:block;width:100%;height:100%}.mdiy-banner__media img{display:block;width:100%;height:100%;object-fit:var(--banner-image-fit,contain);object-position:var(--banner-image-position,right center)}.mdiy-banner__reference-scene{display:block;width:100%;height:100%}.mdiy-banner__media .mdiy-banner__reference-mobile{display:none}.mdiy-banner__slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#101615f0,#101615d1 30%,#10161573 52%,#1016150f 76%);z-index:1;pointer-events:none}.mdiy-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:48%;max-width:620px;margin-left:max(7vw,calc((100vw - 1440px)/2 + 48px));padding:32px 20px 32px 0}.mdiy-banner__eyebrow{margin:0 0 16px;color:#e0e7e3;font-size:10px;font-weight:600;letter-spacing:.18em;line-height:1.5}.mdiy-banner__content h1,.mdiy-banner__content h2{font-family:inherit;font-size:clamp(44px,4vw,68px);font-weight:800;line-height:1;letter-spacing:-.055em;color:#fff;margin:0 0 22px;max-width:100%;overflow-wrap:anywhere}.mdiy-banner__text{font-size:15px;line-height:1.6;max-width:470px;margin:0 0 26px;color:#dae2dd}.mdiy-banner__features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;width:100%;max-width:500px;margin:0 0 20px;padding:0}.mdiy-banner__feature{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:62px;padding:12px;border:1px solid rgba(255,255,255,.42);background:#10161561;margin:0;text-align:left}.mdiy-banner__feature strong{font-size:12px;font-weight:600;letter-spacing:.045em;line-height:1.4;color:#fff}.mdiy-banner__feature span{font-size:11px;line-height:1.5;color:#c3cdc7}.mdiy-banner__actions{display:flex;flex-wrap:wrap;gap:14px;width:100%;max-width:550px}.mdiy-banner__button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:15px 23px;border:1px solid #fff;text-decoration:none;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:0;transition:background .2s,color .2s;text-align:center}.mdiy-banner__button--primary{background:#075bd8;color:#fff;border-color:#075bd8;border-radius:3px}.mdiy-banner__button--secondary{background:#fff;color:#075bd8;border-color:#fff;border-radius:3px}.mdiy-banner__button--primary:hover{background:#0649ac;color:#fff;border-color:#0649ac}.mdiy-banner__button--secondary:hover{background:#eaf2ff;color:#0649ac;border-color:#eaf2ff}.mdiy-banner__controls{display:flex;justify-content:center;align-items:center;gap:12px;min-height:52px;background:#101615;border-top:1px solid rgba(255,255,255,.1)}.mdiy-banner__controls button{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#fff;border:0;border-radius:0;padding:0;width:44px;height:44px;cursor:pointer;box-shadow:none;font-size:18px}.mdiy-banner__dots{display:flex;gap:2px}.mdiy-banner__dots button{width:36px}.mdiy-banner__dots span{width:20px;height:2px;background:#777;transition:background .2s}.mdiy-banner__dots button[aria-current=true] span{background:#fff}.mdiy-banner button:focus-visible,.mdiy-banner a:focus-visible{outline:2px solid #fff;outline-offset:4px}.mdiy-banner__sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(min-width:750px)and (max-width:1100px){.mdiy-banner__content{width:61%;margin-left:6vw}.mdiy-banner__content h1,.mdiy-banner__content h2{font-size:48px}.mdiy-banner__features{gap:9px}.mdiy-banner__feature{padding:13px 10px}.mdiy-banner__button{padding-inline:16px}}@media(max-width:749px){.mdiy-banner__slide{min-height:520px;align-items:center}.mdiy-banner__media--mobile-image .mdiy-banner__reference-scene{display:none}.mdiy-banner__media--mobile-image .mdiy-banner__reference-mobile{display:block}.mdiy-banner__media img{object-position:center center}.mdiy-banner__slide:after{background:linear-gradient(90deg,#101615f0,#101615c7 60%,#10161580)}.mdiy-banner__content{width:100%;max-width:580px;margin-inline:auto;padding:32px 24px}.mdiy-banner__eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:16px}.mdiy-banner__content h1,.mdiy-banner__content h2{font-size:clamp(40px,10vw,60px);margin-bottom:22px;line-height:1.02}.mdiy-banner__features{gap:8px;margin-bottom:20px}.mdiy-banner__feature{padding:10px 8px;min-height:62px}.mdiy-banner__feature strong{font-size:10px;letter-spacing:.025em}.mdiy-banner__actions{display:grid;grid-template-columns:1.22fr 1fr;gap:10px}.mdiy-banner__button{font-size:11px;padding:13px 10px;min-height:50px}}@media(prefers-reduced-motion:reduce){.mdiy-banner__button,.mdiy-banner__dots span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/mosaicdiy-banner.css.map */