@layer components{.ladder{display:grid;row-gap:var(--s-2);min-inline-size:0}.ladder__track{display:block;inline-size:100%;block-size:40px;overflow:visible}.ladder__tick{stroke:var(--rule);stroke-width:1}.ladder__seg--settembre{fill:var(--bronze);background:var(--bronze)}.ladder__seg--ottobre{fill:color-mix(in srgb,var(--bronze) 55%,var(--paper));background:color-mix(in srgb,var(--bronze) 55%,var(--paper))}.ladder__seg--later{fill:var(--saffron);background:var(--saffron)}.ladder__seg{transform-box:fill-box;transform-origin:0 50%}.ladder__carriage{fill:var(--ink);transform-box:view-box;transform-origin:0 0;transform:translate(var(--cx, 0px)) scaleX(var(--cw, 0))}.ladder[data-at=settembre]{--cx: 198px;--cw: 102}.ladder[data-at=ottobre]{--cx: 300px;--cw: 300}.ladder[data-at=later]{--cx: 600px;--cw: 600}:is(.matrix__group,.pband__head):has(input[data-harvest=settembre]:checked) .ladder{--cx: 198px;--cw: 102}:is(.matrix__group,.pband__head):has(input[data-harvest=ottobre]:checked) .ladder{--cx: 300px;--cw: 300}.ladder__months{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;font-size:var(--t-regulatory);color:var(--text-2);text-transform:uppercase}.ladder__months li{padding-inline-start:var(--s-1)}.ladder__steps{display:grid;margin:var(--s-2) 0 0;padding:0;list-style:none}.ladder__step{display:grid;grid-template-columns:12px minmax(0,1fr) auto;grid-template-areas:"swatch name price" "swatch window price";column-gap:var(--s-3);align-items:baseline;padding-block:var(--s-2);border-block-start:var(--hairline) solid var(--rule);color:var(--text-2)}.ladder__swatch{grid-area:swatch;align-self:center;inline-size:12px;block-size:12px}.ladder__name{grid-area:name;font-size:var(--t-body-l)}.ladder__window{grid-area:window}.ladder__price{grid-area:price;align-self:center}.ladder__caption{margin:0;color:var(--text-2)}.ladder:not(.ladder--switch) .ladder__step[aria-current=true],:is(.matrix__group,.pband__head):has(input[data-harvest=settembre]:checked) .ladder__step[data-step=settembre],:is(.matrix__group,.pband__head):has(input[data-harvest=ottobre]:checked) .ladder__step[data-step=ottobre]{color:var(--text)}.ladder--story .ladder__step{color:var(--text)}@media(min-width:640px){.ladder--story .ladder__steps{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap)}.ladder--story .ladder__step{grid-template-columns:12px minmax(0,1fr);grid-template-areas:"swatch name" ". window" ". price";row-gap:var(--s-1)}.ladder--story .ladder__price{align-self:start}}.ladder--story:has(.ladder__step[data-step=settembre]:hover){--cx: 198px;--cw: 102}.ladder--story:has(.ladder__step[data-step=ottobre]:hover){--cx: 300px;--cw: 300}.ladder--story:has(.ladder__step[data-step=later]:hover){--cx: 600px;--cw: 600}}@layer motion{@media(prefers-reduced-motion:no-preference){html:not(.shopify-design-mode) .ladder__carriage{transition:transform var(--d-4) var(--e-mass)}@supports (animation-timeline: view()){html:not(.shopify-design-mode) .ladder--story .ladder__seg{animation:lab-draw linear both;animation-timeline:view();animation-range:entry calc(20% + var(--i) * 12%) entry calc(60% + var(--i) * 12%)}}}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/lab-harvest-ladder.css.map */