.mx2{margin:12px;padding:14px;border:1px solid var(--b);border-radius:14px;background:linear-gradient(180deg,#0d99ff1a,#0d99ff05 70%)}.mx2 .mxh{display:flex;align-items:center;gap:10px;margin-bottom:14px}.mx2 .mxi{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none;background:#0d99ff33;color:var(--ac);font-style:normal}.mx2 .mxi svg.i{width:17px;height:17px}.mx2 .mxt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.25}.mx2 .mxt b{font-size:13px;font-weight:600;color:var(--tx)}.mx2 .mxt small{font-size:11px;color:var(--mu)}.mx2 .mxs{display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:8px;margin:0 0 14px;padding:0}.mx2 .mxs>span{display:flex;align-items:center;gap:7px;width:auto;font-size:12px;color:var(--mu);min-width:0}.mx2 .mxs>span svg.i{width:15px;height:15px;flex:none}.mx2 .mxs output{min-width:46px;padding:3px 9px;border-radius:7px;background:var(--in);text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:var(--tx)}.mx2 .mxs output b{font-weight:600}.mx2 .mxs output{color:var(--mu)}.mx2 .mxs output b{color:var(--tx)}.mx2 input[type=range]{grid-column:1/-1;-webkit-appearance:none;appearance:none;display:block;width:100%;height:4px;margin:4px 0;padding:0;border-radius:4px;cursor:pointer;background:linear-gradient(to right,var(--ac) var(--v,50%),var(--in) var(--v,50%))}.mx2 input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;border:0;box-shadow:0 1px 4px #00000080;transition:transform .1s}.mx2 input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.mx2 input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#fff;border:0;box-shadow:0 1px 4px #00000080}.mx2 input[type=range]::-moz-range-track{background:transparent}.mx2 .mxg{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mx2 .mxd{display:flex;flex-direction:column;gap:6px;min-width:0}.mx2 .mxd>em{font-style:normal;font-size:11px;color:var(--mu)}.mx2 .mxsel{position:relative;display:block;padding:0}.mx2 .mxsel>span{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex;color:var(--mu);pointer-events:none;width:auto}.mx2 .mxsel>span svg.i{width:15px;height:15px}.mx2 .mxsel select{width:100%;height:34px;min-width:0;padding:0 26px 0 32px;border-radius:8px;border:1px solid transparent;background:var(--in) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 9px center;-webkit-appearance:none;appearance:none;color:var(--tx);cursor:pointer;text-overflow:ellipsis}.mx2 .mxsel select:hover{border-color:var(--b)}.mx2 .mxsel select:focus,.mx2 .mxsel select.open{outline:0;border-color:var(--ac)}