@squirrel-cloud/ui-vue 0.5.9 → 0.6.0

package/dist/style.css

@@ -1 +1 @@
-@layer theme,component,type,custom;@layer theme{:root{color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;--sq-bg-color: oklch(.985 .0025 248);--sq-bg-color-dark: oklch(from var(--sq-bg-color) .955 c h);--sq-mask-color: oklch(.3 .01 256 / .3);--sq-component-bg-color: #fff;--sq-projection-dark: oklch(.955 .02 259);--sq-projection-light: #fff;--sq-text-color: oklch(.24 .035 257);--sq-text-color-secondary: oklch(from var(--sq-text-color) .5 c h);--sq-text-color-placeholder: oklch(from var(--sq-text-color) .72 c h);--sq-border-color: oklch(.92 .006 250);--sq-border-color-light: oklch(from var(--sq-border-color) .95 c h);--sq-border-color-lighter: oklch(from var(--sq-border-color) .975 c h);--sq-color-primary: oklch(.75 .18 48);--sq-color-primary-light-5: oklch(from var(--sq-color-primary) l c h / .08);--sq-color-primary-light-4: oklch(from var(--sq-color-primary) l c h / .2);--sq-color-primary-light-3: oklch(from var(--sq-color-primary) l c h / .4);--sq-color-primary-light-2: oklch(from var(--sq-color-primary) l c h / .6);--sq-color-primary-light-1: oklch(from var(--sq-color-primary) l c h / .8);--sq-color-primary-dark-1: oklch(from var(--sq-color-primary) .65 c h);--sq-color-success: oklch(.7 .2 151);--sq-color-success-light-5: oklch(from var(--sq-color-success) l c h / .08);--sq-color-success-light-4: oklch(from var(--sq-color-success) l c h / .2);--sq-color-success-light-3: oklch(from var(--sq-color-success) l c h / .4);--sq-color-success-light-2: oklch(from var(--sq-color-success) l c h / .6);--sq-color-success-light-1: oklch(from var(--sq-color-success) l c h / .8);--sq-color-success-dark-1: oklch(from var(--sq-color-success) .6 c h);--sq-color-info: oklch(.68 .15 230);--sq-color-info-light-5: oklch(from var(--sq-color-info) l c h / .08);--sq-color-info-light-4: oklch(from var(--sq-color-info) l c h / .2);--sq-color-info-light-3: oklch(from var(--sq-color-info) l c h / .4);--sq-color-info-light-2: oklch(from var(--sq-color-info) l c h / .6);--sq-color-info-light-1: oklch(from var(--sq-color-info) l c h / .8);--sq-color-info-dark-1: oklch(from var(--sq-color-info) .57 c h);--sq-color-warn: oklch(.72 .16 76);--sq-color-warn-light-5: oklch(from var(--sq-color-warn) l c h / .08);--sq-color-warn-light-4: oklch(from var(--sq-color-warn) l c h / .2);--sq-color-warn-light-3: oklch(from var(--sq-color-warn) l c h / .4);--sq-color-warn-light-2: oklch(from var(--sq-color-warn) l c h / .6);--sq-color-warn-light-1: oklch(from var(--sq-color-warn) l c h / .8);--sq-color-warn-dark-1: oklch(from var(--sq-color-warn) .62 c h);--sq-color-error: oklch(.7 .22 29);--sq-color-error-light-5: oklch(from var(--sq-color-error) l c h / .08);--sq-color-error-light-4: oklch(from var(--sq-color-error) l c h / .2);--sq-color-error-light-3: oklch(from var(--sq-color-error) l c h / .4);--sq-color-error-light-2: oklch(from var(--sq-color-error) l c h / .6);--sq-color-error-light-1: oklch(from var(--sq-color-error) l c h / .8);--sq-color-error-dark-1: oklch(from var(--sq-color-error) .58 c h);--sq-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--sq-font-size-sm: 12px;--sq-font-size-md: 14px;--sq-font-size-lg: 16px;--sq-radius-xs: 4px;--sq-radius-sm: 6px;--sq-radius-md: 8px;--sq-radius-lg: 12px;--sq-radius-full: calc(infinity * 1px);--sq-opacity-80: .8;--sq-opacity-20: .2;--sq-padding-xs: 8px;--sq-padding-sm: 12px;--sq-padding-md: 24px;--sq-padding-lg: 36px;--sq-padding-xl: 48px;--sq-blur-sm: 4px;--sq-blur-md: 10px;--sq-blur-lg: 50px;--sq-component-size-xs: 24px;--sq-component-size-sm: 32px;--sq-component-size-md: 36px;--sq-component-size-lg: 40px;--sq-line-height-single: 1;--sq-line-height-base: 1.6;--sq-transition-base: .3s ease;--sq-transition-linear: .3s linear;--sq-shadow-xs-dark: 2px 2px 3px;--sq-shadow-xs-light: -2px -2px 3px;--sq-shadow-sm-dark: 4px 4px 6px;--sq-shadow-sm-light: -4px -4px 6px;--sq-shadow-md-dark: 6px 6px 9px;--sq-shadow-md-light: -6px -6px 9px;--sq-shadow-lg-dark: 8px 8px 12px;--sq-shadow-lg-light: -8px -8px 12px;--sq-text-shadow: 1px 1px 1px rgb(0 0 0 / var(--sq-opacity-20))}:root.dark{color-scheme:dark}@media (max-width: 768px){:root{--sq-radius-xs: 2px;--sq-radius-sm: 4px;--sq-radius-md: 6px;--sq-radius-lg: 8px;--sq-padding-xs: 6px;--sq-padding-sm: 10px;--sq-padding-md: 16px;--sq-padding-lg: 24px;--sq-padding-xl: 32px}}}@layer theme{.sq-fade-enter-active{animation:fade var(--sq-transition-base)}.sq-fade-leave-active{animation:reverse fade var(--sq-transition-base)}.sq-slide-up-enter-active{animation:slide-up var(--sq-transition-base)}.sq-slide-up-leave-active{animation:reverse slide-up var(--sq-transition-base)}.sq-card-insert-enter-active,.sq-card-insert-leave-active{transform-origin:right}.sq-card-insert-enter-active{animation:card-insert var(--sq-transition-base)}.sq-card-insert-leave-active{animation:reverse card-insert var(--sq-transition-base)}.sq-rotate-in-left-enter-active{animation:rotate-in-left var(--sq-transition-base)}.sq-rotate-in-left-leave-active{animation:reverse rotate-in-left var(--sq-transition-base)}.sq-rotate-in-right-enter-active{animation:rotate-in-right var(--sq-transition-base)}.sq-rotate-in-right-leave-active{animation:reverse rotate-in-right var(--sq-transition-base)}.sq-zoom-enter-active{animation:zoom var(--sq-transition-base)}.sq-zoom-leave-active{animation:reverse zoom var(--sq-transition-base)}.sq-zoom-top-enter-active,.sq-zoom-top-leave-active{transform-origin:top}.sq-zoom-top-enter-active{animation:zoom-v var(--sq-transition-base)}.sq-zoom-top-leave-active{animation:reverse zoom-v var(--sq-transition-base)}.sq-zoom-bottom-enter-active,.sq-zoom-bottom-leave-active{transform-origin:bottom}.sq-zoom-bottom-enter-active{animation:zoom-v var(--sq-transition-base)}.sq-zoom-bottom-leave-active{animation:reverse zoom-v var(--sq-transition-base)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(var(--sq-padding-lg));opacity:0}to{transform:none;opacity:1}}@keyframes card-insert{0%{transform:translateY(-50%) rotate(30deg);opacity:0}60%{transform:translateY(10%);opacity:1}to{transform:none;opacity:1}}@keyframes rotate-in-left{0%{transform:translate(200%) rotate(180deg);opacity:0}to{transform:none;opacity:1}}@keyframes rotate-in-right{0%{transform:translate(-200%) rotate(180deg);opacity:0}to{transform:none;opacity:1}}@keyframes zoom{0%{transform:scale(0);opacity:0}90%{transform:scale(1.1);opacity:1}to{transform:none;opacity:1}}@keyframes zoom-v{0%{transform:scaleY(0);opacity:0}to{transform:none;opacity:1}}@keyframes skeleton{0%{background-position:-60% 0}to{background-position:160% 0}}}@layer component{@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:70}50%{stroke-dashoffset:125}to{stroke-dashoffset:70}}.sq-icon{display:inline-flex}.sq-icon>svg{width:1em;height:1em;fill:currentColor}.sq-icon.is-loading>svg{transform-origin:center;animation:loading 1s linear infinite}.sq-icon[data-icon=loading] circle{fill:none;stroke:currentColor;stroke-width:4;stroke-dasharray:130;stroke-linecap:round;animation:dash 2s ease-in-out infinite}}@layer component{.sq-alert{--alert-color: var(--sq-color-primary);--alert-bg-color: var(--sq-color-primary-light-5);--alert-selection-color: var(--sq-color-primary);border-radius:var(--sq-radius-md);padding:var(--sq-padding-sm);background:var(--alert-bg-color)}.sq-alert.sq-text{color:var(--alert-color)}.sq-alert.sq-text::selection{background-color:var(--alert-selection-color)}}@layer type{.sq-alert.is-success{--alert-color: var(--sq-color-success);--alert-bg-color: var(--sq-color-success-light-5);--alert-selection-color: var(--sq-color-success)}.sq-alert.is-info{--alert-color: var(--sq-color-info);--alert-bg-color: var(--sq-color-info-light-5);--alert-selection-color: var(--sq-color-info)}.sq-alert.is-warn{--alert-color: var(--sq-color-warn);--alert-bg-color: var(--sq-color-warn-light-5);--alert-selection-color: var(--sq-color-warn)}.sq-alert.is-error{--alert-color: var(--sq-color-error);--alert-bg-color: var(--sq-color-error-light-5);--alert-selection-color: var(--sq-color-error)}}@layer component{.sq-article{overflow-x:hidden;overflow-y:auto}.sq-article-content{line-height:var(--sq-line-height-base);display:flex;flex-direction:column;color:currentColor;font-size:var(--sq-font-size-md);row-gap:var(--sq-padding-sm);font-family:var(--sq-font-family)}.sq-article-content::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-article-content p,.sq-article-content h1,.sq-article-content h2,.sq-article-content h3,.sq-article-content h4,.sq-article-content h5,.sq-article-content h6{margin:0}.sq-article-content p>img{display:inline;max-width:100%;vertical-align:middle}.sq-article-content p>video{display:inline;max-width:100%;vertical-align:middle}.sq-article-content p>code{word-break:break-all;border-radius:var(--sq-radius-sm);background-color:var(--sq-color-primary-light-5);color:var(--sq-color-primary);padding:.1em .4em;font-family:var(--sq-font-family)}.sq-article-content h1,.sq-article-content h2,.sq-article-content h3,.sq-article-content h4,.sq-article-content h5,.sq-article-content h6{color:var(--sq-text-color)}.sq-article-content ul,.sq-article-content ol{margin:0;padding:0;list-style-type:none}.sq-article-content ul>li,.sq-article-content ol>li{position:relative;padding-inline-start:var(--sq-padding-md)}.sq-article-content ul>li:before,.sq-article-content ol>li:before{position:absolute;left:0}.sq-article-content ul>li:before{content:"";background-color:currentColor;aspect-ratio:1;width:4px;border-radius:var(--sq-radius-full);top:calc(.8em - 2px)}.sq-article-content ol{counter-reset:section}.sq-article-content ol>li{counter-increment:section}.sq-article-content ol>li:before{content:counter(section) ".";top:0}.sq-article-content a{text-decoration:none;color:var(--sq-color-primary);border-block-end:1px solid transparent;word-break:break-all}.sq-article-content a:hover{border-block-end-color:var(--sq-color-primary)}.sq-article-content a .sq-icon{vertical-align:middle;margin-inline-end:.2em;transform:translateY(-1px)}.sq-article-content .sq-checkbox{height:auto}.sq-article-content .sq-image{max-width:100%}.sq-article-content>img{max-width:100%;border-radius:var(--sq-radius-md)}.sq-article-content>blockquote{margin:0;padding:var(--sq-padding-sm);border-radius:var(--sq-radius-md);border-inline-start:4px solid var(--sq-color-primary);background-color:var(--sq-color-primary-light-5)}.sq-code{width:100%}.sq-article-table{border:1px solid var(--sq-border-color);border-radius:var(--sq-radius-md);overflow:hidden}.sq-article-table table{border-collapse:collapse;width:100%}.sq-article-table table thead{color:var(--sq-text-color);background-color:var(--sq-bg-color);border-block-end:1px solid var(--sq-border-color-light)}.sq-article-table table tbody{color:var(--sq-text-color-secondary)}.sq-article-table table th,.sq-article-table table td{padding:var(--sq-padding-sm)}.sq-article-table table th{position:relative}.sq-article-table table th:not(:last-child):after{content:"";position:absolute;z-index:1;right:0;top:50%;border:1px solid var(--sq-border-color-light);height:1em;transform:translateY(-50%)}.sq-article-table table tr:nth-child(2n){background-color:var(--sq-bg-color)}ul>li.sq-article-task-list-item{display:flex;align-items:center;column-gap:var(--sq-padding-xs);padding-inline-start:0}ul>li.sq-article-task-list-item:before{content:none}}@layer component{.sq-avatar{--avatar-size: var(--sq-component-size-md);--avatar-bg-color: var(--sq-color-primary);display:inline-block;vertical-align:middle;width:var(--avatar-size);aspect-ratio:1;border-radius:var(--sq-radius-md);font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);box-sizing:border-box;border:1px solid var(--sq-border-color-light);overflow:hidden;-webkit-user-select:none;user-select:none;box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-avatar.sq-avatar--sm{--avatar-size: var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-avatar.sq-avatar--lg{--avatar-size: var(--sq-component-size-lg);font-size:var(--sq-font-size-lg)}.sq-avatar.is-round{border-radius:var(--sq-radius-full)}.sq-avatar:has(>span){border:none;background:var(--avatar-bg-color)}.sq-avatar img{width:100%;height:100%;object-fit:cover}.sq-avatar span{width:100%;height:100%;color:#fff;display:flex;align-items:center;justify-content:center;line-height:var(--sq-line-height-single)}}@layer component{.sq-backtop{--backtop-margin-right: var(--sq-padding-md);--backtop-margin-bottom: var(--sq-padding-md);--backtop-size: 48px;position:fixed;width:var(--backtop-size);height:var(--backtop-size);inset-block-end:var(--backtop-margin-right);inset-inline-end:var(--backtop-margin-bottom);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-full);cursor:pointer;font-size:var(--sq-font-size-md);color:var(--sq-text-color-secondary);z-index:1999;box-shadow:var(--sq-shadow-md-dark) var(--sq-projection-dark),var(--sq-shadow-md-light) var(--sq-projection-light);will-change:color;transition:color var(--sq-transition-base)}.sq-backtop:not(:has(.sq-progress)){border:1px solid var(--sq-border-color-light)}.sq-backtop:hover{color:var(--sq-color-primary)}.sq-backtop-wrap{position:relative;display:flex;align-items:center;justify-content:center;height:100%}.sq-backtop-wrap .sq-progress{width:100%;position:absolute}.sq-backtop-wrap .sq-icon{position:absolute;font-size:1.5em}}@layer component{.sq-badge{--badge-size: auto;--badge-padding: 2px 6px;display:inline-block;vertical-align:middle;position:relative;width:fit-content}.sq-badge.is-dot{--badge-size: 8px;--badge-padding: 0}.sq-badge.is-dot .sq-badge-label-inner{aspect-ratio:1}.sq-badge-label{-webkit-user-select:none;user-select:none;font-size:var(--sq-font-size-sm);color:#fff;line-height:var(--sq-line-height-single)}.sq-badge-label-inner{display:block;height:var(--badge-size);padding:var(--badge-padding);background:var(--badge-color);border-radius:var(--sq-radius-full)}sup.sq-badge-label{position:absolute;translate:-50% -50%}}@layer type{.sq-badge.is-primary{--badge-color: var(--sq-color-primary)}.sq-badge.is-success{--badge-color: var(--sq-color-success)}.sq-badge.is-info{--badge-color: var(--sq-color-info)}.sq-badge.is-warn{--badge-color: var(--sq-color-warn)}.sq-badge.is-error{--badge-color: var(--sq-color-error)}}@layer component{.sq-blur{border-radius:var(--sq-radius-sm);filter:blur(var(--sq-blur-sm));-webkit-user-select:none;user-select:none;will-change:filter;transition:filter var(--sq-transition-base)}.sq-blur.sq-text{display:inline}.sq-blur:hover{filter:none}}@layer component{.sq-button{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color-secondary);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: var(--sq-component-bg-color);--button-bg-color-hover: var(--sq-component-bg-color);--button-bg-color-disabled: var(--sq-bg-color);--button-border-color: var(--sq-border-color-light);--button-shadow-color: var(--sq-projection-dark);--button-padding: var(--sq-padding-sm);cursor:pointer;height:var(--sq-component-size-md);padding:0 var(--button-padding);color:var(--button-color);background-color:var(--button-bg-color);display:inline-block;vertical-align:middle;border:1px solid;border-color:var(--button-border-color);border-radius:var(--sq-radius-md);-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:all var(--sq-transition-base)}.sq-button.sq-button--sm{height:var(--sq-component-size-sm)}.sq-button.sq-button--lg{height:var(--sq-component-size-lg)}.sq-button:not(.is-text){box-shadow:var(--sq-shadow-sm-dark) var(--button-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-button.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--button-padding) + .2em)}.sq-button:disabled{cursor:not-allowed;color:var(--button-color-disabled);background-color:var(--button-bg-color-disabled)}.sq-button:hover:not(:disabled){color:var(--button-color-hover);background-color:var(--button-bg-color-hover)}.sq-button:active:not(:disabled){box-shadow:var(--sq-shadow-xs-dark) var(--button-shadow-color)}.sq-button .sq-text{justify-content:center;line-height:var(--sq-line-height-single)}.sq-button .sq-text::selection{text-shadow:none}}@layer type{.sq-button.is-primary{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-primary);--button-bg-color-hover: var(--sq-color-primary-dark-1);--button-bg-color-disabled: var(--sq-color-primary-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-primary-light-4)}.sq-button.is-success{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-success);--button-bg-color-hover: var(--sq-color-success-dark-1);--button-bg-color-disabled: var(--sq-color-success-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-success-light-4)}.sq-button.is-info{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-info);--button-bg-color-hover: var(--sq-color-info-dark-1);--button-bg-color-disabled: var(--sq-color-info-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-info-light-4)}.sq-button.is-warn{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-warn);--button-bg-color-hover: var(--sq-color-warn-dark-1);--button-bg-color-disabled: var(--sq-color-warn-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-warn-light-4)}.sq-button.is-error{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-error);--button-bg-color-hover: var(--sq-color-error-dark-1);--button-bg-color-disabled: var(--sq-color-error-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-error-light-4)}.sq-button.is-text{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: transparent;--button-bg-color-hover: var(--sq-bg-color);--button-bg-color-disabled: transparent;--button-border-color: transparent}.sq-button.is-text:active:not(:disabled){box-shadow:none}.sq-button.is-text.is-primary{--button-color: var(--sq-color-primary);--button-color-hover: var(--sq-color-primary-dark-1);--button-color-disabled: var(--sq-color-primary-light-3);--button-bg-color-hover: var(--sq-color-primary-light-5)}.sq-button.is-text.is-success{--button-color: var(--sq-color-success);--button-color-hover: var(--sq-color-success-dark-1);--button-color-disabled: var(--sq-color-success-light-3);--button-bg-color-hover: var(--sq-color-success-light-5)}.sq-button.is-text.is-info{--button-color: var(--sq-color-info);--button-color-hover: var(--sq-color-info-dark-1);--button-color-disabled: var(--sq-color-info-light-3);--button-bg-color-hover: var(--sq-color-info-light-5)}.sq-button.is-text.is-warn{--button-color: var(--sq-color-warn);--button-color-hover: var(--sq-color-warn-dark-1);--button-color-disabled: var(--sq-color-warn-light-3);--button-bg-color-hover: var(--sq-color-warn-light-5)}.sq-button.is-text.is-error{--button-color: var(--sq-color-error);--button-color-hover: var(--sq-color-error-dark-1);--button-color-disabled: var(--sq-color-error-light-3);--button-bg-color-hover: var(--sq-color-error-light-5)}.sq-button.is-text.has-bg{--button-bg-color: var(--sq-bg-color);--button-bg-color-hover: var(--sq-bg-color-dark);--button-bg-color-disabled: var(--sq-bg-color)}.sq-button.is-text.has-bg.is-primary{--button-bg-color: var(--sq-color-primary-light-5);--button-bg-color-hover: var(--sq-color-primary-light-4);--button-bg-color-disabled: var(--sq-color-primary-light-5)}.sq-button.is-text.has-bg.is-success{--button-bg-color: var(--sq-color-success-light-5);--button-bg-color-hover: var(--sq-color-success-light-4);--button-bg-color-disabled: var(--sq-color-success-light-5)}.sq-button.is-text.has-bg.is-info{--button-bg-color: var(--sq-color-info-light-5);--button-bg-color-hover: var(--sq-color-info-light-4);--button-bg-color-disabled: var(--sq-color-info-light-5)}.sq-button.is-text.has-bg.is-warn{--button-bg-color: var(--sq-color-warn-light-5);--button-bg-color-hover: var(--sq-color-warn-light-4);--button-bg-color-disabled: var(--sq-color-warn-light-5)}.sq-button.is-text.has-bg.is-error{--button-bg-color: var(--sq-color-error-light-5);--button-bg-color-hover: var(--sq-color-error-light-4);--button-bg-color-disabled: var(--sq-color-error-light-5)}}@layer component{.sq-button-group{--button-group-shadow-color: var(--sq-projection-dark);border-radius:var(--sq-radius-md);display:inline-block;vertical-align:middle;box-shadow:var(--sq-shadow-sm-dark) var(--button-group-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-button-group:has(>.is-round){border-radius:var(--sq-radius-full)}.sq-button-group .sq-button{box-shadow:none}.sq-button-group .sq-button:active{box-shadow:none}.sq-button-group .sq-button:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;border-inline-start:none}.sq-button-group .sq-button:not(:first-child).is-round{padding-inline-start:var(--button-padding)}.sq-button-group .sq-button:not(:last-child){border-start-end-radius:0;border-end-end-radius:0;border-inline-end-color:var(--sq-border-color-light)}.sq-button-group .sq-button:not(:last-child).is-round{padding-inline-end:var(--button-padding)}}@layer type{.sq-button-group:has(>.is-primary){--button-group-shadow-color: var(--sq-color-primary-light-4)}.sq-button-group:has(>.is-success){--button-group-shadow-color: var(--sq-color-success-light-4)}.sq-button-group:has(>.is-info){--button-group-shadow-color: var(--sq-color-info-light-4)}.sq-button-group:has(>.is-warn){--button-group-shadow-color: var(--sq-color-warn-light-4)}.sq-button-group:has(>.is-error){--button-group-shadow-color: var(--sq-color-error-light-4)}}@layer component{.sq-card{padding:var(--sq-padding-md);border-radius:var(--sq-radius-lg);border:1px solid var(--sq-border-color-light);background-color:var(--sq-component-bg-color);color:var(--sq-text-color-secondary);font-size:var(--sq-font-size-md);line-height:var(--sq-line-height-base);font-family:var(--sq-font-family);box-shadow:var(--sq-shadow-lg-dark) var(--sq-projection-dark),var(--sq-shadow-lg-light) var(--sq-projection-light)}.sq-card::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-card .sq-card-header{margin-block-end:var(--sq-padding-md);line-height:var(--sq-line-height-single);display:flex;align-items:center;justify-content:space-between}.sq-card .sq-card-header h2{color:var(--sq-text-color);font-weight:700;font-size:var(--sq-font-size-lg);margin:0;padding:0}.sq-card .sq-card-header h2.has-decorative{position:relative;padding-inline-start:var(--sq-padding-sm)}.sq-card .sq-card-header h2.has-decorative:before{content:"";position:absolute;height:1em;width:4px;top:50%;left:0;border-radius:var(--sq-radius-full);background-color:var(--sq-color-primary);transform:translateY(-50%)}.sq-card .sq-card-footer{display:flex;align-items:center;margin-block-start:var(--sq-padding-md)}}@layer component{.sq-selection{--selection-color: var(--sq-text-color);--selection-color-hover: var(--sq-text-color);--selection-color-disabled: var(--sq-text-color-placeholder);--selection-color-checked: var(--sq-text-color);--selection-bg-color: var(--sq-component-bg-color);--selection-border-color: var(--sq-border-color-light);--selection-inner-color: #fff;--selection-shadow-color: var(--sq-projection-dark);display:inline-flex;vertical-align:middle;align-items:center;column-gap:var(--sq-padding-xs);font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);color:var(--selection-color);cursor:pointer;box-sizing:border-box;border-radius:var(--sq-radius-sm);height:var(--sq-component-size-md);will-change:color;transition:color var(--sq-transition-base)}.sq-selection.sq-selection--sm{font-size:var(--sq-font-size-sm);height:var(--sq-component-size-sm)}.sq-selection.sq-selection--lg{height:var(--sq-component-size-lg)}.sq-selection input[type=radio],.sq-selection input[type=checkbox]{opacity:0;position:absolute;width:0;height:0;margin:0}.sq-selection .sq-selection-label{-webkit-user-select:none;user-select:none;line-height:var(--sq-line-height-single);will-change:color;transition:color var(--sq-transition-base)}.sq-selection.is-checked{--selection-bg-color: var(--sq-color-primary);--selection-border-color: var(--sq-color-primary);--selection-shadow-color: var(--sq-color-primary-light-4);color:var(--selection-color-checked)}.sq-selection:hover{--selection-border-color: var(--sq-color-primary);color:var(--selection-color-hover)}.sq-selection.is-disabled{--selection-border-color: var(--sq-border-color-light);--selection-bg-color: var(--sq-bg-color);--selection-inner-color: var(--sq-text-color-placeholder);--selection-shadow-color: var(--sq-projection-dark);color:var(--selection-color-disabled);cursor:not-allowed}}@layer type{.sq-selection.is-outline,.sq-selection.is-solid{--selection-color-hover: var(--sq-color-primary);border:1px solid var(--selection-border-color);padding-inline:var(--sq-padding-sm);box-shadow:var(--sq-shadow-sm-dark) var(--selection-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-selection.is-outline{--selection-color-checked: var(--sq-color-primary)}.sq-selection.is-solid{--selection-color-checked: #fff;background-color:var(--selection-bg-color)}.sq-selection.is-solid.is-checked{--selection-color: #fff;--selection-color-hover: #fff;--selection-color-disabled: #fff;--selection-border-color: transparent}.sq-selection.is-solid.is-checked:hover{--selection-bg-color: var(--sq-color-primary-dark-1)}.sq-selection.is-solid.is-checked.is-disabled{--selection-bg-color: var(--sq-color-primary-light-3);--selection-shadow-color: var(--sq-color-primary-light-4)}}@layer component{.sq-checkbox{--checkbox-indeterminate-color: var(--sq-color-primary)}.sq-checkbox.is-disabled{--checkbox-indeterminate-color: var(--sq-text-color-placeholder)}.sq-checkbox-box{display:flex;aspect-ratio:1;width:1em;align-items:center;justify-content:center;border:1px solid var(--selection-border-color);border-radius:var(--sq-radius-xs);background-color:var(--selection-bg-color);position:relative;box-shadow:var(--sq-shadow-xs-dark) var(--selection-shadow-color),var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-checkbox-inner{aspect-ratio:1;position:absolute;color:var(--selection-inner-color);width:1em;scale:.9}}@layer type{.sq-checkbox.is-outline .sq-checkbox-box{box-shadow:none}.sq-checkbox-box.is-indeterminate:before{content:"";aspect-ratio:1;position:absolute;display:block;width:calc(1em - 6px);background-color:var(--checkbox-indeterminate-color)}}@layer component{.sq-selection-group{--selection-group-shadow-color: var(--sq-color-primary-light-4);display:flex;align-items:center;border-radius:var(--sq-radius-md)}.sq-selection-group:has(>.is-solid){box-shadow:var(--sq-shadow-sm-dark) var(--selection-group-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-selection-group:not(:has(>.is-solid)){column-gap:var(--sq-padding-md)}.sq-selection-group:has(>:not(.is-checked)){--selection-group-shadow-color: var(--sq-projection-dark)}}@layer type{.sq-selection-group .is-solid{box-shadow:none}.sq-selection-group .is-solid:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;border-inline-start-color:var(--sq-border-color-light)}.sq-selection-group .is-solid:not(:last-child){border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none}.sq-selection-group .is-solid:hover:not(.is-disabled):not(.is-checked){border-inline-start-color:var(--sq-color-primary)}.sq-selection-group .is-solid:hover:not(.is-disabled):not(.is-checked)+.sq-selection{border-inline-start-color:var(--sq-color-primary)}}@layer component{.sq-code{border-radius:var(--sq-radius-md);padding:var(--sq-padding-sm) var(--sq-padding-md);box-sizing:border-box;border:1px solid var(--sq-border-color-lighter);overflow:auto;font-size:var(--sq-font-size-md);box-shadow:inset var(--sq-shadow-sm-dark) var(--sq-projection-dark),inset var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-code pre{width:max-content;margin:0}}@layer component{.sq-mask{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100%;overflow:hidden;background-color:var(--sq-mask-color);-webkit-backdrop-filter:blur(var(--sq-blur-md));backdrop-filter:blur(var(--sq-blur-md));touch-action:none;-webkit-user-select:none;user-select:none}}@layer component{.sq-dialog{--dialog-width: 400px;--dialog-theme-color: var(--sq-color-primary);display:flex;flex-direction:column;font-family:var(--sq-font-family);row-gap:var(--sq-padding-sm);color:var(--sq-text-color);border-block-start:4px solid var(--dialog-theme-color);border-radius:var(--sq-radius-lg);width:var(--dialog-width);max-width:90vw;max-height:90vh;box-sizing:border-box;padding:var(--sq-padding-md);padding-block-start:calc(var(--sq-padding-md) - 4px);font-size:var(--sq-font-size-md);background-color:var(--sq-component-bg-color)}.sq-dialog.has-header .sq-dialog-close{inset-inline-end:var(--sq-padding-md);inset-block-start:var(--sq-padding-md)}.sq-dialog-close{font-size:1.5em;cursor:pointer;will-change:color;transition:color var(--sq-transition-base)}.sq-dialog-close:hover{color:var(--sq-text-color-secondary)}.sq-dialog-header{display:flex;column-gap:var(--sq-padding-sm);align-items:center;line-height:var(--sq-line-height-single)}.sq-dialog-header-icon{font-size:1.5em;color:var(--dialog-theme-color)}.sq-dialog-header-title{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;font-weight:700}.sq-dialog-body{color:var(--sq-text-color-secondary);overflow:auto}.sq-dialog-footer{display:flex;justify-content:flex-end;column-gap:var(--sq-padding-sm)}}@layer type{.sq-dialog.is-success{--dialog-theme-color: var(--sq-color-success)}.sq-dialog.is-info{--dialog-theme-color: var(--sq-color-info)}.sq-dialog.is-warn{--dialog-theme-color: var(--sq-color-warn)}.sq-dialog.is-error{--dialog-theme-color: var(--sq-color-error)}}@layer component{.sq-divider{--divider-width: 1px}.sq-divider:not(.is-thin){--divider-width: 4px}.sq-divider.sq-divider--vertical{height:1em;border-inline-start:var(--divider-width) var(--divider-line-type) var(--sq-border-color)}.sq-divider.sq-divider--horizontal{width:100%}.sq-divider.sq-divider--horizontal:has(>.sq-text){display:flex;color:var(--sq-text-color);align-items:center;column-gap:var(--sq-padding-sm)}.sq-divider.sq-divider--horizontal:has(>.sq-text):before,.sq-divider.sq-divider--horizontal:has(>.sq-text):after{content:"";flex:1;border-block-start:var(--divider-width) var(--divider-line-type) var(--sq-border-color)}.sq-divider.sq-divider--horizontal:has(>.sq-text).text-left:before{width:var(--sq-padding-lg);flex:none}.sq-divider.sq-divider--horizontal:has(>.sq-text).text-right:after{width:var(--sq-padding-lg);flex:none}.sq-divider.sq-divider--horizontal:has(>.sq-text) .sq-text{flex-shrink:0;max-width:60%}.sq-divider.sq-divider--horizontal:not(:has(>.sq-text)){border-block-start:var(--divider-width) var(--divider-line-type) var(--sq-border-color)}}@layer component{.sq-editor{--editor-radius: var(--sq-padding-sm);--editor-padding: 0;display:flex;flex-direction:column;row-gap:var(--sq-padding-sm)}.sq-editor.is-round{--editor-radius: calc(var(--sq-component-size-md) / 2);--editor-padding: .2em}.sq-editor.is-round.sq-editor--sm{--editor-radius: calc(var(--sq-component-size-sm) / 2)}.sq-editor.is-round.sq-editor--lg{--editor-radius: calc(var(--sq-component-size-lg) / 2)}.sq-editor .sq-article{height:100%;padding:var(--sq-padding-sm);border:1px solid var(--sq-border-color-light);border-radius:var(--editor-radius);box-shadow:inset var(--sq-shadow-xs-dark) var(--sq-projection-dark),inset var(--sq-shadow-xs-light) var(--sq-projection-light)}.sq-editor-control{display:flex;column-gap:var(--sq-padding-md)}.sq-editor-toolbar{display:flex;flex-wrap:wrap;background-color:var(--sq-bg-color);padding-inline:var(--editor-padding)}.sq-editor-toolbar .sq-divider{height:var(--sq-font-size-lg);margin-inline:var(--sq-padding-xs);transform:translateY(calc((var(--sq-component-size-md) - var(--sq-font-size-lg)) / 2))}.sq-editor-toolbar .sq-button{--button-padding: var(--sq-padding-xs)}.sq-editor-toolbar .sq-button .sq-text{font-size:var(--sq-font-size-lg)}.sq-editor-body{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--sq-border-color-light);border-radius:var(--editor-radius)}.sq-editor-body .sq-input{height:100%;overflow:hidden;border:none;border-radius:none}.sq-editor-body .sq-input:not(.has-shadow){box-shadow:none}}@layer component{.sq-form{--form-label-width: auto;--form-label-height: var(--sq-component-size-md);display:flex;flex-direction:column;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);color:var(--sq-text-color)}.sq-form.sq-form--sm{--form-label-height: var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-form.sq-form--lg{--form-label-height: var(--sq-component-size-lg)}.sq-form.required-default .is-required:before{content:"*";color:var(--sq-color-error)}.sq-form.required-optional .sq-form-item-label:not(.is-required):not(:empty):after{content:"(可选项)";color:var(--sq-text-color-placeholder)}.sq-form.is-vertical .sq-form-item{flex-direction:column;row-gap:var(--sq-padding-xs)}.sq-form.is-vertical .sq-form-item .sq-form-item-label{min-height:0;line-height:var(--sq-line-height-base)}.sq-form-item{display:flex;align-items:flex-start;column-gap:var(--sq-padding-sm);padding-block-end:calc(var(--sq-font-size-sm) * 2)}.sq-form-item::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-form-item-label{display:inline-flex;vertical-align:middle;align-items:center;column-gap:.2em;flex-shrink:0;min-height:var(--form-label-height);width:var(--form-label-width)}.sq-form-item-content{position:relative;width:100%}.sq-form-item-content .sq-icon[data-icon=check-filled]{color:var(--sq-color-success)}.sq-form-item-content .sq-icon[data-icon=warning-filled]{color:var(--sq-color-warn)}.sq-form-item-content .sq-icon[data-icon=close-filled]{color:var(--sq-color-error)}.sq-form-item-check{position:absolute;top:100%;left:0;line-height:var(--sq-line-height-base);color:var(--sq-color-error);font-size:var(--sq-font-size-sm)}}@layer component{.sq-image{--image-placeholder-height: 360px;display:inline-block;vertical-align:middle;border-radius:var(--sq-radius-md);overflow:hidden;position:relative;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family)}.sq-image:hover>.sq-image-control{opacity:1}:scope::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-image-mask{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;background-color:var(--sq-bg-color)}.sq-image-mask:after{content:"";width:100%;height:100%;background-image:linear-gradient(to right,transparent,var(--sq-bg-color-dark) 60%,transparent);background-repeat:no-repeat;background-size:40%;animation:skeleton 2s ease infinite}.sq-image-picture{position:relative;z-index:1;display:block;width:100%;height:100%}.sq-image-picture img{display:block;width:100%;height:100%}.sq-image-control{cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2;border-radius:var(--sq-radius-md);overflow:hidden;font-size:var(--sq-font-size-lg);color:var(--sq-text-color);background-color:var(--sq-mask-color);-webkit-backdrop-filter:blur(var(--sq-blur-md));backdrop-filter:blur(var(--sq-blur-md));will-change:opacity;transition:opacity var(--sq-transition-base)}.sq-image-error{width:100%;height:100%;display:flex;justify-content:center;align-items:center;line-height:var(--sq-line-height-single);background-color:var(--sq-bg-color);color:var(--sq-text-color-placeholder)}}@layer component{.sq-image-viewer-mask{--image-viewer-component-size: 48px;touch-action:none}.sq-image-viewer-mask img{touch-action:none;will-change:transform;transition:transform var(--sq-transition-base)}.sq-image-viewer-mask .sq-button .sq-icon{font-size:1.5em}.sq-button.sq-image-viewer-close,.sq-button.sq-image-viewer-next,.sq-button.sq-image-viewer-prev{position:absolute;height:var(--image-viewer-component-size);aspect-ratio:1;padding-inline:0}.sq-image-viewer-close.sq-button{inset-block-start:var(--sq-padding-md);inset-inline-end:var(--sq-padding-md);box-shadow:none}.sq-image-viewer-next{inset-inline-end:var(--sq-padding-md)}.sq-image-viewer-prev{inset-inline-start:var(--sq-padding-md)}.sq-image-viewer-toolbar{display:flex;align-items:center;position:absolute;inset-block-end:var(--sq-padding-md);height:var(--image-viewer-component-size);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-full);padding-inline:var(--sq-padding-md);column-gap:var(--sq-padding-md);border:1px solid var(--sq-border-color-light)}.sq-image-viewer-toolbar .sq-button.is-text{padding-inline:0}@media (max-width: 768px){.sq-image-viewer-mask{--image-viewer-component-size: 40px}.sq-image-viewer-toolbar{column-gap:var(--sq-padding-sm)}}}@layer type{.sq-image-viewer-toolbar>.sq-button{--button-bg-color-hover: transparent}}@layer component{.sq-image-crop{--image-crop-size: 360px;width:var(--image-crop-size);aspect-ratio:1;position:relative;border-radius:var(--sq-radius-md);overflow:hidden;background-blend-mode:screen;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;background-image:repeating-linear-gradient(var(--sq-bg-color-dark) 0 10px,transparent 10px 20px),repeating-linear-gradient(90deg,var(--sq-bg-color-dark) 0 10px,transparent 10px 20px)}.sq-image-crop-cropper{position:absolute;max-height:80%;max-width:80%;aspect-ratio:var(--image-crop-ratio);border:2px dashed var(--sq-border-color);box-sizing:border-box;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;box-shadow:0 0 0 3000px var(--sq-mask-color);z-index:2}}@layer component{.sq-input{--input-bg-color: var(--sq-component-bg-color);--input-bg-color-disabled: var(--sq-bg-color);--input-border-color: var(--sq-border-color-light);--input-border-color-active: var(--sq-color-primary);--input-border-color-disabled: var(--sq-border-color-light);--input-shadow-color: var(--sq-projection-dark);--input-selection-color: var(--sq-color-primary);padding:0;display:flex;align-items:center;font-size:var(--sq-font-size-md);background-color:var(--input-bg-color);border:1px solid;border-color:var(--input-border-color);border-radius:var(--sq-radius-md);box-sizing:border-box;cursor:text;overflow:hidden;box-shadow:inset var(--sq-shadow-xs-dark) var(--input-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-input textarea{min-height:var(--sq-component-size-md)}.sq-input.sq-input--sm{font-size:var(--sq-font-size-sm)}.sq-input.sq-input--sm textarea{min-height:var(--sq-component-size-sm)}.sq-input.sq-input--lg textarea{min-height:var(--sq-component-size-lg)}.sq-input:has(>input){width:100%;height:var(--sq-component-size-md)}.sq-input:has(>input).sq-input--sm{height:var(--sq-component-size-sm)}.sq-input:has(>input).sq-input--lg{height:var(--sq-component-size-lg)}.sq-input:has(>input).is-round{padding-inline:.2em;border-radius:var(--sq-radius-full)}.sq-input:has(>textarea).is-round{padding-inline:.2em;border-radius:calc(var(--sq-component-size-md) / 2)}.sq-input:has(>textarea).is-round.sq-input--sm{border-radius:calc(var(--sq-component-size-sm) / 2)}.sq-input:has(>textarea).is-round.sq-input--lg{border-radius:calc(var(--sq-component-size-lg) / 2)}.sq-input::selection{background-color:var(--input-selection-color);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-input .sq-input-prefix,.sq-input .sq-input-suffix{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.sq-input .sq-input-prefix{margin-inline-start:var(--sq-padding-sm);color:var(--sq-text-color-placeholder)}.sq-input .sq-input-inner{height:100%;caret-color:var(--input-selection-color);color:var(--sq-text-color);font-size:inherit;background:transparent;border:none;outline:none;line-height:var(--sq-line-height-base);box-sizing:border-box;font-family:var(--sq-font-family);will-change:color;transition:color var(--sq-transition-base)}.sq-input .sq-input-inner:read-only{color:var(--sq-text-color-placeholder)}.sq-input input.sq-input-inner{padding:0 var(--sq-padding-sm);width:0;flex:1}.sq-input textarea.sq-input-inner{padding:var(--sq-padding-xs) var(--sq-padding-sm);width:100%}.sq-input .sq-input-suffix{column-gap:var(--sq-padding-xs);margin-inline-end:var(--sq-padding-sm);color:var(--sq-text-color-placeholder)}.sq-input .sq-input-suffix-pwd,.sq-input .sq-input-suffix-clear{cursor:pointer}.sq-input.is-disabled{cursor:not-allowed;border-color:var(--input-border-color-disabled);background-color:var(--input-bg-color-disabled)}.sq-input.is-disabled .sq-input-inner{cursor:not-allowed;color:var(--sq-text-color-placeholder)}.sq-input:active:not(.is-disabled),.sq-input:focus-within:not(.is-disabled){--input-border-color: var(--input-border-color-active);box-shadow:none}}@layer type{.sq-input.is-warn{--input-border-color: var(--sq-color-warn);--input-border-color-active: var(--sq-color-warn);--input-border-color-disabled: var(--sq-color-warn-light-3);--input-shadow-color: var(--sq-color-warn-light-4);--input-selection-color: var(--sq-color-warn)}.sq-input.is-error{--input-border-color: var(--sq-color-error);--input-border-color-active: var(--sq-color-error);--input-border-color-disabled: var(--sq-color-error-light-3);--input-shadow-color: var(--sq-color-error-light-4);--input-selection-color: var(--sq-color-error)}}@layer component{.sq-menu{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--sq-padding-xs) var(--sq-padding-sm);font-size:var(--sq-font-size-md);font-family:var(--sq-font-family)}.sq-menu.sq-menu--vertical{flex-direction:column}.sq-menu.sq-menu--vertical .sq-menu-item{padding:var(--sq-padding-sm)}.sq-menu.sq-menu--horizontal .sq-menu-item{height:var(--sq-component-size-sm);box-sizing:border-box;padding-inline:var(--sq-padding-sm)}.sq-menu-item{cursor:pointer;color:var(--sq-text-color);border-radius:var(--sq-radius-md);-webkit-user-select:none;user-select:none;display:flex;align-items:center;-webkit-backdrop-filter:blur(var(--sq-blur-sm));backdrop-filter:blur(var(--sq-blur-sm));gap:var(--sq-padding-xs);line-height:var(--sq-line-height-single);will-change:color,background-color;transition:color var(--sq-transition-base),background-color var(--sq-transition-base)}.sq-menu-item:hover{background-color:var(--sq-bg-color)}.sq-menu-item.is-active{color:var(--sq-color-primary);background-color:var(--sq-color-primary-light-5)}.sq-menu-item.is-disabled{background-color:transparent;color:var(--sq-text-color-placeholder);cursor:not-allowed}.sq-menu-item .sq-badge{margin-inline-start:auto}}@layer component{.sq-message-wrap{width:100vw;position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center}.sq-message{max-width:90vw;background-color:var(--sq-component-bg-color);color:var(--sq-text-color);box-shadow:var(--sq-shadow-md-dark) var(--sq-projection-dark),var(--sq-shadow-md-light) var(--sq-projection-light);position:absolute;border-radius:var(--sq-radius-md);border:1px solid var(--sq-border-color-light);display:flex;flex-direction:column;overflow:hidden;font-size:var(--sq-font-size-md);line-height:var(--sq-line-height-single);will-change:top;transition:top var(--sq-transition-base)}.sq-message-inner{padding:var(--sq-padding-sm);display:flex;column-gap:var(--sq-padding-sm);align-items:center}.sq-message-icon{font-size:var(--sq-font-size-lg);color:var(--message-icon-color)}body:has(.sq-mask:not([style*="display: none"])) .sq-message{box-shadow:none}}@layer type{.sq-message.is-primary{--message-icon-color: var(--sq-color-primary)}.sq-message.is-success{--message-icon-color: var(--sq-color-success)}.sq-message.is-info{--message-icon-color: var(--sq-color-info)}.sq-message.is-warn{--message-icon-color: var(--sq-color-warn)}.sq-message.is-error{--message-icon-color: var(--sq-color-error)}}@layer component{.sq-pagination,.sq-pagination-pager{display:flex;align-items:center;column-gap:var(--sq-padding-sm)}}@layer component{.sq-popover{position:absolute;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-md);border:1px solid var(--sq-border-color-light);padding:var(--sq-padding-xs) var(--sq-padding-sm);box-sizing:border-box;line-height:var(--sq-line-height-base);color:var(--sq-text-color)}.sq-popover.has-shadow{box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}}@layer component{.sq-progress{display:flex;align-items:center;justify-content:center;height:var(--progress-stroke);background-color:var(--sq-border-color);border-radius:var(--sq-radius-full);font-family:var(--sq-font-family);position:relative}.sq-progress:after{content:"";position:absolute;height:100%;width:var(--progress-value);border-radius:var(--sq-radius-full);top:0;left:0;background:var(--progress-color);z-index:1;will-change:width;transition:width var(--sq-transition-linear)}.sq-progress.is-circle{border-radius:0;aspect-ratio:1;height:auto;background-color:transparent}.sq-progress.is-circle:after{content:none}.sq-progress.is-circle circle{r:var(--progress-circle-r);stroke-width:var(--progress-circle-stroke);fill:transparent}.sq-progress-track{stroke:var(--sq-border-color)}.sq-progress-path{stroke-linecap:round;stroke:var(--progress-color);stroke-dasharray:var(--progress-value),var(--progress-circle-l);transform-origin:center;opacity:var(--progress-circle-opaciry, 1);rotate:-90deg;will-change:stroke-dasharray,stroke,opacity;transition:stroke-dasharray var(--sq-transition-linear),stroke var(--sq-transition-base),opacity var(--sq-transition-linear)}.sq-progress-label{position:absolute;font-size:var(--sq-font-size-lg);color:var(--sq-text-color-secondary);line-height:var(--sq-line-height-base);-webkit-user-select:none;user-select:none}}@layer type{.sq-progress.is-primary{--progress-color: var(--sq-color-primary)}.sq-progress.is-success{--progress-color: var(--sq-color-success)}.sq-progress.is-info{--progress-color: var(--sq-color-info)}.sq-progress.is-warn{--progress-color: var(--sq-color-warn)}.sq-progress.is-error{--progress-color: var(--sq-color-error)}}@layer component{.sq-radio.is-checked .sq-radio-box:after{content:"";aspect-ratio:1;position:absolute;border-radius:var(--sq-radius-full);background-color:var(--selection-inner-color);width:6px}.sq-radio .sq-radio-box{display:flex;aspect-ratio:1;width:1em;align-items:center;justify-content:center;border:1px solid var(--selection-border-color);border-radius:var(--sq-radius-full);background-color:var(--selection-bg-color);position:relative;box-shadow:var(--sq-shadow-xs-dark) var(--selection-shadow-color),var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}}@layer type{.sq-radio.is-outline .sq-radio-box{box-shadow:none}}@layer component{.sq-segmented{--segmented-radius: var(--sq-radius-md);--segmented-padding: var(--sq-padding-sm);position:relative;padding:2px;box-sizing:border-box;border-radius:var(--segmented-radius);background-color:var(--sq-bg-color-dark);height:var(--sq-component-size-md);box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-segmented.sq-segmented--sm{height:var(--sq-component-size-sm)}.sq-segmented.sq-segmented--lg{height:var(--sq-component-size-lg)}.sq-segmented.is-round{--segmented-radius: var(--sq-radius-full);--segmented-padding: calc(var(--sq-padding-sm) + .2em)}.sq-segmented input[type=radio]{opacity:0;position:absolute;width:0;height:0;margin:0}.sq-segmented-thumb{position:absolute;border-radius:var(--segmented-radius);background-color:var(--sq-component-bg-color);height:calc(100% - 4px);will-change:left,width;transition:left var(--sq-transition-base),width var(--sq-transition-base)}.sq-segmented-item{display:inline-block;vertical-align:middle;position:relative;color:var(--sq-text-color-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;padding-inline:var(--segmented-padding);border-radius:var(--segmented-radius);will-change:color,background-color;transition:color var(--sq-transition-base),background-color var(--sq-transition-base)}.sq-segmented-item.is-active{color:var(--sq-text-color)}.sq-segmented-item.is-disabled{color:var(--sq-text-color-placeholder);cursor:not-allowed}.sq-segmented-item:not(.is-active):not(.is-disabled):hover{color:var(--sq-text-color);background-color:var(--sq-bg-color)}.sq-segmented-item .sq-text{height:100%}.sq-segmented-item+.sq-segmented-item{margin-inline-start:2px}}@layer component{.sq-select [data-icon=arrow-down]{will-change:transform;transition:transform var(--sq-transition-base)}.sq-select.dropdown-opened [data-icon=arrow-down]{transform:scaleY(-1)}.sq-select input{cursor:pointer}.sq-select-dropdown{padding:var(--sq-padding-xs);-webkit-user-select:none;user-select:none;max-height:360px;overflow:auto}.sq-select-dropdown .sq-select-dropdown-empty{color:var(--sq-text-color-placeholder);text-align:center;line-height:var(--sq-component-size-md)}.sq-select-dropdown menu{display:flex;row-gap:2px;flex-direction:column;width:100%;margin:0;padding:0;list-style-type:none}.sq-select-dropdown menu li{line-height:var(--sq-component-size-md);padding-inline:var(--sq-padding-sm);border-radius:var(--sq-radius-base);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all var(--sq-transition-base)}.sq-select-dropdown menu li:hover:not(.is-disabled):not(.is-active){color:var(--sq-text-color-secondary);background-color:var(--sq-bg-color)}.sq-select-dropdown menu li.is-active{color:var(--sq-color-primary);background-color:var(--sq-color-primary-light-5)}.sq-select-dropdown menu li.is-disabled{color:var(--sq-text-color-placeholder);cursor:not-allowed}}@layer component{.sq-swipe{--swipe-separator-width: 4px;--swipe-separator-color: var(--sq-bg-color-dark);--swipe-slider-color: var(--sq-text-color);--swipe-slider-border-color: var(--sq-border-color-light);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.sq-swipe .sq-image{--image-placeholder-height: 100%;width:100%;height:100%}.sq-swipe.sq-swipe-horizontal{--swipe-slider-cursor: col-resize}.sq-swipe.sq-swipe-vertical{--swipe-slider-cursor: row-resize}.sq-swipe.sq-swipe-horizontal .sq-swipe-separator{height:100%;width:var(--swipe-separator-width);translate:calc(var(--swipe-separator-width) / -2)}.sq-swipe.sq-swipe-vertical .sq-swipe-separator{width:100%;height:var(--swipe-separator-width);translate:0 calc(var(--swipe-separator-width) / -2)}.sq-swipe-top,.sq-swipe-bottom{position:absolute;width:100%;height:100%;top:0;left:0}.sq-swipe-top{z-index:2}.sq-swipe-bottom{z-index:1}.sq-swipe-separator{position:absolute;z-index:9;top:0;background-color:var(--swipe-separator-color)}.sq-swipe-separator .sq-swipe-slider{width:var(--sq-component-size-sm);touch-action:none;aspect-ratio:1;border:1px solid var(--swipe-slider-border-color);border-radius:var(--sq-radius-sm);background-color:var(--sq-component-bg-color);position:absolute;cursor:var(--swipe-slider-cursor, default);box-sizing:border-box;top:50%;left:50%;translate:-50% -50%}.sq-swipe-separator .sq-swipe-slider:before,.sq-swipe-separator .sq-swipe-slider:after{content:"";border-block-end:2px solid var(--swipe-slider-color);width:1em;transition:all var(--sq-transition-base);position:absolute;top:calc(50% - 1px);left:50%;translate:-50%}.sq-swipe-separator .sq-swipe-slider:before{transform:translateY(-.3em)}.sq-swipe-separator .sq-swipe-slider:after{transform:translateY(.3em)}}@layer component{.sq-switch{--switch-width: 44px;--switch-height: calc(1em + 8px) ;--switch-track-bg-color: var(--sq-bg-color-dark);--switch-track-bg-color-disabled: var(--sq-bg-color);--switch-track-shadow: var(--sq-shadow-xs-dark) var(--switch-shadow-color), var(--sq-shadow-xs-light) var(--sq-projection-light);--switch-thumb-gap-v: 2px;--switch-thumb-gap-h: 2px;--switch-thumb-size: calc(var(--switch-height) - 4px);--switch-thumb-border: none;--switch-thumb-shadow: none;--switch-shadow-color: var(--sq-projection-dark);display:inline-flex;vertical-align:middle;align-items:center;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);cursor:pointer;box-sizing:border-box;height:var(--sq-component-size-md)}.sq-switch.sq-switch--sm{--switch-width: 40px;font-size:var(--sq-font-size-sm);height:var(--sq-component-size-sm)}.sq-switch.sq-switch--lg{height:var(--sq-component-size-lg)}.sq-switch input[type=checkbox]{opacity:0;position:absolute;width:0;height:0;margin:0}.sq-switch .sq-switch-track{border-radius:var(--sq-radius-full);background-color:var(--switch-track-bg-color);height:var(--switch-height);width:var(--switch-width);position:relative;box-shadow:var(--switch-track-shadow);will-change:background-color;transition:background-color var(--sq-transition-base)}.sq-switch .sq-switch-thumb{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--sq-text-color-placeholder);border-radius:var(--sq-radius-full);width:var(--switch-thumb-size);aspect-ratio:1;top:var(--switch-thumb-gap-v);left:var(--switch-thumb-gap-h);background-color:#fff;box-sizing:border-box;border:var(--switch-thumb-border);box-shadow:var(--switch-thumb-shadow);will-change:left;transition:left var(--sq-transition-base)}.sq-switch.is-disabled{cursor:not-allowed}.sq-switch.is-disabled .sq-switch-track{background-color:var(--switch-track-bg-color-disabled)}.sq-switch.is-checked{--switch-track-bg-color: var(--sq-color-primary);--switch-track-bg-color-disabled: var(--sq-color-primary-light-3);--switch-shadow-color: var(--sq-color-primary-light-4)}.sq-switch.is-checked .sq-switch-thumb{left:calc(100% - var(--switch-thumb-gap-h) - var(--switch-thumb-size))}}@layer type{.sq-switch.is-slim{--switch-height: 1em;--switch-track-shadow: none;--switch-thumb-gap-v: -4px;--switch-thumb-gap-h: 0px;--switch-thumb-size: calc(1em + 8px) ;--switch-thumb-border: 1px solid var(--sq-border-color-light);--switch-thumb-shadow: var(--sq-shadow-xs-dark) var(--sq-projection-dark)}}@layer component{.sq-table{border-radius:var(--sq-radius-md);overflow:hidden;font-size:var(--sq-font-size-md);width:100%;font-family:var(--sq-font-family);border:1px solid var(--sq-border-color);box-sizing:border-box}.sq-table.is-striped .sq-table-row:nth-child(2n){background-color:var(--sq-bg-color)}.sq-table.has-border .sq-table-cell:not(:last-child){border-inline-end:1px solid var(--sq-border-color-light)}.sq-table.has-border .sq-table-cell:not(:last-child):after{display:none}.sq-table-wrap,.sq-table-empty{width:100%;height:100%;display:flex}.sq-table-empty{align-items:center;justify-content:center;color:var(--sq-text-color-placeholder)}.sq-table-wrap{flex-direction:column}.sq-table-header{color:var(--sq-text-color-secondary);background-color:var(--sq-bg-color);border-block-end:1px solid var(--sq-border-color-light);font-weight:700;display:grid}.sq-table-header .sq-table-cell{position:relative}.sq-table-header .sq-table-cell:not(:last-child):after{content:"";position:absolute;z-index:1;right:0;top:50%;border:1px solid var(--sq-border-color-light);height:1em;transform:translateY(-50%)}.sq-table-body{height:0;flex:1;overflow-x:hidden;overflow-y:auto}.sq-table-body::-webkit-scrollbar{width:6px;height:6px}.sq-table-body::-webkit-scrollbar-track{border-radius:6px;background-color:var(--sq-component-bg-color)}.sq-table-body::-webkit-scrollbar-thumb{background-color:var(--sq-border-color-light);border-radius:6px}.sq-table-body::-webkit-scrollbar-thumb:hover{background-color:var(--sq-border-color)}.sq-table-row{display:grid;color:var(--sq-text-color);line-height:var(--sq-line-height-base)}.sq-table-row:not(:last-child){border-block-end:1px solid var(--sq-border-color-light)}.sq-table-cell{padding:var(--sq-padding-sm);display:flex;align-items:center;word-break:break-all;-webkit-user-select:text;user-select:text}.sq-table-cell-title{width:100px}.sq-table-cell-title+*{flex:1}}@layer component{.sq-tag{--tag-color: var(--sq-text-color);--tag-bg-color: var(--sq-component-bg-color);--tag-border-color: var(--sq-border-color-light);--tag-shadow-color: var(--sq-projection-dark);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);background:var(--tag-bg-color);border:1px solid var(--tag-border-color);box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--tag-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);-webkit-user-select:none;user-select:none}.sq-tag.sq-text{color:var(--tag-color);line-height:var(--sq-line-height-single)}.sq-tag.sq-text::selection{text-shadow:none}.sq-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .2em)}}@layer type{.sq-tag.is-primary,.sq-tag.is-success,.sq-tag.is-info,.sq-tag.is-warn,.sq-tag.is-error{--tag-bg-color: transparent;box-shadow:none}.sq-tag.is-primary{--tag-color: var(--sq-color-primary);--tag-border-color: var(--sq-color-primary-light-1)}.sq-tag.is-success{--tag-color: var(--sq-color-success);--tag-border-color: var(--sq-color-success-light-1)}.sq-tag.is-info{--tag-color: var(--sq-color-info);--tag-border-color: var(--sq-color-info-light-1)}.sq-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-border-color: var(--sq-color-warn-light-1)}.sq-tag.is-error{--tag-color: var(--sq-color-error);--tag-border-color: var(--sq-color-error-light-1)}.sq-tag.is-solid{--tag-color: #fff;--tag-border-color: transparent}.sq-tag.is-solid.is-primary{--tag-bg-color: var(--sq-color-primary)}.sq-tag.is-solid.is-success{--tag-bg-color: var(--sq-color-success)}.sq-tag.is-solid.is-info{--tag-bg-color: var(--sq-color-info)}.sq-tag.is-solid.is-warn{--tag-bg-color: var(--sq-color-warn)}.sq-tag.is-solid.is-error{--tag-bg-color: var(--sq-color-error)}.sq-tag.is-tint{--tag-border-color: transparent}.sq-tag.is-tint.is-primary{--tag-color: var(--sq-color-primary);--tag-bg-color: var(--sq-color-primary-light-5)}.sq-tag.is-tint.is-success{--tag-color: var(--sq-color-success);--tag-bg-color: var(--sq-color-success-light-5)}.sq-tag.is-tint.is-info{--tag-color: var(--sq-color-info);--tag-bg-color: var(--sq-color-info-light-5)}.sq-tag.is-tint.is-warn{--tag-color: var(--sq-color-warn);--tag-bg-color: var(--sq-color-warn-light-5)}.sq-tag.is-tint.is-error{--tag-color: var(--sq-color-error);--tag-bg-color: var(--sq-color-error-light-5)}}@layer component{.sq-check-tag{--tag-color: var(--sq-text-color);--tag-color-hover: var(--sq-color-primary);--tag-bg-color: var(--sq-bg-color);--tag-bg-color-hover: var(--sq-bg-color-dark);--tag-bg-color-checked: var(--sq-color-primary);--tag-bg-color-checked-hover: var(--sq-color-primary-dark-1);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);background:var(--tag-bg-color);box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--sq-transition-base)}.sq-check-tag.sq-text{color:var(--tag-color)}.sq-check-tag.sq-text::selection{text-shadow:none}.sq-check-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-check-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-check-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .2em)}.sq-check-tag:hover{color:var(--tag-color-hover);background:var(--tag-bg-color-hover)}.sq-check-tag.is-checked{color:#fff;background:var(--tag-bg-color-checked);border-color:transparent}.sq-check-tag.is-checked:hover{background:var(--tag-bg-color-checked-hover)}}@layer type{.sq-check-tag.is-primary{--tag-color: var(--sq-color-primary);--tag-color-hover: var(--sq-color-primary-dark-1);--tag-bg-color: var(--sq-color-primary-light-5);--tag-bg-color-hover: var(--sq-color-primary-light-4);--tag-bg-color-checked: var(--sq-color-primary);--tag-bg-color-checked-hover: var(--sq-color-primary-dark-1)}.sq-check-tag.is-success{--tag-color: var(--sq-color-success);--tag-color-hover: var(--sq-color-success-dark-1);--tag-bg-color: var(--sq-color-success-light-5);--tag-bg-color-hover: var(--sq-color-success-light-4);--tag-bg-color-checked: var(--sq-color-success);--tag-bg-color-checked-hover: var(--sq-color-success-dark-1)}.sq-check-tag.is-info{--tag-color: var(--sq-color-info);--tag-color-hover: var(--sq-color-info-dark-1);--tag-bg-color: var(--sq-color-info-light-5);--tag-bg-color-hover: var(--sq-color-info-light-4);--tag-bg-color-checked: var(--sq-color-info);--tag-bg-color-checked-hover: var(--sq-color-info-dark-1)}.sq-check-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-color-hover: var(--sq-color-warn-dark-1);--tag-bg-color: var(--sq-color-warn-light-5);--tag-bg-color-hover: var(--sq-color-warn-light-4);--tag-bg-color-checked: var(--sq-color-warn);--tag-bg-color-checked-hover: var(--sq-color-warn-dark-1)}.sq-check-tag.is-error{--tag-color: var(--sq-color-error);--tag-color-hover: var(--sq-color-error-dark-1);--tag-bg-color: var(--sq-color-error-light-5);--tag-bg-color-hover: var(--sq-color-error-light-4);--tag-bg-color-checked: var(--sq-color-error);--tag-bg-color-checked-hover: var(--sq-color-error-dark-1)}}@layer component{.sq-text{color:currentColor;display:flex;flex-grow:0;align-items:center;column-gap:.4em;font-family:var(--sq-font-family);font-size:var(--sq-font-size-md);line-height:var(--sq-line-height-base)}.sq-text::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-text.sq-text--sm{font-size:var(--sq-font-size-sm)}.sq-text.sq-text--lg{font-size:var(--sq-font-size-lg)}.sq-text.multi-line,.sq-text.single-line{display:block;overflow:hidden;text-overflow:ellipsis}.sq-text.single-line{white-space:nowrap}.sq-text.multi-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--row-num);line-clamp:var(--row-num)}}@layer component{.sq-timeline{--timeline-dot-size: 16px;--timeline-dot-color: var(--sq-text-color-placeholder);--timeline-dot-mask: none;--timeline-content-gap: var(--sq-padding-sm);--timeline-line-type: solid;--timeline-line-color: var(--sq-border-color);container:sq-timeline / inline-size;display:flex;flex-direction:column;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family)}.sq-timeline::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-timeline.is-card .sq-timeline-content{padding:var(--sq-padding-md);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-lg);border:1px solid var(--sq-border-color-light);box-shadow:inset var(--sq-shadow-sm-dark) var(--sq-projection-dark),inset var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-timeline.is-card .sq-timeline-content .content-info{margin-block-start:var(--sq-padding-sm)}.sq-timeline-item{display:flex;position:relative;width:100%;box-sizing:border-box;overflow:hidden;padding-inline:var(--timeline-dot-size) 0}.sq-timeline-item:not(:last-child){padding-block-end:var(--sq-padding-md)}.sq-timeline-item:before{content:"";position:absolute;z-index:1;border-inline-start:2px var(--timeline-line-type);border-inline-start-color:var(--timeline-line-color);height:100%;left:calc(var(--timeline-dot-size) / 2 - 1px);top:var(--timeline-dot-size)}.sq-timeline-item.is-hollow{--timeline-dot-mask: radial-gradient( circle, transparent calc(var(--timeline-dot-size) / 2 - 4px), black calc(var(--timeline-dot-size) / 2 - 3px) )}.sq-timeline-dot{aspect-ratio:1;position:absolute;z-index:2;width:var(--timeline-dot-size);border-radius:var(--sq-radius-full);background:var(--timeline-dot-color);box-sizing:border-box;top:0;left:0;mask:var(--timeline-dot-mask);display:flex}.sq-timeline-dot:not(:empty){border-radius:0;background-color:transparent;color:var(--timeline-dot-color)}.sq-timeline-dot:not(:empty)>*{width:var(--timeline-dot-size);aspect-ratio:1;font-size:var(--timeline-dot-size)}.sq-timeline-content{display:flex;flex-direction:column;margin-inline:var(--timeline-content-gap) 0;width:100%;color:var(--sq-text-color-secondary);box-sizing:border-box;line-height:var(--sq-line-height-base)}.sq-timeline-content .content-title{margin-block:0;line-height:var(--sq-line-height-single);color:var(--sq-text-color);font-size:var(--sq-font-size-lg)}.sq-timeline-content .content-time{display:block;color:var(--sq-text-color-placeholder);margin-block-start:var(--sq-padding-xs)}.sq-timeline-content .content-info{margin-block-start:var(--sq-padding-xs)}@media (max-width: 768px){.sq-timeline{--timeline-dot-size: 12px}}}@layer type{.sq-timeline.align-right .sq-timeline-item{padding-inline:0 var(--timeline-dot-size)}.sq-timeline.align-right .sq-timeline-item:before{left:auto;right:calc(var(--timeline-dot-size) / 2 - 1px)}.sq-timeline.align-right .sq-timeline-item .sq-timeline-dot{left:auto;right:0}.sq-timeline.align-right .sq-timeline-item .sq-timeline-content{margin-inline:0 var(--timeline-content-gap)}.sq-timeline:not(.is-card) .sq-timeline-content .content-title,.sq-timeline:not(.is-card) .sq-timeline-content .content-time,.sq-timeline:not(.is-card) .sq-timeline-content .content-info{align-self:flex-end}.sq-timeline-item.is-primary{--timeline-dot-color: var(--sq-color-primary)}.sq-timeline-item.is-success{--timeline-dot-color: var(--sq-color-success)}.sq-timeline-item.is-info{--timeline-dot-color: var(--sq-color-info)}.sq-timeline-item.is-warn{--timeline-dot-color: var(--sq-color-warn)}.sq-timeline-item.is-error{--timeline-dot-color: var(--sq-color-error)}@container sq-timeline (min-width: 800px){.sq-timeline.align-center .sq-timeline-item{padding-inline:0}.sq-timeline.align-center .sq-timeline-item:before{left:calc(50% - 1px)}.sq-timeline.align-center .sq-timeline-item:nth-child(2n){justify-content:flex-end}.sq-timeline.align-center .sq-timeline-item .sq-timeline-dot{left:calc(50% - var(--timeline-dot-size) / 2)}.sq-timeline.align-center .sq-timeline-item .sq-timeline-content{margin:0;width:calc(50% - var(--timeline-dot-size) / 2 - var(--timeline-content-gap))}.sq-timeline:not(.is-card) .sq-timeline-item:nth-child(odd) .content-title,.sq-timeline:not(.is-card) .sq-timeline-item:nth-child(odd) .content-time,.sq-timeline:not(.is-card) .sq-timeline-item:nth-child(odd) .content-info{align-self:flex-end}}}@layer component{.sq-tooltip{width:max-content;padding-block:var(--sq-padding-xs)}}@layer component{.sq-upload{display:inline-block;vertical-align:middle}.sq-upload.is-dragover{opacity:.5}.sq-upload input[type=file]{opacity:0;position:absolute;width:0;height:0;margin:0}}
+@layer theme,component,type,custom;@layer theme{:root{color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;--sq-bg-color: oklch(.985 .0025 248);--sq-bg-color-dark: oklch(from var(--sq-bg-color) .955 c h);--sq-mask-color: oklch(.3 .01 256 / .3);--sq-component-bg-color: #fff;--sq-projection-dark: oklch(.955 .02 259);--sq-projection-light: #fff;--sq-text-color: oklch(.24 .035 257);--sq-text-color-secondary: oklch(from var(--sq-text-color) .5 c h);--sq-text-color-placeholder: oklch(from var(--sq-text-color) .72 c h);--sq-border-color: oklch(.92 .006 250);--sq-border-color-light: oklch(from var(--sq-border-color) .95 c h);--sq-border-color-lighter: oklch(from var(--sq-border-color) .975 c h);--sq-color-primary: oklch(.75 .18 48);--sq-color-primary-light-5: oklch(from var(--sq-color-primary) l c h / .08);--sq-color-primary-light-4: oklch(from var(--sq-color-primary) l c h / .2);--sq-color-primary-light-3: oklch(from var(--sq-color-primary) l c h / .4);--sq-color-primary-light-2: oklch(from var(--sq-color-primary) l c h / .6);--sq-color-primary-light-1: oklch(from var(--sq-color-primary) l c h / .8);--sq-color-primary-dark-1: oklch(from var(--sq-color-primary) .65 c h);--sq-color-success: oklch(.7 .2 151);--sq-color-success-light-5: oklch(from var(--sq-color-success) l c h / .08);--sq-color-success-light-4: oklch(from var(--sq-color-success) l c h / .2);--sq-color-success-light-3: oklch(from var(--sq-color-success) l c h / .4);--sq-color-success-light-2: oklch(from var(--sq-color-success) l c h / .6);--sq-color-success-light-1: oklch(from var(--sq-color-success) l c h / .8);--sq-color-success-dark-1: oklch(from var(--sq-color-success) .6 c h);--sq-color-info: oklch(.68 .15 230);--sq-color-info-light-5: oklch(from var(--sq-color-info) l c h / .08);--sq-color-info-light-4: oklch(from var(--sq-color-info) l c h / .2);--sq-color-info-light-3: oklch(from var(--sq-color-info) l c h / .4);--sq-color-info-light-2: oklch(from var(--sq-color-info) l c h / .6);--sq-color-info-light-1: oklch(from var(--sq-color-info) l c h / .8);--sq-color-info-dark-1: oklch(from var(--sq-color-info) .57 c h);--sq-color-warn: oklch(.72 .16 76);--sq-color-warn-light-5: oklch(from var(--sq-color-warn) l c h / .08);--sq-color-warn-light-4: oklch(from var(--sq-color-warn) l c h / .2);--sq-color-warn-light-3: oklch(from var(--sq-color-warn) l c h / .4);--sq-color-warn-light-2: oklch(from var(--sq-color-warn) l c h / .6);--sq-color-warn-light-1: oklch(from var(--sq-color-warn) l c h / .8);--sq-color-warn-dark-1: oklch(from var(--sq-color-warn) .62 c h);--sq-color-error: oklch(.7 .22 29);--sq-color-error-light-5: oklch(from var(--sq-color-error) l c h / .08);--sq-color-error-light-4: oklch(from var(--sq-color-error) l c h / .2);--sq-color-error-light-3: oklch(from var(--sq-color-error) l c h / .4);--sq-color-error-light-2: oklch(from var(--sq-color-error) l c h / .6);--sq-color-error-light-1: oklch(from var(--sq-color-error) l c h / .8);--sq-color-error-dark-1: oklch(from var(--sq-color-error) .58 c h);--sq-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--sq-font-size-sm: 12px;--sq-font-size-md: 14px;--sq-font-size-lg: 16px;--sq-radius-xs: 4px;--sq-radius-sm: 6px;--sq-radius-md: 8px;--sq-radius-lg: 12px;--sq-radius-full: calc(infinity * 1px);--sq-opacity-80: .8;--sq-opacity-20: .2;--sq-padding-xs: 8px;--sq-padding-sm: 12px;--sq-padding-md: 24px;--sq-padding-lg: 36px;--sq-padding-xl: 48px;--sq-blur-sm: 4px;--sq-blur-md: 10px;--sq-blur-lg: 50px;--sq-component-size-xs: 24px;--sq-component-size-sm: 32px;--sq-component-size-md: 36px;--sq-component-size-lg: 40px;--sq-line-height-single: 1;--sq-line-height-base: 1.6;--sq-transition-base: .3s ease;--sq-transition-linear: .3s linear;--sq-shadow-xs-dark: 2px 2px 3px;--sq-shadow-xs-light: -2px -2px 3px;--sq-shadow-sm-dark: 4px 4px 6px;--sq-shadow-sm-light: -4px -4px 6px;--sq-shadow-md-dark: 6px 6px 9px;--sq-shadow-md-light: -6px -6px 9px;--sq-shadow-lg-dark: 8px 8px 12px;--sq-shadow-lg-light: -8px -8px 12px;--sq-text-shadow: 1px 1px 1px rgb(0 0 0 / var(--sq-opacity-20))}:root.dark{color-scheme:dark}@media(max-width:768px){:root{--sq-radius-xs: 2px;--sq-radius-sm: 4px;--sq-radius-md: 6px;--sq-radius-lg: 8px;--sq-padding-xs: 6px;--sq-padding-sm: 10px;--sq-padding-md: 16px;--sq-padding-lg: 24px;--sq-padding-xl: 32px}}}@layer theme{.sq-fade-enter-active{animation:fade var(--sq-transition-base)}.sq-fade-leave-active{animation:reverse fade var(--sq-transition-base)}.sq-slide-up-enter-active{animation:slide-up var(--sq-transition-base)}.sq-slide-up-leave-active{animation:reverse slide-up var(--sq-transition-base)}.sq-card-insert-enter-active,.sq-card-insert-leave-active{transform-origin:right}.sq-card-insert-enter-active{animation:card-insert var(--sq-transition-base)}.sq-card-insert-leave-active{animation:reverse card-insert var(--sq-transition-base)}.sq-rotate-in-left-enter-active{animation:rotate-in-left var(--sq-transition-base)}.sq-rotate-in-left-leave-active{animation:reverse rotate-in-left var(--sq-transition-base)}.sq-rotate-in-right-enter-active{animation:rotate-in-right var(--sq-transition-base)}.sq-rotate-in-right-leave-active{animation:reverse rotate-in-right var(--sq-transition-base)}.sq-zoom-enter-active{animation:zoom var(--sq-transition-base)}.sq-zoom-leave-active{animation:reverse zoom var(--sq-transition-base)}.sq-zoom-top-enter-active,.sq-zoom-top-leave-active{transform-origin:top}.sq-zoom-top-enter-active{animation:zoom-v var(--sq-transition-base)}.sq-zoom-top-leave-active{animation:reverse zoom-v var(--sq-transition-base)}.sq-zoom-bottom-enter-active,.sq-zoom-bottom-leave-active{transform-origin:bottom}.sq-zoom-bottom-enter-active{animation:zoom-v var(--sq-transition-base)}.sq-zoom-bottom-leave-active{animation:reverse zoom-v var(--sq-transition-base)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(var(--sq-padding-lg));opacity:0}to{transform:none;opacity:1}}@keyframes card-insert{0%{transform:translateY(-50%) rotate(30deg);opacity:0}60%{transform:translateY(10%);opacity:1}to{transform:none;opacity:1}}@keyframes rotate-in-left{0%{transform:translate(200%) rotate(180deg);opacity:0}to{transform:none;opacity:1}}@keyframes rotate-in-right{0%{transform:translate(-200%) rotate(180deg);opacity:0}to{transform:none;opacity:1}}@keyframes zoom{0%{transform:scale(0);opacity:0}90%{transform:scale(1.1);opacity:1}to{transform:none;opacity:1}}@keyframes zoom-v{0%{transform:scaleY(0);opacity:0}to{transform:none;opacity:1}}@keyframes skeleton{0%{background-position:-60% 0}to{background-position:160% 0}}}@layer component{@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:70}50%{stroke-dashoffset:125}to{stroke-dashoffset:70}}.sq-icon{display:inline-flex}.sq-icon>svg{width:1em;height:1em;fill:currentColor}.sq-icon.is-loading>svg{transform-origin:center;animation:loading 1s linear infinite}.sq-icon[data-icon=loading] circle{fill:none;stroke:currentColor;stroke-width:4;stroke-dasharray:130;stroke-linecap:round;animation:dash 2s ease-in-out infinite}}@layer component{.sq-alert{--alert-color: var(--sq-color-primary);--alert-bg-color: var(--sq-color-primary-light-5);--alert-selection-color: var(--sq-color-primary);border-radius:var(--sq-radius-md);padding:var(--sq-padding-sm);background:var(--alert-bg-color)}.sq-alert.sq-text{color:var(--alert-color)}.sq-alert.sq-text::selection{background-color:var(--alert-selection-color)}}@layer type{.sq-alert.is-success{--alert-color: var(--sq-color-success);--alert-bg-color: var(--sq-color-success-light-5);--alert-selection-color: var(--sq-color-success)}.sq-alert.is-info{--alert-color: var(--sq-color-info);--alert-bg-color: var(--sq-color-info-light-5);--alert-selection-color: var(--sq-color-info)}.sq-alert.is-warn{--alert-color: var(--sq-color-warn);--alert-bg-color: var(--sq-color-warn-light-5);--alert-selection-color: var(--sq-color-warn)}.sq-alert.is-error{--alert-color: var(--sq-color-error);--alert-bg-color: var(--sq-color-error-light-5);--alert-selection-color: var(--sq-color-error)}}@layer component{.sq-article{overflow-x:hidden;overflow-y:auto}.sq-article-content{line-height:var(--sq-line-height-base);display:flex;flex-direction:column;color:currentColor;font-size:var(--sq-font-size-md);row-gap:var(--sq-padding-sm);font-family:var(--sq-font-family)}.sq-article-content::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-article-content p,.sq-article-content h1,.sq-article-content h2,.sq-article-content h3,.sq-article-content h4,.sq-article-content h5,.sq-article-content h6{margin:0}.sq-article-content p>img{display:inline;max-width:100%;vertical-align:middle}.sq-article-content p>video{display:inline;max-width:100%;vertical-align:middle}.sq-article-content p>code{word-break:break-all;border-radius:var(--sq-radius-sm);background-color:var(--sq-color-primary-light-5);color:var(--sq-color-primary);padding:.1em .4em;font-family:var(--sq-font-family)}.sq-article-content h1,.sq-article-content h2,.sq-article-content h3,.sq-article-content h4,.sq-article-content h5,.sq-article-content h6{color:var(--sq-text-color)}.sq-article-content ul,.sq-article-content ol{margin:0;padding:0;list-style-type:none}.sq-article-content ul>li,.sq-article-content ol>li{position:relative;padding-inline-start:var(--sq-padding-md)}.sq-article-content ul>li:before,.sq-article-content ol>li:before{position:absolute;left:0}.sq-article-content ul>li:before{content:"";background-color:currentColor;aspect-ratio:1;width:4px;border-radius:var(--sq-radius-full);top:calc(.8em - 2px)}.sq-article-content ol{counter-reset:section}.sq-article-content ol>li{counter-increment:section}.sq-article-content ol>li:before{content:counter(section) ".";top:0}.sq-article-content a{text-decoration:none;color:var(--sq-color-primary);border-block-end:1px solid transparent;word-break:break-all}.sq-article-content a:hover{border-block-end-color:var(--sq-color-primary)}.sq-article-content a .sq-icon{vertical-align:middle;margin-inline-end:.2em;transform:translateY(-1px)}.sq-article-content .sq-checkbox{height:auto}.sq-article-content .sq-image{max-width:100%}.sq-article-content>img{max-width:100%;border-radius:var(--sq-radius-md)}.sq-article-content>blockquote{margin:0;padding:var(--sq-padding-sm);border-radius:var(--sq-radius-md);border-inline-start:4px solid var(--sq-color-primary);background-color:var(--sq-color-primary-light-5)}.sq-code{width:100%}.sq-article-table{border:1px solid var(--sq-border-color);border-radius:var(--sq-radius-md);overflow:hidden}.sq-article-table table{border-collapse:collapse;width:100%}.sq-article-table table thead{color:var(--sq-text-color);background-color:var(--sq-bg-color);border-block-end:1px solid var(--sq-border-color-light)}.sq-article-table table tbody{color:var(--sq-text-color-secondary)}.sq-article-table table th,.sq-article-table table td{padding:var(--sq-padding-sm)}.sq-article-table table th{position:relative}.sq-article-table table th:not(:last-child):after{content:"";position:absolute;z-index:1;right:0;top:50%;border:1px solid var(--sq-border-color-light);height:1em;transform:translateY(-50%)}.sq-article-table table tr:nth-child(2n){background-color:var(--sq-bg-color)}ul>li.sq-article-task-list-item{display:flex;align-items:center;column-gap:var(--sq-padding-xs);padding-inline-start:0}ul>li.sq-article-task-list-item:before{content:none}}@layer component{.sq-avatar{--avatar-size: var(--sq-component-size-md);--avatar-bg-color: var(--sq-color-primary);display:inline-block;vertical-align:middle;width:var(--avatar-size);aspect-ratio:1;border-radius:var(--sq-radius-md);font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);box-sizing:border-box;border:1px solid var(--sq-border-color-light);overflow:hidden;-webkit-user-select:none;user-select:none;box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-avatar.sq-avatar--sm{--avatar-size: var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-avatar.sq-avatar--lg{--avatar-size: var(--sq-component-size-lg);font-size:var(--sq-font-size-lg)}.sq-avatar.is-round{border-radius:var(--sq-radius-full)}.sq-avatar:has(>span){border:none;background:var(--avatar-bg-color)}.sq-avatar img{width:100%;height:100%;object-fit:cover}.sq-avatar span{width:100%;height:100%;color:#fff;display:flex;align-items:center;justify-content:center;line-height:var(--sq-line-height-single)}}@layer component{.sq-backtop{--backtop-margin-right: var(--sq-padding-md);--backtop-margin-bottom: var(--sq-padding-md);--backtop-size: 48px;position:fixed;width:var(--backtop-size);height:var(--backtop-size);inset-block-end:var(--backtop-margin-right);inset-inline-end:var(--backtop-margin-bottom);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-full);cursor:pointer;font-size:var(--sq-font-size-md);color:var(--sq-text-color-secondary);z-index:1999;box-shadow:var(--sq-shadow-md-dark) var(--sq-projection-dark),var(--sq-shadow-md-light) var(--sq-projection-light);will-change:color;transition:color var(--sq-transition-base)}.sq-backtop:not(:has(.sq-progress)){border:1px solid var(--sq-border-color-light)}.sq-backtop:hover{color:var(--sq-color-primary)}.sq-backtop-wrap{position:relative;display:flex;align-items:center;justify-content:center;height:100%}.sq-backtop-wrap .sq-progress{width:100%;position:absolute}.sq-backtop-wrap .sq-icon{position:absolute;font-size:1.5em}}@layer component{.sq-badge{--badge-size: auto;--badge-padding: 2px 6px;display:inline-block;vertical-align:middle;position:relative;width:fit-content}.sq-badge.is-dot{--badge-size: 8px;--badge-padding: 0}.sq-badge.is-dot .sq-badge-label-inner{aspect-ratio:1}.sq-badge-label{-webkit-user-select:none;user-select:none;font-size:var(--sq-font-size-sm);color:#fff;line-height:var(--sq-line-height-single)}.sq-badge-label-inner{display:block;height:var(--badge-size);padding:var(--badge-padding);background:var(--badge-color);border-radius:var(--sq-radius-full)}sup.sq-badge-label{position:absolute;translate:-50% -50%}}@layer type{.sq-badge.is-primary{--badge-color: var(--sq-color-primary)}.sq-badge.is-success{--badge-color: var(--sq-color-success)}.sq-badge.is-info{--badge-color: var(--sq-color-info)}.sq-badge.is-warn{--badge-color: var(--sq-color-warn)}.sq-badge.is-error{--badge-color: var(--sq-color-error)}}@layer component{.sq-blur{border-radius:var(--sq-radius-sm);filter:blur(var(--sq-blur-sm));-webkit-user-select:none;user-select:none;will-change:filter;transition:filter var(--sq-transition-base)}.sq-blur.sq-text{display:inline}.sq-blur:hover{filter:none}}@layer component{.sq-button{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color-secondary);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: var(--sq-component-bg-color);--button-bg-color-hover: var(--sq-component-bg-color);--button-bg-color-disabled: var(--sq-bg-color);--button-border-color: var(--sq-border-color-light);--button-shadow-color: var(--sq-projection-dark);--button-padding: var(--sq-padding-sm);cursor:pointer;height:var(--sq-component-size-md);padding:0 var(--button-padding);color:var(--button-color);background-color:var(--button-bg-color);display:inline-block;vertical-align:middle;border:1px solid;border-color:var(--button-border-color);border-radius:var(--sq-radius-md);-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:all var(--sq-transition-base)}.sq-button.sq-button--sm{height:var(--sq-component-size-sm)}.sq-button.sq-button--lg{height:var(--sq-component-size-lg)}.sq-button:not(.is-text){box-shadow:var(--sq-shadow-sm-dark) var(--button-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-button.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--button-padding) + .2em)}.sq-button:disabled{cursor:not-allowed;color:var(--button-color-disabled);background-color:var(--button-bg-color-disabled)}.sq-button:hover:not(:disabled){color:var(--button-color-hover);background-color:var(--button-bg-color-hover)}.sq-button:active:not(:disabled){box-shadow:var(--sq-shadow-xs-dark) var(--button-shadow-color)}.sq-button .sq-text{justify-content:center;line-height:var(--sq-line-height-single)}.sq-button .sq-text::selection{text-shadow:none}}@layer type{.sq-button.is-primary{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-primary);--button-bg-color-hover: var(--sq-color-primary-dark-1);--button-bg-color-disabled: var(--sq-color-primary-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-primary-light-4)}.sq-button.is-success{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-success);--button-bg-color-hover: var(--sq-color-success-dark-1);--button-bg-color-disabled: var(--sq-color-success-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-success-light-4)}.sq-button.is-info{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-info);--button-bg-color-hover: var(--sq-color-info-dark-1);--button-bg-color-disabled: var(--sq-color-info-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-info-light-4)}.sq-button.is-warn{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-warn);--button-bg-color-hover: var(--sq-color-warn-dark-1);--button-bg-color-disabled: var(--sq-color-warn-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-warn-light-4)}.sq-button.is-error{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-error);--button-bg-color-hover: var(--sq-color-error-dark-1);--button-bg-color-disabled: var(--sq-color-error-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-error-light-4)}.sq-button.is-text{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: transparent;--button-bg-color-hover: var(--sq-bg-color);--button-bg-color-disabled: transparent;--button-border-color: transparent}.sq-button.is-text:active:not(:disabled){box-shadow:none}.sq-button.is-text.is-primary{--button-color: var(--sq-color-primary);--button-color-hover: var(--sq-color-primary-dark-1);--button-color-disabled: var(--sq-color-primary-light-3);--button-bg-color-hover: var(--sq-color-primary-light-5)}.sq-button.is-text.is-success{--button-color: var(--sq-color-success);--button-color-hover: var(--sq-color-success-dark-1);--button-color-disabled: var(--sq-color-success-light-3);--button-bg-color-hover: var(--sq-color-success-light-5)}.sq-button.is-text.is-info{--button-color: var(--sq-color-info);--button-color-hover: var(--sq-color-info-dark-1);--button-color-disabled: var(--sq-color-info-light-3);--button-bg-color-hover: var(--sq-color-info-light-5)}.sq-button.is-text.is-warn{--button-color: var(--sq-color-warn);--button-color-hover: var(--sq-color-warn-dark-1);--button-color-disabled: var(--sq-color-warn-light-3);--button-bg-color-hover: var(--sq-color-warn-light-5)}.sq-button.is-text.is-error{--button-color: var(--sq-color-error);--button-color-hover: var(--sq-color-error-dark-1);--button-color-disabled: var(--sq-color-error-light-3);--button-bg-color-hover: var(--sq-color-error-light-5)}.sq-button.is-text.has-bg{--button-bg-color: var(--sq-bg-color);--button-bg-color-hover: var(--sq-bg-color-dark);--button-bg-color-disabled: var(--sq-bg-color)}.sq-button.is-text.has-bg.is-primary{--button-bg-color: var(--sq-color-primary-light-5);--button-bg-color-hover: var(--sq-color-primary-light-4);--button-bg-color-disabled: var(--sq-color-primary-light-5)}.sq-button.is-text.has-bg.is-success{--button-bg-color: var(--sq-color-success-light-5);--button-bg-color-hover: var(--sq-color-success-light-4);--button-bg-color-disabled: var(--sq-color-success-light-5)}.sq-button.is-text.has-bg.is-info{--button-bg-color: var(--sq-color-info-light-5);--button-bg-color-hover: var(--sq-color-info-light-4);--button-bg-color-disabled: var(--sq-color-info-light-5)}.sq-button.is-text.has-bg.is-warn{--button-bg-color: var(--sq-color-warn-light-5);--button-bg-color-hover: var(--sq-color-warn-light-4);--button-bg-color-disabled: var(--sq-color-warn-light-5)}.sq-button.is-text.has-bg.is-error{--button-bg-color: var(--sq-color-error-light-5);--button-bg-color-hover: var(--sq-color-error-light-4);--button-bg-color-disabled: var(--sq-color-error-light-5)}}@layer component{.sq-button-group{--button-group-shadow-color: var(--sq-projection-dark);border-radius:var(--sq-radius-md);display:inline-block;vertical-align:middle;box-shadow:var(--sq-shadow-sm-dark) var(--button-group-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-button-group:has(>.is-round){border-radius:var(--sq-radius-full)}.sq-button-group .sq-button{box-shadow:none}.sq-button-group .sq-button:active{box-shadow:none}.sq-button-group .sq-button:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;border-inline-start:none}.sq-button-group .sq-button:not(:first-child).is-round{padding-inline-start:var(--button-padding)}.sq-button-group .sq-button:not(:last-child){border-start-end-radius:0;border-end-end-radius:0;border-inline-end-color:var(--sq-border-color-light)}.sq-button-group .sq-button:not(:last-child).is-round{padding-inline-end:var(--button-padding)}}@layer type{.sq-button-group:has(>.is-primary){--button-group-shadow-color: var(--sq-color-primary-light-4)}.sq-button-group:has(>.is-success){--button-group-shadow-color: var(--sq-color-success-light-4)}.sq-button-group:has(>.is-info){--button-group-shadow-color: var(--sq-color-info-light-4)}.sq-button-group:has(>.is-warn){--button-group-shadow-color: var(--sq-color-warn-light-4)}.sq-button-group:has(>.is-error){--button-group-shadow-color: var(--sq-color-error-light-4)}}@layer component{.sq-card{padding:var(--sq-padding-md);border-radius:var(--sq-radius-lg);border:1px solid var(--sq-border-color-light);background-color:var(--sq-component-bg-color);color:var(--sq-text-color-secondary);font-size:var(--sq-font-size-md);line-height:var(--sq-line-height-base);font-family:var(--sq-font-family);box-shadow:var(--sq-shadow-lg-dark) var(--sq-projection-dark),var(--sq-shadow-lg-light) var(--sq-projection-light)}.sq-card::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-card .sq-card-header{margin-block-end:var(--sq-padding-md);line-height:var(--sq-line-height-single);display:flex;align-items:center;justify-content:space-between}.sq-card .sq-card-header h2{color:var(--sq-text-color);font-weight:700;font-size:var(--sq-font-size-lg);margin:0;padding:0}.sq-card .sq-card-header h2.has-decorative{position:relative;padding-inline-start:var(--sq-padding-sm)}.sq-card .sq-card-header h2.has-decorative:before{content:"";position:absolute;height:1em;width:4px;top:50%;left:0;border-radius:var(--sq-radius-full);background-color:var(--sq-color-primary);transform:translateY(-50%)}.sq-card .sq-card-footer{display:flex;align-items:center;margin-block-start:var(--sq-padding-md)}}@layer component{.sq-selection{--selection-color: var(--sq-text-color);--selection-color-hover: var(--sq-text-color);--selection-color-disabled: var(--sq-text-color-placeholder);--selection-color-checked: var(--sq-text-color);--selection-bg-color: var(--sq-component-bg-color);--selection-border-color: var(--sq-border-color-light);--selection-inner-color: #fff;--selection-shadow-color: var(--sq-projection-dark);display:inline-flex;vertical-align:middle;align-items:center;column-gap:var(--sq-padding-xs);font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);color:var(--selection-color);cursor:pointer;box-sizing:border-box;border-radius:var(--sq-radius-sm);height:var(--sq-component-size-md);will-change:color;transition:color var(--sq-transition-base)}.sq-selection.sq-selection--sm{font-size:var(--sq-font-size-sm);height:var(--sq-component-size-sm)}.sq-selection.sq-selection--lg{height:var(--sq-component-size-lg)}.sq-selection input[type=radio],.sq-selection input[type=checkbox]{opacity:0;position:absolute;width:0;height:0;margin:0}.sq-selection .sq-selection-label{-webkit-user-select:none;user-select:none;line-height:var(--sq-line-height-single);will-change:color;transition:color var(--sq-transition-base)}.sq-selection.is-checked{--selection-bg-color: var(--sq-color-primary);--selection-border-color: var(--sq-color-primary);--selection-shadow-color: var(--sq-color-primary-light-4);color:var(--selection-color-checked)}.sq-selection:hover{--selection-border-color: var(--sq-color-primary);color:var(--selection-color-hover)}.sq-selection.is-disabled{--selection-border-color: var(--sq-border-color-light);--selection-bg-color: var(--sq-bg-color);--selection-inner-color: var(--sq-text-color-placeholder);--selection-shadow-color: var(--sq-projection-dark);color:var(--selection-color-disabled);cursor:not-allowed}}@layer type{.sq-selection.is-outline,.sq-selection.is-solid{--selection-color-hover: var(--sq-color-primary);border:1px solid var(--selection-border-color);padding-inline:var(--sq-padding-sm);box-shadow:var(--sq-shadow-sm-dark) var(--selection-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-selection.is-outline{--selection-color-checked: var(--sq-color-primary)}.sq-selection.is-solid{--selection-color-checked: #fff;background-color:var(--selection-bg-color)}.sq-selection.is-solid.is-checked{--selection-color: #fff;--selection-color-hover: #fff;--selection-color-disabled: #fff;--selection-border-color: transparent}.sq-selection.is-solid.is-checked:hover{--selection-bg-color: var(--sq-color-primary-dark-1)}.sq-selection.is-solid.is-checked.is-disabled{--selection-bg-color: var(--sq-color-primary-light-3);--selection-shadow-color: var(--sq-color-primary-light-4)}}@layer component{.sq-checkbox{--checkbox-indeterminate-color: var(--sq-color-primary)}.sq-checkbox.is-disabled{--checkbox-indeterminate-color: var(--sq-text-color-placeholder)}.sq-checkbox-box{display:flex;aspect-ratio:1;width:1em;align-items:center;justify-content:center;border:1px solid var(--selection-border-color);border-radius:var(--sq-radius-xs);background-color:var(--selection-bg-color);position:relative;box-shadow:var(--sq-shadow-xs-dark) var(--selection-shadow-color),var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-checkbox-inner{aspect-ratio:1;position:absolute;color:var(--selection-inner-color);width:1em;scale:.9}}@layer type{.sq-checkbox.is-outline .sq-checkbox-box{box-shadow:none}.sq-checkbox-box.is-indeterminate:before{content:"";aspect-ratio:1;position:absolute;display:block;width:calc(1em - 6px);background-color:var(--checkbox-indeterminate-color)}}@layer component{.sq-selection-group{--selection-group-shadow-color: var(--sq-color-primary-light-4);display:flex;align-items:center;border-radius:var(--sq-radius-md)}.sq-selection-group:has(>.is-solid){box-shadow:var(--sq-shadow-sm-dark) var(--selection-group-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-selection-group:not(:has(>.is-solid)){column-gap:var(--sq-padding-md)}.sq-selection-group:has(>:not(.is-checked)){--selection-group-shadow-color: var(--sq-projection-dark)}}@layer type{.sq-selection-group .is-solid{box-shadow:none}.sq-selection-group .is-solid:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;border-inline-start-color:var(--sq-border-color-light)}.sq-selection-group .is-solid:not(:last-child){border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none}.sq-selection-group .is-solid:hover:not(.is-disabled):not(.is-checked){border-inline-start-color:var(--sq-color-primary)}.sq-selection-group .is-solid:hover:not(.is-disabled):not(.is-checked)+.sq-selection{border-inline-start-color:var(--sq-color-primary)}}@layer component{.sq-code{border-radius:var(--sq-radius-md);padding:var(--sq-padding-sm) var(--sq-padding-md);box-sizing:border-box;border:1px solid var(--sq-border-color-lighter);overflow:auto;font-size:var(--sq-font-size-md);box-shadow:inset var(--sq-shadow-sm-dark) var(--sq-projection-dark),inset var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-code pre{width:max-content;margin:0}}@layer component{.sq-mask{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100%;overflow:hidden;background-color:var(--sq-mask-color);-webkit-backdrop-filter:blur(var(--sq-blur-md));backdrop-filter:blur(var(--sq-blur-md));touch-action:none;-webkit-user-select:none;user-select:none}}@layer component{.sq-dialog{--dialog-width: 400px;--dialog-theme-color: var(--sq-color-primary);display:flex;flex-direction:column;font-family:var(--sq-font-family);row-gap:var(--sq-padding-sm);color:var(--sq-text-color);border-block-start:4px solid var(--dialog-theme-color);border-radius:var(--sq-radius-lg);width:var(--dialog-width);max-width:90vw;max-height:90vh;box-sizing:border-box;padding:var(--sq-padding-md);padding-block-start:calc(var(--sq-padding-md) - 4px);font-size:var(--sq-font-size-md);background-color:var(--sq-component-bg-color)}.sq-dialog.has-header .sq-dialog-close{inset-inline-end:var(--sq-padding-md);inset-block-start:var(--sq-padding-md)}.sq-dialog-close{font-size:1.5em;cursor:pointer;will-change:color;transition:color var(--sq-transition-base)}.sq-dialog-close:hover{color:var(--sq-text-color-secondary)}.sq-dialog-header{display:flex;column-gap:var(--sq-padding-sm);align-items:center;line-height:var(--sq-line-height-single)}.sq-dialog-header-icon{font-size:1.5em;color:var(--dialog-theme-color)}.sq-dialog-header-title{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;font-weight:700}.sq-dialog-body{color:var(--sq-text-color-secondary);overflow:auto}.sq-dialog-footer{display:flex;justify-content:flex-end;column-gap:var(--sq-padding-sm)}}@layer type{.sq-dialog.is-success{--dialog-theme-color: var(--sq-color-success)}.sq-dialog.is-info{--dialog-theme-color: var(--sq-color-info)}.sq-dialog.is-warn{--dialog-theme-color: var(--sq-color-warn)}.sq-dialog.is-error{--dialog-theme-color: var(--sq-color-error)}}@layer component{.sq-divider{--divider-width: 1px}.sq-divider:not(.is-thin){--divider-width: 4px}.sq-divider.sq-divider--vertical{height:1em;border-inline-start:var(--divider-width) var(--divider-line-type) var(--sq-border-color)}.sq-divider.sq-divider--horizontal{width:100%}.sq-divider.sq-divider--horizontal:has(>.sq-text){display:flex;color:var(--sq-text-color);align-items:center;column-gap:var(--sq-padding-sm)}.sq-divider.sq-divider--horizontal:has(>.sq-text):before,.sq-divider.sq-divider--horizontal:has(>.sq-text):after{content:"";flex:1;border-block-start:var(--divider-width) var(--divider-line-type) var(--sq-border-color)}.sq-divider.sq-divider--horizontal:has(>.sq-text).text-left:before{width:var(--sq-padding-lg);flex:none}.sq-divider.sq-divider--horizontal:has(>.sq-text).text-right:after{width:var(--sq-padding-lg);flex:none}.sq-divider.sq-divider--horizontal:has(>.sq-text) .sq-text{flex-shrink:0;max-width:60%}.sq-divider.sq-divider--horizontal:not(:has(>.sq-text)){border-block-start:var(--divider-width) var(--divider-line-type) var(--sq-border-color)}}@layer component{.sq-form{--form-label-width: auto;--form-label-height: var(--sq-component-size-md);display:flex;flex-direction:column;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);color:var(--sq-text-color)}.sq-form.sq-form--sm{--form-label-height: var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-form.sq-form--lg{--form-label-height: var(--sq-component-size-lg)}.sq-form.required-default .is-required:before{content:"*";color:var(--sq-color-error)}.sq-form.required-optional .sq-form-item-label:not(.is-required):not(:empty):after{content:"(可选项)";color:var(--sq-text-color-placeholder)}.sq-form.is-vertical .sq-form-item{flex-direction:column;row-gap:var(--sq-padding-xs)}.sq-form.is-vertical .sq-form-item .sq-form-item-label{min-height:0;line-height:var(--sq-line-height-base)}.sq-form-item{display:flex;align-items:flex-start;column-gap:var(--sq-padding-sm);padding-block-end:calc(var(--sq-font-size-sm) * 2)}.sq-form-item::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-form-item-label{display:inline-flex;vertical-align:middle;align-items:center;column-gap:.2em;flex-shrink:0;min-height:var(--form-label-height);width:var(--form-label-width)}.sq-form-item-content{position:relative;width:100%}.sq-form-item-content .sq-icon[data-icon=check-filled]{color:var(--sq-color-success)}.sq-form-item-content .sq-icon[data-icon=warning-filled]{color:var(--sq-color-warn)}.sq-form-item-content .sq-icon[data-icon=close-filled]{color:var(--sq-color-error)}.sq-form-item-check{position:absolute;top:100%;left:0;line-height:var(--sq-line-height-base);color:var(--sq-color-error);font-size:var(--sq-font-size-sm)}}@layer component{.sq-image{--image-placeholder-height: 360px;display:inline-block;vertical-align:middle;border-radius:var(--sq-radius-md);overflow:hidden;position:relative;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family)}.sq-image:hover>.sq-image-control{opacity:1}:scope::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-image-mask{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;background-color:var(--sq-bg-color)}.sq-image-mask:after{content:"";width:100%;height:100%;background-image:linear-gradient(to right,transparent,var(--sq-bg-color-dark) 60%,transparent);background-repeat:no-repeat;background-size:40%;animation:skeleton 2s ease infinite}.sq-image-picture{position:relative;z-index:1;display:block;width:100%;height:100%}.sq-image-picture img{display:block;width:100%;height:100%}.sq-image-control{cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2;border-radius:var(--sq-radius-md);overflow:hidden;font-size:var(--sq-font-size-lg);color:var(--sq-text-color);background-color:var(--sq-mask-color);-webkit-backdrop-filter:blur(var(--sq-blur-md));backdrop-filter:blur(var(--sq-blur-md));will-change:opacity;transition:opacity var(--sq-transition-base)}.sq-image-error{width:100%;height:100%;display:flex;justify-content:center;align-items:center;line-height:var(--sq-line-height-single);background-color:var(--sq-bg-color);color:var(--sq-text-color-placeholder)}}@layer component{.sq-image-viewer-mask{--image-viewer-component-size: 48px;touch-action:none}.sq-image-viewer-mask img{touch-action:none;will-change:transform;transition:transform var(--sq-transition-base)}.sq-image-viewer-mask .sq-button .sq-icon{font-size:1.5em}.sq-button.sq-image-viewer-close,.sq-button.sq-image-viewer-next,.sq-button.sq-image-viewer-prev{position:absolute;height:var(--image-viewer-component-size);aspect-ratio:1;padding-inline:0}.sq-image-viewer-close.sq-button{inset-block-start:var(--sq-padding-md);inset-inline-end:var(--sq-padding-md);box-shadow:none}.sq-image-viewer-next{inset-inline-end:var(--sq-padding-md)}.sq-image-viewer-prev{inset-inline-start:var(--sq-padding-md)}.sq-image-viewer-toolbar{display:flex;align-items:center;position:absolute;inset-block-end:var(--sq-padding-md);height:var(--image-viewer-component-size);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-full);padding-inline:var(--sq-padding-md);column-gap:var(--sq-padding-md);border:1px solid var(--sq-border-color-light)}.sq-image-viewer-toolbar .sq-button.is-text{padding-inline:0}@media(max-width:768px){.sq-image-viewer-mask{--image-viewer-component-size: 40px}.sq-image-viewer-toolbar{column-gap:var(--sq-padding-sm)}}}@layer type{.sq-image-viewer-toolbar>.sq-button{--button-bg-color-hover: transparent}}@layer component{.sq-image-crop{--image-crop-size: 360px;width:var(--image-crop-size);aspect-ratio:1;position:relative;border-radius:var(--sq-radius-md);overflow:hidden;background-blend-mode:screen;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;background-image:repeating-linear-gradient(var(--sq-bg-color-dark) 0 10px,transparent 10px 20px),repeating-linear-gradient(90deg,var(--sq-bg-color-dark) 0 10px,transparent 10px 20px)}.sq-image-crop-cropper{position:absolute;max-height:80%;max-width:80%;aspect-ratio:var(--image-crop-ratio);border:2px dashed var(--sq-border-color);box-sizing:border-box;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;box-shadow:0 0 0 3000px var(--sq-mask-color);z-index:2}}@layer component{.sq-input{--input-bg-color: var(--sq-component-bg-color);--input-bg-color-disabled: var(--sq-bg-color);--input-border-color: var(--sq-border-color-light);--input-border-color-active: var(--sq-color-primary);--input-border-color-disabled: var(--sq-border-color-light);--input-shadow-color: var(--sq-projection-dark);--input-selection-color: var(--sq-color-primary);padding:0;display:flex;align-items:center;font-size:var(--sq-font-size-md);background-color:var(--input-bg-color);border:1px solid;border-color:var(--input-border-color);border-radius:var(--sq-radius-md);box-sizing:border-box;cursor:text;overflow:hidden;box-shadow:inset var(--sq-shadow-xs-dark) var(--input-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-input textarea{min-height:var(--sq-component-size-md)}.sq-input.sq-input--sm{font-size:var(--sq-font-size-sm)}.sq-input.sq-input--sm textarea{min-height:var(--sq-component-size-sm)}.sq-input.sq-input--lg textarea{min-height:var(--sq-component-size-lg)}.sq-input:has(>input){width:100%;height:var(--sq-component-size-md)}.sq-input:has(>input).sq-input--sm{height:var(--sq-component-size-sm)}.sq-input:has(>input).sq-input--lg{height:var(--sq-component-size-lg)}.sq-input:has(>input).is-round{padding-inline:.2em;border-radius:var(--sq-radius-full)}.sq-input:has(>textarea).is-round{padding-inline:.2em;border-radius:calc(var(--sq-component-size-md) / 2)}.sq-input:has(>textarea).is-round.sq-input--sm{border-radius:calc(var(--sq-component-size-sm) / 2)}.sq-input:has(>textarea).is-round.sq-input--lg{border-radius:calc(var(--sq-component-size-lg) / 2)}.sq-input::selection{background-color:var(--input-selection-color);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-input .sq-input-prefix,.sq-input .sq-input-suffix{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.sq-input .sq-input-prefix{margin-inline-start:var(--sq-padding-sm);color:var(--sq-text-color-placeholder)}.sq-input .sq-input-inner{height:100%;caret-color:var(--input-selection-color);color:var(--sq-text-color);font-size:inherit;background:transparent;border:none;outline:none;line-height:var(--sq-line-height-base);box-sizing:border-box;font-family:var(--sq-font-family);will-change:color;transition:color var(--sq-transition-base)}.sq-input .sq-input-inner:read-only{color:var(--sq-text-color-placeholder)}.sq-input input.sq-input-inner{padding:0 var(--sq-padding-sm);width:0;flex:1}.sq-input textarea.sq-input-inner{padding:var(--sq-padding-xs) var(--sq-padding-sm);width:100%}.sq-input .sq-input-suffix{column-gap:var(--sq-padding-xs);margin-inline-end:var(--sq-padding-sm);color:var(--sq-text-color-placeholder)}.sq-input .sq-input-suffix-pwd,.sq-input .sq-input-suffix-clear{cursor:pointer}.sq-input.is-disabled{cursor:not-allowed;border-color:var(--input-border-color-disabled);background-color:var(--input-bg-color-disabled)}.sq-input.is-disabled .sq-input-inner{cursor:not-allowed;color:var(--sq-text-color-placeholder)}.sq-input:active:not(.is-disabled),.sq-input:focus-within:not(.is-disabled){--input-border-color: var(--input-border-color-active);box-shadow:none}}@layer type{.sq-input.is-warn{--input-border-color: var(--sq-color-warn);--input-border-color-active: var(--sq-color-warn);--input-border-color-disabled: var(--sq-color-warn-light-3);--input-shadow-color: var(--sq-color-warn-light-4);--input-selection-color: var(--sq-color-warn)}.sq-input.is-error{--input-border-color: var(--sq-color-error);--input-border-color-active: var(--sq-color-error);--input-border-color-disabled: var(--sq-color-error-light-3);--input-shadow-color: var(--sq-color-error-light-4);--input-selection-color: var(--sq-color-error)}}@layer component{.sq-menu{margin:0;padding:0;list-style-type:none;display:flex;gap:var(--sq-padding-xs) var(--sq-padding-sm);font-size:var(--sq-font-size-md);font-family:var(--sq-font-family)}.sq-menu.sq-menu--vertical{flex-direction:column}.sq-menu.sq-menu--vertical .sq-menu-item{padding:var(--sq-padding-sm)}.sq-menu.sq-menu--horizontal .sq-menu-item{height:var(--sq-component-size-sm);box-sizing:border-box;padding-inline:var(--sq-padding-sm)}.sq-menu-item{cursor:pointer;color:var(--sq-text-color);border-radius:var(--sq-radius-md);-webkit-user-select:none;user-select:none;display:flex;align-items:center;-webkit-backdrop-filter:blur(var(--sq-blur-sm));backdrop-filter:blur(var(--sq-blur-sm));gap:var(--sq-padding-xs);line-height:var(--sq-line-height-single);will-change:color,background-color;transition:color var(--sq-transition-base),background-color var(--sq-transition-base)}.sq-menu-item:hover{background-color:var(--sq-bg-color)}.sq-menu-item.is-active{color:var(--sq-color-primary);background-color:var(--sq-color-primary-light-5)}.sq-menu-item.is-disabled{background-color:transparent;color:var(--sq-text-color-placeholder);cursor:not-allowed}.sq-menu-item .sq-badge{margin-inline-start:auto}}@layer component{.sq-message-wrap{width:100vw;position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center}.sq-message{max-width:90vw;background-color:var(--sq-component-bg-color);color:var(--sq-text-color);box-shadow:var(--sq-shadow-md-dark) var(--sq-projection-dark),var(--sq-shadow-md-light) var(--sq-projection-light);position:absolute;border-radius:var(--sq-radius-md);border:1px solid var(--sq-border-color-light);display:flex;flex-direction:column;overflow:hidden;font-size:var(--sq-font-size-md);line-height:var(--sq-line-height-single);will-change:top;transition:top var(--sq-transition-base)}.sq-message-inner{padding:var(--sq-padding-sm);display:flex;column-gap:var(--sq-padding-sm);align-items:center}.sq-message-icon{font-size:var(--sq-font-size-lg);color:var(--message-icon-color)}body:has(.sq-mask:not([style*="display: none"])) .sq-message{box-shadow:none}}@layer type{.sq-message.is-primary{--message-icon-color: var(--sq-color-primary)}.sq-message.is-success{--message-icon-color: var(--sq-color-success)}.sq-message.is-info{--message-icon-color: var(--sq-color-info)}.sq-message.is-warn{--message-icon-color: var(--sq-color-warn)}.sq-message.is-error{--message-icon-color: var(--sq-color-error)}}@layer component{.sq-pagination,.sq-pagination-pager{display:flex;align-items:center;column-gap:var(--sq-padding-sm)}}@layer component{.sq-article{overflow-x:hidden;overflow-y:auto}.sq-article-content{line-height:var(--sq-line-height-base);display:flex;flex-direction:column;color:currentColor;font-size:var(--sq-font-size-md);row-gap:var(--sq-padding-sm);font-family:var(--sq-font-family)}.sq-article-content::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-article-content p,.sq-article-content h1,.sq-article-content h2,.sq-article-content h3,.sq-article-content h4,.sq-article-content h5,.sq-article-content h6{margin:0}.sq-article-content p>img{display:inline;max-width:100%;vertical-align:middle}.sq-article-content p>video{display:inline;max-width:100%;vertical-align:middle}.sq-article-content p>code{word-break:break-all;border-radius:var(--sq-radius-sm);background-color:var(--sq-color-primary-light-5);color:var(--sq-color-primary);padding:.1em .4em;font-family:var(--sq-font-family)}.sq-article-content h1,.sq-article-content h2,.sq-article-content h3,.sq-article-content h4,.sq-article-content h5,.sq-article-content h6{color:var(--sq-text-color)}.sq-article-content ul,.sq-article-content ol{margin:0;padding:0;list-style-type:none}.sq-article-content ul>li,.sq-article-content ol>li{position:relative;padding-inline-start:var(--sq-padding-md)}.sq-article-content ul>li:before,.sq-article-content ol>li:before{position:absolute;left:0}.sq-article-content ul>li:before{content:"";background-color:currentColor;aspect-ratio:1;width:4px;border-radius:var(--sq-radius-full);top:calc(.8em - 2px)}.sq-article-content ol{counter-reset:section}.sq-article-content ol>li{counter-increment:section}.sq-article-content ol>li:before{content:counter(section) ".";top:0}.sq-article-content a{text-decoration:none;color:var(--sq-color-primary);border-block-end:1px solid transparent;word-break:break-all}.sq-article-content a:hover{border-block-end-color:var(--sq-color-primary)}.sq-article-content a .sq-icon{vertical-align:middle;margin-inline-end:.2em;transform:translateY(-1px)}.sq-article-content .sq-checkbox{height:auto}.sq-article-content .sq-image{max-width:100%}.sq-article-content>img{max-width:100%;border-radius:var(--sq-radius-md)}.sq-article-content>blockquote{margin:0;padding:var(--sq-padding-sm);border-radius:var(--sq-radius-md);border-inline-start:4px solid var(--sq-color-primary);background-color:var(--sq-color-primary-light-5)}.sq-code{width:100%}.sq-article-table{border:1px solid var(--sq-border-color);border-radius:var(--sq-radius-md);overflow:hidden}.sq-article-table table{border-collapse:collapse;width:100%}.sq-article-table table thead{color:var(--sq-text-color);background-color:var(--sq-bg-color);border-block-end:1px solid var(--sq-border-color-light)}.sq-article-table table tbody{color:var(--sq-text-color-secondary)}.sq-article-table table th,.sq-article-table table td{padding:var(--sq-padding-sm)}.sq-article-table table th{position:relative}.sq-article-table table th:not(:last-child):after{content:"";position:absolute;z-index:1;right:0;top:50%;border:1px solid var(--sq-border-color-light);height:1em;transform:translateY(-50%)}.sq-article-table table tr:nth-child(2n){background-color:var(--sq-bg-color)}ul>li.sq-article-task-list-item{display:flex;align-items:center;column-gap:var(--sq-padding-xs);padding-inline-start:0}ul>li.sq-article-task-list-item:before{content:none}}@layer component{.sq-popover{position:absolute;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-md);border:1px solid var(--sq-border-color-light);padding:var(--sq-padding-xs) var(--sq-padding-sm);box-sizing:border-box;line-height:var(--sq-line-height-base);color:var(--sq-text-color)}.sq-popover.has-shadow{box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}}@layer component{.sq-progress{display:flex;align-items:center;justify-content:center;height:var(--progress-stroke);background-color:var(--sq-border-color);border-radius:var(--sq-radius-full);font-family:var(--sq-font-family);position:relative}.sq-progress:after{content:"";position:absolute;height:100%;width:var(--progress-value);border-radius:var(--sq-radius-full);top:0;left:0;background:var(--progress-color);z-index:1;will-change:width;transition:width var(--sq-transition-linear)}.sq-progress.is-circle{border-radius:0;aspect-ratio:1;height:auto;background-color:transparent}.sq-progress.is-circle:after{content:none}.sq-progress.is-circle circle{r:var(--progress-circle-r);stroke-width:var(--progress-circle-stroke);fill:transparent}.sq-progress-track{stroke:var(--sq-border-color)}.sq-progress-path{stroke-linecap:round;stroke:var(--progress-color);stroke-dasharray:var(--progress-value),var(--progress-circle-l);transform-origin:center;opacity:var(--progress-circle-opaciry, 1);rotate:-90deg;will-change:stroke-dasharray,stroke,opacity;transition:stroke-dasharray var(--sq-transition-linear),stroke var(--sq-transition-base),opacity var(--sq-transition-linear)}.sq-progress-label{position:absolute;font-size:var(--sq-font-size-lg);color:var(--sq-text-color-secondary);line-height:var(--sq-line-height-base);-webkit-user-select:none;user-select:none}}@layer type{.sq-progress.is-primary{--progress-color: var(--sq-color-primary)}.sq-progress.is-success{--progress-color: var(--sq-color-success)}.sq-progress.is-info{--progress-color: var(--sq-color-info)}.sq-progress.is-warn{--progress-color: var(--sq-color-warn)}.sq-progress.is-error{--progress-color: var(--sq-color-error)}}@layer component{.sq-radio.is-checked .sq-radio-box:after{content:"";aspect-ratio:1;position:absolute;border-radius:var(--sq-radius-full);background-color:var(--selection-inner-color);width:6px}.sq-radio .sq-radio-box{display:flex;aspect-ratio:1;width:1em;align-items:center;justify-content:center;border:1px solid var(--selection-border-color);border-radius:var(--sq-radius-full);background-color:var(--selection-bg-color);position:relative;box-shadow:var(--sq-shadow-xs-dark) var(--selection-shadow-color),var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}}@layer type{.sq-radio.is-outline .sq-radio-box{box-shadow:none}}@layer component{.sq-segmented{--segmented-radius: var(--sq-radius-md);--segmented-padding: var(--sq-padding-sm);position:relative;padding:2px;box-sizing:border-box;border-radius:var(--segmented-radius);background-color:var(--sq-bg-color-dark);height:var(--sq-component-size-md);box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-segmented.sq-segmented--sm{height:var(--sq-component-size-sm)}.sq-segmented.sq-segmented--lg{height:var(--sq-component-size-lg)}.sq-segmented.is-round{--segmented-radius: var(--sq-radius-full);--segmented-padding: calc(var(--sq-padding-sm) + .2em)}.sq-segmented input[type=radio]{opacity:0;position:absolute;width:0;height:0;margin:0}.sq-segmented-thumb{position:absolute;border-radius:var(--segmented-radius);background-color:var(--sq-component-bg-color);height:calc(100% - 4px);will-change:left,width;transition:left var(--sq-transition-base),width var(--sq-transition-base)}.sq-segmented-item{display:inline-block;vertical-align:middle;position:relative;color:var(--sq-text-color-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;padding-inline:var(--segmented-padding);border-radius:var(--segmented-radius);will-change:color,background-color;transition:color var(--sq-transition-base),background-color var(--sq-transition-base)}.sq-segmented-item.is-active{color:var(--sq-text-color)}.sq-segmented-item.is-disabled{color:var(--sq-text-color-placeholder);cursor:not-allowed}.sq-segmented-item:not(.is-active):not(.is-disabled):hover{color:var(--sq-text-color);background-color:var(--sq-bg-color)}.sq-segmented-item .sq-text{height:100%}.sq-segmented-item+.sq-segmented-item{margin-inline-start:2px}}@layer component{.sq-select [data-icon=arrow-down]{will-change:transform;transition:transform var(--sq-transition-base)}.sq-select.dropdown-opened [data-icon=arrow-down]{transform:scaleY(-1)}.sq-select input{cursor:pointer}.sq-select-dropdown{padding:var(--sq-padding-xs);-webkit-user-select:none;user-select:none;max-height:360px;overflow:auto}.sq-select-dropdown .sq-select-dropdown-empty{color:var(--sq-text-color-placeholder);text-align:center;line-height:var(--sq-component-size-md)}.sq-select-dropdown menu{display:flex;row-gap:2px;flex-direction:column;width:100%;margin:0;padding:0;list-style-type:none}.sq-select-dropdown menu li{line-height:var(--sq-component-size-md);padding-inline:var(--sq-padding-sm);border-radius:var(--sq-radius-base);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all var(--sq-transition-base)}.sq-select-dropdown menu li:hover:not(.is-disabled):not(.is-active){color:var(--sq-text-color-secondary);background-color:var(--sq-bg-color)}.sq-select-dropdown menu li.is-active{color:var(--sq-color-primary);background-color:var(--sq-color-primary-light-5)}.sq-select-dropdown menu li.is-disabled{color:var(--sq-text-color-placeholder);cursor:not-allowed}}@layer component{.sq-swipe{--swipe-separator-width: 4px;--swipe-separator-color: var(--sq-bg-color-dark);--swipe-slider-color: var(--sq-text-color);--swipe-slider-border-color: var(--sq-border-color-light);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.sq-swipe .sq-image{--image-placeholder-height: 100%;width:100%;height:100%}.sq-swipe.sq-swipe-horizontal{--swipe-slider-cursor: col-resize}.sq-swipe.sq-swipe-vertical{--swipe-slider-cursor: row-resize}.sq-swipe.sq-swipe-horizontal .sq-swipe-separator{height:100%;width:var(--swipe-separator-width);translate:calc(var(--swipe-separator-width) / -2)}.sq-swipe.sq-swipe-vertical .sq-swipe-separator{width:100%;height:var(--swipe-separator-width);translate:0 calc(var(--swipe-separator-width) / -2)}.sq-swipe-top,.sq-swipe-bottom{position:absolute;width:100%;height:100%;top:0;left:0}.sq-swipe-top{z-index:2}.sq-swipe-bottom{z-index:1}.sq-swipe-separator{position:absolute;z-index:9;top:0;background-color:var(--swipe-separator-color)}.sq-swipe-separator .sq-swipe-slider{width:var(--sq-component-size-sm);touch-action:none;aspect-ratio:1;border:1px solid var(--swipe-slider-border-color);border-radius:var(--sq-radius-sm);background-color:var(--sq-component-bg-color);position:absolute;cursor:var(--swipe-slider-cursor, default);box-sizing:border-box;top:50%;left:50%;translate:-50% -50%}.sq-swipe-separator .sq-swipe-slider:before,.sq-swipe-separator .sq-swipe-slider:after{content:"";border-block-end:2px solid var(--swipe-slider-color);width:1em;transition:all var(--sq-transition-base);position:absolute;top:calc(50% - 1px);left:50%;translate:-50%}.sq-swipe-separator .sq-swipe-slider:before{transform:translateY(-.3em)}.sq-swipe-separator .sq-swipe-slider:after{transform:translateY(.3em)}}@layer component{.sq-switch{--switch-width: 44px;--switch-height: calc(1em + 8px) ;--switch-track-bg-color: var(--sq-bg-color-dark);--switch-track-bg-color-disabled: var(--sq-bg-color);--switch-track-shadow: var(--sq-shadow-xs-dark) var(--switch-shadow-color), var(--sq-shadow-xs-light) var(--sq-projection-light);--switch-thumb-gap-v: 2px;--switch-thumb-gap-h: 2px;--switch-thumb-size: calc(var(--switch-height) - 4px);--switch-thumb-border: none;--switch-thumb-shadow: none;--switch-shadow-color: var(--sq-projection-dark);display:inline-flex;vertical-align:middle;align-items:center;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);cursor:pointer;box-sizing:border-box;height:var(--sq-component-size-md)}.sq-switch.sq-switch--sm{--switch-width: 40px;font-size:var(--sq-font-size-sm);height:var(--sq-component-size-sm)}.sq-switch.sq-switch--lg{height:var(--sq-component-size-lg)}.sq-switch input[type=checkbox]{opacity:0;position:absolute;width:0;height:0;margin:0}.sq-switch .sq-switch-track{border-radius:var(--sq-radius-full);background-color:var(--switch-track-bg-color);height:var(--switch-height);width:var(--switch-width);position:relative;box-shadow:var(--switch-track-shadow);will-change:background-color;transition:background-color var(--sq-transition-base)}.sq-switch .sq-switch-thumb{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--sq-text-color-placeholder);border-radius:var(--sq-radius-full);width:var(--switch-thumb-size);aspect-ratio:1;top:var(--switch-thumb-gap-v);left:var(--switch-thumb-gap-h);background-color:#fff;box-sizing:border-box;border:var(--switch-thumb-border);box-shadow:var(--switch-thumb-shadow);will-change:left;transition:left var(--sq-transition-base)}.sq-switch.is-disabled{cursor:not-allowed}.sq-switch.is-disabled .sq-switch-track{background-color:var(--switch-track-bg-color-disabled)}.sq-switch.is-checked{--switch-track-bg-color: var(--sq-color-primary);--switch-track-bg-color-disabled: var(--sq-color-primary-light-3);--switch-shadow-color: var(--sq-color-primary-light-4)}.sq-switch.is-checked .sq-switch-thumb{left:calc(100% - var(--switch-thumb-gap-h) - var(--switch-thumb-size))}}@layer type{.sq-switch.is-slim{--switch-height: 1em;--switch-track-shadow: none;--switch-thumb-gap-v: -4px;--switch-thumb-gap-h: 0px;--switch-thumb-size: calc(1em + 8px) ;--switch-thumb-border: 1px solid var(--sq-border-color-light);--switch-thumb-shadow: var(--sq-shadow-xs-dark) var(--sq-projection-dark)}}@layer component{.sq-table{border-radius:var(--sq-radius-md);overflow:hidden;font-size:var(--sq-font-size-md);width:100%;font-family:var(--sq-font-family);border:1px solid var(--sq-border-color);box-sizing:border-box}.sq-table.is-striped .sq-table-row:nth-child(2n){background-color:var(--sq-bg-color)}.sq-table.has-border .sq-table-cell:not(:last-child){border-inline-end:1px solid var(--sq-border-color-light)}.sq-table.has-border .sq-table-cell:not(:last-child):after{display:none}.sq-table-wrap,.sq-table-empty{width:100%;height:100%;display:flex}.sq-table-empty{align-items:center;justify-content:center;color:var(--sq-text-color-placeholder)}.sq-table-wrap{flex-direction:column}.sq-table-header{color:var(--sq-text-color-secondary);background-color:var(--sq-bg-color);border-block-end:1px solid var(--sq-border-color-light);font-weight:700;display:grid}.sq-table-header .sq-table-cell{position:relative}.sq-table-header .sq-table-cell:not(:last-child):after{content:"";position:absolute;z-index:1;right:0;top:50%;border:1px solid var(--sq-border-color-light);height:1em;transform:translateY(-50%)}.sq-table-body{height:0;flex:1;overflow-x:hidden;overflow-y:auto}.sq-table-body::-webkit-scrollbar{width:6px;height:6px}.sq-table-body::-webkit-scrollbar-track{border-radius:6px;background-color:var(--sq-component-bg-color)}.sq-table-body::-webkit-scrollbar-thumb{background-color:var(--sq-border-color-light);border-radius:6px}.sq-table-body::-webkit-scrollbar-thumb:hover{background-color:var(--sq-border-color)}.sq-table-row{display:grid;color:var(--sq-text-color);line-height:var(--sq-line-height-base)}.sq-table-row:not(:last-child){border-block-end:1px solid var(--sq-border-color-light)}.sq-table-cell{padding:var(--sq-padding-sm);display:flex;align-items:center;word-break:break-all;-webkit-user-select:text;user-select:text}.sq-table-cell-title{width:100px}.sq-table-cell-title+*{flex:1}}@layer component{.sq-tag{--tag-color: var(--sq-text-color);--tag-bg-color: var(--sq-component-bg-color);--tag-border-color: var(--sq-border-color-light);--tag-shadow-color: var(--sq-projection-dark);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);background:var(--tag-bg-color);border:1px solid var(--tag-border-color);box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--tag-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);-webkit-user-select:none;user-select:none}.sq-tag.sq-text{color:var(--tag-color);line-height:var(--sq-line-height-single)}.sq-tag.sq-text::selection{text-shadow:none}.sq-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .2em)}}@layer type{.sq-tag.is-primary,.sq-tag.is-success,.sq-tag.is-info,.sq-tag.is-warn,.sq-tag.is-error{--tag-bg-color: transparent;box-shadow:none}.sq-tag.is-primary{--tag-color: var(--sq-color-primary);--tag-border-color: var(--sq-color-primary-light-1)}.sq-tag.is-success{--tag-color: var(--sq-color-success);--tag-border-color: var(--sq-color-success-light-1)}.sq-tag.is-info{--tag-color: var(--sq-color-info);--tag-border-color: var(--sq-color-info-light-1)}.sq-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-border-color: var(--sq-color-warn-light-1)}.sq-tag.is-error{--tag-color: var(--sq-color-error);--tag-border-color: var(--sq-color-error-light-1)}.sq-tag.is-solid{--tag-color: #fff;--tag-border-color: transparent}.sq-tag.is-solid.is-primary{--tag-bg-color: var(--sq-color-primary)}.sq-tag.is-solid.is-success{--tag-bg-color: var(--sq-color-success)}.sq-tag.is-solid.is-info{--tag-bg-color: var(--sq-color-info)}.sq-tag.is-solid.is-warn{--tag-bg-color: var(--sq-color-warn)}.sq-tag.is-solid.is-error{--tag-bg-color: var(--sq-color-error)}.sq-tag.is-tint{--tag-border-color: transparent}.sq-tag.is-tint.is-primary{--tag-color: var(--sq-color-primary);--tag-bg-color: var(--sq-color-primary-light-5)}.sq-tag.is-tint.is-success{--tag-color: var(--sq-color-success);--tag-bg-color: var(--sq-color-success-light-5)}.sq-tag.is-tint.is-info{--tag-color: var(--sq-color-info);--tag-bg-color: var(--sq-color-info-light-5)}.sq-tag.is-tint.is-warn{--tag-color: var(--sq-color-warn);--tag-bg-color: var(--sq-color-warn-light-5)}.sq-tag.is-tint.is-error{--tag-color: var(--sq-color-error);--tag-bg-color: var(--sq-color-error-light-5)}}@layer component{.sq-check-tag{--tag-color: var(--sq-text-color);--tag-color-hover: var(--sq-color-primary);--tag-bg-color: var(--sq-bg-color);--tag-bg-color-hover: var(--sq-bg-color-dark);--tag-bg-color-checked: var(--sq-color-primary);--tag-bg-color-checked-hover: var(--sq-color-primary-dark-1);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);background:var(--tag-bg-color);box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--sq-transition-base)}.sq-check-tag.sq-text{color:var(--tag-color)}.sq-check-tag.sq-text::selection{text-shadow:none}.sq-check-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-check-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-check-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .2em)}.sq-check-tag:hover{color:var(--tag-color-hover);background:var(--tag-bg-color-hover)}.sq-check-tag.is-checked{color:#fff;background:var(--tag-bg-color-checked);border-color:transparent}.sq-check-tag.is-checked:hover{background:var(--tag-bg-color-checked-hover)}}@layer type{.sq-check-tag.is-primary{--tag-color: var(--sq-color-primary);--tag-color-hover: var(--sq-color-primary-dark-1);--tag-bg-color: var(--sq-color-primary-light-5);--tag-bg-color-hover: var(--sq-color-primary-light-4);--tag-bg-color-checked: var(--sq-color-primary);--tag-bg-color-checked-hover: var(--sq-color-primary-dark-1)}.sq-check-tag.is-success{--tag-color: var(--sq-color-success);--tag-color-hover: var(--sq-color-success-dark-1);--tag-bg-color: var(--sq-color-success-light-5);--tag-bg-color-hover: var(--sq-color-success-light-4);--tag-bg-color-checked: var(--sq-color-success);--tag-bg-color-checked-hover: var(--sq-color-success-dark-1)}.sq-check-tag.is-info{--tag-color: var(--sq-color-info);--tag-color-hover: var(--sq-color-info-dark-1);--tag-bg-color: var(--sq-color-info-light-5);--tag-bg-color-hover: var(--sq-color-info-light-4);--tag-bg-color-checked: var(--sq-color-info);--tag-bg-color-checked-hover: var(--sq-color-info-dark-1)}.sq-check-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-color-hover: var(--sq-color-warn-dark-1);--tag-bg-color: var(--sq-color-warn-light-5);--tag-bg-color-hover: var(--sq-color-warn-light-4);--tag-bg-color-checked: var(--sq-color-warn);--tag-bg-color-checked-hover: var(--sq-color-warn-dark-1)}.sq-check-tag.is-error{--tag-color: var(--sq-color-error);--tag-color-hover: var(--sq-color-error-dark-1);--tag-bg-color: var(--sq-color-error-light-5);--tag-bg-color-hover: var(--sq-color-error-light-4);--tag-bg-color-checked: var(--sq-color-error);--tag-bg-color-checked-hover: var(--sq-color-error-dark-1)}}@layer component{.sq-text{color:currentColor;display:flex;flex-grow:0;align-items:center;column-gap:.4em;font-family:var(--sq-font-family);font-size:var(--sq-font-size-md);line-height:var(--sq-line-height-base)}.sq-text::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-text.sq-text--sm{font-size:var(--sq-font-size-sm)}.sq-text.sq-text--lg{font-size:var(--sq-font-size-lg)}.sq-text.multi-line,.sq-text.single-line{display:block;overflow:hidden;text-overflow:ellipsis}.sq-text.single-line{white-space:nowrap}.sq-text.multi-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--row-num);line-clamp:var(--row-num)}}@layer component{.sq-timeline{--timeline-dot-size: 16px;--timeline-dot-color: var(--sq-text-color-placeholder);--timeline-dot-mask: none;--timeline-content-gap: var(--sq-padding-sm);--timeline-line-type: solid;--timeline-line-color: var(--sq-border-color);container:sq-timeline / inline-size;display:flex;flex-direction:column;font-size:var(--sq-font-size-md);font-family:var(--sq-font-family)}.sq-timeline::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-timeline.is-card .sq-timeline-content{padding:var(--sq-padding-md);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-lg);border:1px solid var(--sq-border-color-light);box-shadow:inset var(--sq-shadow-sm-dark) var(--sq-projection-dark),inset var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-timeline.is-card .sq-timeline-content .content-info{margin-block-start:var(--sq-padding-sm)}.sq-timeline-item{display:flex;position:relative;width:100%;box-sizing:border-box;overflow:hidden;padding-inline:var(--timeline-dot-size) 0}.sq-timeline-item:not(:last-child){padding-block-end:var(--sq-padding-md)}.sq-timeline-item:before{content:"";position:absolute;z-index:1;border-inline-start:2px var(--timeline-line-type);border-inline-start-color:var(--timeline-line-color);height:100%;left:calc(var(--timeline-dot-size) / 2 - 1px);top:var(--timeline-dot-size)}.sq-timeline-item.is-hollow{--timeline-dot-mask: radial-gradient( circle, transparent calc(var(--timeline-dot-size) / 2 - 4px), black calc(var(--timeline-dot-size) / 2 - 3px) )}.sq-timeline-dot{aspect-ratio:1;position:absolute;z-index:2;width:var(--timeline-dot-size);border-radius:var(--sq-radius-full);background:var(--timeline-dot-color);box-sizing:border-box;top:0;left:0;mask:var(--timeline-dot-mask);display:flex}.sq-timeline-dot:not(:empty){border-radius:0;background-color:transparent;color:var(--timeline-dot-color)}.sq-timeline-dot:not(:empty)>*{width:var(--timeline-dot-size);aspect-ratio:1;font-size:var(--timeline-dot-size)}.sq-timeline-content{display:flex;flex-direction:column;margin-inline:var(--timeline-content-gap) 0;width:100%;color:var(--sq-text-color-secondary);box-sizing:border-box;line-height:var(--sq-line-height-base)}.sq-timeline-content .content-title{margin-block:0;line-height:var(--sq-line-height-single);color:var(--sq-text-color);font-size:var(--sq-font-size-lg)}.sq-timeline-content .content-time{display:block;color:var(--sq-text-color-placeholder);margin-block-start:var(--sq-padding-xs)}.sq-timeline-content .content-info{margin-block-start:var(--sq-padding-xs)}@media(max-width:768px){.sq-timeline{--timeline-dot-size: 12px}}}@layer type{.sq-timeline.align-right .sq-timeline-item{padding-inline:0 var(--timeline-dot-size)}.sq-timeline.align-right .sq-timeline-item:before{left:auto;right:calc(var(--timeline-dot-size) / 2 - 1px)}.sq-timeline.align-right .sq-timeline-item .sq-timeline-dot{left:auto;right:0}.sq-timeline.align-right .sq-timeline-item .sq-timeline-content{margin-inline:0 var(--timeline-content-gap)}.sq-timeline:not(.is-card) .sq-timeline-content .content-title,.sq-timeline:not(.is-card) .sq-timeline-content .content-time,.sq-timeline:not(.is-card) .sq-timeline-content .content-info{align-self:flex-end}.sq-timeline-item.is-primary{--timeline-dot-color: var(--sq-color-primary)}.sq-timeline-item.is-success{--timeline-dot-color: var(--sq-color-success)}.sq-timeline-item.is-info{--timeline-dot-color: var(--sq-color-info)}.sq-timeline-item.is-warn{--timeline-dot-color: var(--sq-color-warn)}.sq-timeline-item.is-error{--timeline-dot-color: var(--sq-color-error)}@container sq-timeline (min-width: 800px){.sq-timeline.align-center .sq-timeline-item{padding-inline:0}.sq-timeline.align-center .sq-timeline-item:before{left:calc(50% - 1px)}.sq-timeline.align-center .sq-timeline-item:nth-child(2n){justify-content:flex-end}.sq-timeline.align-center .sq-timeline-item .sq-timeline-dot{left:calc(50% - var(--timeline-dot-size) / 2)}.sq-timeline.align-center .sq-timeline-item .sq-timeline-content{margin:0;width:calc(50% - var(--timeline-dot-size) / 2 - var(--timeline-content-gap))}.sq-timeline:not(.is-card) .sq-timeline-item:nth-child(odd) .content-title,.sq-timeline:not(.is-card) .sq-timeline-item:nth-child(odd) .content-time,.sq-timeline:not(.is-card) .sq-timeline-item:nth-child(odd) .content-info{align-self:flex-end}}}@layer component{.sq-tooltip{width:max-content;padding-block:var(--sq-padding-xs)}}@layer component{.sq-upload{display:inline-block;vertical-align:middle}.sq-upload.is-dragover{opacity:.5}.sq-upload input[type=file]{opacity:0;position:absolute;width:0;height:0;margin:0}}

package/dist/types/components/alert/index.d.ts

@@ -1 +1 @@
-export { default as SqAlert } from './alert';
+export { default as SqAlert } from './Alert';

package/dist/types/components/article/Article.d.ts

@@ -0,0 +1,18 @@
+import { ArticleProps } from '../../props/article';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ArticleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ArticleProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/article/index.d.ts

@@ -1 +1 @@
-export { default as SqArticle } from './article';
+export { default as SqArticle } from './Article';

package/dist/types/components/avatar/index.d.ts

@@ -1 +1 @@
-export { default as SqAvatar } from './avatar';
+export { default as SqAvatar } from './Avatar';

package/dist/types/components/backtop/index.d.ts

@@ -1 +1 @@
-export { default as SqBacktop } from './backtop';
+export { default as SqBacktop } from './Backtop';

package/dist/types/components/badge/index.d.ts

@@ -1 +1 @@
-export { default as SqBadge } from './badge';
+export { default as SqBadge } from './Badge';

package/dist/types/components/blur/index.d.ts

@@ -1 +1 @@
-export { default as SqBlur } from './blur';
+export { default as SqBlur } from './Blur';

package/dist/types/components/button/index.d.ts

@@ -1,3 +1,3 @@
-export { default as SqButton } from './button';
-export { default as SqButtonGroup } from './button-group';
+export { default as SqButton } from './Button';
+export { default as SqButtonGroup } from './ButtonGroup';
 export * from './injection-keys';

package/dist/types/components/card/index.d.ts

@@ -1 +1 @@
-export { default as SqCard } from './card';
+export { default as SqCard } from './Card';

package/dist/types/components/checkbox/index.d.ts

@@ -1,3 +1,3 @@
-export { default as SqCheckbox } from './checkbox';
-export { default as SqCheckboxGroup } from './checkbox-group';
+export { default as SqCheckbox } from './Checkbox';
+export { default as SqCheckboxGroup } from './CheckboxGroup';
 export * from './injection-keys';

package/dist/types/components/code/{code.d.ts → Code.d.ts}

@@ -1,5 +1,5 @@
 import { CodeProps } from '../../props';
 declare const _default: import('vue').DefineComponent<CodeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CodeProps> & Readonly<{}>, {
-    theme: string;
+    theme: import('../../utils').AllowedThemes;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/types/components/code/index.d.ts

@@ -1 +1 @@
-export { default as SqCode } from './code';
+export { default as SqCode } from './Code';

package/dist/types/components/dialog/index.d.ts

@@ -1 +1 @@
-export { default as SqDialog } from './dialog';
+export { default as SqDialog } from './Dialog';

package/dist/types/components/divider/index.d.ts

@@ -1 +1 @@
-export { default as SqDivider } from './divider';
+export { default as SqDivider } from './Divider';

package/dist/types/components/form/index.d.ts

@@ -1,2 +1,2 @@
-export { default as SqForm } from './form';
+export { default as SqForm } from './Form';
 export * from './injection-keys';

package/dist/types/components/image/index.d.ts

@@ -1,2 +1,2 @@
-export { default as SqImage } from './image';
-export { default as SqImageViewer } from './image-viewer';
+export { default as SqImage } from './Image';
+export { default as SqImageViewer } from './ImageViewer';

package/dist/types/components/image-crop/index.d.ts

@@ -1 +1 @@
-export { default as SqImageCrop } from './image-crop';
+export { default as SqImageCrop } from './ImageCrop';

package/dist/types/components/index.d.ts

@@ -10,7 +10,6 @@ export * from './checkbox';
 export * from './code';
 export * from './dialog';
 export * from './divider';
-export * from './editor';
 export * from './form';
 export * from './image';
 export * from './image-crop';

package/dist/types/components/input/index.d.ts

@@ -1 +1 @@
-export { default as SqInput } from './input';
+export { default as SqInput } from './Input';

package/dist/types/components/mask/index.d.ts

@@ -1 +1 @@
-export { default as SqMask } from './mask';
+export { default as SqMask } from './Mask';

package/dist/types/components/menu/{menu.d.ts → Menu.d.ts}

@@ -5,7 +5,7 @@ declare const _default: <T extends MenuItem>(__VLS_props: NonNullable<Awaited<ty
         readonly onClick?: ((value: string | number, e: MouseEvent) => any) | undefined;
         readonly onChange?: ((value: string | number) => any) | undefined;
         readonly "onUpdate:active"?: ((value: string | number) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick" | "onChange" | "onUpdate:active"> & ({
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onChange" | "onClick" | "onUpdate:active"> & ({
         active?: string | number;
     } & MenuProps<T>) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;

package/dist/types/components/menu/index.d.ts

@@ -1 +1 @@
-export { default as SqMenu } from './menu';
+export { default as SqMenu } from './Menu';

package/dist/types/components/only-child/index.d.ts

@@ -1 +1 @@
-export { default as SqOnlyChild } from './only-child';
+export { default as SqOnlyChild } from './OnlyChild';

package/dist/types/components/pagination/index.d.ts

@@ -1 +1 @@
-export { default as SqPagination } from './pagination';
+export { default as SqPagination } from './Pagination';

package/dist/types/components/popover/index.d.ts

@@ -1 +1 @@
-export { default as SqPopover } from './popover';
+export { default as SqPopover } from './Popover';

package/dist/types/components/progress/index.d.ts

@@ -1 +1 @@
-export { default as SqProgress } from './progress';
+export { default as SqProgress } from './Progress';

package/dist/types/components/radio/index.d.ts

@@ -1,3 +1,3 @@
-export { default as SqRadio } from './radio';
-export { default as SqRadioGroup } from './radio-group';
+export { default as SqRadio } from './Radio';
+export { default as SqRadioGroup } from './RadioGroup';
 export * from './injection-keys';

package/dist/types/components/segmented/index.d.ts

@@ -1,3 +1,3 @@
-export { default as SqSegmented } from './segmented';
-export { default as SqSegmentedItem } from './segmented-item';
+export { default as SqSegmented } from './Segmented';
+export { default as SqSegmentedItem } from './SegmentedItem';
 export * from './injection-keys';

package/dist/types/components/select/{select.d.ts → Select.d.ts}

@@ -56,9 +56,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
             readonly onFocus?: ((e: FocusEvent) => any) | undefined;
             readonly "onUpdate:value"?: ((value: string) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         } & {
@@ -98,9 +96,9 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
             round: boolean;
             disabled: boolean;
             resize: import('../../../types').TextareaResizeType;
-            rows: number | string;
             readonly: boolean;
             autocomplete: string;
+            rows: number | string;
             cols: number | string;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -127,9 +125,9 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
         round: boolean;
         disabled: boolean;
         resize: import('../../../types').TextareaResizeType;
-        rows: number | string;
         readonly: boolean;
         autocomplete: string;
+        rows: number | string;
         cols: number | string;
     }> & Omit<Readonly<{
         value?: string;
@@ -141,10 +139,10 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
         onChange?: ((e: Event) => any) | undefined;
         onFocus?: ((e: FocusEvent) => any) | undefined;
         "onUpdate:value"?: ((value: string) => any) | undefined;
-    }>, "blur" | "focus" | ("type" | "round" | "disabled" | "resize" | "rows" | "readonly" | "autocomplete" | "cols")> & import('vue').ShallowUnwrapRef<{
+    }>, "blur" | "focus" | ("type" | "round" | "disabled" | "resize" | "readonly" | "autocomplete" | "rows" | "cols")> & {
         focus: () => void;
         blur: () => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             prefix?(_: {}): any;
             suffix?(_: {}): any;

package/dist/types/components/select/index.d.ts

@@ -1,2 +1,2 @@
-export { default as SqSelect } from './select';
+export { default as SqSelect } from './Select';
 export * from './injection-keys';

package/dist/types/components/swipe/index.d.ts

@@ -1 +1 @@
-export { default as SqSwipe } from './swipe';
+export { default as SqSwipe } from './Swipe';

package/dist/types/components/switch/index.d.ts

@@ -1 +1 @@
-export { default as SqSwitch } from './switch';
+export { default as SqSwitch } from './Switch';

package/dist/types/components/table/index.d.ts

@@ -1 +1 @@
-export { default as SqTable } from './table';
+export { default as SqTable } from './Table';

package/dist/types/components/tag/index.d.ts

@@ -1,2 +1,2 @@
-export { default as SqTag } from './tag';
-export { default as SqCheckTag } from './check-tag';
+export { default as SqTag } from './Tag';
+export { default as SqCheckTag } from './CheckTag';

package/dist/types/components/text/index.d.ts

@@ -1 +1 @@
-export { default as SqText } from './text';
+export { default as SqText } from './Text';

package/dist/types/components/timeline/index.d.ts

@@ -1,2 +1,2 @@
-export { default as SqTimeline } from './timeline';
-export { default as SqTimelineItem } from './timeline-item';
+export { default as SqTimeline } from './Timeline';
+export { default as SqTimelineItem } from './TimelineItem';

package/dist/types/components/tooltip/index.d.ts

@@ -1 +1 @@
-export { default as SqTooltip } from './tooltip';
+export { default as SqTooltip } from './Tooltip';

package/dist/types/components/upload/index.d.ts

@@ -1 +1 @@
-export { default as SqUpload } from './upload';
+export { default as SqUpload } from './Upload';

package/dist/types/components/vnode-renderer/index.d.ts

@@ -1 +1 @@
-export { default as SqVNodeRenderer } from './vnode-renderer';
+export { default as SqVNodeRenderer } from './VnodeRenderer';

package/dist/types/custom/{Form.d.ts → components/Form.d.ts}

@@ -4,8 +4,8 @@ import type {
   RadioGroupProps,
   SwitchProps,
   SelectProps
-} from '../props'
-import type { Arrayable, Promiseable, TriggerType } from '..'
+} from '@/props'
+import type { Arrayable, Promiseable, TriggerType } from '../../dist/types'
 
 /**
  * 校验类型