.reglas-demo{position:relative;width:100%;color:#1a1a1a;font-variant-numeric:tabular-nums}.reglas-demo__card{overflow:hidden;border-radius:22px;border:1px solid rgb(0 0 0 / .06);background:#fff;box-shadow:0 1px 1px #00000008,0 16px 40px #0000000f}.reglas-demo__chrome{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgb(0 0 0 / .06);background:#f5f5f5;font-size:12px;color:#9a9a9a}.reglas-demo__dots{display:inline-flex;gap:5px}.reglas-demo__dots i{width:7px;height:7px;border-radius:50%;background:#00000029}.reglas-demo__list{position:relative;height:172px;margin:14px 16px 16px}.reglas-demo__row{position:absolute;left:0;right:0;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;height:52px;padding:0 12px;border-radius:14px;border:1px solid rgb(0 0 0 / .1);background:#fff;top:calc(var(--slot) * 60px);transition:top .56s cubic-bezier(.22,1,.36,1),opacity .28s ease,transform .45s ease,background .25s ease,box-shadow .25s ease}.reglas-demo__row.is-hot{z-index:2;background:#f5f5f5;box-shadow:0 8px 18px #0000000f}.reglas-demo__row.is-gone{z-index:0;opacity:0;transform:scale(.97)}.reglas-demo__radio{width:16px;height:16px;border-radius:50%;border:1.5px solid rgb(0 0 0 / .22);background:#fff}.reglas-demo__name{position:relative;display:inline-flex;align-items:center;width:fit-content;max-width:100%;min-width:0;min-height:18px;overflow:hidden;font-size:14px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis}.reglas-demo__name.is-editing{min-height:28px;padding:0 8px;border-radius:8px;border:1px solid #1a1a1a;background:#fff}.reglas-demo__name.is-marked>span{border-radius:2px;background:#1a1a1a24}.reglas-demo__caret{width:1.5px;height:14px;margin-left:1px;background:#1a1a1a;animation:reglas-demo-caret 1s steps(1) infinite}@keyframes reglas-demo-caret{0%,45%{opacity:1}50%,to{opacity:0}}.reglas-demo__row.is-hot .reglas-demo__name{max-width:calc(100% - 88px)}.reglas-demo__hide{position:absolute;top:50%;right:76px;z-index:1;display:grid;width:28px;height:28px;place-items:center;border-radius:8px;border:1px solid rgb(0 0 0 / .12);background:#fff;color:#1a1a1a;transform:translateY(-50%);animation:reglas-hide-in .28s ease}.reglas-demo__hide svg{display:block;width:16px;height:16px}@keyframes reglas-hide-in{0%{opacity:0;transform:translateY(-50%) scale(.92)}to{opacity:1;transform:translateY(-50%)}}.reglas-demo__tag{position:absolute;top:50%;right:78px;z-index:1;padding:3px 8px;border-radius:999px;background:#1a1a1a;color:#fff;font-size:11px;font-style:normal;font-weight:600;letter-spacing:-.01em;line-height:1.3;transform:translateY(-50%);animation:reglas-tag-in .28s ease}@keyframes reglas-tag-in{0%{opacity:0;transform:translateY(-40%)}to{opacity:1;transform:translateY(-50%)}}.reglas-demo__row b{font-size:14px;font-weight:600;letter-spacing:-.03em}.reglas-demo__cursor{position:absolute;top:0;left:0;z-index:6;width:24px;height:24px;opacity:0;pointer-events:none;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .28));transform:translate(var(--cursor-x),var(--cursor-y));transition:transform var(--cursor-move-ms, .52s) cubic-bezier(.22,1,.36,1),opacity .25s ease}.reglas-demo__cursor.is-visible{opacity:1}.reglas-demo__cursor.is-down{transform:translate(var(--cursor-x),var(--cursor-y)) scale(.92)}.reglas-demo__cursor svg{display:block;width:24px;height:24px}@media(prefers-reduced-motion:reduce){.reglas-demo__row,.reglas-demo__cursor,.reglas-demo__tag,.reglas-demo__hide,.reglas-demo__caret{transition:none;animation:none}}