.at-catnav{--at-catnav-bg: #f5f5f7;--at-catnav-ink: #1d1d1f;--at-catnav-muted: #86868b;--at-catnav-card: #0a0a0a;--at-catnav-radius: 36px;--at-catnav-card-w: 268px;--at-catnav-card-h: 420px;--at-catnav-gap: 16px;--at-catnav-pad: var(--at-home-pad, 20px);--at-catnav-ease: cubic-bezier(.22, 1, .36, 1);padding:var(--at-catnav-pad-top, 32px) 0 var(--at-catnav-pad-bottom, 40px);background:var(--at-catnav-bg);color:var(--at-catnav-ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.at-catnav__inner{max-width:1200px;margin:0 auto}.at-catnav__head{display:grid;gap:10px;padding:0 var(--at-catnav-pad) 22px}.at-catnav__title{margin:0;font-size:clamp(1.6rem,4.5vw,2rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;text-wrap:pretty}.at-catnav__subtitle{margin:0;font-size:13px;line-height:1.45;color:var(--at-catnav-muted);max-width:34ch}@media(min-width:900px){.at-catnav__head{grid-template-columns:1.2fr 1fr;align-items:end;gap:24px;padding-inline:max(var(--at-catnav-pad),40px);padding-bottom:28px}.at-catnav__title{font-size:40px}.at-catnav__subtitle{justify-self:end;text-align:right;font-size:14px}}.at-catnav__rail-wrap{position:relative}.at-catnav__rail{display:flex;gap:var(--at-catnav-gap);list-style:none;margin:0;padding:8px var(--at-catnav-pad) 20px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-padding-inline:var(--at-catnav-pad);scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.at-catnav__rail::-webkit-scrollbar{display:none}.at-catnav__item{flex:0 0 var(--at-catnav-card-w);width:var(--at-catnav-card-w);height:var(--at-catnav-card-h);scroll-snap-align:start;scroll-snap-stop:always}@media(min-width:900px){.at-catnav__rail{padding-inline:max(var(--at-catnav-pad),40px)}.at-catnav__item{--at-catnav-card-w: 300px;--at-catnav-card-h: 460px;flex-basis:300px;width:300px;height:460px}}.at-catnav__card{position:relative;width:100%;height:100%;border-radius:var(--at-catnav-radius);background:var(--at-catnav-card);color:#fff;overflow:hidden;box-shadow:0 12px 40px #0000002e;isolation:isolate;cursor:pointer}.at-catnav__copy{position:relative;z-index:3;padding:22px 22px 0;pointer-events:none;transition:opacity .2s ease;color:#fff}.at-catnav__brand{margin:0 0 4px;font-size:12px;font-weight:500;color:#ffffff8c;letter-spacing:.01em}.at-catnav__card-title,.at-catnav__card h3.at-catnav__card-title{margin:0;font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:#fff}.at-catnav__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.at-catnav__card[data-layout=watch] .at-catnav__media img{top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;transform:none;object-fit:contain;object-position:center center}.at-catnav__media img{position:absolute;display:block;filter:drop-shadow(0 18px 40px rgba(0,0,0,.45));transition:opacity .35s var(--at-catnav-ease),transform .45s var(--at-catnav-ease),filter .35s ease}.at-catnav__card[data-layout=iphone] .at-catnav__media img{left:50%;right:auto;bottom:-6%;top:auto;width:108%;height:auto;max-height:none;transform:translate(-50%);object-fit:unset;object-position:center bottom}.at-catnav__card[data-layout=samsung] .at-catnav__media img{right:0;left:auto;bottom:-2%;top:auto;width:auto;height:auto;max-width:100%;max-height:92%;object-fit:contain;object-position:right bottom;transform:none}.at-catnav__card[data-layout=ipad] .at-catnav__media img{right:0;left:0;bottom:0;top:auto;width:100%;height:88%;max-width:none;max-height:none;object-fit:cover;object-position:right top;transform:none}.at-catnav__fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#0a0a0aeb,#0a0a0a26 38%,#0a0a0a00 58%),radial-gradient(ellipse 90% 55% at 50% 100%,rgba(0,0,0,.28),transparent 70%);transition:opacity .35s ease}.at-catnav__card[data-layout=samsung] .at-catnav__fade,.at-catnav__card[data-layout=ipad] .at-catnav__fade{background:linear-gradient(180deg,#0a0a0aeb,#0a0a0a1f 34%,#0a0a0a00 52%)}.at-catnav__panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;justify-content:flex-end;padding:24px 22px 78px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .32s var(--at-catnav-ease),transform .32s var(--at-catnav-ease),visibility .32s;background:linear-gradient(180deg,#0a0a0a59,#0a0a0ad1 42%,#0a0a0af5)}.at-catnav__panel-label{font-size:13px;font-weight:500;color:#ffffff80;margin-bottom:6px}.at-catnav__panel-title{font-size:28px;font-weight:700;letter-spacing:-.03em;margin:0 0 18px;color:#fff}.at-catnav__links{list-style:none;margin:0;padding:0}.at-catnav__links a{display:block;padding:14px 0;color:#fff;text-decoration:none;font-size:16px;font-weight:500;letter-spacing:-.01em;border-bottom:1px solid rgba(255,255,255,.14);transition:color .2s ease}.at-catnav__links li:last-child a{border-bottom:0}.at-catnav__links a:hover{color:#ffffffb8}.at-catnav__toggle{position:absolute;right:18px;bottom:18px;z-index:5;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 20px #00000040;transition:transform .25s var(--at-catnav-ease),background .2s ease}.at-catnav__toggle:hover{transform:scale(1.05)}.at-catnav__toggle:active{transform:scale(.96)}.at-catnav__toggle svg{width:18px;height:18px;display:block}.at-catnav__toggle .icon-x,.at-catnav__card.is-open .at-catnav__toggle .icon-plus{display:none}.at-catnav__card.is-open .at-catnav__toggle .icon-x{display:block}.at-catnav__card.is-open .at-catnav__copy{opacity:0}.at-catnav__card.is-open .at-catnav__panel{opacity:1;visibility:visible;transform:none}.at-catnav__card.is-open .at-catnav__fade{opacity:.35}.at-catnav__card.is-open .at-catnav__media img{opacity:.28;filter:blur(.4px) drop-shadow(0 10px 24px rgba(0,0,0,.3))}.at-catnav__card[data-layout=iphone].is-open .at-catnav__media img{transform:translate(-50%) scale(1.04)}.at-catnav__card[data-layout=watch].is-open .at-catnav__media img,.at-catnav__card[data-layout=samsung].is-open .at-catnav__media img,.at-catnav__card[data-layout=ipad].is-open .at-catnav__media img{transform:scale(1.04)}.at-catnav__controls{display:flex;align-items:center;justify-content:space-between;padding:4px var(--at-catnav-pad) 0}@media(min-width:900px){.at-catnav__controls{padding-inline:max(var(--at-catnav-pad),40px)}}.at-catnav__dots{display:flex;align-items:center;gap:7px}.at-catnav__dot{width:7px;height:7px;border-radius:999px;background:#d2d2d7;border:0;padding:0;cursor:pointer;transition:width .25s var(--at-catnav-ease),background .2s ease}.at-catnav__dot.is-active{width:22px;background:#1d1d1f}.at-catnav__arrows{display:flex;gap:8px}.at-catnav__arrow{width:40px;height:40px;border:0;border-radius:50%;background:#e8e8ed;color:#1d1d1f;display:grid;place-items:center;cursor:pointer;transition:background .2s ease,opacity .2s ease}.at-catnav__arrow:hover{background:#dedee3}.at-catnav__arrow:disabled{opacity:.35;cursor:default}.at-catnav__arrow svg{width:16px;height:16px}
/*# sourceMappingURL=/cdn/shop/t/13/assets/at-home-category-nav.css.map */