.atl{display:block;position:relative;--atl-card-width: 260px;--atl-card-width-minor: 220px;--atl-gap-unit: 38px;--atl-spine-y: 18px;--atl-stem: 30px;--atl-radius: 14px;--atl-spine-thickness: 1px;--atl-ink: var(--colorTextBody, #16181a);--atl-muted: rgba(22, 24, 26, .62);--atl-muted: color-mix(in srgb, var(--atl-ink) 62%, transparent);--atl-line: rgba(22, 24, 26, .16);--atl-line: color-mix(in srgb, var(--atl-ink) 16%, transparent);--atl-hairline: rgba(22, 24, 26, .09);--atl-hairline: color-mix(in srgb, var(--atl-ink) 9%, transparent);--atl-surface: #fff;--atl-panel: rgba(255, 255, 255, .5)}.atl__header{text-align:center;max-width:620px;margin:0 auto}.atl__heading{margin:0 0 8px;letter-spacing:.06em}.atl__intro{margin:0;color:var(--atl-muted);font-size:calc(var(--typeBaseSize, 16px) * .92);line-height:1.6}.atl__indicator{display:flex;align-items:baseline;justify-content:center;gap:10px;min-height:2.2em;margin-top:14px;pointer-events:none}.atl__indicator-year{font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback, sans-serif);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1;letter-spacing:.02em;color:var(--atl-ink);opacity:.22}.atl__indicator-date{font-size:calc(var(--typeBaseSize, 16px) * .72);letter-spacing:.16em;text-transform:uppercase;color:var(--atl-muted)}.atl__card{position:relative;background:var(--atl-surface);border:1px solid var(--atl-hairline);border-radius:var(--atl-radius);overflow:hidden;box-shadow:0 1px 2px #1012140a,0 8px 22px -14px #10121433;transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s cubic-bezier(.22,.61,.36,1)}.atl__body{padding:14px 16px 16px}.atl__item--media-only .atl__card{border:0;background:transparent}.atl__item-heading{margin:0 0 5px;font-size:calc(var(--typeBaseSize, 16px) * .98);line-height:1.3}.atl__text{margin:0;color:var(--atl-muted);font-size:calc(var(--typeBaseSize, 16px) * .84);line-height:1.55;overflow-wrap:break-word}.atl__text>p{margin:0}.atl__text>p+p{margin-top:.6em}.atl__media{display:block;position:relative;overflow:hidden;background:var(--atl-hairline);aspect-ratio:var(--atl-media-ratio, 1)}.atl__item--media-only .atl__media{border-radius:var(--atl-radius)}.atl__media image-element{position:absolute;top:0;left:0;display:block;width:100%;height:100%}.atl__media img{display:block;width:100%;height:100%;object-fit:cover;opacity:1;animation:none}.atl__media--square{aspect-ratio:1 / 1}.atl__media--portrait{aspect-ratio:1 / 1.35}.atl__media--landscape{aspect-ratio:1.5 / 1}.atl__media--natural{aspect-ratio:var(--atl-media-ratio, 1)}.atl__marker{position:absolute;z-index:3;transition:transform .35s cubic-bezier(.22,.61,.36,1),background-color .35s ease,color .35s ease,border-color .35s ease}.atl__marker--year{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:4px 11px;border:1px solid var(--atl-line);border-radius:999px;background:var(--atl-surface);color:var(--atl-ink);font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback, sans-serif);font-size:calc(var(--typeBaseSize, 16px) * .76);font-weight:700;letter-spacing:.1em;line-height:1;white-space:nowrap;box-shadow:0 2px 8px -3px #10121440}.atl__marker--major{width:11px;height:11px;border-radius:50%;background:var(--atl-ink);box-shadow:0 0 0 4px var(--colorBody, #eef0f2)}.atl__marker--minor{width:7px;height:7px;border-radius:50%;background:var(--colorBody, #eef0f2);border:1.5px solid var(--atl-line);box-shadow:0 0 0 4px var(--colorBody, #eef0f2)}.atl__controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px}.atl__control{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;padding:0;border:1px solid var(--atl-line);border-radius:50%;background:var(--atl-surface);color:var(--atl-ink);cursor:pointer;transition:opacity .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.atl__control:hover:not([disabled]){background:var(--atl-ink);border-color:var(--atl-ink);color:var(--colorBtnPrimaryText, #fff)}.atl__control[disabled]{opacity:.28;cursor:default}.atl__control svg{width:14px;height:14px;fill:currentColor}.atl__progress{position:relative;flex:0 1 200px;height:2px;border-radius:2px;background:var(--atl-line);overflow:hidden}.atl__progress-bar{display:block;width:100%;height:100%;border-radius:inherit;background:var(--atl-ink);transform:scaleX(0);transform-origin:left center;transition:transform .15s linear}.atl__empty{text-align:center;padding:40px 0;color:var(--atl-muted)}.atl__viewport{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--atl-panel) 0%,rgba(255,255,255,0) 72%);border-radius:20px}@supports (mask-image: linear-gradient(#000,#000)) or (-webkit-mask-image: linear-gradient(#000,#000)){.atl__viewport{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%)}}.atl__rail{display:flex;flex-direction:row;align-items:flex-start;list-style:none;margin:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:smooth;overscroll-behavior-x:contain;padding:14px calc(50% - (var(--atl-card-width) / 2)) 34px;scrollbar-width:none;cursor:grab}.atl__rail::-webkit-scrollbar{height:0;display:none}.atl__rail:focus{outline:none}.atl__rail:focus-visible{outline:2px solid var(--atl-ink);outline-offset:3px;border-radius:var(--atl-radius)}.atl.is-dragging .atl__rail{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.atl__item{position:relative;flex:0 0 auto;width:var(--atl-card-width);padding-top:calc(var(--atl-spine-y) + var(--atl-stem));margin-right:calc(var(--atl-gap-after, 2) * var(--atl-gap-unit));scroll-snap-align:center}.atl__item--minor{width:var(--atl-card-width-minor)}.atl__item:last-child{margin-right:0}.atl__item:before{content:"";position:absolute;left:0;right:calc(-1 * var(--atl-gap-after, 2) * var(--atl-gap-unit));top:var(--atl-spine-y);height:var(--atl-spine-thickness);background:var(--atl-line);transform:translateY(-50%);z-index:1}.atl__item:first-child:before{left:50%}.atl__item:last-child:before{right:50%}.atl__marker{left:50%;top:var(--atl-spine-y);transform:translate(-50%,-50%)}.atl__item:after{content:"";position:absolute;left:50%;top:calc(var(--atl-spine-y) + 10px);height:calc(var(--atl-stem) - 10px);width:var(--atl-spine-thickness);background:var(--atl-line);transform:translate(-50%);z-index:1}.atl__item:has(.atl__marker--year):after{top:calc(var(--atl-spine-y) + 15px);height:calc(var(--atl-stem) - 15px)}.atl__item.is-active .atl__card{transform:translateY(-3px);box-shadow:0 2px 4px #1012140d,0 16px 34px -18px #1012144d}.atl__item.is-active .atl__marker--year{background:var(--atl-ink);border-color:var(--atl-ink);color:var(--colorBtnPrimaryText, #fff);transform:translate(-50%,-50%) scale(1.05)}.atl__item.is-active .atl__marker--major,.atl__item.is-active .atl__marker--minor{transform:translate(-50%,-50%) scale(1.4)}.atl__item.is-active .atl__marker--minor{border-color:var(--atl-ink)}@media screen and (max-width:749px){.atl[data-mobile-layout=scroll]{--atl-card-width: 196px;--atl-card-width-minor: 156px;--atl-gap-unit: 22px;--atl-stem: 24px}}@media screen and (max-width:749px){.atl:not([data-mobile-layout=scroll]) .atl__indicator{display:none}.atl:not([data-mobile-layout=scroll]) .atl__viewport{overflow:visible;background:none;border-radius:0;-webkit-mask-image:none;mask-image:none}.atl:not([data-mobile-layout=scroll]) .atl__rail{flex-direction:column;align-items:stretch;overflow:visible;scroll-snap-type:none;cursor:auto;padding:4px 0 0 38px}.atl:not([data-mobile-layout=scroll]) .atl__item{width:100%;max-width:340px;padding-top:0;padding-bottom:26px;margin-right:0;scroll-snap-align:none}.atl:not([data-mobile-layout=scroll]) .atl__item:last-child{padding-bottom:0}.atl:not([data-mobile-layout=scroll]) .atl__item:before{left:-26px;right:auto;top:0;bottom:0;width:var(--atl-spine-thickness);height:auto;transform:none}.atl:not([data-mobile-layout=scroll]) .atl__item:first-child:before{top:9px}.atl:not([data-mobile-layout=scroll]) .atl__item:last-child:before{bottom:auto;height:9px}.atl:not([data-mobile-layout=scroll]) .atl__item:after{display:none}.atl:not([data-mobile-layout=scroll]) .atl__marker{left:-26px;top:9px;transform:translate(-50%,-50%)}.atl:not([data-mobile-layout=scroll]) .atl__marker--year{left:-26px;top:13px;transform:translateY(-50%)}.atl:not([data-mobile-layout=scroll]) .atl__item:has(.atl__marker--year){padding-top:34px}.atl:not([data-mobile-layout=scroll]) .atl__item.is-active .atl__card{transform:none;box-shadow:0 1px 2px #1012140a,0 8px 22px -14px #10121433}.atl:not([data-mobile-layout=scroll]) .atl__item.is-active .atl__marker--year{background:var(--atl-surface);border-color:var(--atl-line);color:var(--atl-ink);transform:translateY(-50%)}.atl:not([data-mobile-layout=scroll]) .atl__item.is-active .atl__marker--major,.atl:not([data-mobile-layout=scroll]) .atl__item.is-active .atl__marker--minor{transform:translate(-50%,-50%)}.atl:not([data-mobile-layout=scroll]) .atl__controls{display:none}}@supports not selector(:has(*)){.atl__item:after{top:calc(var(--atl-spine-y) + 15px);height:calc(var(--atl-stem) - 15px)}@media screen and (max-width:749px){.atl:not([data-mobile-layout=scroll]) .atl__item{padding-top:34px}}}@media(prefers-reduced-motion:reduce){.atl__rail{scroll-behavior:auto}.atl__card,.atl__marker,.atl__progress-bar{transition:none}.atl__item.is-active .atl__card{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/about-timeline.css.map */