@layer components{.io-dlg .mk-b-dialog-head{height:calc(46 * var(--u))}.io-dlg .mk-b-dialog-body{gap:calc(10 * var(--u));padding:calc(14 * var(--u)) calc(18 * var(--u))}.io-dlg .mk-b-dialog-foot{padding:calc(10 * var(--u)) calc(18 * var(--u))}.io-dlg .mk-b-dialog-desc{line-height:1.35}.io-foot-left{margin-right:auto}.io-sec{gap:calc(6 * var(--u));flex-direction:column;display:flex}.io-sec+.io-sec{padding-top:calc(8 * var(--u));border-top:1px solid #2a2a2d}.io-sec-title{color:#ffffffd9;font-weight:600}.io-row{grid-template-columns:calc(96 * var(--u)) minmax(0, 1fr);align-items:center;gap:calc(10 * var(--u));min-height:calc(30 * var(--u));display:grid}.io-row-label{color:#939291;white-space:nowrap}.io-row-ctl{align-items:center;gap:calc(6 * var(--u));min-width:0;display:flex}.io-field{align-items:center;gap:calc(6 * var(--u));height:calc(28 * var(--u));padding:0 calc(8 * var(--u));border-radius:calc(3 * var(--u));color:#eeebe5;white-space:nowrap;background:#232326;min-width:0;display:inline-flex;position:relative}.io-grow{flex:auto}.io-field-text{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.io-field-chev{color:#ffffff80}.io-number{min-width:calc(44 * var(--u));font-family:var(--font-pxm-mono), ui-monospace, monospace}.io-field-suffix{color:#939291}.io-check{align-items:center;gap:calc(7 * var(--u));color:#ffffffd9;white-space:nowrap;display:inline-flex}.io-check-box{width:calc(16 * var(--u));height:calc(16 * var(--u));border-radius:calc(3 * var(--u));color:#eeebe5;background:#232326;border:1px solid #3f3f42;justify-content:center;align-items:center;display:inline-flex}.io-check-box[data-checked]{color:#0e0e12;background:#eeebe5;border-color:#eeebe5}.io-checks{gap:calc(8 * var(--u)) calc(16 * var(--u));flex-wrap:wrap;display:flex}.io-plate{border-radius:calc(6 * var(--u));background:repeating-conic-gradient(#2a2a2d 0 25%, #232326 0 50%) 0 0 / calc(16 * var(--u)) calc(16 * var(--u));position:relative;overflow:hidden}.io-readout{margin:calc(-4 * var(--u)) 0 0;text-align:center;color:#939291}.io-drop{z-index:24;box-shadow:inset 0 0 0 calc(2 * var(--u)) #eeebe5;background:#eeebe514;justify-content:center;align-items:center;display:flex}.io-drop-card{max-width:88%;padding:calc(12 * var(--u)) calc(18 * var(--u));border-radius:calc(6 * var(--u));box-shadow:0 calc(16 * var(--u)) calc(40 * var(--u)) #00000080;text-align:center;color:#eeebe5;background:#17171af2;border:1px solid #343437}.io-drop-title{margin:0;font-weight:600}.io-drop-sub{margin:calc(4 * var(--u)) 0 0;color:#939291}.io-game{border-radius:calc(6 * var(--u));box-shadow:0 calc(16 * var(--u)) calc(40 * var(--u)) #00000080;background:#0e0e12;border:1px solid #3f3f42;flex-direction:column;display:flex;overflow:hidden}.io-game-bar{align-items:center;gap:calc(10 * var(--u));height:calc(34 * var(--u));padding:0 calc(12 * var(--u));color:#ffffffb3;background:#17171a;display:flex}.io-game-dots{gap:calc(5 * var(--u));display:inline-flex}.io-game-dots i{width:calc(9 * var(--u));height:calc(9 * var(--u));background:#3f3f42;border-radius:50%}.io-game-title{text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:1;overflow:hidden}.io-game-reload{display:inline-flex}.io-game-body{flex:1;position:relative}.io-cell{position:absolute}.io-grid-cell{z-index:2;box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #eeebe5;background:#eeebe514;position:absolute}.io-engines{gap:calc(8 * var(--u));flex-wrap:wrap;display:flex}.io-engine{height:calc(30 * var(--u));padding:0 calc(12 * var(--u));border-radius:calc(3 * var(--u));color:#939291;transition:color .2s var(--mk-ease-out,ease-out), border-color .2s var(--mk-ease-out,ease-out), background-color .2s var(--mk-ease-out,ease-out);border:1px solid #343437;align-items:center;display:inline-flex}.io-engine[data-on]{border-color:var(--mk-acc,#15cb6f);background:color-mix(in srgb, var(--mk-acc,#15cb6f) 14%, transparent);color:#eeebe5}.io-xs{gap:calc(8 * var(--u));padding:calc(12 * var(--u));border-top:1px solid #2a2a2d;flex-direction:column;display:flex}.io-xs-head{justify-content:space-between;align-items:center;font-weight:600;display:flex}.io-xs-plus{width:calc(26 * var(--u));height:calc(26 * var(--u));border-radius:calc(3 * var(--u));color:#ffffffbf;justify-content:center;align-items:center;display:inline-flex;position:relative}.io-xs-row{grid-template-columns:minmax(0, 1fr) minmax(0, .8fr) minmax(0, 1.45fr) calc(14 * var(--u));align-items:center;gap:calc(3 * var(--u));display:grid}.io-xs-row .io-field{height:calc(28 * var(--u));gap:calc(2 * var(--u));padding:0 calc(4 * var(--u)) 0 calc(6 * var(--u))}.io-xs-row .io-field-chev{width:calc(11 * var(--u));height:calc(11 * var(--u));flex:none}.io-xs-minus{color:#939291}.io-xs-btn{height:calc(32 * var(--u));border-radius:calc(3 * var(--u));border:1px solid #343437;justify-content:center;align-items:center;font-weight:500;display:flex;position:relative}.io-row-in{display:contents}.io-fan-item{align-items:center;gap:calc(4 * var(--u));padding:calc(8 * var(--u));border-radius:calc(6 * var(--u));box-shadow:0 calc(8 * var(--u)) calc(20 * var(--u)) #0006;color:#ffffffbf;background:#17171a;border:1px solid #343437;flex-direction:column;display:flex;position:absolute}.io-scene{position:absolute;inset:0}.io-drag-chip{translate:calc(16 * var(--u)) calc(22 * var(--u));box-shadow:0 calc(8 * var(--u)) calc(20 * var(--u)) #00000073}.io-counter{align-items:center;gap:calc(8 * var(--u));display:flex;position:absolute}.mk-stage[data-demo=io-sheet-import] .mk-player-btn{left:12px;right:auto}}