ab-journey{display:block}html:has(ab-journey) body{overflow-x:clip!important;overflow-y:visible!important}.cs.ab-jny{overflow:visible}.abj{position:relative;height:var(--len, 320svh)}.abj__pin{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;color:var(--cs-ink)}.abj__p1,.abj__p2{position:absolute;top:0;right:0;bottom:0;left:0}.abj__p1{z-index:3;pointer-events:none}.abj__p2{z-index:1}.abj__start{display:none}.abj__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at var(--gx, 50%) var(--gy, 60%),rgba(var(--cs-blue-rgb),.07) 0,rgba(var(--cs-blue-rgb),.035) calc(var(--gr, 300px) * 1.15),rgba(var(--cs-blue-rgb),0) calc(var(--gr, 300px) * 2.2))}html.cs-dark .abj__shade{background:radial-gradient(circle at var(--gx, 50%) var(--gy, 60%),rgba(4,5,9,.9) 0,rgba(4,5,9,.62) calc(var(--gr, 300px) * 1.15),rgba(4,5,9,0) calc(var(--gr, 300px) * 2.2))}.abj__p2{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%)}.abj__glow{position:absolute;left:var(--gx, 65%);top:var(--gy, 50%);z-index:1;width:calc(var(--gr, 300px) * 2.7);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,#1877f200 62%,#1877f224 73%,#1877f20d 86%,#1877f200);opacity:var(--glow, 0);pointer-events:none}html.cs-dark .abj__glow{background:radial-gradient(closest-side,#1877f200 62%,#4a98ff47,#1877f21a 86%,#1877f200)}.abj__gl{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;opacity:0;transition:opacity 1.2s var(--cs-ease)}.abj.is-in .abj__gl,.abj.is-still .abj__gl{opacity:1}.abj__fallback{display:none}.abj__dubai{position:absolute;left:0;top:0;z-index:3;width:0;height:0;opacity:0;pointer-events:none;will-change:transform}.abj__dot{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--cs-blue);box-shadow:0 0 0 3px #fff,0 0 0 4px rgba(var(--cs-blue-rgb),.3),0 0 16px 4px rgba(var(--cs-blue-rgb),.45)}html.cs-dark .abj__dot{background:#fff;box-shadow:0 0 0 3px #5aa2ff73,0 0 18px 4px #5aa2ffb3}.abj__ring{position:absolute;left:-18px;top:-18px;width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(var(--cs-blue-rgb),.7);opacity:0}html.cs-dark .abj__ring{box-shadow:inset 0 0 0 1.5px #8fc4ffcc}@media(prefers-reduced-motion:no-preference){.abj__ring{animation:abj-ring 2.6s var(--cs-ease) infinite}.abj__ring--2{animation-delay:1.3s}}@keyframes abj-ring{0%{transform:scale(.2);opacity:.9}to{transform:scale(2.2);opacity:0}}.abj__label{position:absolute;left:14px;top:-14px;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;font-family:var(--cs-f-semi);font-size:12.5px;letter-spacing:.02em;color:var(--cs-ink);background:#ffffffc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--cs-line-strong),0 8px 20px -10px #0d090a40;white-space:nowrap;opacity:var(--label, 1)}html.cs-dark .abj__label{background:#0d0f1699;box-shadow:inset 0 0 0 1px #ffffff29}.abj__copy{position:absolute;top:0;left:var(--cs-pad-x);right:var(--cs-pad-x);z-index:4;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:clamp(96px,12svh,136px);text-align:center;pointer-events:none}.abj__copy--2{opacity:0}.cs .abj__title{--t-c: var(--cs-ink);--t-fs: clamp(40px, 4.4vw, 68px)}.cs .abj__text{--t-c: var(--cs-ink-soft);max-width:36em}html.cs-dark .cs .abj__title{--t-c: #fff;text-shadow:0 2px 30px rgba(4,5,9,.7)}html.cs-dark .cs .abj__title em{color:#5aa2ff}html.cs-dark .cs .abj__text{--t-c: rgba(255, 255, 255, .74);text-shadow:0 1px 20px rgba(4,5,9,.9)}html.cs-dark .abj__copy .cs-eyebrow{--cs-eyebrow-tint: var(--cs-glow);--t-c: rgba(255, 255, 255, .82);border-color:#ffffff24;background:#ffffff12;box-shadow:inset 0 1px #ffffff1f}.abj__cards{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.abj__card{--cw: 252px;position:absolute;left:clamp(12px,calc(var(--gx, 65%) + var(--ax) * var(--gr, 300px) - var(--cw) / 2),calc(100% - var(--cw) - 12px));top:clamp(84px,calc(var(--gy, 50%) + var(--ay) * var(--gr, 300px) - 32px),calc(100% - 84px));width:var(--cw);opacity:0;translate:0 18px;scale:.94;transition:opacity .7s var(--cs-ease),translate .9s var(--cs-ease),scale .9s var(--cs-ease)}.show-cards .abj__card,.abj__cards:focus-within .abj__card{opacity:1;translate:0 0;scale:1;pointer-events:auto;transition-delay:calc(var(--i) * .11s)}.abj__card:nth-child(2n){--depth: .92}.abj__card-link{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:18px;color:var(--cs-ink);background:#ffffffb8;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 0 0 1px var(--cs-line),0 1px 2px #0d090a0a,0 22px 40px -22px #0d090a47;scale:var(--depth, 1);transition:background-color .3s,box-shadow .4s var(--cs-ease)}@media(prefers-reduced-motion:no-preference){.abj__card-link{animation:abj-float 7s ease-in-out infinite;animation-delay:calc(var(--i) * -1.4s)}}@keyframes abj-float{50%{transform:translateY(-8px)}}.abj__card-link:hover{background:#ffffffeb;box-shadow:inset 0 0 0 1px rgba(var(--cs-blue-rgb),.3),0 24px 44px -22px rgba(var(--cs-blue-rgb),.45)}html.cs-dark .abj__card-link{color:#fff;background:#10131ba8;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px #ffffff14,0 24px 40px -24px #000c}html.cs-dark .abj__card-link:hover{background:#181c28d1;box-shadow:inset 0 0 0 1px #8fc4ff59,0 24px 44px -22px #1877f28c}.abj__thumb{display:block;width:52px;height:52px;border-radius:12px;overflow:hidden;background:var(--cs-paper-2)}.abj__thumb img{width:100%;height:100%;object-fit:cover}.abj__card-copy{display:grid;gap:2px;min-width:0}.abj__client{font-family:var(--cs-f-semi);font-size:14px;line-height:1.25;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.abj__result{font-family:var(--cs-f-body);font-size:12.5px;line-height:1.35;color:var(--cs-ink-soft)}html.cs-dark .abj__result{color:#ffffffa8}.abj__go{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0d090a0f;transition:background-color .3s,color .3s}html.cs-dark .abj__go{background:#ffffff1a}.abj__go svg{width:12px;height:12px;transition:transform .4s var(--cs-ease)}.abj__card-link:hover .abj__go{background:var(--cs-blue);color:#fff}.abj__card-link:hover .abj__go svg{transform:rotate(45deg)}@media(max-width:989px){.abj__copy{padding-top:clamp(88px,13svh,120px)}.abj__title{--t-fs: clamp(34px, 9vw, 52px)}.abj__text{--t-fs: 15.5px;max-width:26em}.abj__card{--cw: min(200px, calc(50% - 18px) )}.abj__card:nth-child(n+3){display:none}.abj__card:nth-child(1){left:12px}.abj__card:nth-child(2){left:auto;right:12px}.abj__card:nth-child(-n+2){top:auto;bottom:calc(env(safe-area-inset-bottom) + 92px)}.abj__card-link{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:6px 10px 6px 6px;border-radius:14px}.abj__thumb{width:40px;height:40px;border-radius:9px}.abj__go{display:none}.abj__client{font-size:13px}.abj__result{font-size:11.5px}}.abj.is-still{height:auto}.abj.is-still .abj__pin{position:relative;height:auto;overflow:visible}.abj.is-still .abj__p1,.abj.is-still .abj__p2{position:relative;height:min(100svh,880px);min-height:560px;overflow:hidden}.abj.is-still .abj__start{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.abj.is-still .abj__copy--2{opacity:1}.abj.is-still .abj__p2{-webkit-mask-image:none;mask-image:none}.abj.is-still .abj__card{opacity:1;translate:0 0;scale:1;pointer-events:auto}.abj.is-still .abj__glow{opacity:1}.abj.no-gl .abj__dubai{display:none}.abj.no-gl .abj__fallback{display:block;position:absolute;left:var(--gx, 65%);top:var(--gy, 50%);z-index:2;width:calc(var(--gr, 300px) * 2);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(var(--cs-blue-rgb),.14),transparent 60%),radial-gradient(circle,rgba(15,52,120,.55) 1.2px,transparent 1.6px) 0 0 / 9px 9px;-webkit-mask-image:radial-gradient(circle,#000 60%,transparent 71%);mask-image:radial-gradient(circle,#000 60%,transparent 71%)}html.cs-dark .abj.no-gl .abj__fallback{background:radial-gradient(circle at 35% 30%,rgba(143,196,255,.35),transparent 60%),radial-gradient(circle,rgba(143,196,255,.55) 1.2px,transparent 1.6px) 0 0 / 9px 9px}
/*# sourceMappingURL=/cdn/shop/t/78/assets/ab-journey.css.map */