.sage-dt-star{inline-size:var(--space-5);block-size:var(--space-5)}.sage-dt-sort{gap:var(--space-6);grid-template-columns:5.5rem 1.375rem minmax(0,1fr);align-items:center;display:grid}.sage-dt-read{justify-content:center;align-items:center;block-size:2.125rem;display:flex;position:relative}.sage-dt-read svg{z-index:1;inline-size:var(--space-9);block-size:var(--space-9);position:relative}.sage-dt-panel.is-on .sage-dt-read svg{animation:1.2s ease-in-out .3s 5 alternate sage-dt-pulse}@keyframes sage-dt-pulse{0%{opacity:.75;transform:scale(1)}to{opacity:1;transform:scale(1.18)}}.sage-dt-read i{inset-inline:calc(var(--space-6) * -1);block-size:var(--border-width);background:linear-gradient(90deg, transparent, color-mix(in srgb,var(--level-lite) 70%,transparent), transparent);position:absolute;inset-block-start:50%}.sage-dt-bin__star{vertical-align:middle;block-size:.6875rem;inline-size:.6875rem;margin-inline-end:.375rem;display:inline-block}@media (width<34rem){.sage-dt-read{display:none}}.sage-dt-pdf{border:var(--border-width) solid var(--line-on-anchor);border-radius:var(--radius-square);background:color-mix(in srgb, var(--text-on-dark) 6%, transparent);block-size:11.625rem;padding:var(--space-3);overflow:hidden}.sage-dt-roll span{background:color-mix(in srgb, var(--text-on-dark) 16%, transparent);border-inline-start:var(--rule-width) solid color-mix(in srgb, var(--text-on-dark) 40%, transparent);flex:none;block-size:2.375rem}.sage-dt-panel.is-on .sage-dt-roll{animation:6s linear .3s forwards sage-dt-roll}@keyframes sage-dt-roll{0%{transform:translateY(0)}to{transform:translateY(-33.75rem)}}.sage-dt-bin{background:color-mix(in srgb, var(--text-on-dark) 7%, transparent);border:var(--border-width) solid var(--line-on-anchor);border-inline-start:var(--rule-width) solid var(--level-lite);border-radius:var(--radius-square);padding:var(--space-4) var(--space-6);opacity:0;transform:translateX(var(--space-2));transition:opacity .5s var(--motion-ease), transform .5s var(--motion-ease)}.sage-dt-panel.is-on .sage-dt-bin:first-child{transition-delay:.4s}.sage-dt-panel.is-on .sage-dt-bin:nth-child(2){transition-delay:.7s}.sage-dt-panel.is-on .sage-dt-bin:nth-child(3){transition-delay:1s}.sage-dt-panel.is-on .sage-dt-bin:nth-child(4){transition-delay:1.3s}@media (prefers-reduced-motion:reduce){.sage-dt-panel.is-on .sage-dt-roll{animation:none}.sage-dt-bin{opacity:1;transition:none;transform:none}}@media (width<35rem){.sage-dt-sort{grid-template-columns:minmax(0,1fr)}.sage-dt-pdf{display:none}}.sage-dt-steps{border-block-start:var(--border-width) solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sage-dt-step{padding:var(--space-9) var(--space-9) var(--space-9) 0;border-inline-end:var(--border-width) solid var(--line)}.sage-dt-step:not(:first-child){padding-inline-start:var(--space-9)}.sage-dt-step:last-child{border-inline-end:0;padding-inline-end:0}.sage-dt-step b{margin-block-start:var(--space-6);display:block}.sage-dt-step p{margin-block-start:var(--space-5)}.sage-dt-vis{block-size:4rem;margin-block-end:var(--space-10);display:block;position:relative}.sage-dt-vis i{background:var(--white);border:var(--border-width) solid var(--border-control);border-radius:var(--radius-square);position:absolute}.sage-dt-vis--import i{block-size:3.5rem;inline-size:2.75rem;box-shadow:var(--sage-lift-1)}.sage-dt-vis--import i:first-child{inset-block-start:.5rem;inset-inline-start:0}.sage-dt-vis--import i:nth-child(2){inset-block-start:.25rem;inset-inline-start:.3125rem}.sage-dt-vis--import i:nth-child(3){inset-block-start:0;inset-inline-start:.625rem}.sage-dt-vis--import i:nth-child(3):after{content:"";background:repeating-linear-gradient(var(--line-strong) 0 var(--border-width), transparent var(--border-width) .375rem);block-size:1.375rem;position:absolute;inset-block-start:.625rem;inset-inline:.4375rem}.sage-dt-vis--sort i{block-size:2.75rem;inline-size:2.125rem;transition:transform .6s var(--motion-ease);inset-block-start:.25rem;inset-inline-start:0}.is-in .sage-dt-vis--sort i:first-child{transform:rotate(-6deg)}.is-in .sage-dt-vis--sort i:nth-child(2){transform:translate(2.5rem)}.is-in .sage-dt-vis--sort i:nth-child(3){transform:translate(5rem)rotate(6deg)}.sage-dt-vis--sort em{inline-size:var(--space-9);block-size:var(--space-9);opacity:0;transition:opacity .4s var(--motion-ease) .6s;position:absolute;inset-block-start:-.375rem;inset-inline-start:3.25rem}.is-in .sage-dt-vis--sort em{opacity:1}.sage-dt-vis--fill{background:var(--white);border:var(--border-width) solid var(--border-control);border-radius:var(--radius-square);flex-direction:column;gap:.3125rem;block-size:auto;inline-size:9.375rem;padding:.375rem;display:flex}.sage-dt-vis--fill i{background:var(--gypsum);border:0;block-size:.5625rem;position:relative;overflow:hidden}.sage-dt-vis--fill i:after{content:"";background:color-mix(in srgb,var(--level) 55%,var(--white));transform-origin:0;transition:transform .5s var(--motion-ease);position:absolute;inset:0;transform:scaleX(0)}.is-in .sage-dt-vis--fill i:after{transform:scaleX(1)}.is-in .sage-dt-vis--fill i:first-child:after{transition-delay:.9s}.is-in .sage-dt-vis--fill i:nth-child(2):after{transition-delay:1.05s}.is-in .sage-dt-vis--fill i:nth-child(3):after{transition-delay:1.2s}.is-in .sage-dt-vis--fill i:nth-child(4):after{transition-delay:1.35s}@media (prefers-reduced-motion:reduce){.sage-dt-vis--fill i:after{transition:none}}@media (width<48rem){.sage-dt-steps{grid-template-columns:minmax(0,1fr)}.sage-dt-step{border-inline-end:0;border-block-end:var(--border-width) solid var(--line);padding:var(--space-8) 0}.sage-dt-step:not(:first-child){padding-inline-start:0}.sage-dt-step:last-child{border-block-end:0}}
