.ex-icon{vertical-align:middle;display:inline-block}.ex-icon svg{fill:currentColor;width:1em;height:1em}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--ex-bg-color:#ffffff4d;--ex-bg-color-dark:#fff9;--ex-border-color:#fffc;--ex-shadow-color:#0000001a;--ex-font-color-primary:#333;--ex-font-color-secondary:#666;--ex-font-color-placeholder:#999;--ex-color-primary:#427ce9;--ex-font-size-base:14px;--ex-font-size-sm:12px;--ex-blur-size:20px;--ex-boder-radius-base:20px;--ex-boder-radius-circle:calc(infinity * 1px);--ex-component-size:32px;--ex-box-shadow:0 0 10px var(--ex-shadow-color);--ex-box-shadow-inset:inset 0 0 10px var(--ex-border-color);--ex-text-shadow:1px 1px 0 var(--ex-bg-color), -1px -1px 0 var(--ex-bg-color), 1px -1px 0 var(--ex-bg-color), -1px 1px 0 var(--ex-bg-color);--ex-padding-xs:8px;--ex-padding-sm:16px;--ex-padding-md:24px;--ex-padding-lg:32px;--ex-avatar-size:88px}body,html,#app{height:100%;margin:0;overflow:hidden}.ex-main{background:var(--main-bg) no-repeat;height:100%;font-size:var(--ex-font-size-base);color:var(--ex-font-color-primary);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;display:flex}.ex-card{border-radius:var(--ex-boder-radius-base);perspective:800px;width:600px;max-width:90vw}.ex-card-visual{border-radius:inherit;padding:var(--ex-padding-lg);background-image:linear-gradient(to bottom, var(--ex-bg-color) 60%, var(--ex-bg-color-dark));-webkit-backdrop-filter:blur(var(--ex-blur-size));backdrop-filter:blur(var(--ex-blur-size));border:1px solid var(--ex-border-color);box-shadow:var(--ex-box-shadow), var(--ex-box-shadow-inset);align-items:center;row-gap:var(--ex-padding-md);box-sizing:border-box;will-change:transform;flex-direction:column;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.ex-card-avatar{width:var(--ex-avatar-size);height:var(--ex-avatar-size);border-radius:var(--ex-boder-radius-circle);border:4px solid var(--ex-shadow-color);overflow:hidden}.ex-card-avatar img{width:inherit;height:inherit;object-fit:contain;border-radius:var(--ex-boder-radius-circle);border:2px solid var(--ex-border-color);box-sizing:border-box}.ex-card-profile{row-gap:var(--ex-padding-xs);flex-direction:column;align-items:center;display:flex}.ex-card-profile .profile-title,.ex-card-profile .profile-subtitle{text-shadow:var(--ex-text-shadow);margin:0}.ex-card-profile .profile-title{font-size:1.6em}.ex-card-control{gap:var(--ex-padding-sm);flex-wrap:wrap;justify-content:center;display:flex}.ex-card-control button{height:var(--ex-component-size);background-color:var(--ex-bg-color);border:2px solid var(--ex-border-color);border-radius:var(--ex-boder-radius-circle);padding:0 var(--ex-padding-sm);-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--ex-font-color-primary);font-size:var(--ex-font-size-base);line-height:1;transition:all .3s;position:relative}.ex-card-control button:before{--current-color:var(--theme-color,var(--ex-color-primary));content:"";border-radius:inherit;background-image:conic-gradient(from var(--border-angle), oklch(from var(--current-color) l c h) 0, oklch(from var(--current-color) calc(l * 1.4) c h) 25%, oklch(from var(--current-color) l c h) 50%, oklch(from var(--current-color) calc(l * 1.4) c h) 75%, oklch(from var(--current-color) l c h) 100%);opacity:0;will-change:opacity background-image;padding:2px;transition:opacity .3s;animation:3s linear infinite routating-border;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ex-card-control button:hover{background-color:var(--ex-border-color);border-color:#0000}.ex-card-control button:hover:before{opacity:1}.ex-card-footer{font-size:var(--ex-font-size-sm);color:var(--ex-font-color-secondary);column-gap:var(--ex-padding-sm);align-items:center;line-height:1;display:flex}.ex-card-footer hr{background-color:var(--ex-font-color-placeholder);border:none;width:1px;height:1em;margin:0;display:inline-block}.ex-card-footer a{color:var(--ex-color-primary);text-decoration:none}.ex-card-footer a:hover{text-decoration:underline}.ex-bg-info{--text-color:oklch(from var(--theme-color) calc(l * .6) c h);top:var(--ex-padding-lg);right:var(--ex-padding-lg);padding:var(--ex-padding-xs) var(--ex-padding-sm);background-color:var(--ex-bg-color);border-radius:var(--ex-boder-radius-base);-webkit-backdrop-filter:blur(var(--ex-blur-size));backdrop-filter:blur(var(--ex-blur-size));font-size:var(--ex-font-size-sm);-webkit-user-select:none;user-select:none;box-shadow:var(--ex-box-shadow), var(--ex-box-shadow-inset);grid-template-columns:auto 0fr;align-items:center;column-gap:0;transition:all .3s;display:grid;position:absolute}.ex-bg-info .ex-bg-info-icon{color:var(--text-color);font-size:1.6em}.ex-bg-info .ex-bg-info-main{white-space:nowrap;flex-direction:column;display:flex;overflow:hidden}.ex-bg-info .ex-bg-info-main label{color:var(--ex-font-color-secondary)}.ex-bg-info .ex-bg-info-main a,.ex-bg-info .ex-bg-info-main span{color:var(--text-color)}.ex-bg-info .ex-bg-info-main a{text-decoration:none}.ex-bg-info.is-opened{background-color:var(--ex-bg-color-dark);column-gap:var(--ex-padding-xs);grid-template-columns:auto 1fr}.ex-slide-down-enter-active{animation:1s slide-down}.ex-slide-down-leave-active{animation:1s reverse slide-down}.ex-fade-in-enter-active{animation:.3s fade-in}.ex-fade-in-leave-active{animation:.3s reverse fade-in}@keyframes slide-down{0%{transform:translateY(calc(var(--ex-padding-lg) * -1));opacity:0}60%{transform:translateY(var(--ex-padding-xs));opacity:1}to{transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes routating-border{0%{--border-angle:0deg}to{--border-angle:360deg}}@media screen and (width<=640px){:root{--ex-avatar-size:80px;--ex-padding-xs:6px;--ex-padding-sm:12px;--ex-padding-md:18px;--ex-padding-lg:24px}.ex-card{padding:var(--ex-padding-md) var(--ex-padding-sm)}.ex-card-footer{column-gap:var(--ex-padding-xs)}.ex-bg-source{top:5vw;right:5vw}}@media screen and (width<=360px){:root{--ex-avatar-size:72px}.ex-card-profile .profile-title{font-size:1.4em}.ex-card-footer{row-gap:var(--ex-padding-xs);flex-direction:column}.ex-card-footer hr{display:none}}