.can-sequence{position:relative}.can-sequence__track{height:var(--can-sequence-scroll, 300vh)}.gx-can-surround,.gx-can-wrapper{background:rgb(var(--color-background))}.can-sequence__stage{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:visible;max-width:var(--page-width);margin-inline:auto;padding-inline:var(--gx-space-lg)}.can-sequence__poster,.can-sequence__canvas{grid-area:1 / 1;z-index:1;width:min(62svh,72vw);height:auto;aspect-ratio:900 / 1125;object-fit:contain;display:block;justify-self:center}@media screen and (min-width:750px){.can-sequence__poster,.can-sequence__canvas{grid-area:1 / 2;justify-self:end;width:min(84svh,44vw)}}.can-sequence__canvas{opacity:0}.can-sequence[data-mode=canvas] .can-sequence__canvas{opacity:1}.can-sequence[data-mode=canvas] .can-sequence__poster{visibility:hidden}.can-sequence__copy{grid-area:1 / 1;z-index:1;align-self:end;justify-self:center;display:grid;padding-block-end:8svh;text-align:center;pointer-events:none}@media screen and (min-width:750px){.can-sequence__copy{align-self:center;justify-self:start;text-align:left;padding-block-end:0;max-width:44rem}}.can-sequence__benefit{grid-area:1 / 1;margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(var(--gx-text-3),4vw,var(--gx-text-5));line-height:var(--gx-leading-tight);letter-spacing:var(--gx-tracking-display);text-transform:uppercase;max-width:14ch;text-wrap:balance;opacity:0;transform:translateY(1.2rem);transition:opacity var(--gx-duration) var(--gx-ease),transform var(--gx-duration) var(--gx-ease)}.can-sequence__benefit[data-current=true]{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.can-sequence__track{height:auto}.can-sequence__stage{position:static;height:auto;padding-block:10svh}.can-sequence__canvas{display:none}.can-sequence__copy{display:block}.can-sequence__benefit{opacity:1;transform:none;margin-block-end:var(--gx-space-sm);font-size:var(--gx-text-2)}}.can-sequence__buy{grid-area:1 / 1;z-index:2;align-self:center;justify-self:center;display:flex;align-items:center;gap:var(--gx-space-md);pointer-events:auto;transform:translateY(9.5rem)}@media screen and (min-width:750px){.can-sequence__buy{justify-self:start;transform:translateY(10rem)}}.can-sequence__price{font-size:var(--gx-text-2);line-height:1;color:rgb(var(--color-foreground))}@media(prefers-reduced-motion:reduce){.can-sequence__buy{transform:none;margin-block-start:var(--gx-space-md)}}.can-sequence__badges{grid-area:1 / 1;z-index:1;align-self:center;justify-self:center;display:flex;flex-wrap:wrap;gap:var(--gx-space-2xs);margin:0;padding:0;list-style:none;max-width:40rem;justify-content:center;transform:translateY(24rem);pointer-events:none}@media screen and (min-width:750px){.can-sequence__badges{justify-self:start;justify-content:flex-start;transform:translateY(25rem)}}.can-sequence__badge{font-family:var(--gx-font-mono);font-size:var(--gx-text-xs);letter-spacing:var(--gx-tracking-label);text-transform:uppercase;padding:var(--gx-space-2xs) var(--gx-space-xs);border:.1rem solid rgba(var(--color-foreground),.3);color:rgba(var(--color-foreground),.75)}@media(prefers-reduced-motion:reduce){.can-sequence__badges{transform:none;margin-block-start:var(--gx-space-md)}}@media screen and (max-width:749px){.can-sequence__stage{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto auto auto;align-content:center;justify-items:center;gap:var(--gx-space-sm);padding-block:var(--gx-space-lg)}.can-sequence__poster,.can-sequence__canvas{grid-area:1 / 1;align-self:center;width:auto;max-width:62vw;height:100%;max-height:100%;object-fit:contain}.can-sequence__copy{grid-area:2 / 1;align-self:start;justify-self:center;padding-block-end:0;text-align:center}.can-sequence__benefit{grid-area:1 / 1;font-size:var(--gx-text-2);max-width:20ch}.can-sequence__buy{grid-area:3 / 1;align-self:start;justify-self:center;transform:none}.can-sequence__badges{grid-area:4 / 1;align-self:start;justify-self:center;justify-content:center;transform:none;max-width:90vw}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-can-sequence.css.map */