.header[data-v-df9244c9]{padding:var(--x-space-small);align-items:center}.header .title[data-v-df9244c9]{min-width:fit-content;margin-right:var(--x-space)}.header .modules[data-v-df9244c9]{flex-wrap:wrap}.header .links[data-v-df9244c9]{font-size:var(--x-size-large)}.aside[data-v-5a7e84f8]{max-width:200px}.aside[data-v-5a7e84f8]:not(:empty){border-right:2px dashed #333}.footer[data-v-0bc78b9a]{padding:5px;text-align:center;color:#666;font-size:.6em}.content[data-v-15e37b27]{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px;overflow:hidden}.content[data-v-15e37b27] .container,.content[data-v-15e37b27] [class*=-container]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:auto}.layout.mobile[data-v-8e19eb6e]{position:fixed;top:0;left:0;background:#000}[data-v-252e4e1a]>.x-rain{font-size:2rem;color:var(--x-primary)}[data-v-252e4e1a]>.layout{perspective:none;width:90%;height:calc(98% - 20px);max-width:1200px;background:none;position:fixed;top:0;bottom:0;left:0;right:0;margin:auto}[data-v-252e4e1a]>.layout>.main{flex:1;display:flex;overflow:hidden}html,body{width:100%;height:100%;color:#fff;background-color:#000;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}ol,ul{list-style:none}a{color:inherit}#app{width:100%;height:100%}*{padding:0;margin:0;user-select:none;box-sizing:border-box}*:before,*:after{box-sizing:border-box}*::-webkit-scrollbar{background:transparent;width:7px;height:7px}*::-webkit-scrollbar-thumb{border-radius:10px;background:var(--x-fade-purple);border:1px solid var(--x-primary)}*::-webkit-scrollbar-corner{background:transparent}.x-flex.inline{display:inline-flex}[class^=x-]{padding:0;margin:0;box-sizing:border-box;transition:all .3s,fill .2s,color .2s,background-color .2s,width .1s ease-out,height .1s ease-out,margin .1s ease-out,padding .1s ease-out}:root{--x-red: #e54d42;--x-orange: #f37b1d;--x-yellow: #ffae00;--x-olive: #8dc63f;--x-green: #39b54a;--x-cyan: #1cbbb4;--x-blue: #0081ff;--x-purple: #6739b6;--x-mauve: #9c26b0;--x-pink: #e03997;--x-brown: #a5673f;--x-black: #333333;--x-grey: #8799a3;--x-gray: #aaaaaa;--x-white: #e1e1e1;--x-primary: var(--x-purple);--x-second: var(--x-mauve);--x-error: var(--x-red);--x-warn: var(--x-yellow);--x-info: var(--x-blue);--x-success: var(--x-green);--x-bg: var(--x-white);--x-fg: var(--x-black);--x-border: var(--x-gray);--x-shadow: var(--x-grey);--x-light-red: #f5b8b3;--x-light-orange: #facaa5;--x-light-yellow: #ffdf99;--x-light-olive: #d1e8b2;--x-light-green: #b0e1b7;--x-light-cyan: #a4e4e1;--x-light-blue: #99cdff;--x-light-purple: #c2b0e2;--x-light-mauve: #d7a8df;--x-light-pink: #f3b0d5;--x-light-brown: #dbc2b2;--x-light-black: #adadad;--x-light-grey: #cfd6da;--x-light-gray: #dddddd;--x-light-white: #f3f3f3;--x-dark-red: #7a2923;--x-dark-orange: #82420f;--x-dark-yellow: #885d00;--x-dark-olive: #4b6a22;--x-dark-green: #1e6127;--x-dark-cyan: #0f6460;--x-dark-blue: #004588;--x-dark-purple: #371e61;--x-dark-mauve: #53145e;--x-dark-pink: #771e51;--x-dark-brown: #583722;--x-dark-black: #1b1b1b;--x-dark-grey: #485257;--x-dark-gray: #5b5b5b;--x-dark-white: #787878;--x-fade-red: rgba(229, 77, 66, .2);--x-fade-orange: rgba(243, 123, 29, .2);--x-fade-yellow: rgba(255, 174, 0, .2);--x-fade-olive: rgba(141, 198, 63, .2);--x-fade-green: rgba(57, 181, 74, .2);--x-fade-cyan: rgba(28, 187, 180, .2);--x-fade-blue: rgba(0, 129, 255, .2);--x-fade-purple: rgba(103, 57, 182, .2);--x-fade-mauve: rgba(156, 38, 176, .2);--x-fade-pink: rgba(224, 57, 151, .2);--x-fade-brown: rgba(165, 103, 63, .2);--x-fade-black: rgba(51, 51, 51, .2);--x-fade-grey: rgba(135, 153, 163, .2);--x-fade-gray: rgba(170, 170, 170, .2);--x-fade-white: rgba(225, 225, 225, .2);--x-red-pink: linear-gradient(45deg, #e54d42, #e03997);--x-orange-red: linear-gradient(45deg, #f37b1d, #e54d42);--x-green-olive: linear-gradient(45deg, #39b54a, #8dc63f);--x-purple-mauve: linear-gradient(45deg, #6739b6, #9c26b0);--x-pink-purple: linear-gradient(45deg, #e03997, #6739b6);--x-blue-cyan: linear-gradient(45deg, #0081ff, #1cbbb4);--x-space-mini: 5px;--x-space-small: 10px;--x-space: 15px;--x-space-large: 20px;--x-space-super: 30px;--x-border-radius-mini: 2px;--x-border-radius-small: 3px;--x-border-radius: 5px;--x-border-radius-large: 7px;--x-border-radius-super: 10px;--x-height-mini: 20px;--x-height-small: 24px;--x-height: 30px;--x-height-large: 36px;--x-height-super: 44px;--x-width-mini: 100px;--x-width-small: 120px;--x-width: 160px;--x-width-large: 200px;--x-width-super: 240px;--x-size-mini: 12px;--x-size-small: 16px;--x-size: 20px;--x-size-large: 24px;--x-size-super: 32px}.fg-primary{color:#9c26b0}.fg-second{color:#6739b6}.fg-info{color:#0081ff}.fg-success{color:#39b54a}.fg-warn{color:#f37b1d}.fg-error{color:#e54d42}.bg-primary{background-color:#9c26b0}.bg-second{background-color:#6739b6}.bg-info{background-color:#0081ff}.bg-success{background-color:#39b54a}.bg-warn{background-color:#f37b1d}.bg-error{background-color:#e54d42}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes heart{0%{transform:scale(1)}to{transform:scale(1.5);opacity:.6}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes breathe{0%{text-shadow:0 0 10px rgba(0,0,0,.3)}50%{text-shadow:0 0 30px rgba(255,255,255,.7)}to{text-shadow:0 0 10px rgba(0,0,0,.3)}}.x-spin{animation:spin 2s infinite linear}.x-pulse{animation:spin 1s infinite steps(6)}.x-heart{animation:heart .6s infinite ease-in}.x-shake{animation:shake .82s infinite cubic-bezier(.36,.07,.19,.97) both}.x-breathe{animation:breathe 2s infinite linear}.x-flex{display:flex}.x-flex .fill{flex-grow:1}.x-flex .half{flex-grow:.5}.x-flex .auto{flex-shrink:1}.x-flex .keep{flex-shrink:0}.x-flex.fill{width:100%;height:100%}.x-flex.wrap{flex-wrap:wrap}.x-flex.wrap-reverse{flex-wrap:wrap-reverse}.x-flex.row-fill{width:100%}.x-flex.col-fill{height:100%}.x-flex.row{flex-direction:row}.x-flex.row-reverse{flex-direction:row-reverse}.x-flex.col{flex-direction:column}.x-flex.col-reverse{flex-direction:column-reverse}.x-flex.row-center{justify-content:center}.x-flex.row-start{justify-content:flex-start}.x-flex.row-end{justify-content:flex-end}.x-flex.row-base{justify-content:baseline}.x-flex.row-around{justify-content:space-around}.x-flex.row-between{justify-content:space-between}.x-flex.row-evenly{justify-content:space-evenly}.x-flex.col-center{align-items:center}.x-flex.col-start{align-items:flex-start}.x-flex.col-end{align-items:flex-end}.x-flex.col-base{align-items:baseline}.x-flex.wrap-center{align-content:center}.x-flex.wrap-start{align-content:flex-start}.x-flex.wrap-end{align-content:flex-end}.x-flex.wrap-base{align-content:baseline}.x-flex.wrap-around{align-content:space-around}.x-flex.wrap-between{align-content:space-between}.x-flex.wrap-evenly{align-content:space-evenly}.x-flex>.self-center{align-self:center}.x-flex>.self-start{align-self:flex-start}.x-flex>.self-end{align-self:flex-end}.x-flex>.self-base{align-self:baseline}.x-icon{font-size:var(--v6f363530);display:inline-block;color:inherit;line-height:0;text-align:center;vertical-align:-.125em}.x-icon svg{display:inline-block;overflow:hidden;line-height:1}.x-button{display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;text-align:center;font-size:inherit;line-height:0;outline:none!important;user-select:none;cursor:pointer;height:var(--x-height);padding:5px 10px;border-radius:var(--x-border-radius);border:1px solid var(--x-gray)}.x-button.--default{color:var(--x-black);background-color:var(--x-white);border-color:var(--x-white)}.x-button.--default.--simple{color:var(--x-white);background-color:transparent}.x-button.--default.--simple:hover:not(:disabled){background-color:var(--x-white);color:var(--x-black)}.x-button.--default.--text,.x-button.--default.--link{color:var(--x-white)}.x-button.--default.--text:active:not(:disabled),.x-button.--default.--link:active:not(:disabled){box-shadow:none}.x-button.--default.--text:hover:not(:disabled){color:var(--x-gray);background-color:var(--x-dark-white)}.x-button.--default.--link:after{border-bottom-color:var(--x-white)}.x-button.--default:active{box-shadow:0 0 5px var(--x-white)}.x-button.--primary{color:var(--x-white);background-color:var(--x-purple);border-color:var(--x-purple)}.x-button.--primary.--simple{color:var(--x-white);background-color:transparent}.x-button.--primary.--simple:hover:not(:disabled){background-color:var(--x-purple);color:var(--x-white)}.x-button.--primary.--text,.x-button.--primary.--link{color:var(--x-purple)}.x-button.--primary.--text:active:not(:disabled),.x-button.--primary.--link:active:not(:disabled){box-shadow:none}.x-button.--primary.--text:hover:not(:disabled){color:var(--x-white);background-color:var(--x-dark-purple)}.x-button.--primary.--link:after{border-bottom-color:var(--x-purple)}.x-button.--primary:active{box-shadow:0 0 5px var(--x-purple)}.x-button.--second{color:var(--x-white);background-color:var(--x-mauve);border-color:var(--x-mauve)}.x-button.--second.--simple{color:var(--x-white);background-color:transparent}.x-button.--second.--simple:hover:not(:disabled){background-color:var(--x-mauve);color:var(--x-white)}.x-button.--second.--text,.x-button.--second.--link{color:var(--x-mauve)}.x-button.--second.--text:active:not(:disabled),.x-button.--second.--link:active:not(:disabled){box-shadow:none}.x-button.--second.--text:hover:not(:disabled){color:var(--x-white);background-color:var(--x-dark-mauve)}.x-button.--second.--link:after{border-bottom-color:var(--x-mauve)}.x-button.--second:active{box-shadow:0 0 5px var(--x-mauve)}.x-button.--info{color:var(--x-white);background-color:var(--x-blue);border-color:var(--x-blue)}.x-button.--info.--simple{color:var(--x-white);background-color:transparent}.x-button.--info.--simple:hover:not(:disabled){background-color:var(--x-blue);color:var(--x-white)}.x-button.--info.--text,.x-button.--info.--link{color:var(--x-blue)}.x-button.--info.--text:active:not(:disabled),.x-button.--info.--link:active:not(:disabled){box-shadow:none}.x-button.--info.--text:hover:not(:disabled){color:var(--x-white);background-color:var(--x-dark-blue)}.x-button.--info.--link:after{border-bottom-color:var(--x-blue)}.x-button.--info:active{box-shadow:0 0 5px var(--x-blue)}.x-button.--success{color:var(--x-white);background-color:var(--x-green);border-color:var(--x-green)}.x-button.--success.--simple{color:var(--x-white);background-color:transparent}.x-button.--success.--simple:hover:not(:disabled){background-color:var(--x-green);color:var(--x-white)}.x-button.--success.--text,.x-button.--success.--link{color:var(--x-green)}.x-button.--success.--text:active:not(:disabled),.x-button.--success.--link:active:not(:disabled){box-shadow:none}.x-button.--success.--text:hover:not(:disabled){color:var(--x-white);background-color:var(--x-dark-green)}.x-button.--success.--link:after{border-bottom-color:var(--x-green)}.x-button.--success:active{box-shadow:0 0 5px var(--x-green)}.x-button.--warn{color:var(--x-white);background-color:var(--x-yellow);border-color:var(--x-yellow)}.x-button.--warn.--simple{color:var(--x-white);background-color:transparent}.x-button.--warn.--simple:hover:not(:disabled){background-color:var(--x-yellow);color:var(--x-white)}.x-button.--warn.--text,.x-button.--warn.--link{color:var(--x-yellow)}.x-button.--warn.--text:active:not(:disabled),.x-button.--warn.--link:active:not(:disabled){box-shadow:none}.x-button.--warn.--text:hover:not(:disabled){color:var(--x-white);background-color:var(--x-dark-yellow)}.x-button.--warn.--link:after{border-bottom-color:var(--x-yellow)}.x-button.--warn:active{box-shadow:0 0 5px var(--x-yellow)}.x-button.--error{color:var(--x-white);background-color:var(--x-red);border-color:var(--x-red)}.x-button.--error.--simple{color:var(--x-white);background-color:transparent}.x-button.--error.--simple:hover:not(:disabled){background-color:var(--x-red);color:var(--x-white)}.x-button.--error.--text,.x-button.--error.--link{color:var(--x-red)}.x-button.--error.--text:active:not(:disabled),.x-button.--error.--link:active:not(:disabled){box-shadow:none}.x-button.--error.--text:hover:not(:disabled){color:var(--x-white);background-color:var(--x-dark-red)}.x-button.--error.--link:after{border-bottom-color:var(--x-red)}.x-button.--error:active{box-shadow:0 0 5px var(--x-red)}.x-button.--text,.x-button.--link{background-color:transparent;border-color:transparent}.x-button.--text:disabled{text-decoration:line-through}.x-button.--link{position:relative}.x-button.--link:after{content:"";display:block;position:absolute;bottom:0;height:0;width:0;border-bottom:2px dashed var(--x-white);transition:width .3s}.x-button.--link:hover:not(:disabled):after{width:70%}.x-button.--link:active:not(:disabled):after{border-bottom-style:solid}.x-button.--link:disabled{font-style:italic}.x-button.--round{border-radius:9999px}.x-button.--circle{border-radius:50%;height:fit-content;padding:10px;min-width:30px;min-height:30px}.x-button.--circle:before{content:"";display:inline-block;vertical-align:middle;padding-top:100%;height:0}.x-button:hover{filter:brightness(120%)}.x-button:active{filter:brightness(80%)}.x-button:disabled{cursor:not-allowed;filter:brightness(66%) grayscale(66%)}.x-button.--loading{cursor:wait}.x-button__icon+span:not(:empty){margin-left:var(--x-space-mini)}.x-button+.x-button{margin-left:var(--x-space-small)}@keyframes breathe{0%{box-shadow:inset 0 0 15px var(--x-primary)}to{box-shadow:inset 0 0 rgba(0,0,0,0)}}.x-box{border:2px solid var(--x-primary);border-radius:var(--x-border-radius);background:rgba(0,0,0,.3);backdrop-filter:blur(1.2px);overflow:hidden}.x-box.x-box.--shadow{box-shadow:inset 0 0 15px var(--x-primary)}.x-box.x-box.--animation{animation:breathe 1s ease-in-out 0s infinite alternate-reverse}.x-popup{border:none;border-radius:var(--x-border-radius);outline:none;position:fixed;z-index:9999;transition:left 0s,top 0s;color:var(--x-white);background:var(--x-primary);padding:var(--x-space-small)}.x-popup.--relative{position:absolute}.x-popup.--static{position:relative;z-index:unset}.x-popup::backdrop{background:#000a}.x-popup.--arrow:before{content:"";display:block;width:var(--x-space-small);height:var(--x-space-small);background:inherit;position:absolute;z-index:-1}.x-popup.--arrow.--placement-top.--arrow-center:before,.x-popup.--arrow.--placement-bottom.--arrow-center:before{left:0;right:0;margin:auto}.x-popup.--arrow.--placement-top.--arrow-left:before,.x-popup.--arrow.--placement-bottom.--arrow-left:before{right:var(--x-space-small)}.x-popup.--arrow.--placement-top.--arrow-right:before,.x-popup.--arrow.--placement-bottom.--arrow-right:before{left:var(--x-space-small)}.x-popup.--arrow.--placement-left.--arrow-center:before,.x-popup.--arrow.--placement-right.--arrow-center:before{top:0;bottom:0;margin:auto}.x-popup.--arrow.--placement-left.--arrow-bottom:before,.x-popup.--arrow.--placement-right.--arrow-bottom:before{top:var(--x-space-small)}.x-popup.--arrow.--placement-left.--arrow-top:before,.x-popup.--arrow.--placement-right.--arrow-top:before{bottom:var(--x-space-small)}.x-popup.--arrow.--placement-top:before{bottom:0;transform:translateY(50%) rotate(45deg)}.x-popup.--arrow.--placement-right:before{left:0;transform:translate(-50%) rotate(45deg)}.x-popup.--arrow.--placement-bottom:before{top:0;transform:translateY(-50%) rotate(45deg)}.x-popup.--arrow.--placement-left:before{right:0;transform:translate(50%) rotate(45deg)}.x-modal{padding:0;min-width:var(--x-width)}.x-modal__header{padding:var(--x-space-mini) var(--x-space-small);border-bottom:1px solid var(--x-primary);font-size:1rem}.x-modal__close{position:absolute;right:var(--x-space-mini);top:var(--x-space-mini)}.x-modal__close .x-button{padding:3px;min-width:fit-content;min-height:fit-content}.x-modal__body{padding:var(--x-space-small)}.x-modal__body .x-modal__content{text-align:center}.x-modal__body .x-modal__input{margin-top:var(--x-space-mini)}.x-modal__footer{border-top:1px solid var(--x-primary)}.x-modal__footer>.x-button{flex:1;margin:0;padding:10px 0;border:none;border-radius:0}.x-modal__footer>.x-button.x-modal__confirm{color:var(--x-white)}.x-modal.--input{min-width:var(--x-width-large)}.x-modal.--input .x-modal__body .x-modal__content{text-align:left}.x-menu.row .x-menu-item{margin:0 var(--x-space-mini)}.x-menu.col{padding:0 10px}.x-menu.col .x-menu-item{transform-origin:left center}.x-menu.col .x-menu-item+.x-menu-item{margin-top:10px}.x-menu .x-menu-item .x-button{color:inherit}.x-menu .x-menu-item.active{color:var(--x-primary);transform:scale(1.2)}.x-rain{width:100%;height:100%;font-size:1em;font-family:微软雅黑;color:#0f0;background-color:#000}.x-rain.--background{pointer-events:none;position:absolute;z-index:0;left:0;top:0}.x-markdown{overflow:auto}.x-markdown .html *{user-select:text}.x-markdown .html>*{margin:20px 0;line-height:2}.x-markdown .html hr{border-color:var(--x-primary)}.x-markdown .html code{font-family:Courier New,Courier,monospace;background-color:rgba(255,255,255,.2);display:inline-block;margin:0 5px;padding:0 5px;border-radius:5px;line-height:1.3}.x-markdown .html a{border-bottom:2px dashed var(--x-primary);padding-bottom:3px;text-decoration:none;font-size:.8em}.x-markdown .html a:before{content:">"}.x-markdown .html a:after{content:"<"}.x-markdown .html a:before,.x-markdown .html a:after{display:inline-block;color:var(--x-primary);padding:0 3px}.x-markdown .html a:hover{border-bottom-style:solid}.x-markdown .html a:hover:before,.x-markdown .html a:hover:after{transform:scale(1.5)}.x-markdown .html ul li+li,.x-markdown .html ol li+li{margin-top:20px}.x-markdown .html input[type=checkbox]{vertical-align:middle;width:1.5em;height:1.5em;margin-right:5px;visibility:hidden}.x-markdown .html input[type=checkbox]:after{content:"";display:block;width:100%;height:100%;background-color:rgba(0,255,0,.2);border:1px solid var(--x-primary);border-radius:5px;font-size:1.2em;font-weight:bolder;line-height:1.2;font-family:微软雅黑;text-align:center;visibility:visible}.x-markdown .html input[type=checkbox]:checked:after{content:"√";color:var(--x-primary)}@keyframes rotateCircle-3e38fc1e{0%{transform:rotateX(var(--skew)) rotateY(0)}to{transform:rotateX(var(--skew)) rotateY(360deg)}}.x-photo-wall[data-v-3e38fc1e]{width:100%;position:relative;transform-style:preserve-3d}.x-photo-wall.active[data-v-3e38fc1e]{animation:rotateCircle-3e38fc1e var(--duration) infinite linear}.x-photo-wall .photo[data-v-3e38fc1e]{height:100%;width:30%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;transform-origin:center center}.x-photo-wall .photo img[data-v-3e38fc1e]{object-fit:contain;max-width:100%;max-height:100%;margin:auto}.x-color-block{border-radius:var(--x-border-radius-small);border:1px solid var(--x-gray);transition:background 0s}.x-color-saturation{position:relative;width:max-content;aspect-ratio:1}.x-color-saturation canvas{width:100%;height:100%}.x-color-saturation .dot{box-shadow:0 0 2px 2px var(--x-black);border:1px solid var(--x-white);border-radius:50%;cursor:pointer;position:absolute;transform:translate(-50%,-50%);pointer-events:none}.x-color-slider{position:relative;width:max-content}.x-color-slider canvas{width:100%;height:100%}.x-color-slider .slide{width:120%;box-shadow:0 0 2px 2px var(--x-black);border:1px solid var(--x-white);border-radius:var(--x-border-radius);cursor:pointer;position:absolute;left:0;transform:translate(-10%,-50%);pointer-events:none}.x-color-preview{width:100%}.x-color-picker__picked{cursor:pointer}.x-color-picker__popup{width:var(--x-width);background:var(--x-primary);border-radius:var(--x-border-radius)}.x-color-picker__settings{width:100%}.x-color-picker__settings .x-color-saturation{flex-grow:1}.x-color-picker__settings>*+*{margin-left:var(--x-space-small)}.x-color-picker__preview,.x-color-picker__value{margin-top:var(--x-space-small)}.x-popover-target[data-v-41984448]{cursor:pointer;width:fit-content}.x-input{width:fit-content;height:var(--x-height);color:fieldtext;background-color:field}.x-input-number{text-align:center}.x-input-number .x-input__wrapper{width:var(--x-width-mini)}.x-input__prefix .x-button,.x-input__suffix .x-button{height:100%;border-radius:0}.x-input__prefix:not(:has(.x-button)){padding-left:var(--x-space-mini)}.x-input__suffix:not(:has(.x-button)){padding-right:var(--x-space-mini)}.x-input__wrapper{overflow:hidden;height:100%;width:var(--x-width);padding:0 var(--x-space-mini)}.x-input__wrapper input{width:100%;height:100%;line-height:inherit;font-size:inherit;color:inherit;text-align:inherit;background-color:transparent;border:none;padding:0;outline:none}.x-input__wrapper input::-webkit-inner-spin-button,.x-input__wrapper input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.x-input__wrapper .x-input__clear,.x-input__wrapper .x-input__show{transform:scale(0) rotate(90deg);margin-left:-1em;padding:1px;min-width:fit-content;min-height:fit-content}.x-input:focus-within .x-input__clear.--active,.x-input:hover .x-input__clear.--active,.x-input:focus-within .x-input__show.--active,.x-input:hover .x-input__show.--active{transform:scale(1);margin-left:var(--x-space-mini)}.x-text{word-break:break-all}.x-text.ellipsis{display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.x-text.--default{color:var(--x-white)}.x-text.--primary{color:var(--x-purple)}.x-text.--second{color:var(--x-mauve)}.x-text.--info{color:var(--x-blue)}.x-text.--success{color:var(--x-green)}.x-text.--warn{color:var(--x-yellow)}.x-text.--error{color:var(--x-red)}.x-scrollbar__bar{position:absolute;border-radius:var(--x-border-radius)}.x-scrollbar__bar.--horizontal{width:100%;height:var(--x-border-radius);bottom:var(--x-space-mini);left:0}.x-scrollbar__bar.--vertical{width:var(--x-border-radius);height:100%;right:var(--x-space-mini);top:0}.x-scrollbar__thumb{width:100%;height:100%;border-radius:inherit;background-color:var(--x-primary);cursor:pointer;opacity:.6;transition:opacity .3s}.x-scrollbar__thumb:hover,.x-scrollbar__thumb:active{opacity:1}.x-scrollbar .scrollbar-fade-enter-active{transition:opacity .3s ease-out}.x-scrollbar .scrollbar-fade-leave-active{transition:opacity .15s ease-out}.x-scrollbar .scrollbar-fade-enter-from,.x-scrollbar .scrollbar-fade-leave-active{opacity:0}.x-scrollbar{position:relative;overflow:hidden}.x-scrollbar__container{max-width:inherit;max-height:inherit;width:100%;height:100%;overflow:auto}.x-scrollbar__container:not(.--native)::-webkit-scrollbar{display:none}.x-scrollbar__wrapper{min-width:100%;min-height:100%;width:fit-content;height:fit-content}