.traffic-lights{display:inline-block;width:3.5em;height:auto;margin-right:.8em;color:#f45500}.traffic-lights .red,.traffic-lights .orange,.traffic-lights .green{opacity:.35}.traffic-lights--available .green,.traffic-lights--out-of-stock .red{opacity:1}.traffic-lights--almost-gone .green,.traffic-lights--waiting .orange,.traffic-lights--onrequest .orange{opacity:1;animation:blink 2s ease-in-out infinite}@keyframes hero-reveal{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blur-out{0%{filter:blur(15px)}to{filter:blur(0px)}}@keyframes blink{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@keyframes wiggle{0%{transform:translate(50%,-50%)}25%{transform:translate(35%,-50%)}50%{transform:translate(50%,-50%)}75%{transform:translate(65%,-50%)}to{transform:translate(50%,-50%)}}.h4,.h3,.h2,.h1{font-size:48px;letter-spacing:-.03;line-height:1.1;font-weight:700;font-family:Inter Variable,serif}.h1{font-size:48px}@media (max-width: 1023px){.h1{font-size:36px}}@media (max-width: 767px){.h1{font-size:32px}}.h2{font-size:36px}@media (max-width: 1023px){.h2{font-size:30px}}@media (max-width: 767px){.h2{font-size:28px}}.h3{font-size:28px}@media (max-width: 1023px){.h3{font-size:24px}}@media (max-width: 767px){.h3{font-size:20px}}.h4{font-size:22px}@media (max-width: 767px){.h4{font-size:18px;font-weight:600}}.tester{font-family:Rubik,helvetica,tahoma,arial,sans-serif;font-size:14px;line-height:1.4}.tester__section{background:#fff;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 1px 3px #00000014}.tester__section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tester__section-title{font-family:Rubik,helvetica,tahoma,arial,sans-serif;font-size:20px;font-weight:600;margin:0}.tester__btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:100px;font-size:12px;font-family:Rubik,helvetica,tahoma,arial,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.025em;cursor:pointer;border:thin solid currentColor;color:inherit;background:#ffffff1a;transition:background-color .3s;white-space:nowrap}.tester__btn:hover{background:#00000014}.tester__btn--sm{padding:6px 16px;font-size:11px}.tester__btn--primary{background:#f45500;color:#fff;border:none}.tester__btn--primary:hover{background:#db4c00}.tester__btn--danger{color:#e53935;border-color:#e53935;margin-top:12px}.tester__btn--danger:hover{background:#e5393514}.tester__notice{padding:16px;border-radius:8px;background:#a9a5a31a;color:#574640;font-size:13px}.tester__notice--error{background:#e539350f;color:#c62828;border:thin solid rgba(229,57,53,.2)}.tester__card{border:thin solid rgba(212,210,209,.6);border-radius:10px;margin-top:14px;overflow:hidden}.tester__card-head{padding:14px 18px;background:#d4d2d126;border-bottom:thin solid rgba(212,210,209,.4)}.tester__card-name{font-size:13px;font-weight:600;font-family:Roboto Mono Variable,monospace;color:#222;word-break:break-all;line-height:1.3}.tester__card-meta{margin-top:4px;font-size:11px;color:#574640;display:flex;gap:12px;flex-wrap:wrap}.tester__card-body{padding:18px}.tester__subsection{margin-bottom:16px}.tester__subsection:last-child{margin-bottom:0}.tester__subsection-title{font-size:13px;font-weight:600;color:#574640;margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em}.tester__button-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.tester__button-grid--many{grid-template-columns:repeat(10,1fr)}.tester__button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 2px;border-radius:6px;background:#f0f0f0;font-size:10px;font-family:Roboto Mono Variable,monospace;transition:all .08s;min-height:36px}.tester__button-index{font-weight:600;color:#574640;font-size:9px}.tester__button-value{font-size:10px;color:#a9a5a3;margin-top:1px}.tester__button--on{background:#49f400;color:#fff;transform:scale(.93)}.tester__button--on .tester__button-index{color:#ffffffb3}.tester__button--on .tester__button-value{color:#fff}.tester__axis-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.tester__axis-label{width:52px;font-size:11px;font-family:Roboto Mono Variable,monospace;color:#574640;flex-shrink:0}.tester__axis-track{flex:1;height:10px;background:#eee;border-radius:5px;overflow:hidden;position:relative}.tester__axis-fill{height:100%;background:#0ef;border-radius:5px;transition:all .05s;min-width:3px;position:absolute;top:0}.tester__axis-value{width:44px;font-size:11px;font-family:Roboto Mono Variable,monospace;text-align:right;color:#a9a5a3;flex-shrink:0}.tester__joystick-area{margin-top:12px;display:flex;justify-content:center}.tester__joystick{position:relative;width:140px;height:140px;border-radius:50%;background:#f5f5f5;border:2px solid #d4d2d1;overflow:visible;flex-shrink:0}.tester__joystick-cross{position:absolute;top:50%;left:50%;width:60%;height:1px;background:#d4d2d180;transform:translate(-50%,-50%)}.tester__joystick-cross:after{content:"";position:absolute;top:50%;left:50%;width:1px;height:60%;background:#d4d2d180;transform:translate(-50%,-50%)}.tester__joystick-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:#f45500;transform:translate(-50%,-50%);transition:all .05s;z-index:1;pointer-events:none;box-shadow:0 1px 4px #0003}.tester__joystick-labels{position:absolute;inset:0;pointer-events:none}.tester__joystick-label{position:absolute;font-size:9px;color:#a9a5a3;font-family:Roboto Mono Variable,monospace}.tester__joystick-label--top{top:-16px;left:50%;transform:translate(-50%)}.tester__joystick-label--bottom{bottom:-16px;left:50%;transform:translate(-50%)}.tester__joystick-label--left{left:-22px;top:50%;transform:translateY(-50%)}.tester__joystick-label--right{right:-22px;top:50%;transform:translateY(-50%)}@media (max-width: 1023px){.tester__section{padding:16px}.tester__card-body{padding:12px}.tester__button-grid{grid-template-columns:repeat(6,1fr)}.tester__joystick{width:120px;height:120px}}@media (max-width: 767px){.tester__button-grid{grid-template-columns:repeat(5,1fr)}.tester__joystick{width:100px;height:100px}.tester__joystick-dot{width:14px;height:14px}}