@property --x{syntax:"*";inherits:false}@property --y{syntax:"*";inherits:false}@property --w{syntax:"*";inherits:false}@property --h{syntax:"*";inherits:false}@property --fs{syntax:"*";inherits:false}@layer components{.artboard_wrap{width:100%}.artboard_board{--_u:calc(100cqw / var(--_frame));font-family:var(--secondary-family);letter-spacing:-.05em;text-transform:uppercase;white-space:nowrap;line-height:1.2;position:relative;overflow:clip;container-type:inline-size}.artboard_item{left:calc(var(--_u) * var(--x));top:calc(var(--_u) * var(--y));width:calc(var(--_u) * var(--w));height:calc(var(--_u) * var(--h));font-size:calc(var(--_u) * var(--fs,8));position:absolute}.artboard_chip{justify-content:center;align-items:center;display:flex}.artboard_sans{font-family:var(--primary-family);letter-spacing:-.01em;text-transform:none}img.artboard_item{object-fit:fill;max-width:none}.artboard_wrap.paused *,.artboard_wrap.paused :before,.artboard_wrap.paused :after{animation-play-state:paused}.artboard_wrap.is-done.is-done *,.artboard_wrap.is-done.is-done :before,.artboard_wrap.is-done.is-done :after{animation:none}@media (prefers-reduced-motion:reduce){.artboard_wrap *,.artboard_wrap :before,.artboard_wrap :after{transition:none!important;animation:none!important}}.graphic-print_clip{overflow:clip}.graphic-print_ghost{opacity:.1}.graphic-print_printed{animation:3.6s ease-in-out both graphic-print-grow}.graphic-print_head{animation:3.6s ease-in-out both graphic-print-head}.graphic-print_line{background-color:var(--brand-500)}.graphic-print_nozzle{animation:.9s ease-in-out 4 graphic-print-nozzle}.graphic-print_feed{--_dash:calc(var(--_u) * 4.4);background-image:linear-gradient(180deg, var(--neutral-800) 50%, transparent 50%);background-size:100% var(--_dash)}.graphic-print_tip{background-color:var(--brand-500)}.graphic-print_cone{clip-path:polygon(0 0,100% 0,50% 100%);background-color:#6e6e6e}.graphic-print_muted{color:var(--neutral-500)}.graphic-print_layer{color:var(--neutral-900);counter-reset:layer var(--graphic-print-layer);animation:3.6s ease-in-out both graphic-print-layer}.graphic-print_layer:before{content:counter(layer) "/310"}.graphic-print_track{background-color:var(--neutral-150)}.graphic-print_bar{background-color:var(--brand-500);transform-origin:0;animation:3.6s ease-in-out both graphic-print-bar}.graphic-print_percent{color:var(--neutral-900);counter-reset:percent var(--graphic-print-percent);animation:3.6s ease-in-out both graphic-print-percent}.graphic-print_percent:before{content:counter(percent) "%"}.artboard_wrap.is-done.is-hover .graphic-print_nozzle{animation:1.2s ease-in-out infinite graphic-print-nozzle}.artboard_wrap.is-done.is-hover .graphic-print_feed{animation:.5s linear infinite graphic-print-feed}.artboard_wrap.is-done.is-hover .graphic-print_tip{animation:.6s ease-in-out infinite alternate graphic-print-tip}@keyframes graphic-print-grow{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes graphic-print-head{0%{translate:0 calc(var(--_u) * 73.5)}}@keyframes graphic-print-nozzle{0%,to{translate:0}30%{translate:calc(var(--_u) * -110) 0}75%{translate:calc(var(--_u) * 50) 0}}@keyframes graphic-print-feed{to{background-position-y:var(--_dash)}}@keyframes graphic-print-tip{to{box-shadow:0 0 calc(var(--_u) * 6) var(--brand-500)}}@keyframes graphic-print-layer{0%{--graphic-print-layer:0}}@keyframes graphic-print-bar{0%{scale:0 1}}@keyframes graphic-print-percent{0%{--graphic-print-percent:0}}.graphic-cad_model{overflow:clip}.graphic-cad_model.ghost{opacity:.12}.graphic-cad_model.solid{animation:4s ease-in-out both graphic-cad-model}.graphic-cad_scan{background-image:linear-gradient(180deg, var(--brand-500) 50%, transparent 50%);background-size:100% calc(var(--_u) * 4.6);animation:4s ease-in-out both graphic-cad-scan}.graphic-cad_steel{background-color:var(--steel-400);color:var(--neutral-900)}.graphic-cad_dark{background-color:var(--neutral-900);color:var(--neutral-0)}.graphic-cad_accent{background-color:var(--brand-500);color:var(--neutral-900)}.graphic-cad_arrow{width:calc(var(--_u) * 9.81)}.graphic-cad_label{background-color:var(--neutral-150);color:var(--neutral-900)}.graphic-cad_dims{animation:4s ease-out both graphic-cad-dims}.graphic-cad_detail{animation:4s ease-out both graphic-cad-detail}.artboard_wrap.is-done.is-hover .graphic-cad_scan{animation:2.4s ease-in-out infinite graphic-cad-sweep}.artboard_wrap.is-done.is-hover .graphic-cad_arrow{animation:.8s ease-in-out infinite alternate graphic-cad-arrow}@keyframes graphic-cad-model{0%{clip-path:inset(0 0 0 100%)}60%,to{clip-path:inset(0)}}@keyframes graphic-cad-scan{0%{translate:calc(var(--_u) * 85.9) 0}60%,to{translate:0}}@keyframes graphic-cad-sweep{0%,to{translate:0}50%{translate:calc(var(--_u) * 85.9) 0}}@keyframes graphic-cad-arrow{to{translate:calc(var(--_u) * 1.5) 0}}@keyframes graphic-cad-dims{0%,60%{opacity:0;clip-path:inset(0 100% 0 0)}82%,to{opacity:1;clip-path:inset(0)}}@keyframes graphic-cad-detail{0%,82%{opacity:0;translate:0 calc(var(--_u) * 4)}to{opacity:1;translate:0}}.graphic-product_muted{color:var(--neutral-650)}.graphic-product_strong{color:var(--neutral-900)}.graphic-product_caption{color:var(--neutral-500)}.graphic-product_sketch{animation:3.8s ease-in-out both graphic-product-sketch}.graphic-product_draft{background-color:var(--neutral-0);border:var(--border-width) dashed var(--neutral-650);color:var(--neutral-650)}.graphic-product_sheet{background-color:var(--neutral-50)}.graphic-product_final{background-color:color-mix(in srgb, var(--brand-500) 12%, transparent);border:var(--border-width) solid var(--brand-500)}.graphic-product_steel{background-color:var(--steel-400);color:var(--neutral-900)}.graphic-product_accent{background-color:var(--brand-500);color:var(--neutral-900)}.graphic-product_changes{animation:3.8s ease-in-out both graphic-product-changes}.graphic-product_step{animation:none}.graphic-product_step.one{animation-name:graphic-product-one}.graphic-product_step.two{animation-name:graphic-product-two}.graphic-product_step.three{animation-name:graphic-product-three}.graphic-product_step.four{animation-name:graphic-product-four}.artboard_wrap.is-done.is-hover .graphic-product_step:is(.one,.three){animation:.8s ease-in-out infinite alternate graphic-product-nudge}.artboard_wrap.is-done.is-hover .graphic-product_changes{animation:1.2s step-end infinite graphic-product-blink}.artboard_wrap.is-done.is-hover .graphic-product_final{animation:1.2s ease-out infinite graphic-product-final}@keyframes graphic-product-sketch{0%{clip-path:inset(0 100% 0 0)}29%,to{clip-path:inset(0)}}@keyframes graphic-product-changes{0%,55%{clip-path:inset(0 100% 0 0)}71%,to{clip-path:inset(0)}}@keyframes graphic-product-one{0%,29%{opacity:0;translate:calc(var(--_u) * -4) 0}39%,to{opacity:1;translate:0}}@keyframes graphic-product-two{0%,39%{opacity:0;translate:0 calc(var(--_u) * 6)}58%,to{opacity:1;translate:0}}@keyframes graphic-product-three{0%,71%{opacity:0;translate:calc(var(--_u) * -4) 0}81%,to{opacity:1;translate:0}}@keyframes graphic-product-four{0%,81%{opacity:0;translate:0 calc(var(--_u) * 6)}to{opacity:1;translate:0}}@keyframes graphic-product-nudge{to{translate:calc(var(--_u) * 2) 0}}@keyframes graphic-product-blink{50%{opacity:.3}}@keyframes graphic-product-final{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--brand-500) 50%, transparent)}70%,to{box-shadow:0 0 0 calc(var(--_u) * 5) transparent}}.graphic-software_frame{background-color:var(--neutral-0);border:var(--border-width) solid var(--neutral-200)}.graphic-software_bar{background-color:var(--neutral-150)}.graphic-software_dot{background-color:#c8c8c8}.graphic-software_muted{color:var(--neutral-500)}.graphic-software_end{text-align:right}.graphic-software_focus{background-color:color-mix(in srgb, var(--brand-500) 12%, transparent);border:var(--border-width) solid var(--brand-500);translate:0 calc(var(--_u) * 46.26 * (var(--_row,1) - 1));transition:translate .35s var(--hover-ease);animation:.4s ease-out 1.4s both graphic-software-focus}.graphic-software_rule{background-color:var(--neutral-150)}.graphic-software_row{animation:.6s ease-out both graphic-software-row;animation-delay:calc(var(--_i) * .2s)}.graphic-software_pw{background-color:var(--neutral-900);color:var(--neutral-0)}.graphic-software_id{background-color:var(--neutral-50);color:var(--neutral-900)}.graphic-software_id.on-focus{background-color:var(--neutral-0)}.graphic-software_name{color:var(--neutral-900)}.graphic-software_status{color:var(--neutral-900)}.graphic-software_status.done{background-color:color-mix(in srgb, var(--brand-500) 12%, transparent)}.graphic-software_status.busy{background-color:var(--steel-400)}.graphic-software_status.open{background-color:var(--neutral-0);border:var(--border-width) dashed var(--neutral-650);color:var(--neutral-650);opacity:0;animation:.3s ease-in-out 2.6s both graphic-software-open}.graphic-software_resolved{animation:.35s ease-out 2.7s both graphic-software-resolved}.artboard_wrap.is-done:has(.graphic-software_row[data-row="0"]:hover){--_row:0}.artboard_wrap.is-done:has(.graphic-software_row[data-row="1"]:hover){--_row:1}.artboard_wrap.is-done:has(.graphic-software_row[data-row="2"]:hover){--_row:2}.artboard_wrap.is-done:has(.graphic-software_row[data-row="3"]:hover){--_row:3}@keyframes graphic-software-row{0%{opacity:0;translate:0 calc(var(--_u) * 6)}}@keyframes graphic-software-focus{0%{opacity:0}}@keyframes graphic-software-open{0%{opacity:1}}@keyframes graphic-software-resolved{0%{opacity:0;scale:.9}}.graphic-automation_wires path{stroke-width:.986px;stroke-dasharray:2.07 3.1;animation:.8s linear 4 graphic-automation-march}.graphic-automation_end{background-color:var(--neutral-900)}.graphic-automation_end.idle{background-color:#d2d2d2}.graphic-automation_packet{background-color:var(--brand-500);opacity:0;animation:none}.graphic-automation_packet.one{animation-name:graphic-automation-one}.graphic-automation_packet.two{animation-name:graphic-automation-two;animation-delay:1.2s}.graphic-automation_id{background-color:var(--neutral-900);color:var(--neutral-0)}.graphic-automation_state{background-color:var(--steel-400);color:var(--neutral-900)}.graphic-automation_state.idle{background-color:var(--neutral-0);border:var(--border-width) dashed var(--neutral-650);color:var(--neutral-650);animation:.9s step-end 4 graphic-automation-idle}.graphic-automation_plc{background-color:var(--neutral-900);color:var(--neutral-0);animation:1.2s ease-out 3 graphic-automation-plc}.graphic-automation_link{background-color:var(--brand-500)}.graphic-automation_link.dot{animation:1.2s ease-out 3 graphic-automation-plc}.graphic-automation_panel{background-color:var(--neutral-800)}.graphic-automation_muted{color:var(--neutral-500)}.graphic-automation_hours{color:var(--neutral-0);counter-reset:hours var(--graphic-automation-hours);animation:3.6s ease-in-out both graphic-automation-hours}.graphic-automation_hours:before{content:"1." counter(hours)}.graphic-automation_chart path{stroke-dasharray:1;animation:3.6s ease-in-out both graphic-automation-chart}.graphic-automation_base{background-color:var(--neutral-750)}.graphic-automation_now{--_dash:calc(var(--_u) * 4);background-image:linear-gradient(180deg, color-mix(in srgb, var(--brand-500) 60%, transparent) 50%, transparent 50%);background-size:100% var(--_dash)}.graphic-automation_left{color:var(--neutral-0);counter-reset:left var(--graphic-automation-left);animation:3.6s ease-in-out both graphic-automation-left}.graphic-automation_left:before{content:counter(left) " h"}.graphic-automation_track{background-color:#3a3b3c}.graphic-automation_fill{background-color:var(--brand-500);transform-origin:0;animation:3.6s ease-in-out both graphic-automation-fill}.artboard_wrap.is-done.is-hover .graphic-automation_wires path{animation:.8s linear infinite graphic-automation-march}.artboard_wrap.is-done.is-hover .graphic-automation_packet{animation:none}.artboard_wrap.is-done.is-hover .graphic-automation_packet.one{animation-name:graphic-automation-one}.artboard_wrap.is-done.is-hover .graphic-automation_packet.two{animation-name:graphic-automation-two;animation-delay:1.2s}.artboard_wrap.is-done.is-hover .graphic-automation_state.idle{animation:.9s step-end infinite graphic-automation-idle}.artboard_wrap.is-done.is-hover .graphic-automation_plc,.artboard_wrap.is-done.is-hover .graphic-automation_link.dot{animation:1.2s ease-out infinite graphic-automation-plc}.artboard_wrap.is-done.is-hover .graphic-automation_now{animation:.6s linear infinite graphic-automation-now}@keyframes graphic-automation-march{to{stroke-dashoffset:-5.17px}}@keyframes graphic-automation-now{to{background-position-y:var(--_dash)}}@keyframes graphic-automation-one{0%{opacity:0;translate:0}8%{opacity:1}45%{translate:calc(var(--_u) * 41.42) 0}80%{translate:calc(var(--_u) * 41.42) calc(var(--_u) * 55.23);opacity:1}to{translate:calc(var(--_u) * 59.17) calc(var(--_u) * 55.23);opacity:0}}@keyframes graphic-automation-two{0%{opacity:0;translate:0}8%{opacity:1}70%{translate:calc(var(--_u) * 41.42) 0}78%{translate:calc(var(--_u) * 41.42) calc(var(--_u) * 3.94);opacity:1}to{translate:calc(var(--_u) * 59.17) calc(var(--_u) * 3.94);opacity:0}}@keyframes graphic-automation-idle{50%{opacity:.45}}@keyframes graphic-automation-plc{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--brand-500) 60%, transparent)}35%,to{box-shadow:0 0 0 calc(var(--_u) * 5) transparent}}@keyframes graphic-automation-hours{0%{--graphic-automation-hours:180}}@keyframes graphic-automation-chart{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes graphic-automation-left{0%{--graphic-automation-left:320}}@keyframes graphic-automation-fill{0%{scale:.75 1}}.graphic-coordination_muted{color:var(--neutral-500)}.graphic-coordination_label{color:var(--neutral-650)}.graphic-coordination_primary{color:var(--neutral-800)}.graphic-coordination_strong{color:var(--neutral-900)}.graphic-coordination_end{text-align:right}.graphic-coordination_grid{width:var(--border-width);background-color:var(--neutral-150)}.graphic-coordination_task{transform-origin:0;transition:filter var(--hover-duration) var(--hover-ease);animation:.6s ease-out both graphic-coordination-task;animation-delay:calc(var(--_i) * .3s)}.graphic-coordination_task.steel{background-color:var(--steel-400)}.graphic-coordination_task.light{background-color:#d2d2d2}.graphic-coordination_task.accent{background-color:var(--brand-500)}.graphic-coordination_today{--_dash:calc(var(--_u) * 4);width:var(--border-width);background-image:linear-gradient(180deg, var(--brand-500) 50%, transparent 50%);background-size:100% var(--_dash);animation:1.6s ease-in-out .4s both graphic-coordination-today}.graphic-coordination_card{background-color:var(--neutral-0);border:var(--border-width) solid var(--neutral-200);transition:translate var(--hover-duration) var(--hover-ease), box-shadow var(--hover-duration) var(--hover-ease);animation:.5s ease-out 1.9s both graphic-coordination-card}.graphic-coordination_head{background-color:#d2d2d2}.graphic-coordination_now{background-color:var(--brand-500);color:var(--neutral-900)}.artboard_wrap.is-done .graphic-coordination_task:hover{filter:brightness(.85)}.artboard_wrap.is-done.is-hover .graphic-coordination_today{animation:.6s linear infinite graphic-coordination-march}.artboard_wrap.is-done.is-hover .graphic-coordination_card{translate:0 calc(var(--_u) * -3);box-shadow:calc(var(--_u) * 3) calc(var(--_u) * 3) 0 #1212121f}@keyframes graphic-coordination-task{0%{scale:0 1}}@keyframes graphic-coordination-today{0%{translate:calc(var(--_u) * -118) 0}}@keyframes graphic-coordination-march{to{background-position-y:var(--_dash)}}@keyframes graphic-coordination-card{0%{opacity:0;translate:0 calc(var(--_u) * 6)}}}@property --graphic-print-layer{syntax:"<integer>";inherits:false;initial-value:142}@property --graphic-print-percent{syntax:"<integer>";inherits:false;initial-value:46}@property --graphic-automation-hours{syntax:"<integer>";inherits:false;initial-value:240}@property --graphic-automation-left{syntax:"<integer>";inherits:false;initial-value:260}
