.sh-codes{--sh-step:11ms;--sh-line:1s;--sh-wait:.45s;padding:0;gap:clamp(30px,3.6vw,44px);width:100%;max-width:540px;margin:0;padding-block-end:clamp(8px,3vw,40px);list-style:none;display:grid}.sh-row{gap:24px;display:grid}.sh-row-name{align-items:baseline;gap:12px;margin:0;display:flex}.sh-row-name span{font-size:var(--fs-small);color:var(--text-muted);font-weight:600}.sh-row-name b{font-size:clamp(20px,1.9vw,26px);line-height:1.2}.sh-row-name small{font-size:var(--fs-small);color:var(--text-muted);margin-inline-start:auto;font-weight:600}@media (max-width:1023px){.sh-codes{justify-self:start}}.sh-print{display:block;position:relative}.sh-print-code{width:100%;height:auto;fill:var(--code);display:block}.sh-head{opacity:0;pointer-events:none;position:absolute;inset:0;transform:translate(100%)}.sh-row:last-child .sh-head{opacity:1}.sh-head:before{content:"";background:var(--text);border-radius:4px 4px 6px 6px;width:26px;height:11px;position:absolute;inset-block-end:calc(100% + 8px);inset-inline-start:-13px}.sh-head:after{content:"";background:var(--text);border-radius:50%;width:6px;height:6px;position:absolute;inset-block-end:calc(100% + 1px);inset-inline-start:-3px}.js .sh-print circle{animation:90ms linear both sh-drop;animation-delay:calc(var(--sh-wait) + var(--r) * var(--sh-line) + var(--c) * var(--sh-step))}.js .sh-head{animation:sh-sweep calc(var(--n) * var(--sh-step)) linear both;animation-delay:calc(var(--sh-wait) + var(--r) * var(--sh-line))}.js .sh-row:last-child .sh-head{animation-name:sh-sweep-park}@keyframes sh-drop{0%{opacity:0}}@keyframes sh-sweep{0%{opacity:0;transform:translate(0)}6%,94%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes sh-sweep-park{0%{opacity:0;transform:translate(0)}6%{opacity:1}to{opacity:1;transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.js .sh-print circle,.js .sh-head,.js .sh-row:last-child .sh-head{animation:none}}