.cs-tl{--tl-ink: #171717;--tl-muted: #6b655e;--tl-paper: #ffffff;--tl-surface: #f5f2ed;--tl-hair: #e3ddd3;--tl-e: cubic-bezier(.2, .7, .1, 1);--tl-head: var(--cs-font-display, "Playfair CS", Georgia, serif);--tl-text: var(--cs-font-text, Satoshi, system-ui, sans-serif);background:var(--tl-paper);color:var(--tl-ink);font-family:var(--tl-text);font-variant-ligatures:no-common-ligatures;padding:var(--cs-tl-pt, 32px) 0 var(--cs-tl-pb, 16px)}.cs-tl *,.cs-tl *:before,.cs-tl *:after{box-sizing:border-box}.cs-tl__in{max-width:1240px;margin:0 auto;padding:0 20px}.cs-tl__label,.cs-tl__eyebrow,.cs-tl__boxname,.cs-tl__row>span:first-child{display:block;margin:0;font:500 var(--cs-fs-label, 12px)/1.33 var(--tl-text);letter-spacing:.06em;text-transform:uppercase;color:var(--tl-muted)}.cs-tl__title{margin:12px 0 0;font-family:var(--tl-head);font-weight:400;font-size:var(--cs-fs-title, 32px);line-height:var(--cs-lh-title, 1.12);letter-spacing:-.005em;text-wrap:balance;color:var(--tl-ink)}.cs-tl__lead{margin:12px 0 0;font-size:var(--cs-fs-body, 16px);line-height:1.5;color:var(--tl-muted)}.cs-tl__nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px}.cs-tl__nav[hidden]{display:none}.cs-tl__tab{min-height:44px;padding:0 0 10px;border:0;background:none;cursor:pointer;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.cs-tl__tab span{display:block;margin-bottom:8px;font-size:var(--cs-fs-small, 14px);line-height:18px;color:var(--tl-muted);white-space:nowrap;transition:color .32s var(--tl-e)}.cs-tl__tab[aria-selected=true] span{color:var(--tl-ink)}.cs-tl__tab i{display:block;height:1px;background:var(--tl-hair)}.cs-tl__tab b{display:block;height:100%;background:var(--tl-ink);transform:scaleX(0);transform-origin:left}.cs-tl__tab:first-child b{transform:scaleX(1)}.cs-tl__rail{display:flex;gap:12px;margin:12px -20px 0;padding:0 20px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;overscroll-behavior-x:contain;scrollbar-width:none}.cs-tl__rail::-webkit-scrollbar{display:none}.cs-tl__rail:focus-visible{outline:2px solid var(--tl-ink);outline-offset:2px}.cs-tl__card{flex:0 0 calc(100% - 40px);max-width:380px;scroll-snap-align:start;margin:0;padding:20px;background:var(--tl-surface);display:flex;flex-direction:column}.cs-tl__top{display:flex;justify-content:space-between;align-items:baseline}.cs-tl__count{font-size:var(--cs-fs-caption, 12px);line-height:1.33;color:var(--tl-muted);font-variant-numeric:tabular-nums}.cs-tl__when{margin:12px 0 0;font:400 52px/1 var(--tl-head);letter-spacing:-.02em}.cs-tl__boxes{margin-top:12px;border-top:1px solid var(--tl-hair)}.cs-tl__box{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--tl-hair)}.cs-tl__boxname{white-space:nowrap}.cs-tl__sq{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:3px}.cs-tl__sq i{display:block;aspect-ratio:1;background:var(--tl-hair)}.cs-tl__sq i.p{background:#6fa79c}.cs-tl__sq i.n{background:var(--tl-ink)}.cs-tl__txt{margin-top:16px}.cs-tl__h3{margin:0;font:500 var(--cs-fs-h3, 20px)/var(--cs-lh-h3, 1.2) var(--tl-text);letter-spacing:-.01em;text-wrap:balance;color:var(--tl-ink)}.cs-tl__body{margin:8px 0 0;font-size:var(--cs-fs-body, 16px);line-height:1.5;color:var(--tl-muted);text-wrap:pretty}.cs-tl__row{display:grid;gap:4px;margin:16px 0 0;padding-top:12px;border-top:1px solid var(--tl-hair)}.cs-tl__row>:last-child{font-size:var(--cs-fs-small, 14px);line-height:1.43;color:var(--tl-ink)}.cs-tl__row a{color:var(--tl-ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.cs-tl__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px}.cs-tl__used{font-size:var(--cs-fs-small, 14px);line-height:1.43;font-variant-numeric:tabular-nums}.cs-tl__next{position:relative;flex:none;width:32px;height:32px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:none;color:var(--tl-ink);cursor:pointer;box-shadow:inset 0 0 0 1px var(--tl-hair);transition:background .16s var(--tl-e),color .16s var(--tl-e)}.cs-tl__next[hidden]{display:none}.cs-tl__next:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.cs-tl__cta{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:999px;background:var(--tl-ink);color:var(--tl-paper);font:500 var(--cs-fs-body, 16px)/1 var(--tl-text);text-decoration:none;white-space:nowrap;transition:opacity .16s var(--tl-e)}@media(hover:hover){.cs-tl__next:hover{background:var(--tl-ink);color:var(--tl-paper);box-shadow:none}.cs-tl__cta:hover{opacity:.88}}.cs-tl :focus-visible{outline:2px solid var(--tl-ink);outline-offset:3px}.cs-tl__legal{margin:12px 0 0;max-width:720px;font-size:var(--cs-fs-caption, 12px);line-height:1.33;color:var(--tl-muted)}.cs-tl.is-js .cs-tl__txt{opacity:0;transition:opacity .6s var(--tl-e) 80ms}.cs-tl.is-js .cs-tl__card.is-seen .cs-tl__txt{opacity:1}@media(min-width:750px){.cs-tl__in{padding:0 32px}.cs-tl__rail{margin:12px -32px 0;padding:0 32px;scroll-padding-inline:32px}.cs-tl__card{flex-basis:360px}}@media(min-width:990px){.cs-tl{padding-top:calc(var(--cs-tl-pt, 32px) * 1.5);padding-bottom:calc(var(--cs-tl-pb, 16px) * 2)}.cs-tl__in{padding:0 20px;max-width:1240px}.cs-tl__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:48px}.cs-tl__lead{margin:0 0 4px;max-width:360px;text-align:right}.cs-tl__nav,.cs-tl__nav:not([hidden]){display:none}.cs-tl__rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:48px 0 0;padding:0;overflow:visible}.cs-tl__card{max-width:none}.cs-tl__when{font-size:56px}.cs-tl__next{display:none}.cs-tl__cta{min-height:40px;padding:0 18px;font-size:var(--cs-fs-small, 14px)}.cs-tl__legal{margin-top:24px}.cs-tl.is-js .cs-tl__txt{opacity:1;transition:none}.cs-tl.is-js .cs-tl__card{opacity:0;transform:translateY(16px);transition:opacity .7s var(--tl-e),transform .7s var(--tl-e);transition-delay:calc(var(--cs-tl-i, 0) * .12s)}.cs-tl.is-js .cs-tl__card.is-seen{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.cs-tl *,.cs-tl.is-js .cs-tl__card{transition:none!important}.cs-tl.is-js .cs-tl__card{opacity:1;transform:none}.cs-tl.is-js .cs-tl__txt{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/cs-timeline.css.map */