@keyframes dna-border-dance{0%{background-position:0 0,100% 100%,0 100%,100% 0}to{background-position:15px 0,right 15px bottom,left bottom 15px,right top 15px}}@keyframes spin-360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{10%,90%{transform:translate(-10px)}20%,80%{transform:translate(12px)}30%,50%,70%{transform:translate(-14px)}40%,60%{transform:translate(14px)}}.x-panel{background-color:#fff;position:fixed;top:0;left:0}.dna-dark .x-panel{background-color:#202021}.x-panel{z-index:99;border-top-right-radius:10px;border-bottom-right-radius:10px;width:100vw;height:100vh;box-shadow:0 0 20px #0006}.x-panel .x-action-bg{bottom:0;right:0;left:unset;opacity:.2;pointer-events:none;z-index:20;background-position:50%;background-size:cover;width:500px;height:300px;position:fixed;-webkit-mask-image:radial-gradient(at 100% 100%,#000 0%,#0000 70%);mask-image:radial-gradient(at 100% 100%,#000 0%,#0000 70%)}.x-panel .x-panel-close{z-index:99999;position:fixed;top:10px;right:10px}.x-panel.right{left:unset;border-radius:10px 0 0 10px;top:0;right:0}.x-panel.right .x-panel-close svg{transform:scaleX(-1)}