.ubiquiti-hero{display:block;width:100%;max-width:1440px;margin-inline:auto;padding-inline:16px}.ubiquiti-hero__inner{width:100%}.ubiquiti-hero__viewport{position:relative;width:100%;overflow:hidden;border-radius:var(--ubq-radius-card, 12px);box-shadow:0 4px 20px #00000014}.ubiquiti-hero__track{position:relative;width:100%;aspect-ratio:800 / 1200}.ubiquiti-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease}.ubiquiti-hero__slide.is-active{opacity:1;visibility:visible;z-index:1}.ubiquiti-hero__link{display:block;width:100%;height:100%;position:relative;text-decoration:none;color:inherit}.ubiquiti-hero__media,.ubiquiti-hero__media img{display:block;width:100%;height:100%;object-fit:cover}.ubiquiti-hero__placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:var(--ubq-surface, #f7f8fa)}.ubiquiti-hero__placeholder svg{width:60%;height:60%;opacity:.3}.ubiquiti-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,var(--ubq-hero-scrim, .45)),#0000 55%)}.ubiquiti-hero__content{position:absolute;inset-block:0;inset-inline-start:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;width:100%;max-width:564px;padding:24px;text-align:start;color:var(--ubq-hero-text, #ffffff)}.ubiquiti-hero__eyebrow{margin:0;font-size:clamp(12px,1.6vw,14px);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ubq-hero-eyebrow, var(--ubq-accent, #2991d2))}.ubiquiti-hero__heading{margin:0;font-size:clamp(26px,7vw,34px);font-weight:600;line-height:1.1;color:inherit}.ubiquiti-hero__text{margin:0;max-width:42ch;font-size:clamp(14px,4vw,16px);line-height:1.5}.ubiquiti-hero__btn{align-self:flex-start;display:inline-block;margin-top:4px;padding:13px 26px;border-radius:var(--ubq-radius-btn, 8px);background:var(--ubq-primary, #0559c9);color:var(--ubq-on-primary, #ffffff);font-size:clamp(14px,1.6vw,16px);font-weight:600;line-height:1;text-decoration:none;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}.ubiquiti-hero__btn:hover{background:var(--ubq-primary-hover, #0449a5);transform:translateY(-2px);box-shadow:0 6px 16px #0559c94d}.ubiquiti-hero__arrows{position:absolute;inset-block-end:16px;inset-inline-end:16px;z-index:1;display:flex;gap:10px;pointer-events:none}.ubiquiti-hero__arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#ffffffe6;color:var(--ubq-text, #333e48);cursor:pointer;pointer-events:auto;box-shadow:0 2px 8px #0000001f;transition:background .25s ease,transform .25s ease,color .25s ease}.ubiquiti-hero__arrow:hover{background:var(--ubq-accent, #2991d2);color:#fff;transform:scale(1.08)}.ubiquiti-hero__arrow svg{width:22px;height:22px;fill:currentColor}.ubiquiti-hero__dots{position:absolute;inset-block-end:16px;inset-inline-start:50%;z-index:3;display:flex;gap:10px;transform:translate(-50%)}.ubiquiti-hero__dot{width:11px;height:11px;padding:0;border:0;border-radius:50%;background:#ffffff8c;cursor:pointer;transition:background .25s ease,transform .25s ease}.ubiquiti-hero__dot.is-active,.ubiquiti-hero__dot:hover{background:var(--ubq-accent, #2991d2);transform:scale(1.2)}.ubiquiti-hero__link:focus-visible,.ubiquiti-hero__arrow:focus-visible,.ubiquiti-hero__dot:focus-visible,.ubiquiti-hero__btn:focus-visible{outline:2px solid var(--ubq-accent, #2991d2);outline-offset:3px}@media(min-width:768px){.ubiquiti-hero{padding-inline:20px}.ubiquiti-hero__track{aspect-ratio:1920 / 800}.ubiquiti-hero__scrim{background:linear-gradient(to right,rgba(0,0,0,var(--ubq-hero-scrim, .45)),#0000 60%)}.ubiquiti-hero__content{justify-content:center;gap:16px;max-width:720px;padding-inline:90px}.ubiquiti-hero__heading{font-size:clamp(34px,3.6vw,52px)}.ubiquiti-hero__text{font-size:clamp(16px,1.4vw,18px)}.ubiquiti-hero__arrows{inset-block:50% auto;inset-inline:0;z-index:3;justify-content:space-between;padding-inline:20px;transform:translateY(-50%)}.ubiquiti-hero__arrow{width:48px;height:48px}.ubiquiti-hero__arrow svg{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.ubiquiti-hero__btn:hover,.ubiquiti-hero__arrow:hover,.ubiquiti-hero__dot:hover,.ubiquiti-hero__dot.is-active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/ubiquiti-hero.css.map */