.roots-lot__inner{width:100%;max-width:70rem;margin-inline:auto}.roots-lot__heading{margin:0;font-family:var(--font-heading--family);font-size:1.75rem;font-weight:400;line-height:1.1;letter-spacing:-.03em;color:var(--color-foreground-heading, var(--color-foreground))}.roots-lot__heading+.roots-lot__stops{margin-block-start:var(--roots-rhythm-heading-content)}.roots-lot__stops{--lot-gap: var(--roots-gap-generous);--lot-dot: 2.25rem;--lot-dot-top: calc((.8125rem * 1.4 - var(--lot-dot)) / 2);display:flex;flex-direction:column;gap:var(--lot-gap);margin:0;padding:0;list-style:none}.lot-stop{position:relative;padding-inline-start:calc(var(--lot-dot) + var(--roots-gap-standard))}.lot-stop:not(:last-child):before{content:"";position:absolute;inset-inline-start:calc(var(--lot-dot) / 2 - .5px);inset-block-start:calc(var(--lot-dot-top) + var(--lot-dot));inset-block-end:calc(-1 * (var(--lot-gap) + var(--lot-dot-top)));width:1px;background:var(--roots-muted)}.lot-stop__dot{position:absolute;inset-inline-start:0;inset-block-start:var(--lot-dot-top);display:flex;align-items:center;justify-content:center;width:var(--lot-dot);height:var(--lot-dot);border:1px solid var(--color-primary);border-radius:50%;background:var(--color-background);color:var(--color-primary)}.lot-stop__dot svg{width:50%;height:50%}.lot-stop:last-child .lot-stop__dot{background:var(--color-primary);color:var(--color-background)}.lot-stop__label{display:flex;gap:var(--roots-gap-tight);font-family:var(--font-body--family);font-size:.8125rem;font-weight:700;line-height:1.4;font-variant-numeric:tabular-nums;color:var(--color-primary)}.lot-stop__marker+.lot-stop__body{margin-block-start:var(--roots-rhythm-eyebrow)}.lot-stop__body{display:flex;flex-direction:column;gap:var(--roots-rhythm-heading-body)}.lot-stop__text{container:lot-text / inline-size;min-width:0}.lot-stop__text>*{margin-block:0}.lot-stop__text>*+*{margin-block-start:var(--roots-rhythm-body-content)}.lot-stop__text>.lot-stop__heading+*{margin-block-start:var(--roots-rhythm-heading-body)}.lot-stop__heading{font-family:var(--font-body--family);font-size:1.25rem;font-weight:700;line-height:1.3;letter-spacing:0;color:var(--color-foreground-heading, var(--color-foreground))}.lot-stop__reel{width:100%;max-width:22.5rem}.lot-stop__player,.lot-stop__reel-placeholder{display:block;aspect-ratio:9 / 16;border-radius:var(--roots-radius-rounded);overflow:hidden}.lot-stop__player video,.lot-stop__player img{width:100%;height:100%;object-fit:cover}.lot-stop__player{position:relative}.lot-stop__reel-toggle{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}.lot-stop__reel-toggle:focus-visible{outline:2px solid var(--roots-focus-ring);outline-offset:-4px;border-radius:inherit}.lot-stop__reel-placeholder{display:flex;align-items:center;justify-content:center;padding:var(--roots-rhythm-inset);border:1px dashed var(--roots-muted);font-size:.875rem;text-align:center;color:var(--roots-muted)}@media screen and (min-width:750px){.lot-stop__body--reel{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--roots-gap-spacious);align-items:start}.lot-stop__body--reel .lot-marks{grid-template-columns:repeat(3,minmax(0,6.25rem))}}.lot-images{max-width:28rem}.lot-images__item{aspect-ratio:4 / 3;border-radius:var(--roots-radius-rounded);overflow:hidden}.lot-images--row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--roots-rhythm-items);max-width:none}.lot-images--row .lot-images__item{aspect-ratio:1}.lot-images__img{display:block;width:100%;height:100%;object-fit:cover}.lot-group>*{margin-block:0}.lot-group>*+*{margin-block-start:var(--roots-rhythm-heading-body)}.lot-group>.lot-group__heading+*{margin-block-start:var(--roots-rhythm-eyebrow)}.lot-group__heading{font-family:var(--font-body--family);font-size:.75rem;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--color-foreground-heading, var(--color-foreground))}.lot-stop__text>.lot-group--rule{margin-block-start:var(--roots-rhythm-heading-body);padding-block-start:var(--roots-gap-standard);border-block-start:1px solid var(--roots-muted)}.lot-group--frame{padding:var(--roots-rhythm-inset-panel);border:1px solid var(--roots-muted);border-radius:var(--roots-radius-rounded)}.lot-stop__text>.lot-group--frame+.lot-group--plain{margin-block-start:var(--roots-rhythm-heading-body);padding-inline:calc(var(--roots-rhythm-inset-panel) + 1px)}.lot-group__records{display:flex;flex-direction:column;gap:var(--roots-rhythm-items)}.lot-record{display:flex;flex-direction:column;gap:var(--roots-rhythm-bonded)}.lot-record__term{font-family:var(--font-body--family);font-size:.8125rem;font-weight:700;line-height:1.4;color:var(--roots-muted)}.lot-record__value,.lot-group__body{margin:0;font-family:var(--font-body--family);font-size:1rem;font-weight:400;line-height:1.55;color:var(--color-foreground)}.lot-group__body>*{margin:0}.lot-group__body>*+*{margin-block-start:var(--roots-rhythm-paragraph)}.lot-group__body a{color:inherit;text-decoration:underline;text-underline-offset:.15em}@container lot-text (min-width: 36rem){.lot-record{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:var(--roots-gap-relaxed);align-items:baseline}.lot-record__term{font-size:.875rem;line-height:1.55}}.lot-group__cta{width:100%;min-height:48px}@media screen and (min-width:750px){.lot-group__cta{width:fit-content}}.lot-marks{display:grid;grid-template-columns:repeat(3,minmax(0,7.5rem));gap:var(--roots-rhythm-items);padding:0;list-style:none}@container lot-text (min-width: 40rem){.lot-marks{grid-template-columns:repeat(auto-fill,minmax(6.5rem,7.5rem))}}@media screen and (min-width:990px){.roots-lot__inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--roots-gap-relaxed)}.roots-lot__heading{grid-column:4 / -1;font-size:2rem}.roots-lot__stops{--lot-dot: 2.75rem;--lot-dot-top: 0px;grid-column:1 / -1}.lot-stop{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--roots-gap-relaxed);padding-inline-start:0}.lot-stop__marker{grid-column:1 / span 3;min-height:var(--lot-dot);padding-inline-start:calc(var(--lot-dot) + var(--roots-gap-standard))}.lot-stop__label{flex-direction:column;gap:0;padding-block-start:var(--roots-rhythm-bonded)}.lot-stop__name{font-size:1.125rem;line-height:1.3}.lot-stop__marker+.lot-stop__body{grid-column:4 / -1;margin-block-start:0}.lot-stop__body{max-width:46rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/roots-lot-journey.css.map */
