.zebedo-image-banner{position:relative;color:#fff;isolation:isolate}.zebedo-image-banner__outer{position:relative}.zebedo-image-banner__shell{position:relative;overflow:hidden;border-radius:var(--zebedo-banner-radius, 28px);background:transparent;box-shadow:0 28px 72px #00000029}.zebedo-image-banner__viewport{position:relative;overflow:hidden}.zebedo-image-banner__track{display:flex;width:100%;transition:transform .64s cubic-bezier(.32,.72,0,1)}.zebedo-image-banner__slide{position:relative;min-width:100%;height:var(--zebedo-banner-height, 70vh);min-height:420px;color:inherit;display:block;text-decoration:none}.zebedo-image-banner__slide:hover{outline:none}.zebedo-image-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.zebedo-image-banner__media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media screen and (min-width:1200px){.zebedo-image-banner__slide{height:auto;aspect-ratio:2358 / 750;max-height:70vh}}@media screen and (min-width:1800px){.zebedo-image-banner__slide{max-height:65vh}}.zebedo-image-banner__media img{transform:scale(1.02);transition:transform 1.2s ease,opacity .4s ease;will-change:transform}.zebedo-image-banner__slide.is-active .zebedo-image-banner__media img{transform:scale(1.01)}.zebedo-image-banner__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;mix-blend-mode:multiply;pointer-events:none}.zebedo-image-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-items:center;padding:clamp(18px,5vw,36px) clamp(18px,6vw,62px)}.zebedo-image-banner__content--top{align-items:flex-start}.zebedo-image-banner__content--bottom{align-items:flex-end}.zebedo-image-banner__content--left{justify-items:start;text-align:left}.zebedo-image-banner__content--center{justify-items:center;text-align:center}.zebedo-image-banner__content--right{justify-items:end;text-align:right}.zebedo-image-banner__content-body{max-width:min(620px,90vw);background:linear-gradient(180deg,#0c0c10c7,#0c0c10a3);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:clamp(14px,2.4vw,24px) clamp(18px,2.8vw,30px);box-shadow:0 20px 48px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zebedo-image-banner__eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:1.3rem;letter-spacing:.14em;text-transform:uppercase;color:#f4e8de;opacity:.9}.zebedo-image-banner__eyebrow:before{content:"";width:26px;height:1px;background:currentColor;opacity:.7}.zebedo-image-banner__heading{font-size:clamp(2.8rem,3.4vw,4.8rem);line-height:1.05;margin:.6rem 0;letter-spacing:-.02em}.zebedo-image-banner__subheading{font-size:clamp(1.4rem,1.5vw,2rem);line-height:1.5;margin:.4rem 0 1.1rem;color:#ffffffe0}.zebedo-image-banner__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:.4rem}.zebedo-image-banner__button{-webkit-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.32);border-radius:999px;color:#0c0c10;background:#fff;padding:1rem 1.8rem;font-size:1.3rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.zebedo-image-banner__button:hover{transform:translateY(-1px);box-shadow:0 12px 26px #00000047}.zebedo-image-banner__button--ghost{background:transparent;color:#fff;border-color:#ffffff61}.zebedo-image-banner__button--ghost:hover{background:#ffffff1a}.zebedo-image-banner__arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#08080c80;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.zebedo-image-banner__arrow:hover{transform:translateY(-50%) scale(1.05);border-color:#ffffff80;background:#ffffff1f}.zebedo-image-banner__arrow:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.zebedo-image-banner__arrow--prev{left:18px}.zebedo-image-banner__arrow--next{right:18px}.zebedo-image-banner__dots{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;padding:.6rem 1rem;background:#06060a75;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}.zebedo-image-banner__dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.38);background:#fff3;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:transform .16s ease,background .16s ease,border-color .16s ease}.zebedo-image-banner__dot span{width:6px;height:6px;border-radius:50%;background:transparent;display:block}.zebedo-image-banner__dot.is-active{transform:translateY(-1px);border-color:#fff;background:#fff}.zebedo-image-banner__dot.is-active span{background:#0d0d0f}.zebedo-image-banner--static .zebedo-image-banner__arrow,.zebedo-image-banner--static .zebedo-image-banner__dots{display:none}.zebedo-image-banner--static .zebedo-image-banner__track{transform:none!important}.zebedo-image-banner--static .zebedo-image-banner__slide:not(.is-active){display:none}.zebedo-image-banner__placeholder{height:100%;width:100%;background:#fff}@media screen and (max-width:1024px){.zebedo-image-banner__heading{font-size:clamp(2.4rem,4vw,3.6rem)}.zebedo-image-banner__content-body{max-width:min(520px,100%)}}@media screen and (max-width:749px){.zebedo-image-banner__shell{border-radius:var(--zebedo-banner-radius-mobile, 18px)}.zebedo-image-banner__slide{height:var(--zebedo-banner-height-mobile, 60vh);min-height:360px}.zebedo-image-banner__content{padding:clamp(14px,4vw,20px);align-items:flex-end}.zebedo-image-banner__content-body{width:100%;max-width:100%}.zebedo-image-banner__heading{font-size:clamp(2.2rem,6vw,3rem)}.zebedo-image-banner__subheading{font-size:1.5rem}.zebedo-image-banner__arrow{display:none}.zebedo-image-banner__dots{bottom:12px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/zebedo-image-banner.css.map */
