.authx-preview{background:#f5f5f0;height:100vh;width:100%;padding:0 20px;position:relative}.authx-preview>*{max-width:1200px;margin:0 auto}.authx-preview--loading{height:100%;top:0;background:#f5f5f0}.authx-preview--loading,.authx-preview--note{width:100%;max-width:100%;position:absolute;left:0}.authx-preview--note{bottom:0;height:50px;background:#140508;display:flex;justify-content:center;align-items:center}.authx-preview--note p{color:#fff}.authx-preview--nav{height:80px;width:100%;background:transparent;display:flex;justify-content:space-between;align-items:center}.authx-preview--nav ul{display:flex;align-items:center;list-style:none;margin:0;padding:0}.authx-preview--nav ul li{padding:10px 20px;position:relative;color:#7e8299;cursor:pointer;transition:color .25s ease-out}.authx-preview--nav ul li:hover{color:#140508;transition:color .25s ease-in}@media(max-width:600px){.authx-preview--nav ul{display:none}}.authx-preview--hero,.authx-preview--nav div{display:flex;align-items:center}.authx-preview--hero{height:calc(100vh - 80px);justify-content:center;position:relative}.authx-preview--hero>div{width:50%}@media(max-width:992px){.authx-preview--hero{flex-direction:column-reverse}.authx-preview--hero>div{width:100%}.authx-preview--hero__text{text-align:center}.authx-preview--hero__text div{display:flex;justify-content:center}.authx-preview--hero__content{margin-bottom:50px}}.authx-preview--hero__text{margin-bottom:50px}.authx-preview--hero__text>span{border-radius:4px;padding:5px 7px;color:#fff;font-size:12px;background:#04c94a}.authx-preview--hero__text h1{font-size:4.25rem;line-height:1.1;color:#140508;margin-bottom:15px}@media(max-width:600px){.authx-preview--hero__text h1{font-size:3rem}}.authx-preview--hero__text p{font-size:1.25rem;margin-bottom:30px;color:#7e8299}.authx-preview--hero__text div{width:100%;display:flex;align-items:center}.authx-preview--hero__image{display:flex;justify-content:center;align-items:center}.authx-preview--code{height:300px;border-radius:12px;padding:20px;background:#dadada}.el-button--primary{background-color:#172128!important}pre{font-size:12px;background:#eee}