:root{--uxkid-hero-height: 566px;--uxkid-hero-overlay: rgba(0, 0, 0, .2);--uxkid-hero-btn-bg: #ededeb;--uxkid-hero-btn-border: #fffcfb;--uxkid-hero-btn-ink: #1d2325;--uxkid-hero-btn-icon-bg: #fffcfb;--uxkid-hero-dots-bottom: 32px;--uxkid-hero-dots-h: 8px;--uxkid-hero-btn-dots-gap: 16px;--uxkid-hero-dot-active: #ababab;--uxkid-hero-top-offset: 56px}.uxkid-hero{position:relative;width:100%;overflow:hidden;background:var(--b-ink)}.uxkid-hero .uxkid-hero__track{gap:0;height:var(--uxkid-hero-height)}.uxkid-hero__track>.uxkid-hero__slide{width:100%;scroll-snap-align:start}.uxkid-hero__slide{position:relative;height:100%}.uxkid-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.uxkid-hero__media .uxkid-hero__img{width:100%;height:100%;object-fit:cover;object-position:var(--uxkid-hero-focus-x, 50%) center}.uxkid-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 40%,#0000008c),var(--uxkid-hero-overlay);pointer-events:none}.uxkid-hero__hotspot{position:absolute;width:20px;height:20px;border-radius:10px;background:#fff;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.uxkid-hero__hotspot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#fff;opacity:.5;animation:uxkid-hero-pulse 2s ease-out infinite}@keyframes uxkid-hero-pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(2.4);opacity:0}}@media(prefers-reduced-motion:reduce){.uxkid-hero__hotspot:after{animation:none;opacity:0}}.uxkid-hero__text{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:24px 16px calc(var(--uxkid-hero-dots-bottom) + var(--uxkid-hero-dots-h) + var(--uxkid-hero-btn-dots-gap));display:flex;flex-direction:column;align-items:flex-start;gap:16px}.uxkid-hero__heading-group{display:flex;flex-direction:column;gap:4px;width:100%}.uxkid-hero__heading{margin:0;width:100%;font-family:var(--b-font);font-size:32px;font-weight:600;line-height:.9;text-transform:uppercase;color:#fff;overflow-wrap:break-word;text-wrap:balance}.uxkid-hero__subheading{margin:0;width:100%;font-family:var(--b-font);font-size:16px;font-weight:500;line-height:1.2;letter-spacing:-.5px;color:#fff;overflow-wrap:break-word}.uxkid-hero__btn{display:inline-flex;align-items:center;gap:12px;padding:8px 8px 8px 12px;border-radius:999px;background:var(--uxkid-hero-btn-bg);border:1px solid var(--uxkid-hero-btn-border);color:var(--uxkid-hero-btn-ink);text-decoration:none;white-space:nowrap;transition:opacity .2s ease}.uxkid-hero__btn:hover{opacity:.9;color:var(--uxkid-hero-btn-ink)}.uxkid-hero__btn:focus-visible{outline:2px solid var(--uxkid-hero-btn-ink);outline-offset:3px}.uxkid-hero__btn-label{font-family:var(--b-font);font-size:14px;font-weight:500;line-height:1;letter-spacing:-.5px;text-transform:uppercase}.uxkid-hero__btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:999px;background:var(--uxkid-hero-btn-icon-bg)}.uxkid-hero__btn-icon img{display:block;width:16px;height:16px}.uxkid-hero__dots{position:absolute;left:0;right:0;bottom:var(--uxkid-hero-dots-bottom);z-index:2;gap:8px;padding:0;height:var(--uxkid-hero-dots-h)}.uxkid-hero .uxkid-hero__dots button,.uxkid-hero .uxkid-hero__dots button.is-active{background:var(--uxkid-hero-dot-active);min-height:0}.uxkid-hero__dots button:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(min-width:768px){.uxkid-hero .uxkid-hero__track{height:587px}.uxkid-hero__overlay{--uxkid-hero-overlay: rgba(0, 0, 0, .3)}.uxkid-hero__text{padding:24px 32px calc(var(--uxkid-hero-dots-bottom) + var(--uxkid-hero-dots-h) + var(--uxkid-hero-btn-dots-gap));gap:24px}.uxkid-hero__heading-group{gap:12px}.uxkid-hero__heading{max-width:520px}.uxkid-hero__subheading{max-width:360px}.uxkid-hero__media .uxkid-hero__img{object-position:center}.uxkid-hero__hotspot{display:none}}@media(min-width:1200px){:root{--uxkid-hero-dot-active: #6b6b68}.uxkid-hero .uxkid-hero__track{height:clamp(600px,calc(100vh - var(--uxkid-hero-top-offset)),900px);height:clamp(600px,calc(100svh - var(--uxkid-hero-top-offset)),900px)}.uxkid-hero__text{width:100%;max-width:1440px;margin:0 auto;padding:24px 64px calc(var(--uxkid-hero-dots-bottom) + var(--uxkid-hero-dots-h) + var(--uxkid-hero-btn-dots-gap));gap:24px}.uxkid-hero__heading{font-size:64px;max-width:900px}.uxkid-hero__subheading{font-size:28px;line-height:normal;letter-spacing:-.14px;max-width:660px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/uxkid-home-hero.css.map */