.eg-panel{--eg-blue: #3e9df5;--eg-label: #c8c8c8;--eg-ease: cubic-bezier(.22, 1, .36, 1);--eg-step: .11s;display:grid;align-content:start;gap:.95em;padding:1.15em 1.25em 1.35em;background:#1e1e1e;color:var(--eg-label);font-family:Adobe Clean,"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;font-size:var(--eg-font, 12px);font-weight:400;line-height:1.2;letter-spacing:0;text-align:left}.eg-panel span,.eg-panel i{display:block;font-style:normal}.eg-panel svg{display:block;flex:none}.eg-panel .eg-panel__tab{justify-self:start;margin:0 0 .15em -.1em;padding-bottom:.45em;border-bottom:max(1px,.14em) solid var(--eg-blue);color:#e8e8e8;font-weight:600;white-space:nowrap}.eg-panel .eg-head{display:flex;align-items:center;gap:.55em;margin-top:.2em;color:#dadada;font-weight:700;white-space:nowrap}.eg-panel .eg-head svg{width:.85em;height:.85em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.eg-panel .eg-head+.eg-head{margin-top:.4em}.eg-panel .eg-row{display:grid;grid-template-columns:minmax(0,1fr);gap:.5em;min-width:0;padding-left:1.4em}.eg-panel .eg-label{overflow:hidden;color:var(--eg-label);white-space:nowrap;text-overflow:ellipsis}.eg-panel .eg-val{color:var(--eg-blue);font-variant-numeric:tabular-nums;white-space:nowrap}.eg-panel .eg-swap{display:inline-grid}.eg-panel .eg-swap>span{grid-area:1 / 1;transition:opacity .26s ease}[data-live] .eg-panel .eg-swap>span{transition-delay:calc(var(--i, 0) * var(--eg-step) + .38s)}.eg-panel .eg-swap__b,[data-live] .eg-panel .eg-swap__a{opacity:0}[data-live] .eg-panel .eg-swap__b{opacity:1}.eg-panel .eg-line{display:flex;justify-content:space-between;gap:1em}.eg-panel .eg-track{position:relative;height:1.05em;margin:0 .45em}.eg-panel .eg-track:before{content:"";position:absolute;top:50%;right:0;left:0;height:max(1px,.11em);background:#5a5a5a}.eg-panel .eg-track i{position:absolute;top:50%;left:var(--a);width:1.05em;height:1.05em;margin:-.525em 0 0 -.525em;border:max(1px,.13em) solid #d4d4d4;border-radius:50%;background:#1e1e1e;box-sizing:border-box;transition:left .9s var(--eg-ease)}[data-live] .eg-panel .eg-track i{left:var(--b);transition-delay:calc(var(--i, 0) * var(--eg-step) + .12s)}.eg-panel .eg-box{position:relative;display:flex;align-items:center;min-height:2.2em;padding:0 .7em;border-radius:.25em;background:#0e0e0e;box-shadow:inset 0 0 0 max(1px,.08em) #ffffff0f;color:#d8d8d8}.eg-panel .eg-text{overflow:hidden;min-width:0;flex:1;white-space:pre;text-overflow:ellipsis}.eg-panel .eg-field .eg-box{align-items:flex-start;min-height:2.9em;padding-top:.55em}.eg-panel .eg-scroll{position:absolute;top:.45em;right:.45em;bottom:.45em;width:.55em;border-radius:.3em;background:#3a3a3a}.eg-panel .eg-select svg{width:1em;height:1em;margin-left:.6em;fill:none;stroke:#d8d8d8;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.eg-panel .eg-check{display:flex;align-items:center;gap:.6em}.eg-panel .eg-tick{position:relative;width:1.05em;height:1.05em;flex:none;border:max(1px,.13em) solid #bdbdbd;border-radius:.16em;box-sizing:border-box;transition:background-color .26s ease,border-color .26s ease}.eg-panel .eg-tick svg{position:absolute;top:-.13em;right:-.13em;bottom:-.13em;left:-.13em;width:calc(100% + .26em);height:calc(100% + .26em);fill:none;stroke:#1e1e1e;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9;stroke-dashoffset:9;transition:stroke-dashoffset .3s var(--eg-ease)}.eg-panel .eg-check--on .eg-tick,[data-live] .eg-panel .eg-check .eg-tick{border-color:#d4d4d4;background:#d4d4d4}[data-live] .eg-panel .eg-check .eg-tick{transition-delay:calc(var(--i, 0) * var(--eg-step) + .38s)}.eg-panel .eg-check--on .eg-tick svg,[data-live] .eg-panel .eg-check .eg-tick svg{stroke-dashoffset:0}[data-live] .eg-panel .eg-check .eg-tick svg{transition-delay:calc(var(--i, 0) * var(--eg-step) + .48s)}.eg-panel .eg-color{display:flex;align-items:center;gap:.75em}.eg-panel .eg-swatch{width:2.7em;height:1.55em;flex:none;border-radius:.25em;background:var(--a);box-shadow:inset 0 0 0 max(1px,.08em) #ffffff59;transition:background-color .5s ease}[data-live] .eg-panel .eg-swatch{background:var(--b);transition-delay:calc(var(--i, 0) * var(--eg-step) + .38s)}.eg-panel .eg-dropper{width:1.15em;height:1.15em;fill:none;stroke:#cfcfcf;stroke-width:1.2;stroke-linejoin:round}.eg-panel .eg-xy{grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:baseline;column-gap:.35em}.eg-panel .eg-xy .eg-swap{justify-items:end}.eg-panel .eg-xy .eg-unit{margin-right:.9em;color:#d8d8d8}.eg-panel .eg-xy .eg-unit:last-child{margin-right:0}.eg-panel .eg-text.is-typing{display:flex;align-items:center;justify-content:flex-end;text-overflow:clip}.eg-panel .eg-text.is-typing:after{content:"";display:block;flex:none;width:max(1px,.09em);height:1.1em;margin:0 auto 0 .06em;background:#e8e8e8;animation:eg-caret 1s steps(1) infinite}.eg-panel .eg-box:has(.is-typing){box-shadow:inset 0 0 0 max(1px,.1em) var(--eg-blue)}@keyframes eg-caret{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.eg-panel *,.eg-panel *:before{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/224/assets/mogrt-eg-panel.css.map */