body.moves-public-page{
    color:var(--moves-text);
}
.moves-public-page h1,
.moves-public-page h2,
.moves-public-page h3,
.moves-public-page p,
.moves-public-page strong,
.moves-public-page label{
    color:inherit;
}
.moves-main-content{
    grid-template-rows:auto auto 1fr;
}
.moves-panel{
    padding:18px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:14px;
    background:linear-gradient(180deg,rgba(2,6,23,.78),rgba(2,6,23,.64));
}
.moves-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
}
.moves-actions,
.moves-filter-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}
.moves-filters{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
    margin-bottom:18px;
}
.moves-filters label{
    display:grid;
    gap:6px;
    font-size:13px;
}
.moves-filters input,
.moves-filters select{
    width:100%;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.14);
    background:var(--moves-box);
    color:var(--moves-box-text);
    padding:10px 12px;
    box-sizing:border-box;
}
.moves-position-flow{
    display:grid;
    gap:18px;
}
.move-position-group{
    display:grid;
    gap:10px;
}
.move-position-group-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.move-position-group-head h2{
    margin:0;
}
.move-position-group-head span{
    color:#cbd5e1;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.moves-table-wrap{
    overflow:auto;
    border-radius:14px;
    background:rgba(2,6,23,.56);
    border:1px solid rgba(255,255,255,.14);
}
.moves-table{
    width:100%;
    border-collapse:collapse;
}
.moves-table th,
.moves-table td{
    padding:12px 14px;
    border-bottom:1px solid rgba(255,255,255,.08);
    text-align:left;
}
.moves-table th{
    text-transform:uppercase;
    letter-spacing:.08em;
    font-size:11px;
    color:#cbd5e1;
}
.move-public-thumb{
    width:84px;
    height:84px;
    border-radius:10px;
    object-fit:cover;
    object-position:center;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(2,6,23,.68);
}
.move-public-thumb-empty{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#cbd5e1;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.moves-empty{
    text-align:center;
    color:#cbd5e1;
}
@media (max-width:900px){
    .moves-filters{
        grid-template-columns:1fr;
    }
    .demo-move-pill-row{
        grid-template-columns:1fr;
    }
}