.activity-spectrum-demo{min-width:0;color:#111827}.activity-spatial-hint{margin:18px 0 0;color:#878b93;font-size:12px;line-height:1.6}.activity-spatial-range{--range-color:#813ebe;display:block;appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:40px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;cursor:ew-resize;accent-color:var(--range-color);touch-action:pan-y}.activity-spatial-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--range-color) 0 var(--range-progress),#e7e8e9 var(--range-progress) 100%)}.activity-spatial-range::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--range-color) 0 var(--range-progress),#e7e8e9 var(--range-progress) 100%)}.activity-spatial-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border:3px solid white;border-radius:50%;background:var(--range-color);box-shadow:0 0 0 1px var(--range-color),0 2px 5px #11182715;-webkit-transition:box-shadow .16s ease;transition:box-shadow .16s ease}.activity-spatial-range::-moz-range-thumb{width:14px;height:14px;border:3px solid white;border-radius:50%;background:var(--range-color);box-shadow:0 0 0 1px var(--range-color),0 2px 5px #11182715;-moz-transition:box-shadow .16s ease;transition:box-shadow .16s ease}.activity-spatial-range:focus-visible{outline:2px solid #c086fc;outline-offset:2px}.activity-spatial-range:active::-webkit-slider-thumb,.activity-spatial-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #813ebe16,0 0 0 1px var(--range-color)}.activity-spatial-range:active::-moz-range-thumb,.activity-spatial-range:hover::-moz-range-thumb{box-shadow:0 0 0 5px #813ebe16,0 0 0 1px var(--range-color)}@media (prefers-reduced-motion:reduce){.activity-spatial-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}.activity-spatial-range::-moz-range-thumb{-moz-transition:none;transition:none}}.activity-spectrum-demo .activity-demo-heading{margin-bottom:0}.activity-spectrum-scale-stage{position:relative;margin:24px 0 0;padding-top:42px}.activity-spectrum-readout{position:absolute;top:0;display:flex;align-items:center;justify-content:center;width:104px;min-height:28px;padding:4px 8px;border-radius:6px;transform:translateX(-50%);color:#fff;background:#813ebe;font-size:12px;line-height:20px;white-space:nowrap}.activity-spectrum-scale-stage:before{content:"";position:absolute;top:27px;left:var(--spectrum-position);transform:translateX(-50%);border:5px solid transparent;border-top-color:#813ebe;pointer-events:none}.activity-spectrum-word{animation:spectrum-word-in .18s ease-out}.activity-spectrum-demo .activity-spectrum-input{height:40px;cursor:grab;position:relative}.activity-spectrum-demo .activity-spectrum-input:active{cursor:grabbing}.activity-spectrum-input::-webkit-slider-runnable-track{height:4px;background:#e7e8e9}.activity-spectrum-input::-moz-range-track{height:4px;background:#e7e8e9}.activity-spectrum-input::-webkit-slider-thumb{width:24px;height:24px;margin-top:-10px;border:1px solid white;background:#813ebe url(/assets/rondo/marker-grip.svg) 50%/16px 16px no-repeat;box-shadow:0 2px 4px #10182820}.activity-spectrum-input::-moz-range-thumb{box-sizing:border-box;width:24px;height:24px;border:1px solid white;background:#813ebe url(/assets/rondo/marker-grip.svg) 50%/16px 16px no-repeat;box-shadow:0 2px 4px #10182820}.activity-spectrum-endpoints{display:flex;justify-content:space-between;gap:24px;margin-top:4px;font-size:12px;color:#813ebe}@keyframes spectrum-word-in{0%{opacity:.3;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.activity-spectrum-word{animation:none}}.activity-triangle-demo{min-width:0;color:#111827}.activity-triangle-canvas{width:100%;max-width:300px;margin:10px auto 18px}.activity-triangle-canvas svg{display:block;width:100%;overflow:visible;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.activity-triangle-label{font:500 14px Onest,sans-serif}.activity-triangle-balance{stroke:#e7d6f5;stroke-width:1;stroke-linejoin:round}.activity-triangle-marker{cursor:grab}.activity-triangle-marker-halo{transition:fill-opacity .15s ease}.activity-triangle-canvas[data-dragging=true] .activity-triangle-marker,.activity-triangle-canvas[data-dragging=true] svg{cursor:grabbing}.activity-triangle-canvas:hover .activity-triangle-marker-halo,.activity-triangle-canvas[data-dragging=true] .activity-triangle-marker-halo{fill-opacity:.18}.activity-triangle-priorities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:16px;border-top:1px solid #e7e8e9}.activity-triangle-priority{min-width:0}.activity-triangle-priority label{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px}.activity-triangle-priority label img{flex:none;width:28px;height:28px}.activity-triangle-priority output{margin-left:auto;font-size:16px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.activity-triangle-priority output span{margin-left:2px;color:#878b93;font-size:12px;font-weight:400}.activity-triangle-priority .activity-spatial-range{height:32px}.activity-triangle-demo>.activity-spatial-hint{margin-top:14px}@container (max-width:430px){.activity-triangle-priorities{grid-template-columns:1fr;gap:4px}}@media (prefers-reduced-motion:reduce){.activity-triangle-marker-halo{transition:none}}