.hl-chain{--hlc-brown: #39251a;--hlc-orange: #e05a29;--hlc-muted: #8a7568;--hlc-ease: cubic-bezier(.32, .72, 0, 1);font-family:DM Sans,system-ui,sans-serif;background:#f9f4ef;color:var(--hlc-brown);padding:clamp(48px,6vw,80px) clamp(24px,5vw,80px)}.hl-chain__inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:center}@media screen and (max-width:900px){.hl-chain__inner{grid-template-columns:minmax(0,1fr)}}.hl-chain__intro{display:flex;flex-direction:column;gap:16px;max-width:460px;min-width:0}.hl-chain__eyebrow{margin:0;font:700 11px/1.2 DM Sans,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--hlc-orange)}.hl-chain__heading{margin:0;font:700 clamp(32px,3.6vw,52px) / 1.05 "Playfair Display",Georgia,serif;letter-spacing:-.025em;color:var(--hlc-brown);text-wrap:balance}.hl-chain__body{font-size:15px;line-height:1.55;letter-spacing:.002em;color:var(--hlc-muted);text-wrap:pretty}.hl-chain__body p{margin:0 0 .75em}.hl-chain__body p:last-child{margin-bottom:0}.hl-chain__footer{display:flex;align-items:center;gap:10px;margin:0;padding-top:4px;font-size:14px;line-height:1.4;font-weight:700}.hl-chain__tick{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--hlc-orange);color:var(--hlc-orange)}.hl-chain__panel{--t: 0;position:relative;display:flex;flex-direction:column;gap:20px;min-width:0;padding:clamp(20px,2.4vw,28px);border-radius:8px;transition:opacity .42s ease-out,transform .64s var(--hlc-ease),filter .52s ease-out}.hl-chain__panel.is-armed:not(.is-in){opacity:0;transform:translateY(20px) scale(.98);filter:blur(10px)}.hl-chain__control{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;min-height:48px}.hl-chain__track{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;min-width:260px;border-radius:6px;background:#39251a14;border:1px solid rgba(57,37,26,.08);box-shadow:inset 0 1px 2px #39251a1f;touch-action:pan-y;-webkit-user-select:none;user-select:none}.hl-chain__panel.is-live .hl-chain__track{cursor:grab}.hl-chain__panel.is-dragging .hl-chain__track{cursor:grabbing}.hl-chain__pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 6px);border-radius:4px;background:var(--pill, #ffffff);box-shadow:0 2px 6px #39251a2e,inset 0 1px #fff9;transform:translate(calc(var(--t) * (100% + 4px)));will-change:transform}.hl-chain__tab{position:relative;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;margin:0;border:1px solid rgba(57,37,26,.18);border-radius:4px;background:transparent;color:var(--hlc-brown);font:700 12px/1 DM Sans,sans-serif;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s ease-out,border-color .2s ease}.hl-chain__tab:hover{border-color:#39251a59}.hl-chain__tab[aria-selected=true]{border-color:transparent}.hl-chain__tab[data-tab="1"][aria-selected=true]{color:#fff}.hl-chain__tab:active{transform:scale(.97)}.hl-chain__tab:focus-visible{outline:2px solid var(--hlc-orange);outline-offset:2px}.hl-chain__view{display:flex;flex-direction:column;gap:20px}.hl-chain__nodes{list-style:none;margin:0;padding:0;display:flex;align-items:flex-start;height:104px}.hl-chain__node{--w: 1;display:flex;align-items:flex-start;flex:var(--w) 1 0px;min-width:0;overflow:hidden;padding-bottom:8px;opacity:clamp(0,(var(--w) - .35) / .65,1)}.hl-chain__node--usual{--w: calc(1 - var(--t))}.hl-chain__node--homeline{--w: var(--t)}.hl-chain__node--home{flex:0 0 76px}.hl-chain__stop{display:flex;flex-direction:column;align-items:center;gap:10px;flex:none;width:76px;text-align:center}.hl-chain__disc{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--hlc-brown);border:1px solid var(--hlc-brown);box-shadow:inset 0 1px #ffffff1f;overflow:hidden}.hl-chain__disc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--hlc-orange);opacity:0}.hl-chain__disc--end:before{opacity:var(--t)}.hl-chain__disc--on:before{opacity:1}.hl-chain__disc svg{position:relative;display:block}.hl-chain__name{display:block;min-height:32px;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1.3;color:var(--hlc-brown);text-wrap:balance}.hl-chain__link{flex:1;min-width:12px;display:flex;align-items:center;height:44px;padding:0 6px;color:#39251a80}.hl-chain__hair{flex:1;height:1px;background:#39251a4d}.hl-chain__link svg{display:block;flex:none}.hl-chain__margins{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-top:16px;border-top:1px solid rgba(57,37,26,.12)}.hl-chain__margins-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.hl-chain__margins-label{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--hlc-muted)}.hl-chain__swap{display:grid;min-height:20px;font-size:14px;line-height:1.4;color:var(--hlc-brown)}.hl-chain__swap>span,.hl-chain__count>span{grid-area:1 / 1}.hl-chain__swap-usual{opacity:calc(1 - var(--t))}.hl-chain__swap-homeline{opacity:var(--t)}.hl-chain__count{position:relative;display:grid;flex:none;height:48px;min-width:96px}.hl-chain__four,.hl-chain__one{justify-self:end;font:700 48px/1 Playfair Display,Georgia,serif;letter-spacing:-.03em}.hl-chain__four{color:var(--hlc-muted);opacity:calc(1 - var(--t));transform:translateY(calc(var(--t) * -12px))}.hl-chain__one{color:var(--hlc-orange);opacity:var(--t);transform:translateY(calc((1 - var(--t)) * 12px))}@media screen and (max-width:560px){.hl-chain{padding-inline:16px}.hl-chain__panel{padding:16px}.hl-chain__track{min-width:0;width:100%}.hl-chain__tab{padding:0 8px;font-size:11px;letter-spacing:.08em}.hl-chain__nodes{height:92px}.hl-chain__node--home,.hl-chain__stop{flex-basis:58px;width:58px}.hl-chain__stop{gap:8px}.hl-chain__disc{width:36px;height:36px}.hl-chain__disc svg{width:18px;height:18px}.hl-chain__name{font-size:10.5px;letter-spacing:0}.hl-chain__link{min-width:4px;height:36px;padding:0 2px}.hl-chain__link svg{display:none}.hl-chain__four,.hl-chain__one{font-size:40px}.hl-chain__count{height:40px;min-width:80px}}@media screen and (max-width:359px){.hl-chain{padding-inline:12px}.hl-chain__panel{padding:12px}.hl-chain__track{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hl-chain__tab{padding:0 4px;font-size:10px;letter-spacing:.04em}.hl-chain__node--home,.hl-chain__stop{flex-basis:54px;width:54px}.hl-chain__name{font-size:10px}.hl-chain__link{min-width:0;padding:0 1px}}@media(prefers-reduced-motion:reduce){.hl-chain__panel,.hl-chain__tab{transition:opacity .2s ease}.hl-chain__panel.is-armed:not(.is-in){transform:none;filter:none}.hl-chain__tab:active,.hl-chain__four,.hl-chain__one{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/hl-direct-chain.css.map */