/* /sequential-numbered-labels: a Number card (start, step, digits, copies) and a teal label roll
   feeding out ASSET-0001 to ASSET-0005, the counter ticking with each label. Mint paper stage.
   Static (reduced-motion) state: all five labels out, ticket shown. */
.hub-anim.ha-sequential-numbered-labels .ha-stage { background-color: #e4f4ec; background-image: repeating-linear-gradient(135deg, rgba(15, 118, 110, 0.07) 0 1px, transparent 1px 12px); border: 1px solid #cce7da; min-height: 0; }
.hub-anim.ha-sequential-numbered-labels .ha-scene { display: grid; grid-template-columns: minmax(0, 240px) minmax(0, 1fr); gap: 0.9rem 1.6rem; align-items: center; }
.hub-anim.ha-sequential-numbered-labels .ha-panel { grid-row: 1 / span 2; }
.hub-anim.ha-sequential-numbered-labels .ha-panel { background: #fffdf8; border: 2px solid #0f0f12; border-radius: 16px; padding: 0.9rem 1rem 1rem; transform: rotate(-1.5deg); box-shadow: 5px 6px 0 #0f766e; }
.hub-anim.ha-sequential-numbered-labels .ha-panel-head { display: flex; align-items: center; gap: 0.5rem; margin: 0 0 0.75rem; font: 800 0.74rem/1 Manrope, Inter, sans-serif; letter-spacing: 0.12em; text-transform: uppercase; color: #3f3f46; }
.hub-anim.ha-sequential-numbered-labels .ha-panel-head b { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 7px; background: #0f766e; color: #fff; font: 800 0.8rem/1 Manrope, Inter, sans-serif; letter-spacing: 0; }
.hub-anim.ha-sequential-numbered-labels .ha-count { display: flex; align-items: center; justify-content: center; margin: 0 0 0.8rem; padding: 0.55rem 0.6rem; border-radius: 10px; background: #0f0f12; color: #fafafa; font: 700 1.35rem/1 "SFMono-Regular", Consolas, Menlo, monospace; letter-spacing: 0.02em; }
.hub-anim.ha-sequential-numbered-labels .ha-pre { color: #99f6e4; }
.hub-anim.ha-sequential-numbered-labels .ha-odo { display: inline-block; height: 1em; overflow: hidden; line-height: 1; }
.hub-anim.ha-sequential-numbered-labels .ha-odo-col { display: flex; flex-direction: column; }
.hub-anim.ha-sequential-numbered-labels .ha-odo-col span { display: block; height: 1em; line-height: 1; color: #fde68a; }
.hub-anim.ha-sequential-numbered-labels .ha-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; margin: 0; }
.hub-anim.ha-sequential-numbered-labels .ha-fields div { display: flex; justify-content: space-between; align-items: baseline; gap: 0.4rem; padding: 0.45rem 0.6rem; border: 1.5px solid #d4d4d8; border-radius: 9px; background: #fff; }
.hub-anim.ha-sequential-numbered-labels .ha-fields dt { margin: 0; font: 600 0.74rem/1.1 Inter, system-ui, sans-serif; color: #71717a; }
.hub-anim.ha-sequential-numbered-labels .ha-fields dd { margin: 0; font: 800 0.95rem/1.1 Manrope, Inter, sans-serif; color: #0f0f12; }
.hub-anim.ha-sequential-numbered-labels .ha-feed { display: flex; align-items: center; min-width: 0; align-self: end; grid-column: 2; grid-row: 1; }
.hub-anim.ha-sequential-numbered-labels .ha-roll { flex: none; width: 92px; height: 92px; border-radius: 50%; position: relative; z-index: 2; margin-right: -14px;
    background: radial-gradient(circle, #e4f4ec 0 13px, #0f0f12 13px 16px, #14b8a6 16px 22px, #0f766e 22px 23px, #14b8a6 23px 30px, #0f766e 30px 31px, #14b8a6 31px 38px, #0f766e 38px 39px, #14b8a6 39px 44px, #0f0f12 44px 46px);
    box-shadow: 0 14px 22px -12px rgba(15, 15, 18, 0.5); }
.hub-anim.ha-sequential-numbered-labels .ha-roll::after { content: ""; position: absolute; left: 50%; top: 4px; width: 3px; height: 14px; margin-left: -1.5px; border-radius: 2px; background: #0f0f12; opacity: 0.35; }
.hub-anim.ha-sequential-numbered-labels .ha-strip { list-style: none; margin: 0; padding: 0.55rem 0.6rem 0.55rem 1.4rem; display: flex; gap: 0.45rem; min-width: 0; flex: 1 1 auto;
    background: #b9e6d6; border: 2px solid #0f0f12; border-left: 0; border-radius: 0 12px 12px 0; box-shadow: 0 16px 26px -18px rgba(15, 15, 18, 0.55); }
.hub-anim.ha-sequential-numbered-labels .ha-tag { flex: 1 1 0; min-width: 0; margin: 0; padding: 0.45rem 0.45rem 0.4rem; aspect-ratio: 2 / 1.12; box-sizing: border-box; display: flex; flex-direction: column; gap: 0.3rem;
    background: #fff; border: 1.5px solid #0f0f12; border-radius: 7px; container-type: inline-size; }
.hub-anim.ha-sequential-numbered-labels .ha-tag-id { font: 800 0.6rem/1 "SFMono-Regular", Consolas, Menlo, monospace; font-size: min(0.8rem, 14.5cqi); color: #0f0f12; white-space: nowrap; text-align: center; letter-spacing: -0.02em; }
.hub-anim.ha-sequential-numbered-labels .ha-bars { flex: 1 1 auto; min-height: 18px; background-repeat: no-repeat; background-size: 100% 100%; }
.hub-anim.ha-sequential-numbered-labels .ha-ticket { grid-column: 2; grid-row: 2; align-self: start; justify-self: end; margin: 0 0.4rem 0 0; display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.45rem 0.85rem 0.45rem 0.45rem; white-space: nowrap;
    background: #fffdf8; border: 2px solid #0f0f12; border-radius: 999px; transform: rotate(2deg); box-shadow: 3px 4px 0 #0f0f12; font: 800 0.86rem/1 Manrope, Inter, sans-serif; color: #0f0f12; z-index: 2; }
.hub-anim.ha-sequential-numbered-labels .ha-ticket i { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 999px; background: #0f766e; color: #fff; }
.hub-anim.ha-sequential-numbered-labels .ha-ticket svg { width: 14px; height: 14px; }
@media (max-width: 760px) {
    .hub-anim.ha-sequential-numbered-labels .ha-scene { grid-template-columns: minmax(0, 1fr); gap: 1.3rem; }
    .hub-anim.ha-sequential-numbered-labels .ha-panel { max-width: 300px; width: 100%; justify-self: center; box-sizing: border-box; }
    .hub-anim.ha-sequential-numbered-labels .ha-feed { flex-direction: column; }
    .hub-anim.ha-sequential-numbered-labels .ha-roll { width: 76px; height: 76px; margin: 0 0 -12px; transform: scale(0.83); }
    .hub-anim.ha-sequential-numbered-labels .ha-strip { flex-direction: column; width: 160px; flex: none; padding: 1.2rem 0.55rem 0.55rem; border-left: 2px solid #0f0f12; border-top: 0; border-radius: 0 0 12px 12px; }
    .hub-anim.ha-sequential-numbered-labels .ha-tag { flex: none; }
    .hub-anim.ha-sequential-numbered-labels .ha-panel, .hub-anim.ha-sequential-numbered-labels .ha-feed, .hub-anim.ha-sequential-numbered-labels .ha-ticket { grid-row: auto; grid-column: auto; }
    .hub-anim.ha-sequential-numbered-labels .ha-ticket { justify-self: center; margin: -0.3rem 0 0; }
}
@media (prefers-reduced-motion: no-preference) {
    .hub-anim.ha-sequential-numbered-labels .ha-tag, .hub-anim.ha-sequential-numbered-labels .ha-odo-col, .hub-anim.ha-sequential-numbered-labels .ha-ticket, .hub-anim.ha-sequential-numbered-labels .ha-roll { animation-duration: 10s; animation-iteration-count: infinite; animation-fill-mode: both; animation-timing-function: ease-out; }
    /* labels: t1 at 0.8s, then every 1.4s; each slides out of the roll and stays until 9.2s */
    .hub-anim.ha-sequential-numbered-labels .ha-t1 { animation-name: haseqt1; }
    .hub-anim.ha-sequential-numbered-labels .ha-t2 { animation-name: haseqt2; }
    .hub-anim.ha-sequential-numbered-labels .ha-t3 { animation-name: haseqt3; }
    .hub-anim.ha-sequential-numbered-labels .ha-t4 { animation-name: haseqt4; }
    .hub-anim.ha-sequential-numbered-labels .ha-t5 { animation-name: haseqt5; }
    @keyframes haseqt1 { 0%, 8% { opacity: 0; transform: translate(var(--ha-fx, -46px), var(--ha-fy, 0)) scale(0.85); } 13%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: none; } }
    @keyframes haseqt2 { 0%, 22% { opacity: 0; transform: translate(var(--ha-fx, -46px), var(--ha-fy, 0)) scale(0.85); } 27%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: none; } }
    @keyframes haseqt3 { 0%, 36% { opacity: 0; transform: translate(var(--ha-fx, -46px), var(--ha-fy, 0)) scale(0.85); } 41%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: none; } }
    @keyframes haseqt4 { 0%, 50% { opacity: 0; transform: translate(var(--ha-fx, -46px), var(--ha-fy, 0)) scale(0.85); } 55%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: none; } }
    @keyframes haseqt5 { 0%, 64% { opacity: 0; transform: translate(var(--ha-fx, -46px), var(--ha-fy, 0)) scale(0.85); } 69%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; transform: none; } }
    /* counter: shows the number of the label being fed */
    .hub-anim.ha-sequential-numbered-labels .ha-odo-col { animation-name: haseqodo; animation-timing-function: ease-in-out; }
    @keyframes haseqodo { 0%, 22% { transform: translateY(0); } 25%, 36% { transform: translateY(-1em); } 39%, 50% { transform: translateY(-2em); } 53%, 64% { transform: translateY(-3em); } 67%, 95% { transform: translateY(-4em); } 99%, 100% { transform: translateY(0); } }
    /* roll turns while it feeds */
    .hub-anim.ha-sequential-numbered-labels .ha-roll { animation-name: haseqroll; animation-timing-function: linear; }
    @keyframes haseqroll { 0%, 7% { rotate: 0deg; } 70%, 100% { rotate: 360deg; } }
    .hub-anim.ha-sequential-numbered-labels .ha-ticket { animation-name: haseqtick; }
    @keyframes haseqtick { 0%, 72% { opacity: 0; transform: rotate(2deg) translateY(10px) scale(0.9); } 76%, 92% { opacity: 1; transform: rotate(2deg); } 97%, 100% { opacity: 0; transform: rotate(2deg); } }
    @media (max-width: 760px) {
        .hub-anim.ha-sequential-numbered-labels .ha-tag { --ha-fx: 0px; --ha-fy: -40px; }
    }
}
.hub-anim.ha-sequential-numbered-labels .ha-t1 .ha-bars { background-image: linear-gradient(90deg, #0f0f12 0.000% 1.379%, transparent 1.379% 2.069%, #0f0f12 2.069% 2.759%, transparent 2.759% 4.138%, #0f0f12 4.138% 4.828%, transparent 4.828% 7.586%, #0f0f12 7.586% 8.276%, transparent 8.276% 8.966%, #0f0f12 8.966% 9.655%, transparent 9.655% 11.724%, #0f0f12 11.724% 13.103%, transparent 13.103% 15.172%, #0f0f12 15.172% 16.552%, transparent 16.552% 17.241%, #0f0f12 17.241% 19.310%, transparent 19.310% 20.000%, #0f0f12 20.000% 20.690%, transparent 20.690% 22.759%, #0f0f12 22.759% 24.138%, transparent 24.138% 24.828%, #0f0f12 24.828% 26.897%, transparent 26.897% 27.586%, #0f0f12 27.586% 28.276%, transparent 28.276% 30.345%, #0f0f12 30.345% 31.034%, transparent 31.034% 33.103%, #0f0f12 33.103% 34.483%, transparent 34.483% 35.172%, #0f0f12 35.172% 35.862%, transparent 35.862% 37.931%, #0f0f12 37.931% 39.310%, transparent 39.310% 40.000%, #0f0f12 40.000% 42.069%, transparent 42.069% 44.138%, #0f0f12 44.138% 44.828%, transparent 44.828% 45.517%, #0f0f12 45.517% 46.207%, transparent 46.207% 47.586%, #0f0f12 47.586% 48.966%, transparent 48.966% 49.655%, #0f0f12 49.655% 51.724%, transparent 51.724% 53.103%, #0f0f12 53.103% 53.793%, transparent 53.793% 55.172%, #0f0f12 55.172% 57.241%, transparent 57.241% 57.931%, #0f0f12 57.931% 59.310%, transparent 59.310% 60.690%, #0f0f12 60.690% 61.379%, transparent 61.379% 62.759%, #0f0f12 62.759% 64.828%, transparent 64.828% 65.517%, #0f0f12 65.517% 66.897%, transparent 66.897% 68.276%, #0f0f12 68.276% 68.966%, transparent 68.966% 70.345%, #0f0f12 70.345% 72.414%, transparent 72.414% 73.103%, #0f0f12 73.103% 74.483%, transparent 74.483% 75.862%, #0f0f12 75.862% 76.552%, transparent 76.552% 77.931%, #0f0f12 77.931% 80.000%, transparent 80.000% 81.379%, #0f0f12 81.379% 82.759%, transparent 82.759% 83.448%, #0f0f12 83.448% 84.138%, transparent 84.138% 84.828%, #0f0f12 84.828% 85.517%, transparent 85.517% 87.586%, #0f0f12 87.586% 90.345%, transparent 90.345% 91.034%, #0f0f12 91.034% 92.414%, transparent 92.414% 94.483%, #0f0f12 94.483% 96.552%, transparent 96.552% 97.241%, #0f0f12 97.241% 97.931%, transparent 97.931% 98.621%, #0f0f12 98.621% 100.000%); }
.hub-anim.ha-sequential-numbered-labels .ha-t2 .ha-bars { background-image: linear-gradient(90deg, #0f0f12 0.000% 1.379%, transparent 1.379% 2.069%, #0f0f12 2.069% 2.759%, transparent 2.759% 4.138%, #0f0f12 4.138% 4.828%, transparent 4.828% 7.586%, #0f0f12 7.586% 8.276%, transparent 8.276% 8.966%, #0f0f12 8.966% 9.655%, transparent 9.655% 11.724%, #0f0f12 11.724% 13.103%, transparent 13.103% 15.172%, #0f0f12 15.172% 16.552%, transparent 16.552% 17.241%, #0f0f12 17.241% 19.310%, transparent 19.310% 20.000%, #0f0f12 20.000% 20.690%, transparent 20.690% 22.759%, #0f0f12 22.759% 24.138%, transparent 24.138% 24.828%, #0f0f12 24.828% 26.897%, transparent 26.897% 27.586%, #0f0f12 27.586% 28.276%, transparent 28.276% 30.345%, #0f0f12 30.345% 31.034%, transparent 31.034% 33.103%, #0f0f12 33.103% 34.483%, transparent 34.483% 35.172%, #0f0f12 35.172% 35.862%, transparent 35.862% 37.931%, #0f0f12 37.931% 39.310%, transparent 39.310% 40.000%, #0f0f12 40.000% 42.069%, transparent 42.069% 44.138%, #0f0f12 44.138% 44.828%, transparent 44.828% 45.517%, #0f0f12 45.517% 46.207%, transparent 46.207% 47.586%, #0f0f12 47.586% 48.966%, transparent 48.966% 49.655%, #0f0f12 49.655% 51.724%, transparent 51.724% 53.103%, #0f0f12 53.103% 53.793%, transparent 53.793% 55.172%, #0f0f12 55.172% 57.241%, transparent 57.241% 57.931%, #0f0f12 57.931% 59.310%, transparent 59.310% 60.690%, #0f0f12 60.690% 61.379%, transparent 61.379% 62.759%, #0f0f12 62.759% 64.828%, transparent 64.828% 65.517%, #0f0f12 65.517% 66.897%, transparent 66.897% 68.276%, #0f0f12 68.276% 68.966%, transparent 68.966% 70.345%, #0f0f12 70.345% 72.414%, transparent 72.414% 73.103%, #0f0f12 73.103% 74.483%, transparent 74.483% 75.862%, #0f0f12 75.862% 77.241%, transparent 77.241% 78.621%, #0f0f12 78.621% 80.690%, transparent 80.690% 82.069%, #0f0f12 82.069% 82.759%, transparent 82.759% 83.448%, #0f0f12 83.448% 84.828%, transparent 84.828% 85.517%, #0f0f12 85.517% 86.897%, transparent 86.897% 88.276%, #0f0f12 88.276% 89.655%, transparent 89.655% 91.034%, #0f0f12 91.034% 92.414%, transparent 92.414% 94.483%, #0f0f12 94.483% 96.552%, transparent 96.552% 97.241%, #0f0f12 97.241% 97.931%, transparent 97.931% 98.621%, #0f0f12 98.621% 100.000%); }
.hub-anim.ha-sequential-numbered-labels .ha-t3 .ha-bars { background-image: linear-gradient(90deg, #0f0f12 0.000% 1.379%, transparent 1.379% 2.069%, #0f0f12 2.069% 2.759%, transparent 2.759% 4.138%, #0f0f12 4.138% 4.828%, transparent 4.828% 7.586%, #0f0f12 7.586% 8.276%, transparent 8.276% 8.966%, #0f0f12 8.966% 9.655%, transparent 9.655% 11.724%, #0f0f12 11.724% 13.103%, transparent 13.103% 15.172%, #0f0f12 15.172% 16.552%, transparent 16.552% 17.241%, #0f0f12 17.241% 19.310%, transparent 19.310% 20.000%, #0f0f12 20.000% 20.690%, transparent 20.690% 22.759%, #0f0f12 22.759% 24.138%, transparent 24.138% 24.828%, #0f0f12 24.828% 26.897%, transparent 26.897% 27.586%, #0f0f12 27.586% 28.276%, transparent 28.276% 30.345%, #0f0f12 30.345% 31.034%, transparent 31.034% 33.103%, #0f0f12 33.103% 34.483%, transparent 34.483% 35.172%, #0f0f12 35.172% 35.862%, transparent 35.862% 37.931%, #0f0f12 37.931% 39.310%, transparent 39.310% 40.000%, #0f0f12 40.000% 42.069%, transparent 42.069% 44.138%, #0f0f12 44.138% 44.828%, transparent 44.828% 45.517%, #0f0f12 45.517% 46.207%, transparent 46.207% 47.586%, #0f0f12 47.586% 48.966%, transparent 48.966% 49.655%, #0f0f12 49.655% 51.724%, transparent 51.724% 53.103%, #0f0f12 53.103% 53.793%, transparent 53.793% 55.172%, #0f0f12 55.172% 57.241%, transparent 57.241% 57.931%, #0f0f12 57.931% 59.310%, transparent 59.310% 60.690%, #0f0f12 60.690% 61.379%, transparent 61.379% 62.759%, #0f0f12 62.759% 64.828%, transparent 64.828% 65.517%, #0f0f12 65.517% 66.897%, transparent 66.897% 68.276%, #0f0f12 68.276% 68.966%, transparent 68.966% 70.345%, #0f0f12 70.345% 72.414%, transparent 72.414% 73.103%, #0f0f12 73.103% 74.483%, transparent 74.483% 75.862%, #0f0f12 75.862% 77.241%, transparent 77.241% 78.621%, #0f0f12 78.621% 79.310%, transparent 79.310% 80.000%, #0f0f12 80.000% 82.069%, transparent 82.069% 83.448%, #0f0f12 83.448% 84.828%, transparent 84.828% 86.207%, #0f0f12 86.207% 86.897%, transparent 86.897% 88.966%, #0f0f12 88.966% 89.655%, transparent 89.655% 91.034%, #0f0f12 91.034% 92.414%, transparent 92.414% 94.483%, #0f0f12 94.483% 96.552%, transparent 96.552% 97.241%, #0f0f12 97.241% 97.931%, transparent 97.931% 98.621%, #0f0f12 98.621% 100.000%); }
.hub-anim.ha-sequential-numbered-labels .ha-t4 .ha-bars { background-image: linear-gradient(90deg, #0f0f12 0.000% 1.379%, transparent 1.379% 2.069%, #0f0f12 2.069% 2.759%, transparent 2.759% 4.138%, #0f0f12 4.138% 4.828%, transparent 4.828% 7.586%, #0f0f12 7.586% 8.276%, transparent 8.276% 8.966%, #0f0f12 8.966% 9.655%, transparent 9.655% 11.724%, #0f0f12 11.724% 13.103%, transparent 13.103% 15.172%, #0f0f12 15.172% 16.552%, transparent 16.552% 17.241%, #0f0f12 17.241% 19.310%, transparent 19.310% 20.000%, #0f0f12 20.000% 20.690%, transparent 20.690% 22.759%, #0f0f12 22.759% 24.138%, transparent 24.138% 24.828%, #0f0f12 24.828% 26.897%, transparent 26.897% 27.586%, #0f0f12 27.586% 28.276%, transparent 28.276% 30.345%, #0f0f12 30.345% 31.034%, transparent 31.034% 33.103%, #0f0f12 33.103% 34.483%, transparent 34.483% 35.172%, #0f0f12 35.172% 35.862%, transparent 35.862% 37.931%, #0f0f12 37.931% 39.310%, transparent 39.310% 40.000%, #0f0f12 40.000% 42.069%, transparent 42.069% 44.138%, #0f0f12 44.138% 44.828%, transparent 44.828% 45.517%, #0f0f12 45.517% 46.207%, transparent 46.207% 47.586%, #0f0f12 47.586% 48.966%, transparent 48.966% 49.655%, #0f0f12 49.655% 51.724%, transparent 51.724% 53.103%, #0f0f12 53.103% 53.793%, transparent 53.793% 55.172%, #0f0f12 55.172% 57.241%, transparent 57.241% 57.931%, #0f0f12 57.931% 59.310%, transparent 59.310% 60.690%, #0f0f12 60.690% 61.379%, transparent 61.379% 62.759%, #0f0f12 62.759% 64.828%, transparent 64.828% 65.517%, #0f0f12 65.517% 66.897%, transparent 66.897% 68.276%, #0f0f12 68.276% 68.966%, transparent 68.966% 70.345%, #0f0f12 70.345% 72.414%, transparent 72.414% 73.103%, #0f0f12 73.103% 74.483%, transparent 74.483% 75.862%, #0f0f12 75.862% 77.241%, transparent 77.241% 78.621%, #0f0f12 78.621% 79.310%, transparent 79.310% 80.690%, #0f0f12 80.690% 82.759%, transparent 82.759% 83.448%, #0f0f12 83.448% 84.828%, transparent 84.828% 86.207%, #0f0f12 86.207% 86.897%, transparent 86.897% 88.276%, #0f0f12 88.276% 90.345%, transparent 90.345% 91.034%, #0f0f12 91.034% 92.414%, transparent 92.414% 94.483%, #0f0f12 94.483% 96.552%, transparent 96.552% 97.241%, #0f0f12 97.241% 97.931%, transparent 97.931% 98.621%, #0f0f12 98.621% 100.000%); }
.hub-anim.ha-sequential-numbered-labels .ha-t5 .ha-bars { background-image: linear-gradient(90deg, #0f0f12 0.000% 1.379%, transparent 1.379% 2.069%, #0f0f12 2.069% 2.759%, transparent 2.759% 4.138%, #0f0f12 4.138% 4.828%, transparent 4.828% 7.586%, #0f0f12 7.586% 8.276%, transparent 8.276% 8.966%, #0f0f12 8.966% 9.655%, transparent 9.655% 11.724%, #0f0f12 11.724% 13.103%, transparent 13.103% 15.172%, #0f0f12 15.172% 16.552%, transparent 16.552% 17.241%, #0f0f12 17.241% 19.310%, transparent 19.310% 20.000%, #0f0f12 20.000% 20.690%, transparent 20.690% 22.759%, #0f0f12 22.759% 24.138%, transparent 24.138% 24.828%, #0f0f12 24.828% 26.897%, transparent 26.897% 27.586%, #0f0f12 27.586% 28.276%, transparent 28.276% 30.345%, #0f0f12 30.345% 31.034%, transparent 31.034% 33.103%, #0f0f12 33.103% 34.483%, transparent 34.483% 35.172%, #0f0f12 35.172% 35.862%, transparent 35.862% 37.931%, #0f0f12 37.931% 39.310%, transparent 39.310% 40.000%, #0f0f12 40.000% 42.069%, transparent 42.069% 44.138%, #0f0f12 44.138% 44.828%, transparent 44.828% 45.517%, #0f0f12 45.517% 46.207%, transparent 46.207% 47.586%, #0f0f12 47.586% 48.966%, transparent 48.966% 49.655%, #0f0f12 49.655% 51.724%, transparent 51.724% 53.103%, #0f0f12 53.103% 53.793%, transparent 53.793% 55.172%, #0f0f12 55.172% 57.241%, transparent 57.241% 57.931%, #0f0f12 57.931% 59.310%, transparent 59.310% 60.690%, #0f0f12 60.690% 61.379%, transparent 61.379% 62.759%, #0f0f12 62.759% 64.828%, transparent 64.828% 65.517%, #0f0f12 65.517% 66.897%, transparent 66.897% 68.276%, #0f0f12 68.276% 68.966%, transparent 68.966% 70.345%, #0f0f12 70.345% 72.414%, transparent 72.414% 73.103%, #0f0f12 73.103% 74.483%, transparent 74.483% 75.862%, #0f0f12 75.862% 77.241%, transparent 77.241% 77.931%, #0f0f12 77.931% 80.000%, transparent 80.000% 81.379%, #0f0f12 81.379% 82.069%, transparent 82.069% 83.448%, #0f0f12 83.448% 84.828%, transparent 84.828% 85.517%, #0f0f12 85.517% 86.897%, transparent 86.897% 87.586%, #0f0f12 87.586% 88.966%, transparent 88.966% 91.034%, #0f0f12 91.034% 92.414%, transparent 92.414% 94.483%, #0f0f12 94.483% 96.552%, transparent 96.552% 97.241%, #0f0f12 97.241% 97.931%, transparent 97.931% 98.621%, #0f0f12 98.621% 100.000%); }