.motion-lab{position:fixed;z-index:100;right:18px;bottom:18px;width:min(300px,calc(100vw - 36px));font-size:12px;color:#f5f7f8;filter:drop-shadow(0 18px 36px #0004)}

.motion-lab__toggle,.motion-lab__panel{background:#0d1115eF;border:1px solid #ffffff20;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}

.motion-lab__toggle{margin-left:auto;min-height:42px;padding:0 15px;border-radius:23px;color:inherit;display:flex;align-items:center;gap:9px;font:600 11px/1 inherit;letter-spacing:.04em;cursor:pointer}

.motion-lab__toggle>span:last-child{font-size:15px;font-weight:300;margin-left:3px}.motion-lab__pulse{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #00d9ff}

.motion-lab__panel{margin-bottom:9px;padding:18px;border-radius:14px;display:grid;gap:15px;order:-1}.motion-lab__panel[hidden]{display:none}.motion-lab.is-open{display:flex;flex-direction:column}

.motion-lab__heading{display:flex;justify-content:space-between;align-items:baseline}.motion-lab__heading strong{font-size:13px}.motion-lab__heading span, .motion-lab legend{color:#909aa1;font-size:8px;text-transform:uppercase;letter-spacing:.13em}

.motion-lab fieldset{border:0;padding:0;margin:0}.motion-lab legend{margin-bottom:7px}.motion-lab__options{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.motion-lab__options--presets{grid-template-columns:repeat(2,1fr)}

.motion-lab label{position:relative}.motion-lab input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.motion-lab label span{display:block;text-align:center;padding:9px 7px;border:1px solid #ffffff16;border-radius:5px;color:#aeb6bb;cursor:pointer;transition:.25s ease}

.motion-lab input:checked+span{background:#f2f5f6;color:#0b0e11;border-color:#f2f5f6}.motion-lab input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}

.motion-lab__replay{height:37px;border:1px solid #ffffff26;border-radius:5px;background:transparent;color:#f5f7f8;font:600 10px inherit;letter-spacing:.04em;cursor:pointer}.motion-lab__replay:hover{border-color:var(--cyan);color:var(--cyan)}

.motion-lab button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

  .motion-lab{right:10px;bottom:10px;width:min(286px,calc(100vw - 20px))}.motion-lab__panel{max-height:calc(100svh - 76px);overflow:auto;padding:15px;gap:12px}.motion-lab__toggle{min-height:40px}

  .motion-lab *{transition:none!important}.motion-lab__replay{opacity:.5}

.motion-lab{font-size:14px;--cyan:#6be0fa}.motion-lab__toggle{font-size:14px;min-height:44px}.motion-lab__heading strong{font-size:18px}.motion-lab__heading span,.motion-lab legend{font-size:12px}.motion-lab__options label span{font-size:14px}.motion-lab__replay{font-size:14px;opacity:1;min-height:44px}.motion-lab__note{font-size:13px;line-height:1.4;color:#b9cadb;margin:0}.present .motion-lab{display:none}@media print{.motion-lab{display:none}}