:root {
  --ui-color-primary: #409eff;
}
#app {
  height: 100%;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ul,
ul > li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
button,
input,
textarea,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  list-style: none;
  outline: 0 none;
  font-style: normal;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: inherit;
  font-family: inherit;
}
html {
  height: 100%;
  font-size: 100px;
  overflow: hidden;
  width: 100%;
  border: 0 none;
  font-family: 'PingFang SC', 'microsoft yahei', simhei, verdana;
}
body {
  height: 100%;
  position: relative;
  color: var(--color-fg);
  overflow: hidden;
  z-index: 0;
  font-size: 0.12em;
  width: 100%;
  border: 0 none;
  text-align: left;
}
a {
  text-decoration: none;
}
iframe {
  border: 0 none;
  height: 100%;
  width: 100%;
  display: block;
}
img {
  border: 0 none;
  vertical-align: top;
  max-width: 100%;
}
label {
  cursor: default !important;
}
#scrollerTest {
  position: absolute;
  width: 100px;
  height: 100px;
  left: -100em;
  top: -100em;
  overflow: scroll;
}
#scrollerTest div {
  height: 100%;
}
.is-link {
  cursor: pointer;
}
html body .height-full {
  height: 100%;
}
:root {
  --color-fg: #333;
  --color-fg-fade: #999;
  --color-fg-fade2: #ddd;
  --color-bg: #fff;
  --color-primary: #0077fa;
  --color-success: #3BB346;
  --color-danger: #F93920;
  --color-warning: #FC8800;
  --color-secondary: #4d5b65;
  --color-bright: #fd0;
  --color-placeholder: #ddd;
  --color-border: #eee;
  --radius-block: 0.5em;
  --radius-fe: 0.25em;
  --radius-r: 50%;
  --bg-fe: #fff;
  --border-fe: 1px solid #ddd;
  --height-fe: 3em;
  --width-border: 1px;
  --disabled-color: #ddd;
  --disabled-bg: #eee;
  --disabled-border: var(--width-border) solid var(--color-border);
  --disabled-placeholder-color: #ccc;
  /* 基础变量 */
  --gap: 1em;
  --bg: #fff;
  --fg: #000;
  --dark-bg: #222;
  --dark-fg: #fff;
  --primary: #0077fa;
  --success: #3BB346;
  --danger: #F93920;
  --warning: #FC8800;
  --secondary: #4d5b65;
  --bright: #fd0;
  /* RGB变量，用于rgba()函数 */
  --color-fg-rgb: 51, 51, 51;
  --color-bg-rgb: 255, 255, 255;
  --color-primary-rgb: 0, 133, 208;
  --color-success-rgb: 143, 195, 32;
  --color-danger-rgb: 228, 0, 119;
  --color-warning-rgb: 243, 177, 0;
  --color-secondary-rgb: 77, 91, 101;
  --color-bright-rgb: 255, 221, 0;
  --color-dark-bg-rgb: 34, 34, 34;
  --color-dark-fg-rgb: 255, 255, 255;
  /* 基于Less变量生成的CSS变量 */
  /* Primary 相关变量 */
  --primary-light-1: #1985fb;
  --primary-light-2: #3392fb;
  --primary-light-3: #4da0fc;
  --primary-light-4: #66adfc;
  --primary-light-5: #80bbfd;
  --primary-light-6: #99c9fd;
  --primary-light-7: #b3d6fe;
  --primary-light-8: #cce4fe;
  --primary-light-9: #e6f1ff;
  --primary-dark-1: #006be1;
  --primary-dark-2: #005fc8;
  --primary-dark-3: #0053af;
  --primary-dark-4: #004796;
  --primary-dark-5: #003c7d;
  --primary-dark-6: #003064;
  --primary-dark-7: #00244b;
  --primary-dark-8: #001832;
  --primary-dark-9: #000c19;
  --primary-op-0: rgba(0, 119, 250, 0);
  --primary-op-1: rgba(0, 119, 250, 0.1);
  --primary-op-2: rgba(0, 119, 250, 0.2);
  --primary-op-3: rgba(0, 119, 250, 0.3);
  --primary-op-4: rgba(0, 119, 250, 0.4);
  --primary-op-5: rgba(0, 119, 250, 0.5);
  --primary-op-6: rgba(0, 119, 250, 0.6);
  --primary-op-7: rgba(0, 119, 250, 0.7);
  --primary-op-8: rgba(0, 119, 250, 0.8);
  --primary-op-9: rgba(0, 119, 250, 0.9);
  /* Success 相关变量 */
  --success-light-1: #4fbb59;
  --success-light-2: #62c26b;
  --success-light-3: #76ca7e;
  --success-light-4: #89d190;
  --success-light-5: #9dd9a3;
  --success-light-6: #b1e1b5;
  --success-light-7: #c4e8c8;
  --success-light-8: #d8f0da;
  --success-light-9: #ebf7ed;
  --success-dark-1: #35a13f;
  --success-dark-2: #2f8f38;
  --success-dark-3: #297d31;
  --success-dark-4: #236b2a;
  --success-dark-5: #1e5a23;
  --success-dark-6: #18481c;
  --success-dark-7: #123615;
  --success-dark-8: #0c240e;
  --success-dark-9: #061207;
  --success-op-0: rgba(59, 179, 70, 0);
  --success-op-1: rgba(59, 179, 70, 0.1);
  --success-op-2: rgba(59, 179, 70, 0.2);
  --success-op-3: rgba(59, 179, 70, 0.3);
  --success-op-4: rgba(59, 179, 70, 0.4);
  --success-op-5: rgba(59, 179, 70, 0.5);
  --success-op-6: rgba(59, 179, 70, 0.6);
  --success-op-7: rgba(59, 179, 70, 0.7);
  --success-op-8: rgba(59, 179, 70, 0.8);
  --success-op-9: rgba(59, 179, 70, 0.9);
  /* Danger 相关变量 */
  --danger-light-1: #fa4d36;
  --danger-light-2: #fa614d;
  --danger-light-3: #fb7463;
  --danger-light-4: #fb8879;
  --danger-light-5: #fc9c90;
  --danger-light-6: #fdb0a6;
  --danger-light-7: #fdc4bc;
  --danger-light-8: #fed7d2;
  --danger-light-9: #feebe9;
  --danger-dark-1: #e0331d;
  --danger-dark-2: #c72e1a;
  --danger-dark-3: #ae2816;
  --danger-dark-4: #952213;
  --danger-dark-5: #7d1d10;
  --danger-dark-6: #64170d;
  --danger-dark-7: #4b110a;
  --danger-dark-8: #320b06;
  --danger-dark-9: #190603;
  --danger-op-0: rgba(249, 57, 32, 0);
  --danger-op-1: rgba(249, 57, 32, 0.1);
  --danger-op-2: rgba(249, 57, 32, 0.2);
  --danger-op-3: rgba(249, 57, 32, 0.3);
  --danger-op-4: rgba(249, 57, 32, 0.4);
  --danger-op-5: rgba(249, 57, 32, 0.5);
  --danger-op-6: rgba(249, 57, 32, 0.6);
  --danger-op-7: rgba(249, 57, 32, 0.7);
  --danger-op-8: rgba(249, 57, 32, 0.8);
  --danger-op-9: rgba(249, 57, 32, 0.9);
  /* Warning 相关变量 */
  --warning-light-1: #fc9419;
  --warning-light-2: #fda033;
  --warning-light-3: #fdac4d;
  --warning-light-4: #fdb866;
  --warning-light-5: #fec480;
  --warning-light-6: #fecf99;
  --warning-light-7: #fedbb3;
  --warning-light-8: #fee7cc;
  --warning-light-9: #fff3e6;
  --warning-dark-1: #e37a00;
  --warning-dark-2: #ca6d00;
  --warning-dark-3: #b05f00;
  --warning-dark-4: #975200;
  --warning-dark-5: #7e4400;
  --warning-dark-6: #653600;
  --warning-dark-7: #4c2900;
  --warning-dark-8: #321b00;
  --warning-dark-9: #190e00;
  --warning-op-0: rgba(252, 136, 0, 0);
  --warning-op-1: rgba(252, 136, 0, 0.1);
  --warning-op-2: rgba(252, 136, 0, 0.2);
  --warning-op-3: rgba(252, 136, 0, 0.3);
  --warning-op-4: rgba(252, 136, 0, 0.4);
  --warning-op-5: rgba(252, 136, 0, 0.5);
  --warning-op-6: rgba(252, 136, 0, 0.6);
  --warning-op-7: rgba(252, 136, 0, 0.7);
  --warning-op-8: rgba(252, 136, 0, 0.8);
  --warning-op-9: rgba(252, 136, 0, 0.9);
  /* Bright 相关变量 */
  --bright-light-1: #ffe019;
  --bright-light-2: #ffe433;
  --bright-light-3: #ffe74d;
  --bright-light-4: #ffeb66;
  --bright-light-5: #ffee80;
  --bright-light-6: #fff199;
  --bright-light-7: #fff5b3;
  --bright-light-8: #fff8cc;
  --bright-light-9: #fffce6;
  --bright-dark-1: #e6c700;
  --bright-dark-2: #ccb100;
  --bright-dark-3: #b39b00;
  --bright-dark-4: #998500;
  --bright-dark-5: #806f00;
  --bright-dark-6: #665800;
  --bright-dark-7: #4d4200;
  --bright-dark-8: #332c00;
  --bright-dark-9: #191600;
  --bright-op-0: rgba(255, 221, 0, 0);
  --bright-op-1: rgba(255, 221, 0, 0.1);
  --bright-op-2: rgba(255, 221, 0, 0.2);
  --bright-op-3: rgba(255, 221, 0, 0.3);
  --bright-op-4: rgba(255, 221, 0, 0.4);
  --bright-op-5: rgba(255, 221, 0, 0.5);
  --bright-op-6: rgba(255, 221, 0, 0.6);
  --bright-op-7: rgba(255, 221, 0, 0.7);
  --bright-op-8: rgba(255, 221, 0, 0.8);
  --bright-op-9: rgba(255, 221, 0, 0.9);
  /* Secondary 相关变量 */
  --secondary-light-1: #5f6b74;
  --secondary-light-2: #717c84;
  --secondary-light-3: #828c93;
  --secondary-light-4: #949da3;
  --secondary-light-5: #a6adb2;
  --secondary-light-6: #b8bdc1;
  --secondary-light-7: #caced1;
  --secondary-light-8: #dbdee0;
  --secondary-light-9: #edeff0;
  --secondary-dark-1: #45525b;
  --secondary-dark-2: #3e4951;
  --secondary-dark-3: #364047;
  --secondary-dark-4: #2e373d;
  --secondary-dark-5: #272e33;
  --secondary-dark-6: #1f2428;
  --secondary-dark-7: #171b1e;
  --secondary-dark-8: #0f1214;
  --secondary-dark-9: #08090a;
  --secondary-op-0: rgba(77, 91, 101, 0);
  --secondary-op-1: rgba(77, 91, 101, 0.1);
  --secondary-op-2: rgba(77, 91, 101, 0.2);
  --secondary-op-3: rgba(77, 91, 101, 0.3);
  --secondary-op-4: rgba(77, 91, 101, 0.4);
  --secondary-op-5: rgba(77, 91, 101, 0.5);
  --secondary-op-6: rgba(77, 91, 101, 0.6);
  --secondary-op-7: rgba(77, 91, 101, 0.7);
  --secondary-op-8: rgba(77, 91, 101, 0.8);
  --secondary-op-9: rgba(77, 91, 101, 0.9);
  /* Background 相关变量 */
  --bg-op-0: rgba(255, 255, 255, 0);
  --bg-op-0-1: rgba(255, 255, 255, 0.01);
  --bg-op-0-2: rgba(255, 255, 255, 0.02);
  --bg-op-0-3: rgba(255, 255, 255, 0.03);
  --bg-op-0-4: rgba(255, 255, 255, 0.04);
  --bg-op-0-5: rgba(255, 255, 255, 0.05);
  --bg-op-1: rgba(255, 255, 255, 0.1);
  --bg-op-2: rgba(255, 255, 255, 0.2);
  --bg-op-3: rgba(255, 255, 255, 0.3);
  --bg-op-4: rgba(255, 255, 255, 0.4);
  --bg-op-5: rgba(255, 255, 255, 0.5);
  --bg-op-6: rgba(255, 255, 255, 0.6);
  --bg-op-7: rgba(255, 255, 255, 0.7);
  --bg-op-8: rgba(255, 255, 255, 0.8);
  --bg-op-9: rgba(255, 255, 255, 0.9);
  --bg-op-9-5: rgba(255, 255, 255, 0.95);
  --bg-op-9-6: rgba(255, 255, 255, 0.96);
  --bg-op-9-7: rgba(255, 255, 255, 0.97);
  --bg-op-9-8: rgba(255, 255, 255, 0.98);
  --bg-op-9-9: rgba(255, 255, 255, 0.99);
  --bg-dark-0-1: #fcfcfc;
  --bg-dark-0-2: #fafafa;
  --bg-dark-0-3: #f7f7f7;
  --bg-dark-0-4: #f5f5f5;
  --bg-dark-0-5: #f2f2f2;
  --bg-dark-0-6: #f0f0f0;
  --bg-dark-0-7: #ededed;
  --bg-dark-0-8: #ebebeb;
  --bg-dark-0-9: #e8e8e8;
  --bg-dark-1: #e6e6e6;
  --bg-dark-1-5: #d9d9d9;
  --bg-dark-2: #cccccc;
  --bg-dark-2-5: #bfbfbf;
  --bg-dark-3: #b3b3b3;
  --bg-dark-3-5: #a6a6a6;
  --bg-dark-4: #999999;
  --bg-dark-4-5: #8c8c8c;
  --bg-dark-5: #808080;
  --bg-dark-5-5: #737373;
  --bg-dark-6: #666666;
  --bg-dark-6-5: #595959;
  --bg-dark-7: #4d4d4d;
  --bg-dark-7-5: #404040;
  --bg-dark-8: #333333;
  --bg-dark-8-5: #262626;
  --bg-dark-9: #191919;
  --bg-dark-9-1: #171717;
  --bg-dark-9-2: #141414;
  --bg-dark-9-3: #121212;
  --bg-dark-9-4: #0f0f0f;
  --bg-dark-9-5: #0d0d0d;
  --bg-dark-9-6: #0a0a0a;
  --bg-dark-9-7: #080808;
  --bg-dark-9-8: #050505;
  --bg-dark-9-9: #030303;
  /* Foreground 相关变量 */
  --fg-op-0: rgba(0, 0, 0, 0);
  --fg-op-0-1: rgba(0, 0, 0, 0.01);
  --fg-op-0-2: rgba(0, 0, 0, 0.02);
  --fg-op-0-3: rgba(0, 0, 0, 0.03);
  --fg-op-0-4: rgba(0, 0, 0, 0.04);
  --fg-op-0-5: rgba(0, 0, 0, 0.05);
  --fg-op-1: rgba(0, 0, 0, 0.1);
  --fg-op-2: rgba(0, 0, 0, 0.2);
  --fg-op-3: rgba(0, 0, 0, 0.3);
  --fg-op-4: rgba(0, 0, 0, 0.4);
  --fg-op-5: rgba(0, 0, 0, 0.5);
  --fg-op-6: rgba(0, 0, 0, 0.6);
  --fg-op-7: rgba(0, 0, 0, 0.7);
  --fg-op-8: rgba(0, 0, 0, 0.8);
  --fg-op-9: rgba(0, 0, 0, 0.9);
  --fg-op-9-5: rgba(0, 0, 0, 0.95);
  --fg-op-9-6: rgba(0, 0, 0, 0.96);
  --fg-op-9-7: rgba(0, 0, 0, 0.97);
  --fg-op-9-8: rgba(0, 0, 0, 0.98);
  --fg-op-9-9: rgba(0, 0, 0, 0.99);
  --fg-light-0-1: #030303;
  --fg-light-0-2: #050505;
  --fg-light-0-3: #080808;
  --fg-light-0-4: #0a0a0a;
  --fg-light-0-5: #0d0d0d;
  --fg-light-0-6: #0f0f0f;
  --fg-light-0-7: #121212;
  --fg-light-0-8: #141414;
  --fg-light-0-9: #171717;
  --fg-light-1: #191919;
  --fg-light-1-5: #262626;
  --fg-light-2: #333333;
  --fg-light-2-5: #404040;
  --fg-light-3: #4d4d4d;
  --fg-light-3-5: #595959;
  --fg-light-4: #666666;
  --fg-light-4-5: #737373;
  --fg-light-5: #808080;
  --fg-light-5-5: #8c8c8c;
  --fg-light-6: #999999;
  --fg-light-6-5: #a6a6a6;
  --fg-light-7: #b3b3b3;
  --fg-light-7-5: #bfbfbf;
  --fg-light-8: #cccccc;
  --fg-light-8-5: #d9d9d9;
  --fg-light-9: #e6e6e6;
  --fg-light-9-1: #e8e8e8;
  --fg-light-9-2: #ebebeb;
  --fg-light-9-3: #ededed;
  --fg-light-9-4: #f0f0f0;
  --fg-light-9-5: #f2f2f2;
  --fg-light-9-6: #f5f5f5;
  --fg-light-9-7: #f7f7f7;
  --fg-light-9-8: #fafafa;
  --fg-light-9-9: #fcfcfc;
  /* Dark Background 相关变量 */
  --dark-bg-op-0: rgba(34, 34, 34, 0);
  --dark-bg-op-0-1: rgba(34, 34, 34, 0.01);
  --dark-bg-op-0-2: rgba(34, 34, 34, 0.02);
  --dark-bg-op-0-3: rgba(34, 34, 34, 0.03);
  --dark-bg-op-0-4: rgba(34, 34, 34, 0.04);
  --dark-bg-op-0-5: rgba(34, 34, 34, 0.05);
  --dark-bg-op-1: rgba(34, 34, 34, 0.1);
  --dark-bg-op-2: rgba(34, 34, 34, 0.2);
  --dark-bg-op-3: rgba(34, 34, 34, 0.3);
  --dark-bg-op-4: rgba(34, 34, 34, 0.4);
  --dark-bg-op-5: rgba(34, 34, 34, 0.5);
  --dark-bg-op-6: rgba(34, 34, 34, 0.6);
  --dark-bg-op-7: rgba(34, 34, 34, 0.7);
  --dark-bg-op-8: rgba(34, 34, 34, 0.8);
  --dark-bg-op-9: rgba(34, 34, 34, 0.9);
  --dark-bg-op-9-5: rgba(34, 34, 34, 0.95);
  --dark-bg-op-9-6: rgba(34, 34, 34, 0.96);
  --dark-bg-op-9-7: rgba(34, 34, 34, 0.97);
  --dark-bg-op-9-8: rgba(34, 34, 34, 0.98);
  --dark-bg-op-9-9: rgba(34, 34, 34, 0.99);
  --dark-bg-light-0-1: #242424;
  --dark-bg-light-0-2: #262626;
  --dark-bg-light-0-3: #292929;
  --dark-bg-light-0-4: #2b2b2b;
  --dark-bg-light-0-5: #2d2d2d;
  --dark-bg-light-0-6: #2f2f2f;
  --dark-bg-light-0-7: #313131;
  --dark-bg-light-0-8: #343434;
  --dark-bg-light-0-9: #363636;
  --dark-bg-light-1: #383838;
  --dark-bg-light-1-5: #434343;
  --dark-bg-light-2: #4e4e4e;
  --dark-bg-light-2-5: #595959;
  --dark-bg-light-3: #646464;
  --dark-bg-light-3-5: #6f6f6f;
  --dark-bg-light-4: #7a7a7a;
  --dark-bg-light-4-5: #858585;
  --dark-bg-light-5: #919191;
  --dark-bg-light-5-5: #9c9c9c;
  --dark-bg-light-6: #a7a7a7;
  --dark-bg-light-6-5: #b2b2b2;
  --dark-bg-light-7: #bdbdbd;
  --dark-bg-light-7-5: #c8c8c8;
  --dark-bg-light-8: #d3d3d3;
  --dark-bg-light-8-5: #dedede;
  --dark-bg-light-9: #e9e9e9;
  --dark-bg-light-9-1: #ebebeb;
  --dark-bg-light-9-2: #ededed;
  --dark-bg-light-9-3: #f0f0f0;
  --dark-bg-light-9-4: #f2f2f2;
  --dark-bg-light-9-5: #f4f4f4;
  --dark-bg-light-9-6: #f6f6f6;
  --dark-bg-light-9-7: #f8f8f8;
  --dark-bg-light-9-8: #fbfbfb;
  --dark-bg-light-9-9: #fdfdfd;
  /* Dark Foreground 相关变量 */
  --dark-fg-op-0: rgba(255, 255, 255, 0);
  --dark-fg-op-0-1: rgba(255, 255, 255, 0.01);
  --dark-fg-op-0-2: rgba(255, 255, 255, 0.02);
  --dark-fg-op-0-3: rgba(255, 255, 255, 0.03);
  --dark-fg-op-0-4: rgba(255, 255, 255, 0.04);
  --dark-fg-op-0-5: rgba(255, 255, 255, 0.05);
  --dark-fg-op-1: rgba(255, 255, 255, 0.1);
  --dark-fg-op-2: rgba(255, 255, 255, 0.2);
  --dark-fg-op-3: rgba(255, 255, 255, 0.3);
  --dark-fg-op-4: rgba(255, 255, 255, 0.4);
  --dark-fg-op-5: rgba(255, 255, 255, 0.5);
  --dark-fg-op-6: rgba(255, 255, 255, 0.6);
  --dark-fg-op-7: rgba(255, 255, 255, 0.7);
  --dark-fg-op-8: rgba(255, 255, 255, 0.8);
  --dark-fg-op-9: rgba(255, 255, 255, 0.9);
  --dark-fg-op-9-5: rgba(255, 255, 255, 0.95);
  --dark-fg-op-9-6: rgba(255, 255, 255, 0.96);
  --dark-fg-op-9-7: rgba(255, 255, 255, 0.97);
  --dark-fg-op-9-8: rgba(255, 255, 255, 0.98);
  --dark-fg-op-9-9: rgba(255, 255, 255, 0.99);
  --dark-fg-dark-0-1: #fcfcfc;
  --dark-fg-dark-0-2: #fafafa;
  --dark-fg-dark-0-3: #f7f7f7;
  --dark-fg-dark-0-4: #f5f5f5;
  --dark-fg-dark-0-5: #f2f2f2;
  --dark-fg-dark-0-6: #f0f0f0;
  --dark-fg-dark-0-7: #ededed;
  --dark-fg-dark-0-8: #ebebeb;
  --dark-fg-dark-0-9: #e8e8e8;
  --dark-fg-dark-1: #e6e6e6;
  --dark-fg-dark-1-5: #d9d9d9;
  --dark-fg-dark-2: #cccccc;
  --dark-fg-dark-2-5: #bfbfbf;
  --dark-fg-dark-3: #b3b3b3;
  --dark-fg-dark-3-5: #a6a6a6;
  --dark-fg-dark-4: #999999;
  --dark-fg-dark-4-5: #8c8c8c;
  --dark-fg-dark-5: #808080;
  --dark-fg-dark-5-5: #737373;
  --dark-fg-dark-6: #666666;
  --dark-fg-dark-6-5: #595959;
  --dark-fg-dark-7: #4d4d4d;
  --dark-fg-dark-7-5: #404040;
  --dark-fg-dark-8: #333333;
  --dark-fg-dark-8-5: #262626;
  --dark-fg-dark-9: #191919;
  --dark-fg-dark-9-1: #171717;
  --dark-fg-dark-9-2: #141414;
  --dark-fg-dark-9-3: #121212;
  --dark-fg-dark-9-4: #0f0f0f;
  --dark-fg-dark-9-5: #0d0d0d;
  --dark-fg-dark-9-6: #0a0a0a;
  --dark-fg-dark-9-7: #080808;
  --dark-fg-dark-9-8: #050505;
  --dark-fg-dark-9-9: #030303;
}
.to-scroll {
  --bg: none;
  --bg-size: 100% 100%;
  --padding: 0;
  --color: inherit;
}
.to-scroll {
  color: var(--color);
  position: relative;
  overflow: auto;
  box-sizing: border-box;
  height: 100%;
  background: var(--bg);
  background-size: var(--bg-size);
}
.to-scroll .to-scroll-content {
  padding: var(--padding);
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
}
.to-scroll .to-scroll-content.virtual-scroll {
  overflow: auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.to-scroll .to-scroll-bar {
  position: absolute;
  right: 2px;
  top: 2px;
  bottom: 2px;
  width: 6px;
  z-index: 100;
  transition: opacity 0.3s;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.05);
  opacity: 0;
  pointer-events: none;
}
.to-scroll .to-scroll-bar .to-scroll-thumb {
  pointer-events: auto;
}
.to-scroll .to-scroll-bar.horizontal {
  left: 2px;
  right: 2px;
  bottom: 2px;
  top: auto;
  width: auto;
  height: 6px;
}
.to-scroll .to-scroll-bar.bar-always {
  opacity: 1;
}
.to-scroll:hover .to-scroll-bar,
.to-scroll .to-scroll-bar.active {
  opacity: 1;
}
.to-scroll .to-scroll-thumb {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 30px;
  /* 默认高度，会被动态计算 */
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s;
}
.to-scroll .to-scroll-thumb:hover,
.to-scroll .to-scroll-thumb:active {
  background-color: rgba(0, 0, 0, 0.5);
}
.to-scroll .to-scroll-bar.horizontal .to-scroll-thumb {
  width: 30px;
  /* 默认宽度，会被动态计算 */
  height: 100%;
  right: auto;
}
.to-scroll::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: transparent;
  transition: background-color 0.3s;
}
.to-scroll:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}
.to-scroll:hover::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.to-scroll::-webkit-scrollbar-track {
  background-color: transparent;
}
.to-scroll.hide-scrollbar {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.to-scroll.hide-scrollbar::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera */
}
.to-scroll .to-scroll-spacer {
  display: block;
  width: 100%;
}
.to-scroll.dragging-scrollbar,
.to-scroll.dragging-scrollbar-horizontal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.to-scroll.type-v .to-scroll-content {
  overflow-x: hidden;
  overflow-y: auto;
}
.to-scroll.type-h .to-scroll-content {
  overflow-x: auto;
  overflow-y: hidden;
}
.to-grid {
  --gap: 0.5em;
  --gap-x: var(--gap);
  --gap-y: var(--gap);
  --merge: 1;
  --col: 0;
  --padding: 0;
  --divider: 0 none;
  --divider-height: 100%;
  --divider-width: 100%;
  --divider-margin: 0em;
}
.to-grid {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-y) var(--gap-x);
  padding: var(--padding);
  vertical-align: top;
  box-sizing: border-box;
}
.to-grid > [flex] {
  flex: 1;
  min-width: 0;
  min-height: 0;
  white-space: normal;
}
.to-grid:has(> [flex]) {
  display: flex;
}
.to-grid.type-side {
  justify-content: space-between;
  display: flex;
}
.to-grid.to-align-right,
.to-grid.type-right {
  justify-content: flex-end;
  display: flex;
}
.to-grid.to-align-center,
.to-grid.type-center {
  justify-content: center;
  display: flex;
}
.to-grid.dir-v.type-center {
  align-items: center;
}
.to-grid.dir-v {
  --gap-x: 0em;
  --gap-y: 0em;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.to-grid.dir-v > * {
  white-space: normal;
}
.to-grid.va-top {
  align-items: flex-start;
}
.to-grid.va-bottom {
  align-items: flex-end;
}
.to-grid.va-baseline {
  align-items: baseline;
}
.to-grid.va-full {
  align-items: stretch;
}
.to-grid.is-col {
  display: flex;
}
.to-grid.is-col > * {
  width: calc((100% - (var(--col) - 1) * var(--gap-x)) / var(--col) * var(--merge) + (var(--merge) - 1) * var(--gap-x));
}
.to-grid.is-col > *[merge="1"] {
  --merge: 1;
}
.to-grid.is-col > *[merge="2"] {
  --merge: 2;
}
.to-grid.is-col > *[merge="3"] {
  --merge: 3;
}
.to-grid.is-col > *[merge="4"] {
  --merge: 4;
}
.to-grid.is-col > *[merge="5"] {
  --merge: 5;
}
.to-grid.is-col > *[merge="6"] {
  --merge: 6;
}
.to-grid.is-col > *[merge="7"] {
  --merge: 7;
}
.to-grid.is-col > *[merge="8"] {
  --merge: 8;
}
.to-grid.is-col > *[merge="9"] {
  --merge: 9;
}
.to-grid.is-col > *[merge="10"] {
  --merge: 10;
}
.to-grid.is-col > .to-grid {
  --item-col: var(--col);
  width: calc((100% - (var(--item-col) - 1) * var(--gap-x)) / var(--item-col) * var(--merge) + (var(--merge) - 1) * var(--gap-x));
}
.to-grid.col-avg {
  display: flex;
}
.to-grid.col-avg > * {
  flex: 1;
}
.to-grid.is-wrap {
  flex-wrap: wrap;
}
.to-grid:not(.is-wrap) {
  white-space: nowrap;
}
.to-grid:not(.dir-v):not(.col-1) > * {
  position: relative;
}
.to-grid:not(.dir-v):not(.col-1) > *::after {
  content: '';
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  height: var(--divider-height);
  right: calc(0em - var(--gap-x) / 2 - 0.5px);
  border-left: var(--divider);
  z-index: 2;
}
.to-grid:not(.dir-v):not(.col-1) > *:last-child::after {
  display: none;
}
.to-grid.dir-v > *,
.to-grid.col-1 > * {
  position: relative;
}
.to-grid.dir-v > *::after,
.to-grid.col-1 > *::after {
  content: '';
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  width: calc(var(--divider-width) - var(--divider-margin) * 2);
  bottom: calc(0em - var(--gap-y) / 2 - 0.5px);
  border-top: var(--divider);
  z-index: 2;
}
.to-grid.dir-v > *:last-child::after,
.to-grid.col-1 > *:last-child::after {
  display: none;
}
.to-grid-item {
  box-sizing: border-box;
}
.to-grid.height-full:not(.dir-v) > .to-grid-item {
  height: 100%;
}
@font-face {
  font-family: 'icon';
  src: url('../img/font/iconfont.woff2?t=1756347688266') format('woff2'), url('../img/font/iconfont.woff?t=1756347688266') format('woff'), url('../img/font/iconfont.ttf?t=1756347688266') format('truetype');
}
@font-face {
  font-family: 'icon-fill';
  src: url('../img/font-fill/iconfont.woff2?t=1756347622462') format('woff2'), url('../img/font-fill/iconfont.woff?t=1756347622462') format('woff'), url('../img/font-fill/iconfont.ttf?t=1756347622462') format('truetype');
}
.to-icon {
  --cursor: pointer;
  --color: inherit;
  --width: var(--height-fe);
  --height: var(--height-fe);
  --radius: var(--radius-fe);
  --bg: none;
  --bg-size: 100% 100%;
  --border: 0 none;
  --size: 1em;
  --value: '';
  --opacity: 1;
  --family: 'icon';
  --hover-color: var(--color);
  --hover-bg: rgba(0, 0, 0, 0.1);
  --hover-border: var(--border);
  --active-color: var(--color);
  --active-bg: rgba(0, 0, 0, 0.3);
  --active-border: var(--border);
  --loading: url(../img/loading.png) no-repeat;
  --loading-speed: 0.8s;
  --loading-inner-speed: var(--loading-speed);
  --loading-inner: none;
  --loading-inner-width: 0;
  --loading-inner-height: 0;
}
.to-icon {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  flex-shrink: 0;
  display: inline-flex;
  font-family: var(--family), 'PingFang SC', 'microsoft yahei';
  vertical-align: top;
  white-space: nowrap;
  position: relative;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: var(--color);
  width: var(--width);
  height: var(--height);
  border: var(--border);
  border-radius: var(--radius);
  background: var(--bg);
  background-size: var(--bg-size);
  opacity: var(--opacity);
}
.to-icon.type-fill {
  --family: 'icon-fill';
}
.to-icon:before {
  font-weight: normal;
  font-size: var(--size);
  vertical-align: top;
  content: var(--value);
}
.to-icon-text {
  font-size: var(--size);
}
.to-icon.value-loading span:after {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  background: var(--loading);
  background-size: 100% 100%;
  animation: 0.8s loading steps(10) infinite;
}
.to-icon.is-link {
  cursor: var(--cursor);
}
.to-icon.is-link:hover {
  border: var(--hover-border);
  background: var(--hover-bg);
  background-size: var(--bg-size);
  color: var(--hover-color);
}
.to-icon.is-link:active {
  border: var(--active-border);
  background: var(--active-bg);
  background-size: var(--bg-size);
  color: var(--active-color);
}
.to-icon.value-loading .to-icon-text {
  position: absolute;
  vertical-align: top;
  font-size: 1em;
  width: var(--width);
  height: var(--height);
}
.to-icon.value-loading .to-icon-text:before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--loading);
  background-size: 100% 100%;
  animation: var(--loading-speed) loading steps(32) infinite;
}
.to-icon.value-loading .to-icon-text:after {
  content: "";
  position: absolute;
  top: calc((var(--size) - var(--loading-inner-height)) / 2);
  left: calc((var(--size) - var(--loading-inner-width)) / 2);
  width: var(--loading-inner-width);
  height: var(--loading-inner-height);
  background: var(--loading-inner);
  background-size: 100% 100%;
  animation: var(--loading-inner-speed) loading2 steps(32) infinite;
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes loading2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.to-icon.value-help {
  --value: "\e0cc";
}
.to-icon.value-close {
  --value: "\e6c9";
}
.to-icon.value-info {
  --value: "\e6cb";
}
.to-icon.value-error {
  --value: "\e73e";
}
.to-icon.value-ok {
  --value: "\e6cd";
}
.to-icon.value-ok-circle {
  --value: "\e6c8";
}
.to-icon.value-error-circle {
  --value: "\e6ce";
}
.to-icon.value-help-circle {
  --value: "\e6cf";
}
.to-icon.value-info-circle {
  --value: "\e6d0";
}
.to-icon.value-close-circle {
  --value: "\e6c7";
}
.to-icon.value-view2 {
  --value: "\e64d";
}
.to-icon.value-ai {
  --value: "\e180";
}
.to-icon.value-alarm {
  --value: "\e005";
}
.to-icon.value-adjust {
  --value: "\e163";
}
.to-icon.value-approve {
  --value: "\e109";
}
.to-icon.value-asc {
  --value: "\e007";
}
.to-icon.value-activity {
  --value: "\e002";
}
.to-icon.value-addFavo {
  --value: "\e004";
}
.to-icon.value-fix {
  --value: "\e104";
}
.to-icon.value-bad {
  --value: "\e09a";
}
.to-icon.value-album {
  --value: "\e156";
}
.to-icon.value-ambulance {
  --value: "\e006";
}
.to-icon.value-attachment {
  --value: "\e127";
}
.to-icon.value-bulb {
  --value: "\e138";
}
.to-icon.value-bottom {
  --value: "\e00d";
}
.to-icon.value-backward {
  --value: "\e00b";
}
.to-icon.value-a-4g {
  --value: "\e056";
}
.to-icon.value-bill {
  --value: "\e00c";
}
.to-icon.value-browse {
  --value: "\e00f";
}
.to-icon.value-alipay {
  --value: "\e123";
}
.to-icon.value-backspace {
  --value: "\e00a";
}
.to-icon.value-call {
  --value: "\e010";
}
.to-icon.value-diamond {
  --value: "\e025";
}
.to-icon.value-chip {
  --value: "\e137";
}
.to-icon.value-female {
  --value: "\e033";
}
.to-icon.value-corner {
  --value: "\e020";
}
.to-icon.value-cloud {
  --value: "\e135";
}
.to-icon.value-camera {
  --value: "\e013";
}
.to-icon.value-fare {
  --value: "\e031";
}
.to-icon.value-callCenter {
  --value: "\e011";
}
.to-icon.value-back {
  --value: "\e009";
}
.to-icon.value-add {
  --value: "\e003";
}
.to-icon.value-box {
  --value: "\e130";
}
.to-icon.value-edit {
  --value: "\e027";
}
.to-icon.value-chart {
  --value: "\e018";
}
.to-icon.value-circular {
  --value: "\e01a";
}
.to-icon.value-longdis {
  --value: "\e04d";
}
.to-icon.value-file {
  --value: "\e034";
}
.to-icon.value-folder {
  --value: "\e11a";
}
.to-icon.value-cart {
  --value: "\e015";
}
.to-icon.value-business {
  --value: "\e11e";
}
.to-icon.value-crown {
  --value: "\e172";
}
.to-icon.value-discount {
  --value: "\e176";
}
.to-icon.value-export {
  --value: "\e02d";
}
.to-icon.value-fullScreen {
  --value: "\e092";
}
.to-icon.value-contract {
  --value: "\e153";
}
.to-icon.value-commonly {
  --value: "\e09d";
}
.to-icon.value-callreminder {
  --value: "\e012";
}
.to-icon.value-hidemenu {
  --value: "\e154";
}
.to-icon.value-account {
  --value: "\e11d";
}
.to-icon.value-halfhook {
  --value: "\e03f";
}
.to-icon.value-mms {
  --value: "\e051";
}
.to-icon.value-db {
  --value: "\e141";
}
.to-icon.value-groupProduct {
  --value: "\e03d";
}
.to-icon.value-asir {
  --value: "\e008";
}
.to-icon.value-cancel {
  --value: "\e014";
}
.to-icon.value-focus {
  --value: "\e149";
}
.to-icon.value-code {
  --value: "\e178";
}
.to-icon.value-cloudserver {
  --value: "\e143";
}
.to-icon.value-config {
  --value: "\e01e";
}
.to-icon.value-first {
  --value: "\e035";
}
.to-icon.value-electricity {
  --value: "\e028";
}
.to-icon.value-5g {
  --value: "\e095";
}
.to-icon.value-desc {
  --value: "\e024";
}
.to-icon.value-menu {
  --value: "\e04f";
}
.to-icon.value-more {
  --value: "\e053";
}
.to-icon.value-like {
  --value: "\e048";
}
.to-icon.value-itc {
  --value: "\e045";
}
.to-icon.value-musicring {
  --value: "\e055";
}
.to-icon.value-cmlogo2 {
  --value: "\e01d";
}
.to-icon.value-good {
  --value: "\e099";
}
.to-icon.value-medal {
  --value: "\e106";
}
.to-icon.value-crowd {
  --value: "\e125";
}
.to-icon.value-lineto {
  --value: "\e04a";
}
.to-icon.value-hide {
  --value: "\e041";
}
.to-icon.value-group {
  --value: "\e03a";
}
.to-icon.value-iot {
  --value: "\e140";
}
.to-icon.value-familyand {
  --value: "\e02f";
}
.to-icon.value-pause {
  --value: "\e060";
}
.to-icon.value-customerManager {
  --value: "\e021";
}
.to-icon.value-img {
  --value: "\e043";
}
.to-icon.value-moon {
  --value: "\e181";
}
.to-icon.value-package2 {
  --value: "\e05e";
}
.to-icon.value-download {
  --value: "\e026";
}
.to-icon.value-qq {
  --value: "\e067";
}
.to-icon.value-groupmember {
  --value: "\e03b";
}
.to-icon.value-modem {
  --value: "\e134";
}
.to-icon.value-fall {
  --value: "\e162";
}
.to-icon.value-layer {
  --value: "\e151";
}
.to-icon.value-pc {
  --value: "\e102";
}
.to-icon.value-family {
  --value: "\e02e";
}
.to-icon.value-notice {
  --value: "\e05b";
}
.to-icon.value-building {
  --value: "\e142";
}
.to-icon.value-cloudy {
  --value: "\e6e6";
}
.to-icon.value-guide {
  --value: "\e03e";
}
.to-icon.value-flow {
  --value: "\e036";
}
.to-icon.value-calculator {
  --value: "\e11f";
}
.to-icon.value-familyTrade {
  --value: "\e030";
}
.to-icon.value-gift {
  --value: "\e171";
}
.to-icon.value-qrc {
  --value: "\e166";
}
.to-icon.value-forward {
  --value: "\e038";
}
.to-icon.value-cmlogo {
  --value: "\e01c";
}
.to-icon.value-phone {
  --value: "\e061";
}
.to-icon.value-play {
  --value: "\e062";
}
.to-icon.value-list {
  --value: "\e094";
}
.to-icon.value-nettraffic {
  --value: "\e058";
}
.to-icon.value-mouse {
  --value: "\e145";
}
.to-icon.value-favo {
  --value: "\e032";
}
.to-icon.value-enter {
  --value: "\e029";
}
.to-icon.value-microphone {
  --value: "\e159";
}
.to-icon.value-delete {
  --value: "\e023";
}
.to-icon.value-reset {
  --value: "\e06b";
}
.to-icon.value-scan {
  --value: "\e06e";
}
.to-icon.value-fn {
  --value: "\e105";
}
.to-icon.value-lock {
  --value: "\e04c";
}
.to-icon.value-piechart {
  --value: "\e120";
}
.to-icon.value-package3 {
  --value: "\e05f";
}
.to-icon.value-newspaper {
  --value: "\e059";
}
.to-icon.value-shot {
  --value: "\e074";
}
.to-icon.value-order {
  --value: "\e128";
}
.to-icon.value-next {
  --value: "\e05a";
}
.to-icon.value-rar {
  --value: "\e068";
}
.to-icon.value-collapse {
  --value: "\e037";
}
.to-icon.value-sim {
  --value: "\e097";
}
.to-icon.value-change {
  --value: "\e017";
}
.to-icon.value-star {
  --value: "\e077";
}
.to-icon.value-refresh {
  --value: "\e06a";
}
.to-icon.value-param {
  --value: "\e148";
}
.to-icon.value-management {
  --value: "\e152";
}
.to-icon.value-exit {
  --value: "\e02c";
}
.to-icon.value-safe {
  --value: "\e129";
}
.to-icon.value-hourglass {
  --value: "\e160";
}
.to-icon.value-home {
  --value: "\e042";
}
.to-icon.value-center {
  --value: "\e016";
}
.to-icon.value-secretary {
  --value: "\e070";
}
.to-icon.value-warn {
  --value: "\e170";
}
.to-icon.value-shop {
  --value: "\e11c";
}
.to-icon.value-print {
  --value: "\e065";
}
.to-icon.value-leftrotation {
  --value: "\e169";
}
.to-icon.value-import {
  --value: "\e044";
}
.to-icon.value-smile {
  --value: "\e09b";
}
.to-icon.value-unlock {
  --value: "\e091";
}
.to-icon.value-date {
  --value: "\e022";
}
.to-icon.value-ppt {
  --value: "\e064";
}
.to-icon.value-system {
  --value: "\e131";
}
.to-icon.value-restore {
  --value: "\e093";
}
.to-icon.value-reduce {
  --value: "\e069";
}
.to-icon.value-showmenu {
  --value: "\e155";
}
.to-icon.value-sales {
  --value: "\e136";
}
.to-icon.value-word {
  --value: "\e08b";
}
.to-icon.value-rhombus {
  --value: "\e06c";
}
.to-icon.value-sad {
  --value: "\e09c";
}
.to-icon.value-show {
  --value: "\e075";
}
.to-icon.value-pwd {
  --value: "\e066";
}
.to-icon.value-zoomout {
  --value: "\e08d";
}
.to-icon.value-server {
  --value: "\e09e";
}
.to-icon.value-monitor {
  --value: "\e09f";
}
.to-icon.value-videomachine {
  --value: "\e158";
}
.to-icon.value-pdf {
  --value: "\e122";
}
.to-icon.value-rise {
  --value: "\e161";
}
.to-icon.value-excel {
  --value: "\e02b";
}
.to-icon.value-tree {
  --value: "\e07f";
}
.to-icon.value-pad {
  --value: "\e101";
}
.to-icon.value-earth {
  --value: "\e146";
}
.to-icon.value-qualified {
  --value: "\e124";
}
.to-icon.value-brokenline {
  --value: "\e00e";
}
.to-icon.value-left {
  --value: "\e047";
}
.to-icon.value-merge {
  --value: "\e050";
}
.to-icon.value-recharge {
  --value: "\e175";
}
.to-icon.value-male {
  --value: "\e04e";
}
.to-icon.value-wechat {
  --value: "\e087";
}
.to-icon.value-speed {
  --value: "\e126";
}
.to-icon.value-groupMemberPorduct {
  --value: "\e03c";
}
.to-icon.value-speak {
  --value: "\e076";
}
.to-icon.value-wifi {
  --value: "\e089";
}
.to-icon.value-money {
  --value: "\e052";
}
.to-icon.value-table {
  --value: "\e078";
}
.to-icon.value-copy {
  --value: "\e01f";
}
.to-icon.value-check {
  --value: "\e019";
}
.to-icon.value-science {
  --value: "\e144";
}
.to-icon.value-unknownfile {
  --value: "\e157";
}
.to-icon.value-filter {
  --value: "\e08e";
}
.to-icon.value-select {
  --value: "\e071";
}
.to-icon.value-grid {
  --value: "\e039";
}
.to-icon.value-week {
  --value: "\e167";
}
.to-icon.value-weibo {
  --value: "\e088";
}
.to-icon.value-selectAll {
  --value: "\e098";
}
.to-icon.value-watch {
  --value: "\e164";
}
.to-icon.value-user {
  --value: "\e083";
}
.to-icon.value-talk {
  --value: "\e079";
}
.to-icon.value-vcom {
  --value: "\e139";
}
.to-icon.value-time {
  --value: "\e090";
}
.to-icon.value-position {
  --value: "\e063";
}
.to-icon.value-send {
  --value: "\e072";
}
.to-icon.value-msg {
  --value: "\e054";
}
.to-icon.value-share {
  --value: "\e073";
}
.to-icon.value-smartscan {
  --value: "\e184";
}
.to-icon.value-todo {
  --value: "\e168";
}
.to-icon.value-webcam {
  --value: "\e132";
}
.to-icon.value-task {
  --value: "\e07b";
}
.to-icon.value-settop {
  --value: "\e177";
}
.to-icon.value-search {
  --value: "\e06f";
}
.to-icon.value-wiki {
  --value: "\e08a";
}
.to-icon.value-wit {
  --value: "\e133";
}
.to-icon.value-tool {
  --value: "\e07d";
}
.to-icon.value-handset {
  --value: "\e165";
}
.to-icon.value-voice {
  --value: "\e086";
}
.to-icon.value-stepOn {
  --value: "\e66c";
}
.to-icon.value-wade {
  --value: "\e096";
}
.to-icon.value-zoomin {
  --value: "\e08c";
}
.to-icon.value-video {
  --value: "\e084";
}
.to-icon.value-stop {
  --value: "\e108";
}
.to-icon.value-target {
  --value: "\e07a";
}
.to-icon.value-tag {
  --value: "\e150";
}
.to-icon.value-soundwave {
  --value: "\e182";
}
.to-icon.value-net {
  --value: "\e057";
}
.to-icon.value-view {
  --value: "\e085";
}
.to-icon.value-portrait {
  --value: "\e100";
}
.to-icon.value-upload {
  --value: "\e082";
}
.to-icon.value-telephone {
  --value: "\e07c";
}
.to-icon.value-expand {
  --value: "\e081";
}
.to-icon.value-validate {
  --value: "\e11b";
}
.to-icon.value-tv {
  --value: "\e174";
}
.to-icon.value-thumbsup {
  --value: "\e663";
}
.to-icon.value-top {
  --value: "\e07e";
}
.to-icon.value-package {
  --value: "\e05d";
}
.to-icon.value-link {
  --value: "\e04b";
}
.to-icon.value-last {
  --value: "\e046";
}
.to-icon.value-right {
  --value: "\e06d";
}
.to-icon.value-wechatMoments {
  --value: "\e107";
}
.to-icon.value-sun {
  --value: "\e183";
}
.to-pic {
  --width: 5em;
  --height: auto;
  --radius: 0;
  --bg: none;
  --bg-size: 100% 100%;
  --border: 0 none;
  --padding: 0;
  --opacity: 1;
  --shadow: none;
  --content-width: 100%;
  --content-height: auto;
  --content-radius: 0;
  --hover-color: var(--color);
  --hover-bg: rgba(0, 0, 0, 0.1);
  --hover-border: var(--border);
  --active-color: var(--color);
  --active-bg: rgba(0, 0, 0, 0.3);
  --active-border: var(--border);
  --viewer-mask: rgba(0, 0, 0, 0.3);
  --viewer-close-top: 2em;
  --viewer-close-right: 2em;
  --viewer-page-dis: 2em;
  --viewer-fn-bg: rgba(0, 0, 0, 0.1);
  --viewer-fn-bg-size: 100% 100%;
  --viewer-fn-gap: 0;
  --viewer-fn-radius: 2em;
  --viewer-fn-padding: 0;
  --viewer-fn-bottom: 2em;
  --viewer-fn-border: 0 none;
}
.to-pic {
  flex-shrink: 0;
  display: inline-flex;
  vertical-align: top;
  white-space: nowrap;
  position: relative;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: hidden;
  color: var(--color);
  width: var(--width);
  height: var(--height);
  border: var(--border);
  border-radius: var(--radius);
  background: var(--bg);
  background-size: var(--bg-size);
  opacity: var(--opacity);
  box-shadow: var(--shadow);
  padding: var(--padding);
}
.to-pic-content {
  width: var(--content-width);
  height: var(--content-height);
  border-radius: var(--content-radius);
}
.to-pic.is-link:hover {
  border: var(--hover-border);
  background: var(--hover-bg);
  color: var(--hover-color);
}
.to-pic.is-link:active {
  border: var(--active-border);
  background: var(--active-bg);
  color: var(--active-color);
}
.to-pic-viewer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.to-pic-viewer-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: opacity 0.1s ease-out;
  top: 0;
  left: 0;
  display: block;
  background: var(--viewer-mask);
}
.to-pic-viewer-close {
  --top: var(--viewer-close-top);
  --right: var(--viewer-close-right);
  --width: 4em;
  --height: 4em;
  --size: 1.5em;
  --radius: 50%;
  --color: #fff;
  position: absolute;
  top: var(--top);
  right: var(--right);
}
.to-pic-viewer-prev,
.to-pic-viewer-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.to-pic-viewer-prev {
  --left: var(--viewer-page-dis);
  --width: 4em;
  --height: 4em;
  --size: 1.5em;
  --radius: 50%;
  --color: #fff;
  --bg: rgba(0, 0, 0, 0.1);
  --hover-bg: rgba(0, 0, 0, 0.3);
  --active-bg: rgba(0, 0, 0, 0.5);
  left: var(--left);
}
.to-pic-viewer-next {
  --right: var(--viewer-page-dis);
  --width: 4em;
  --height: 4em;
  --size: 1.5em;
  --radius: 50%;
  --color: #fff;
  --bg: rgba(0, 0, 0, 0.1);
  --hover-bg: rgba(0, 0, 0, 0.3);
  --active-bg: rgba(0, 0, 0, 0.5);
  right: var(--right);
}
.to-pic-viewer-fn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: var(--viewer-fn-gap);
  z-index: 2;
  background: var(--viewer-fn-bg);
  background-size: var(--viewer-fn-bg-size);
  border-radius: var(--viewer-fn-radius);
  bottom: var(--viewer-fn-bottom);
  padding: var(--viewer-fn-padding);
}
.to-pic-viewer-fn .to-icon {
  --size: 1.5em;
}
.to-pic-viewer-zoomout,
.to-pic-viewer-zoomin,
.to-pic-viewer-full,
.to-pic-viewer-counterclockwise,
.to-pic-viewer-clockwise {
  --size: 1.5em;
  --padding: 0 2em;
  --height: 4em;
  --bg: none;
  --border: 0 none;
  --color: #fff;
  --radius: 0;
}
.to-pic-viewer-zoomout {
  --radius: var(--viewer-fn-radius) 0 0 var(--viewer-fn-radius);
}
.to-pic-viewer-clockwise {
  --radius: 0 var(--viewer-fn-radius) var(--viewer-fn-radius) 0;
}
.to-pic-viewer-list {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.viewer-fade-enter-active,
.viewer-fade-leave-active {
  transition: opacity 0.3s;
}
.viewer-fade-enter-from,
.viewer-fade-leave-to {
  opacity: 0;
}
.to-tag {
  --color: #000;
  --border: 0 none;
  --padding: 0 0.75em;
  --height: 2em;
  --width: auto;
  --radius: 0.25em;
  --bg: #f7f7f7;
  --bg-size: 100% 100%;
  --size: 1em;
  --gap: 0.25em;
  --content-gap: 0.25em;
  --dot-width: 0.5em;
  --dot-height: 0.5em;
  --dot-color: var(--color-fg);
  --dot-radius: 50%;
  --rotate-offset: 0em;
  --hover-bg: #dedede;
  --hover-color: var(--color);
  --hover-border: var(--border);
  --active-bg: #ababab;
  --active-color: var(--color);
  --active-border: var(--border);
}
.to-tag {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}
.to-tag-wrapper {
  padding: var(--padding);
  color: var(--color);
  border: var(--border);
  width: var(--width);
  height: var(--height);
  border-radius: var(--radius);
  background: var(--bg);
  background-size: var(--bg-size);
  gap: var(--gap);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  vertical-align: top;
}
.to-tag-content {
  display: inline-flex;
  align-items: center;
  gap: var(--content-gap);
}
.to-tag-icon {
  --width: 1em;
  --height: 1em;
}
.to-tag-text {
  font-size: var(--size);
}
.to-tag-remove {
  cursor: default;
  --width: 1em;
  --height: 1em;
  --size: 0.5em;
  --bg: none;
  --color: #999;
  --radius: 50%;
  --cursor: default;
  --hover-bg: #999;
  --hover-color: #fff;
  --active-bg: #666;
  --active-color: #fff;
}
.to-tag.type-dot {
  --padding: 0;
  --height: 1em;
  --bg: none;
}
.to-tag.type-dot .to-tag-wrapper:before {
  content: '';
  width: var(--dot-width);
  height: var(--dot-height);
  border-radius: var(--dot-radius);
  background: var(--dot-color);
}
.to-tag.type-number {
  --radius: 999em;
  --padding: 0 0.25em;
  --height: 1.5em;
  --size: 0.8em;
}
.to-tag.type-number .to-tag-wrapper {
  min-width: var(--height);
}
.to-tag.type-number[class*="position"] {
  position: absolute;
  text-align: center;
}
.to-tag.type-number[class*="position"] .to-tagValue {
  float: none;
}
.to-tag.type-number[class*="position"].position-top-left {
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
}
.to-tag.type-number[class*="position"].position-top-right {
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
}
.to-tag.type-number[class*="position"].position-bottom-left {
  left: 0;
  bottom: 0;
  transform: translate(-50%, 50%);
}
.to-tag.type-number[class*="position"].position-bottom-right {
  right: 0;
  bottom: 0;
  transform: translate(50%, 50%);
}
.to-tag.type-rotate {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  --radius: 0;
  --width: 30em;
}
.to-tag.type-rotate .to-tag-wrapper {
  pointer-events: all;
  transform-origin: center center;
  position: absolute;
  right: 0;
  top: calc(var(--width) / 2 - var(--height) / 2);
  text-align: center;
  transform: translate(calc((var(--width) / 2 - 1.5em - var(--rotate-offset)) * 1), calc((var(--width) / 2 - 1.5em - var(--rotate-offset)) * -1)) rotate(45deg);
}
.to-tag.type-rotate.position-top-left .to-tag-wrapper {
  right: auto;
  left: 0;
  transform: translate(calc((var(--width) / 2 - 1.5em - var(--rotate-offset)) * -1), calc((var(--width) / 2 - 1.5em - var(--rotate-offset)) * -1)) rotate(-45deg);
}
.to-tag.type-rotate.position-bottom-left .to-tag-wrapper {
  right: auto;
  top: auto;
  left: 0;
  bottom: calc(var(--width) / 2 - var(--height) / 2);
  transform: translate(calc((var(--width) / 2 - 1.5em - var(--rotate-offset)) * -1), calc((var(--width) / 2 - 1.5em - var(--rotate-offset)) * 1)) rotate(45deg);
}
.to-tag.type-rotate.position-bottom-right .to-tag-wrapper {
  right: 0;
  top: auto;
  left: auto;
  bottom: calc(var(--width) / 2 - var(--height) / 2);
  transform: translate(calc((var(--width) / 2 - 1.5em - var(--rotate-offset)) * 1), calc((var(--width) / 2 - 1.5em - var(--rotate-offset)) * 1)) rotate(-45deg);
}
.to-tag.type-corner {
  position: absolute;
}
.to-tag.type-corner {
  right: 0;
  top: 0;
}
.to-tag.type-corner .to-tag-wrapper {
  border-radius: 0 0 0 var(--radius);
}
.to-tag.type-corner.position-top-left {
  left: 0;
  top: 0;
}
.to-tag.type-corner.position-top-left .to-tag-wrapper {
  border-radius: 0 0 var(--radius) 0;
}
.to-tag.type-corner.position-bottom-left {
  left: 0;
  bottom: 0;
  top: unset;
}
.to-tag.type-corner.position-bottom-left .to-tag-wrapper {
  border-radius: 0 var(--radius) 0 0;
}
.to-tag.type-corner.position-bottom-right {
  right: 0;
  bottom: 0;
  top: unset;
}
.to-tag.type-corner.position-bottom-right .to-tag-wrapper {
  border-radius: var(--radius) 0 0 0;
}
.to-tag.is-link {
  cursor: pointer;
}
.to-tag.is-link .to-tag-wrapper:hover {
  background: var(--hover-bg);
  color: var(--hover-color);
  border: var(--hover-border);
}
.to-tag.is-link .to-tag-wrapper:active {
  background: var(--active-bg);
  color: var(--active-color);
  border: var(--active-border);
}
.to-box {
  --bg: var(--color-bg);
  --bg-size: 100% 100%;
  --padding: 1.5em;
  --color: inherit;
  --radius: var(--radius-block);
  --border: 0 none;
  --width: auto;
  --height: auto;
  --shadow: none;
  --cursor: auto;
  --check-color: var(--color-primary);
  --check-border: 1px solid var(--check-color);
  --check-size: 1;
  --hover-border: var(--border);
  --hover-bg: rgba(0, 0, 0, 0.1);
  --hover-color: var(--color);
  --active-border: var(--border);
  --active-bg: rgba(0, 0, 0, 0.3);
  --active-color: var(--color);
  --gd-border-start: transparent;
  --gd-border-end: transparent;
  --gd-border-deg: 90deg;
  --gd-border-thick: 0;
  --hover-gd-border-start: var(--gd-border-start);
  --hover-gd-border-end: var(--gd-border-end);
  --active-gd-border-start: var(--gd-border-start);
  --active-gd-border-end: var(--gd-border-end);
}
.to-box {
  color: var(--color);
  cursor: var(--cursor);
  width: var(--width);
  background: var(--bg);
  background-size: var(--bg-size);
  padding: var(--padding);
  border-radius: var(--radius);
  box-sizing: border-box;
  height: var(--height);
  box-shadow: var(--shadow);
  position: relative;
}
.to-box:before {
  border-radius: var(--radius);
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: var(--border);
  z-index: 2;
  padding: var(--gd-border-thick);
  background: linear-gradient(var(--gd-border-deg), var(--gd-border-start), var(--gd-border-end));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.to-box.height-full {
  height: 100%;
}
.to-box.is-checked {
  overflow: hidden;
  border: var(--check-border);
}
.to-box.is-checked .to-box-check {
  display: block;
}
.to-box-check {
  display: none;
}
.to-box-check:before {
  content: '';
  background: var(--check-color);
  position: absolute;
  right: -1em;
  bottom: -1em;
  width: 2em;
  height: 2em;
  transform: rotate(45deg);
  font-size: calc(1em * var(--check-size));
}
.to-box-check:after {
  color: #fff;
  position: relative;
  z-index: 2;
  line-height: 1em;
  vertical-align: top;
  font-family: icon;
  content: '\e05c';
  font-size: calc(0.7em * var(--check-size));
  right: 0.1em;
  bottom: 0.2em;
  position: absolute;
}
.to-box-tip {
  position: absolute;
  left: 0.5em;
  top: -0.25em;
  height: 1em;
  line-height: 1em;
  padding: 0 0.5em;
  background: #fff;
  z-index: 4;
}
.to-box-tip .to-icon-help {
  transform: scale(0.6);
  transform-origin: center top;
  margin-top: -0.1em;
  vertical-align: top;
}
.to-box.is-link {
  cursor: pointer;
}
.to-box.is-link:hover {
  --color: var(--hover-color);
  background: var(--hover-bg);
  background-size: var(--bg-size);
  color: var(--hover-color);
}
.to-box.is-link:hover:before {
  border: var(--hover-border);
  background: linear-gradient(var(--gd-border-deg), var(--hover-gd-border-start), var(--hover-gd-border-end));
}
.to-box.is-link:active {
  --color: var(--active-color);
  background: var(--active-bg);
  background-size: var(--bg-size);
  color: var(--active-color);
}
.to-box.is-link:active:before {
  border: var(--hover-border);
  background: linear-gradient(var(--gd-border-deg), var(--active-gd-border-start), var(--active-gd-border-end));
}
.to-breadcrumb {
  --size: 1em;
  --height: 1;
  --gap: 0.5em;
  --padding: 0;
  --bg: none;
  --bg-size: 100% 100%;
  --border: 0 none;
  --radius: 0;
  --label-color: var(--fg);
  --link-color: var(--color-primary);
  --link-hover-color: var(--primary-light-3);
  --link-active-color: var(--primary-dark-3);
  --separator-color: var(--color-fg-fade);
}
.to-breadcrumb {
  line-height: var(--height);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: var(--padding);
  color: var(--color);
  background: var(--bg);
  background-size: var(--bg-size);
  border: var(--border);
  border-radius: var(--radius);
}
.to-breadcrumb-item {
  display: flex;
  align-items: center;
  gap: var(--gap);
}
.to-breadcrumb-item:last-child .to-breadcrumb-item-separator {
  display: none;
}
.to-breadcrumb-item-label {
  color: var(--label-color);
  font-size: var(--size);
}
.to-breadcrumb-item-label.is-link {
  color: var(--link-color);
  cursor: pointer;
}
.to-breadcrumb-item-label.is-link:hover {
  color: var(--link-hover-color);
}
.to-breadcrumb-item-label.is-link:active {
  color: var(--link-active-color);
}
.to-breadcrumb-item-separator {
  margin-right: var(--gap);
  color: var(--separator-color);
}
.to-breadcrumb-item-separator.to-icon {
  --width: 1em;
  --height: 1em;
}
.to-button {
  --height: var(--height-fe);
  --width: auto;
  --padding: 0 1.5em;
  --gap: 0.5em;
  --border: var(--border-fe);
  --radius: var(--radius-fe);
  --size: 1em;
  --weight: normal;
  --color: var(--color-fg);
  --bg: #fff;
  --bg-size: 100% 100%;
  --hover-bg: rgba(0, 0, 0, 0.1);
  --hover-color: var(--color);
  --hover-border: var(--border);
  --active-bg: rgba(0, 0, 0, 0.2);
  --active-color: var(--color);
  --active-border: var(--border);
  --text-gap: 0.5em;
  --gd-border-start: transparent;
  --gd-border-end: transparent;
  --gd-border-deg: 90deg;
  --gd-border-thick: 0;
  --hover-gd-border-start: var(--gd-border-start);
  --hover-gd-border-end: var(--gd-border-end);
  --active-gd-border-start: var(--gd-border-start);
  --active-gd-border-end: var(--gd-border-end);
}
.to-button {
  justify-content: center;
  flex-shrink: 0;
  width: var(--width);
  color: var(--color);
  border: 0 none;
  position: relative;
  padding: var(--padding);
  height: var(--height);
  font-size: 100%;
  background: var(--bg);
  background-size: var(--bg-size);
  cursor: pointer;
  border-radius: var(--radius);
  display: inline-flex;
  gap: var(--gap);
  align-items: center;
  vertical-align: top;
}
.to-button-expand,
.to-button-icon {
  --width: 1em;
  --height: 1em;
  --size: 1em;
  --color: var(--color);
}
.to-button-expand {
  --opacity: 0.5;
}
.to-button-text {
  font-size: var(--size);
  font-weight: var(--weight);
  display: flex;
  align-items: center;
  gap: var(--text-gap);
}
.to-button-text:empty {
  display: none;
}
.to-button::before {
  border: var(--border);
  border-radius: var(--radius);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
  padding: var(--gd-border-thick);
  background: linear-gradient(var(--gd-border-deg), var(--gd-border-start), var(--gd-border-end));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.to-button:hover {
  color: var(--hover-color);
  background: var(--hover-bg);
  background-size: var(--bg-size);
}
.to-button:hover:before {
  border: var(--hover-border);
  background: linear-gradient(var(--gd-border-deg), var(--hover-gd-border-start), var(--hover-gd-border-end));
}
.to-button:active {
  color: var(--active-color);
  background: var(--active-bg);
  background-size: var(--bg-size);
}
.to-button:active:before {
  border: var(--active-border);
  background: linear-gradient(var(--gd-border-deg), var(--active-gd-border-start), var(--active-gd-border-end));
}
.to-button.icon-position-right .to-button-icon {
  order: 2;
}
.to-button.icon-position-top,
.to-button.icon-position-bottom {
  --height: auto;
  --padding: 1em 1.5em;
  flex-direction: column;
}
.to-button.icon-position-bottom .to-button-icon {
  order: 2;
}
.to-button.width-full {
  --width: 100%;
}
.to-button-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}
.to-button-bar {
  display: block;
  height: 0.2em;
  background: #0077fa;
  transition: width 0.3s ease-out;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.to-button-bar.is-completed {
  background: #3BB346;
}
.to-calendar {
  --height: calc(26em + 1px);
  --padding: 0em;
  --radius: 0;
  --border: 0 none;
  --bg: none;
  --bg-size: 100% 100%;
  --gap: 0;
  --date-padding: 0.5em;
  --date-radius: 0;
  --date-bg: none;
  --date-bg-size: 100% 100%;
  --date-gap: 0;
  --date-border: 0 none;
  --header-padding: 0 0 0.5em 0;
  --header-radius: 0;
  --header-border: 1px solid var(--color-border);
  --header-bg: none;
  --header-bg-size: 100% 100%;
  --header-content-height: 3em;
  --header-content-size: 1em;
  --header-content-radius: 0.25em;
  --header-content-border: 0 none;
  --header-content-color: var(--color-fg);
  --header-content-gap: 0.5em;
  --header-content-weight: bold;
  --header-content-bg: var(--color-bg);
  --header-content-bg-size: 100% 100%;
  --header-content-hover-border: var(--header-content-border);
  --header-content-hover-bg: rgba(0, 0, 0, 0.1);
  --header-content-hover-color: var(--header-content-color);
  --header-content-active-border: var(--header-content-border);
  --header-content-active-bg: rgba(0, 0, 0, 0.3);
  --header-content-active-color: var(--header-content-color);
  --picker-padding: 0.5em 0 0;
  --picker-radius: 0;
  --picker-border: 0 none;
  --picker-bg: none;
  --picker-bg-size: 100% 100%;
  --picker-gap: 0.5em;
  --year-width: 30%;
  --year-gap: 0em;
  --year-list-gap: 1px;
  --year-padding: 0em 0.5em 0 0;
  --year-radius: 0;
  --year-border: 0 none;
  --year-bg: none;
  --year-bg-size: 100% 100%;
  --year-divider: 1px solid var(--color-border);
  --year-item-height: 3em;
  --year-item-size: 1em;
  --year-item-radius: 0.25em;
  --year-item-border: 0 none;
  --year-item-bg: none;
  --year-item-bg-size: 100% 100%;
  --year-item-color: var(--color-fg);
  --year-item-cur-border: var(--year-item-border);
  --year-item-cur-bg: var(--primary-light-9);
  --year-item-cur-color: var(--color-primary);
  --year-item-on-border: var(--year-item-border);
  --year-item-on-bg: var(--color-primary);
  --year-item-on-color: #fff;
  --year-item-checked-border: 1px solid var(--color-primary);
  --year-item-checked-bg: none;
  --year-item-checked-color: var(--color-primary);
  --year-item-hover-border: var(--year-item-border);
  --year-item-hover-bg: rgba(0, 0, 0, 0.1);
  --year-item-hover-color: var(--year-item-color);
  --year-item-active-border: var(--year-item-border);
  --year-item-active-bg: rgba(0, 0, 0, 0.3);
  --year-item-active-color: var(--year-item-color);
  --month-gap: 0em;
  --month-list-gap: 0em;
  --month-padding: 0;
  --month-radius: 0;
  --month-border: 0 none;
  --month-bg: none;
  --month-bg-size: 100% 100%;
  --month-item-width: auto;
  --month-item-height: 3em;
  --month-item-size: 1em;
  --month-item-padding: 0em;
  --month-item-radius: 0.25em;
  --month-item-border: 0 none;
  --month-item-bg: none;
  --month-item-bg-size: 100% 100%;
  --month-item-color: var(--color-fg);
  --month-item-gap: 0;
  --month-item-cur-border: var(--month-item-border);
  --month-item-cur-bg: var(--primary-light-9);
  --month-item-cur-color: var(--color-primary);
  --month-item-on-border: var(--month-item-border);
  --month-item-on-bg: var(--color-primary);
  --month-item-on-color: #fff;
  --month-item-hover-border: var(--month-item-border);
  --month-item-hover-bg: rgba(0, 0, 0, 0.1);
  --month-item-hover-color: var(--month-item-color);
  --month-item-active-border: var(--month-item-border);
  --month-item-active-bg: rgba(0, 0, 0, 0.3);
  --month-item-active-color: var(--month-item-color);
  --week-padding: 0.5em 0 0;
  --week-radius: 0;
  --week-border: 0 none;
  --week-bg: none;
  --week-bg-size: 100% 100%;
  --week-color: var(--color-fg-fade);
  --week-height: 3em;
  --week-size: 1em;
  --week-weight: normal;
  --day-padding: 0;
  --day-radius: 0;
  --day-border: 0 none;
  --day-bg: none;
  --day-bg-size: 100% 100%;
  --day-gap: 0em;
  --day-item-width: 3em;
  --day-item-height: 3em;
  --day-item-padding: 0em;
  --day-item-radius: 0.25em;
  --day-item-border: 0 none;
  --day-item-bg: none;
  --day-item-bg-size: 100% 100%;
  --day-item-color: inherit;
  --day-item-gap: 0em;
  --day-item-text-size: 1em;
  --day-item-text-color: #000;
  --day-item-start-border: var(--day-item-border);
  --day-item-start-bg: var(--color-primary);
  --day-item-start-color: var(--color-bg);
  --day-item-end-border: var(--day-item-border);
  --day-item-end-bg: var(--color-primary);
  --day-item-end-color: var(--color-bg);
  --day-item-range-bg: var(--primary-light-9);
  --day-item-range-color: var(--color-primary);
  --day-item-range-radius: calc(var(--day-item-radius) + var(--day-item-padding) / 2);
  --day-item-sat-border: var(--day-item-border);
  --day-item-sat-bg: var(--day-item-bg);
  --day-item-sat-color: var(--color-danger);
  --day-item-cur-border: var(--day-item-border);
  --day-item-cur-bg: var(--primary-light-9);
  --day-item-cur-color: var(--color-primary);
  --day-item-on-border: var(--day-item-border);
  --day-item-on-bg: var(--color-primary);
  --day-item-on-color: var(--color-bg);
  --day-item-checked-border: var(--day-item-border);
  --day-item-checked-bg: var(--color-primary);
  --day-item-checked-color: var(--color-bg);
  --day-item-sun-border: var(--day-item-border);
  --day-item-sun-bg: var(--day-item-bg);
  --day-item-sun-color: var(--color-danger);
  --day-item-hover-border: var(--day-item-border);
  --day-item-hover-bg: rgba(0, 0, 0, 0.1);
  --day-item-hover-color: var(--day-item-bg);
  --day-item-active-border: var(--day-item-border);
  --day-item-active-bg: rgba(0, 0, 0, 0.3);
  --day-item-active-color: var(--day-item-bg);
  --time-padding: 0.5em;
  --time-radius: 0;
  --time-border: 0 none;
  --time-bg: none;
  --time-bg-size: 100% 100%;
  --time-gap: 0;
  --time-width: 15em;
  --time-divider: 1px solid var(--color-border);
  --time-info-padding: 0 0 0.5em 0;
  --time-info-radius: 0;
  --time-info-divider: 1px solid var(--color-border);
  --time-info-bg: none;
  --time-info-bg-size: 100% 100%;
  --time-info-height: 3em;
  --time-info-size: 1em;
  --time-info-weight: bold;
  --time-content-gap: 0.5em;
  --time-content-padding: 0.5em 0 0;
  --time-item-height: 3em;
  --time-item-size: 1em;
  --time-item-padding: 0;
  --time-item-radius: 0.25em;
  --time-item-border: 0 none;
  --time-item-bg: none;
  --time-item-bg-size: 100% 100%;
  --time-item-color: var(--color-fg);
  --time-item-gap: 0;
  --time-item-cur-border: var(--time-item-border);
  --time-item-cur-bg: var(--primary-light-9);
  --time-item-cur-color: var(--color-primary);
  --time-item-on-border: var(--time-item-border);
  --time-item-on-bg: var(--color-primary);
  --time-item-on-color: #fff;
  --time-item-hover-border: var(--time-item-border);
  --time-item-hover-bg: rgba(0, 0, 0, 0.1);
  --time-item-hover-color: var(--time-item-color);
  --time-item-active-border: var(--time-item-border);
  --time-item-active-bg: rgba(0, 0, 0, 0.3);
  --time-item-active-color: var(--time-item-color);
  --fn-divider: 1px solid var(--color-border);
  --fn-padding: 0.5em;
  --fn-bg: none;
  --fn-bg-size: 100% 100%;
  --fn-gap: 0.5em;
  --fn-align: flex-end;
}
.to-calendar {
  position: relative;
  text-align: center;
  padding: var(--padding);
  border-radius: var(--radius);
  border: var(--border);
  background: var(--bg);
  background-size: var(--bg-size);
  gap: var(--gap);
  height: var(--height);
  display: flex;
  flex-direction: column;
}
.to-calendar .to-calendar-points {
  text-align: right;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0.5);
  transform-origin: top right;
}
.to-calendar .to-calendar-points .to-tag {
  margin-top: 0.1em;
  display: block;
}
.to-calendar-content {
  display: flex;
  flex: 1;
  min-height: 0;
}
.to-calendar-date {
  flex: 1;
  padding: var(--date-padding);
  border-radius: var(--date-radius);
  border: var(--date-border);
  background: var(--date-bg);
  background-size: var(--date-bg-size);
  gap: var(--date-gap);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.to-calendar-header {
  display: flex;
  align-items: center;
  padding: var(--header-padding);
  border-radius: var(--header-radius);
  border-bottom: var(--header-border);
  background: var(--header-bg);
  background-size: var(--header-bg-size);
  gap: var(--header-gap);
}
.to-calendar-header-prev-year,
.to-calendar-header-prev,
.to-calendar-header-next-year,
.to-calendar-header-next {
  flex: none;
  --height: 3em;
  --width: calc((100% - var(--day-gap) * 6) / 7);
}
.to-calendar-header-content {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: var(--header-content-height);
  border-radius: var(--header-content-radius);
  border: var(--header-content-border);
  color: var(--header-content-color);
  gap: var(--header-content-gap);
  font-weight: var(--header-content-weight);
  background: var(--header-content-bg);
  background-size: var(--header-content-bg-size);
}
.to-calendar-header-content:hover {
  border: var(--header-content-hover-border);
  background: var(--header-content-hover-bg);
  color: var(--header-content-hover-color);
}
.to-calendar-header-content:active {
  border: var(--header-content-active-border);
  background: var(--header-content-active-bg);
  color: var(--header-content-active-color);
}
.to-calendar-header-year {
  font-size: var(--header-content-size);
}
.to-calendar-header-month {
  font-size: var(--header-content-size);
}
.to-calendar-picker {
  z-index: 12;
  display: flex;
  min-height: 0;
  height: 100%;
  box-sizing: border-box;
  align-items: center;
  padding: var(--picker-padding);
  border-radius: var(--picker-radius);
  border: var(--picker-border);
  background: var(--picker-bg);
  background-size: var(--picker-bg-size);
  gap: var(--picker-gap);
}
.to-calendar-year {
  --padding: var(--year-padding);
  width: var(--year-width);
  border-radius: var(--year-radius);
  border: var(--year-border);
  background: var(--year-bg);
  background-size: var(--year-bg-size);
  gap: var(--year-gap);
  border-right: var(--year-divider);
}
.to-calendar-year .to-scroll-content {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.to-calendar-year .to-scroll-content::-webkit-scrollbar {
  display: none;
}
.to-calendar-year-item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: var(--year-item-height);
  border-radius: var(--year-item-radius);
  border: var(--year-item-border);
  background: var(--year-item-bg);
  background-size: var(--year-item-bg-size);
  color: var(--year-item-color);
}
.to-calendar-year-item.is-cur {
  border: var(--year-item-cur-border);
  background: var(--year-item-cur-bg);
  color: var(--year-item-cur-color);
}
.to-calendar-year-item.is-on {
  border: var(--year-item-on-border);
  background: var(--year-item-on-bg);
  color: var(--year-item-on-color);
}
.to-calendar-year-item.is-checked {
  border: var(--year-item-checked-border);
  background: var(--year-item-checked-bg);
  color: var(--year-item-checked-color);
}
.to-calendar-year-item:not(.is-on):hover {
  border: var(--year-item-hover-border);
  background: var(--year-item-hover-bg);
  color: var(--year-item-hover-color);
}
.to-calendar-year-item:not(.is-on):active {
  border: var(--year-item-active-border);
  background: var(--year-item-active-bg);
  color: var(--year-item-active-color);
}
.to-calendar-year-item-text {
  font-size: var(--year-item-size);
}
.to-calendar-month {
  flex: 1;
  display: flex;
  align-items: center;
  align-self: flex-start;
  padding: var(--month-padding);
  border-radius: var(--month-radius);
  border: var(--month-border);
  background: var(--month-bg);
  background-size: var(--month-bg-size);
  gap: var(--month-gap);
}
.to-calendar-month-list {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: var(--month-list-gap);
}
.to-calendar-month-item {
  width: calc((100% - var(--month-list-gap) * 2) / 3);
  box-sizing: border-box;
}
.to-calendar-month-item.is-checked .to-calendar-month-item-content {
  background: #0e0;
  color: #fff;
}
.to-calendar-month-item-content {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0 auto;
  cursor: pointer;
  width: var(--month-item-width);
  height: var(--month-item-height);
  padding: var(--month-item-padding);
  border-radius: var(--month-item-radius);
  border: var(--month-item-border);
  background: var(--month-item-bg);
  background-size: var(--month-item-bg-size);
  color: var(--month-item-color);
  gap: var(--month-item-gap);
}
.to-calendar-month-item.is-cur .to-calendar-month-item-content {
  border: var(--month-item-cur-border);
  background: var(--month-item-cur-bg);
  color: var(--month-item-cur-color);
}
.to-calendar-month-item.is-on .to-calendar-month-item-content {
  border: var(--month-item-on-border);
  background: var(--month-item-on-bg);
  color: var(--month-item-on-color);
}
.to-calendar-month-item-content:hover {
  border: var(--month-item-hover-border);
  background: var(--month-item-hover-bg);
  color: var(--month-item-hover-color);
}
.to-calendar-month-item-content:active {
  border: var(--month-item-active-border);
  background: var(--month-item-active-bg);
  color: var(--month-item-active-color);
}
.to-calendar-month-item-text {
  font-size: var(--month-item-size);
}
.to-calendar-week {
  background: var(--week-bg);
  background-size: var(--week-bg-size);
  padding: var(--week-padding);
  height: var(--week-height);
  line-height: var(--week-height);
  color: var(--week-color);
  border-bottom: var(--week-border);
  display: flex;
}
.to-calendar-week-item {
  flex: 1;
  font-size: var(--week-size);
  font-weight: var(--week-weight);
}
.to-calendar-day {
  padding: var(--day-padding);
  border-radius: var(--day-radius);
  border: var(--day-border);
  background: var(--day-bg);
  background-size: var(--day-bg-size);
  gap: var(--day-gap) 0;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.to-calendar-day-item {
  width: calc(100% / 7);
  box-sizing: border-box;
  position: relative;
  padding: var(--day-item-padding);
}
.to-calendar-day-item-content {
  width: var(--day-item-width);
  height: var(--day-item-height);
  border-radius: var(--day-item-radius);
  border: var(--day-item-border);
  background: var(--day-item-bg);
  background-size: var(--day-item-bg-size);
  color: var(--day-item-color);
  gap: var(--day-item-gap);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
}
.to-calendar-day-item.is-sat .to-calendar-day-item-content {
  border: var(--day-item-sat-border);
  background: var(--day-item-sat-bg);
  color: var(--day-item-sat-color);
}
.to-calendar-day-item.is-sun .to-calendar-day-item-content {
  border: var(--day-item-sun-border);
  background: var(--day-item-sun-bg);
  color: var(--day-item-sun-color);
}
.to-calendar-day-item.is-cur .to-calendar-day-item-content {
  border: var(--day-item-cur-border);
  background: var(--day-item-cur-bg);
  color: var(--day-item-cur-color);
}
.to-calendar-day-item.is-on .to-calendar-day-item-content {
  border: var(--day-item-on-border);
  background: var(--day-item-on-bg);
  color: var(--day-item-on-color);
}
.to-calendar-day-item.is-start .to-calendar-day-item-content {
  border: var(--day-item-start-border);
  background: var(--day-item-start-bg);
  color: var(--day-item-start-color);
}
.to-calendar-day-item.is-end .to-calendar-day-item-content {
  border: var(--day-item-end-border);
  background: var(--day-item-end-bg);
  color: var(--day-item-end-color);
}
.to-calendar-day-item.is-range {
  background: var(--day-item-range-bg);
}
.to-calendar-day-item.is-range .to-calendar-day-item-content {
  color: var(--day-item-range-color);
}
.to-calendar-month-item.is-range {
  background: var(--day-item-range-bg);
}
.to-calendar-month-item.is-range .to-calendar-month-item-content {
  color: var(--day-item-range-color);
}
.to-calendar-day-item.is-start::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: calc((100% - var(--day-item-width)) / 2 - var(--day-item-padding));
  border-radius: var(--day-item-range-radius) 0 0 var(--day-item-range-radius);
  background: var(--day-item-range-bg);
}
.to-calendar-day-item.is-end::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: calc((100% - var(--day-item-width)) / 2 - var(--day-item-padding));
  border-radius: 0 var(--day-item-range-radius) var(--day-item-range-radius) 0;
  background: var(--day-item-range-bg);
}
.to-calendar-day-item:not(.is-on):not(.is-start):not(.is-end) .to-calendar-day-item-content:not(:empty):hover {
  border: var(--day-item-hover-border);
  background: var(--day-item-hover-bg);
  color: var(--day-item-hover-color);
}
.to-calendar-day-item:not(.is-on):not(.is-start):not(.is-end) .to-calendar-day-item-content:not(:empty):active {
  border: var(--day-item-active-border);
  background: var(--day-item-active-bg);
  color: var(--day-item-active-color);
}
.to-calendar-day-item.dis span {
  cursor: not-allowed;
  color: #cccccc;
}
.to-calendar-time {
  border-left: var(--time-divider);
  width: var(--time-width);
  padding: var(--time-padding);
  border-radius: var(--time-radius);
  background: var(--time-bg);
  background-size: var(--time-bg-size);
  gap: var(--time-gap);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
}
.to-calendar-time-info {
  padding: var(--time-info-padding);
  border-radius: var(--time-info-radius);
  border-bottom: var(--time-info-divider);
  background: var(--time-info-bg);
  background-size: var(--time-info-bg-size);
  gap: var(--time-info-gap);
  height: var(--time-info-height);
  line-height: var(--time-info-height);
}
.to-calendar-time-info-text {
  font-size: var(--time-info-size);
  font-weight: var(--time-info-weight);
}
.to-calendar-time-content {
  flex: 1;
  display: flex;
  height: 100%;
  overflow: hidden;
  gap: var(--time-content-gap);
  padding: var(--time-content-padding);
}
.to-calendar-time-list {
  flex: 1;
}
.to-calendar-time-list .to-scroll-content {
  flex: 1;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.to-calendar-time-list .to-scroll-content::-webkit-scrollbar {
  display: none;
}
.to-calendar-time-item {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
  height: var(--time-item-height);
  padding: var(--time-item-padding);
  border-radius: var(--time-item-radius);
  border: var(--time-item-border);
  background: var(--time-item-bg);
  background-size: var(--time-item-bg-size);
  color: var(--time-item-color);
  gap: var(--time-item-gap);
}
.to-calendar-time-item:hover {
  background: var(--time-item-hover-bg);
  color: var(--time-item-hover-color);
  border: var(--time-item-hover-border);
}
.to-calendar-time-item:active {
  background: var(--time-item-active-bg);
  color: var(--time-item-active-color);
  border: var(--time-item-active-border);
}
.to-calendar-time-item.is-cur {
  border: var(--year-item-cur-border);
  background: var(--year-item-cur-bg);
  color: var(--year-item-cur-color);
}
.to-calendar-time-item.is-on {
  border: var(--year-item-on-border);
  background: var(--year-item-on-bg);
  color: var(--year-item-on-color);
}
.to-calendar-fn {
  display: flex;
  padding: var(--fn-padding);
  border-top: var(--fn-divider);
  background: var(--fn-bg);
  background-size: var(--fn-bg-size);
  gap: var(--fn-gap);
  justify-content: var(--fn-align);
}
.to-calendar.type-datetime {
  --height: calc(30.25em + 1px);
}
.to-calendar.type-time {
  --height: calc(30.25em + 1px);
  --time-divider: 0 none;
  --time-width: auto;
}
.to-calendar.type-time .to-calendar-time {
  flex: 1;
}
.to-float {
  --radius: 0;
  --border: 1px solid var(--color-border);
  --bg: var(--color-bg);
  --bg-size: 100% 100%;
  --shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.1);
  --mask: rgba(0, 0, 0, 0.3);
  --margin: 0;
  --padding: 0;
}
.to-float-wrapper {
  box-sizing: border-box;
}
.to-float-content {
  height: 100%;
  box-sizing: border-box;
  border-radius: var(--radius);
  background: var(--bg);
  background-size: var(--bg-size);
  padding: var(--padding);
  overflow: hidden;
  border: var(--border);
  box-shadow: var(--shadow);
}
.to-float:not(.is-slide) {
  position: fixed;
  z-index: 1100;
  visibility: hidden;
  transform-origin: top;
}
.to-float:not(.is-slide).origin-bottom {
  transform-origin: bottom;
}
.to-floatTrigger {
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.to-float:not(.is-slide).position-top .to-float-wrapper {
  padding-bottom: var(--margin);
}
.to-float:not(.is-slide).position-bottom .to-float-wrapper {
  padding-top: var(--margin);
}
.to-float.is-slide .to-float-wrapper {
  padding: var(--margin);
}
.to-float.is-slide {
  --border: 0 none;
  position: fixed;
  inset: 0;
  z-index: 1100;
  pointer-events: none;
}
.to-float.is-slide > .to-float-mask {
  background: var(--mask);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  transition: opacity 0.3s ease-out;
}
.to-float.is-slide > .to-float-wrapper {
  position: absolute;
  box-sizing: border-box;
}
.to-float.is-slide.position-top > .to-float-wrapper {
  width: 100%;
  max-height: 100%;
  top: 0;
}
.to-float.is-slide.position-bottom > .to-float-wrapper {
  top: auto;
  width: 100%;
  max-height: 80%;
  bottom: 0;
}
.to-float.is-slide.position-right > .to-float-wrapper {
  right: 0;
  width: 75%;
  top: 0;
  height: 100%;
}
.to-float.is-slide.position-left > .to-float-wrapper {
  left: 0;
  width: 75%;
  top: 0;
  height: 100%;
}
.to-float.is-slide.is-show .to-float-wrapper {
  pointer-events: all;
}
.to-float.is-slide.is-show .to-float-mask {
  pointer-events: all;
}
.to-float.is-slide.is-mask.is-show .to-float-mask {
  opacity: 1;
}
.to-select {
  --height: var(--height-fe);
  --border: var(--border-fe);
  --bg: var(--bg-fe);
  --bg-size: 100% 100%;
  --padding: 0;
  --shadow: none;
  --width: 100%;
  --size: 1em;
  --weight: normal;
  --radius: var(--radius-fe);
  --gap: 0;
  --color: inherit;
  --placeholder-color: var(--color-placeholder);
  --content-gap: 0.5em;
  --content-padding: 0 1em;
  --tag-gap: 0.5em;
  --tag-height: 2em;
  --arrow-size: 1em;
  --arrow-font-size: 0.75em;
  --arrow-color: var(--color-fg-fade);
  --arrow-hover-color: var(--arrow-color);
  --arrow-active-color: var(--arrow-color);
  --hover-bg: rgba(0, 0, 0, 0.1);
  --hover-border: var(--border);
  --hover-color: var(--color);
  --active-bg: rgba(0, 0, 0, 0.3);
  --active-border: var(--border);
  --active-color: var(--color);
  --option-padding: 0.5em;
  --option-gap: 0;
  --option-list-gap-x: 0em;
  --option-list-gap-y: 0em;
  --option-tip-color: var(--color-fg-fade);
  --option-tip-padding: 2em;
  --option-tip-align: center;
  --option-fn-gap: 0.5em;
  --option-fn-align: left;
  --option-item-height: var(--height);
  --option-item-size: 1em;
  --option-item-padding: 0 1em;
  --option-item-radius: 0;
  --option-item-border: 0 none;
  --option-item-bg: none;
  --option-item-bg-size: 100% 100%;
  --option-item-color: var(--color-fg);
  --option-item-weight: normal;
  --option-item-hover-border: var(--option-item-border);
  --option-item-hover-bg: rgba(0, 0, 0, 0.1);
  --option-item-hover-color: var(--option-item-color);
  --option-item-active-border: var(--option-item-border);
  --option-item-active-bg: rgba(0, 0, 0, 0.3);
  --option-item-active-color: var(--option-item-color);
  --option-item-on-border: var(--option-item-border);
  --option-item-on-bg: var(--option-item-bg);
  --option-item-on-color: var(--color-primary);
  --option-item-on-hover-border: var(--option-item-on-border);
  --option-item-on-hover-bg: rgba(0, 0, 0, 0.1);
  --option-item-on-hover-color: var(--option-item-on-color);
  --option-item-on-active-border: var(--option-item-on-border);
  --option-item-on-active-bg: rgba(0, 0, 0, 0.3);
  --option-item-on-active-color: var(--option-item-on-color);
  --prefix-padding: 0;
  --suffix-padding: 0;
  --prefix-text-padding: 0 0 0 1em;
  --prefix-text-bg: none;
  --prefix-text-bg-size: 100% 100%;
  --prefix-text-color: inherit;
  --prefix-text-border: 0 none;
  --prefix-text-size: 1em;
  --prefix-text-weight: normal;
  --suffix-text-padding: 0 1em 0 0;
  --suffix-text-bg: none;
  --suffix-text-bg-size: 100% 100%;
  --suffix-text-color: inherit;
  --suffix-text-border: 0 none;
  --suffix-text-size: 1em;
  --suffix-text-weight: normal;
}
.to-select {
  border-radius: var(--radius);
}
.to-select-el {
  box-sizing: border-box;
  position: relative;
  display: flex;
  gap: var(--gap);
  align-items: center;
  min-height: var(--height);
  border-radius: var(--radius);
  background: var(--bg);
  background-size: var(--bg-size);
  cursor: pointer;
}
.to-select-el:hover {
  background: var(--hover-bg);
  background-size: var(--bg-size);
}
.to-select-el:hover::before {
  border: var(--hover-border);
}
.to-select-el:hover .to-select-content {
  color: var(--hover-color);
}
.to-select-el:hover .to-select-arrow:before {
  color: var(--arrow-hover-color);
}
.to-select-el:active {
  background: var(--active-bg);
  background-size: var(--bg-size);
  color: var(--active-color);
}
.to-select-el:active::before {
  border: var(--active-border);
}
.to-select-el:active .to-select-arrow:before {
  color: var(--arrow-active-color);
}
.to-select-el::before {
  border: var(--border);
  border-radius: var(--radius);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
}
.to-select-icon {
  --color: inherit;
  --width: 1em;
  --height: 1em;
  --size: 1em;
}
.to-select-content {
  flex: 1;
  padding: var(--content-padding);
  gap: var(--content-gap);
  display: flex;
  align-items: center;
  overflow: hidden;
}
.to-select-box {
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: var(--size);
  font-weight: var(--weight);
  color: var(--color);
}
.to-select-arrow {
  flex-shrink: 0;
  width: var(--arrow-size);
  height: var(--arrow-size);
  line-height: var(--arrow-size);
}
.to-select-arrow:before {
  color: var(--arrow-color);
  font-size: var(--arrow-font-size);
  font-family: 'icon';
  content: "\e081";
}
.to-select-tag {
  --el-height: var(--height);
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.to-select-tag .to-tag {
  margin-top: calc((var(--el-height) - var(--tag-height)) / 2);
  margin-left: calc((var(--el-height) - var(--tag-height)) / 2);
  --height: var(--tag-height);
}
.to-select-option {
  --bg-size: 100% 100%;
}
.to-select-option > .to-float-wrapper .to-scroll {
  --padding: var(--option-padding);
}
.to-select-option-fn {
  display: flex;
  gap: var(--option-fn-gap);
  margin-bottom: var(--option-gap);
  justify-content: var(--option-fn-align);
}
.to-select-option-tip {
  text-align: var(--option-tip-align);
  padding: var(--option-tip-padding);
  color: var(--option-tip-color);
}
.to-select-list {
  --gap-x: var(--option-list-gap-x);
  --gap-y: var(--option-list-gap-y);
}
.to-select-option-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  padding: var(--option-item-padding);
  line-height: var(--option-item-height);
  border-radius: var(--option-item-radius);
  border: var(--option-item-border);
  background: var(--option-item-bg);
  background-size: var(--option-item-bg-size);
  color: var(--option-item-color);
  font-weight: var(--option-item-weight);
}
.to-select-option-item-text {
  font-size: var(--option-item-size);
}
.to-select-option-item:hover {
  border: var(--option-item-hover-border);
  background: var(--option-item-hover-bg);
  background-size: var(--option-item-bg-size);
  color: var(--option-item-hover-color);
}
.to-select-option-item:active {
  border: var(--option-item-active-border);
  background: var(--option-item-active-bg);
  background-size: var(--option-item-bg-size);
  color: var(--option-item-active-color);
}
.to-select-option-item.is-on {
  border: var(--option-item-on-border);
  background: var(--option-item-on-bg);
  background-size: var(--option-item-bg-size);
  color: var(--option-item-on-color);
}
.to-select-option-item.is-on:hover {
  border: var(--option-item-on-hover-border);
  background: var(--option-item-on-hover-bg);
  background-size: var(--option-item-bg-size);
  color: var(--option-item-on-hover-color);
}
.to-select-option-item.is-on:active {
  border: var(--option-item-on-active-border);
  background: var(--option-item-on-active-bg);
  background-size: var(--option-item-bg-size);
  color: var(--option-item-on-active-color);
}
.to-select-prefix,
.to-select-suffix,
.to-select-prefix-text,
.to-select-suffix-text {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.to-select-prefix {
  padding: var(--prefix-padding);
}
.to-select-suffix {
  padding: var(--suffix-padding);
}
.to-select-prefix-text {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--prefix-text-padding);
  background: var(--prefix-text-bg);
  background-size: var(--prefix-text-bg-size);
  border-right: var(--prefix-text-border);
  font-weight: var(--prefix-text-weight);
  font-size: var(--prefix-text-size);
}
.to-select-suffix-text span {
  font-size: var(--prefix-text-size);
}
.to-select-suffix-text {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--suffix-text-padding);
  background: var(--suffix-text-bg);
  background-size: var(--suffix-text-bg-size);
  border-left: var(--suffix-text-border);
  font-weight: var(--suffix-text-weight);
}
.to-select-suffix-text span {
  font-size: var(--suffix-text-size);
}
.to-select.is-changed:hover {
  color: var(--primary);
}
.to-select.is-placeholder .to-select-box {
  color: var(--placeholder-color);
}
.to-select.is-disabled {
  cursor: not-allowed;
  background: var(--disabled-bg);
  color: var(--disabled-color);
}
.to-select.is-disabled .to-select-el {
  background: transparent;
  cursor: not-allowed;
}
.to-select.is-changed {
  color: var(--primary);
}
.to-select.is-multiple .to-select-content:has(.to-tag) {
  padding-left: 0;
}
.to-select.is-multiple .to-select-tag:has(.to-tag) {
  padding-bottom: calc((var(--height) - var(--tag-height)) / 2);
}
.to-select.is-filterable .to-select-content {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}
.to-select.is-filterable .to-select-input {
  flex: 1;
  min-width: 5em;
}
.to-select.is-filterable .to-select-input .to-input {
  --bg: none;
  --border: 0 none;
  flex: 1;
}
.to-select.is-filterable .to-select-tag:has(.to-tag) {
  padding-bottom: 0;
}
.to-select.to-select-mode-line {
  background: none;
}
.to-select.to-select-color-danger {
  background: rgba(249, 57, 32, 0.1);
}
.to-select.to-select-color-danger:before {
  border: 1px solid rgba(249, 57, 32, 0.5);
}
.to-select.to-select-tip-show {
  overflow: visible;
}
.to-gap {
  --height: 1em;
  --width: 1em;
  --display: block;
}
.to-gap:not(.is-inline) {
  height: var(--height);
  display: var(--display);
}
.to-gap.is-inline {
  --display: inline-block;
  width: var(--width);
  display: var(--display);
  height: 0.1em;
}
.to-gap.is-close:not(.is-inline) {
  margin-top: -1px;
  height: 0;
}
.to-gap.is-close.is-inline {
  margin-left: -1px;
  width: 0;
}
.to-form {
  --gap: 1em;
  --gap-x: var(--gap);
  --gap-y: var(--gap);
  --col: 1;
  --item-gap: 0.5em;
  --item-border: 0 none;
  --item-padding: 0;
  --item-bg: none;
  --item-bg-size: 100% 100%;
  --item-height: var(--height-fe);
  --item-radius: var(--radius-fe);
  --label-lh: 2em;
  --label-size: 1em;
  --label-padding: 0.5em 0;
  --label-color: inherit;
  --label-gap: 0.3em;
  --label-align: flex-end;
  --required-color: var(--color-danger);
  --submit-gap: 0.5em;
}
.to-form {
  position: relative;
}
.to-form-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-y) var(--gap-x);
}
.to-form-item {
  --merge: 1;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  gap: var(--item-gap);
  padding: var(--item-padding);
  background: var(--item-bg);
  background-size: var(--item-bg-size);
  border-radius: var(--item-radius);
  width: calc((100% - (var(--col) - 1) * var(--gap-x)) / var(--col) * var(--merge) + (var(--merge) - 1) * var(--gap-x));
}
.to-form-item.merge-2 {
  --merge: 2;
}
.to-form-item.merge-3 {
  --merge: 3;
}
.to-form-item.merge-4 {
  --merge: 4;
}
.to-form-item.merge-5 {
  --merge: 5;
}
.to-form-item::after {
  border: var(--item-border);
  border-radius: var(--item-radius);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
}
.to-form-label {
  flex-shrink: 0;
  justify-content: var(--label-align);
  color: var(--label-color);
  padding: var(--label-padding);
  line-height: var(--label-lh);
  display: inline-flex;
  gap: var(--label-gap);
}
.to-form-label-text {
  font-size: var(--label-size);
}
.to-form-value {
  flex: 1;
  min-width: 0;
}
.to-form-value .to-switch {
  margin-top: calc((var(--item-height) - 1.43em) / 2);
}
.to-form-submit {
  flex-shrink: 0;
  white-space: nowrap;
  display: flex;
  text-align: right;
  gap: var(--submit-gap);
}
.to-form-item.is-required .to-form-label:before {
  content: '*';
  color: var(--required-color);
}
.to-form.submit-position-right .to-form-item {
  flex: 1;
  width: auto;
}
.to-form.submit-position-corner .to-form-item.is-placeholder {
  visibility: hidden;
  content: "";
  height: var(--item-height);
  width: 2em;
}
.to-form.submit-position-corner .to-form-submit {
  position: absolute;
  right: 0;
  bottom: 0;
}
.to-form.submit-position-follow .to-form-item {
  flex: none;
  width: auto;
}
.to-form.submit-position-item .to-form-submit {
  padding-left: var(--item-gap);
}
.to-form.col-1 {
  --col: 1;
}
.to-form.col-2 {
  --col: 2;
}
.to-form.col-3 {
  --col: 3;
}
.to-form.col-4 {
  --col: 4;
}
.to-form.col-5 {
  --col: 5;
}
.to-form.col-6 {
  --col: 6;
}
.to-form.col-7 {
  --col: 7;
}
.to-form.dir-v {
  --gap-y: 1em;
  --label-lh: 1.5em;
  --label-padding: 0;
  --label-gap: 0.5em;
}
.to-form.dir-v .to-form-item {
  flex-direction: column;
}
.to-form.dir-v .to-form-label {
  justify-content: flex-start;
}
.to-header {
  --bg: none;
  --bg-size: 100% 100%;
  --height: auto;
  --padding: 0;
  --gap: 0;
  --color: var(--color-fg);
  --size: 1.17em;
  --weight: bold;
  --gap: 0.5em;
  --lh: 1em;
  --radius: 0;
  --border: 0 none;
  --hover-border: var(--border);
  --hover-bg: rgba(0, 0, 0, 0.1);
  --hover-color: var(--color);
  --active-border: var(--border);
  --active-bg: rgba(0, 0, 0, 0.1);
  --active-color: var(--color);
  --fn-gap: 0.5em;
  --tip-color: var(--color-fg);
  --tip-size: 1em;
  --icon-width: 0;
  --icon-height: 0;
  --icon-bg: none;
  --icon-radius: 0;
  --icon-bg-size: 100% 100%;
  --back-padding: 1em;
  --back-size: 1em;
  --back-gap: 0.5em;
}
.to-header {
  position: relative;
  padding: var(--padding);
  height: var(--height);
  background: var(--bg);
  background-size: var(--bg-size);
  display: flex;
  overflow: hidden;
  align-items: center;
  gap: var(--gap);
  border: var(--border);
  border-radius: var(--radius);
}
.to-header-back {
  position: relative;
  z-index: 2;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: var(--back-padding);
  gap: var(--back-gap);
  cursor: pointer;
  color: var(--color);
}
.to-header-back:hover {
  background: rgba(0, 0, 0, 0.1);
}
.to-header-back:active {
  background: rgba(0, 0, 0, 0.3);
}
.to-header-back-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--back-size);
  height: var(--back-size);
  size: var(--back-size);
}
.to-header-back-icon:before {
  vertical-align: top;
  font-family: 'icon';
  content: '\e009';
}
.to-header-tip {
  color: var(--tip-color);
  font-size: var(--tip-size);
}
.to-header-title {
  line-height: var(--lh);
  display: flex;
  align-items: center;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  gap: var(--gap);
}
.to-header-icon {
  width: var(--icon-width);
  height: var(--icon-height);
  background: var(--icon-bg);
  border-radius: var(--icon-radius);
  background-size: var(--icon-bg-size);
}
.to-header-title-text {
  font-size: var(--size);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--weight);
  color: var(--color);
}
.to-header-center {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 0;
}
.to-header-left,
.to-header-right,
.to-header-fn {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  gap: var(--fn-gap);
}
.to-header.position-center {
  --height: 3em;
  justify-content: space-between;
}
.to-header.is-link:not(:has(.to-button:hover)):hover {
  background: var(--hover-bg);
  border: var(--hover-border);
}
.to-header.is-link:not(:has(.to-button:hover)):hover .to-header-back,
.to-header.is-link:not(:has(.to-button:hover)):hover .to-header-title-text {
  color: var(--hover-color);
}
.to-header.is-link:not(:has(.to-button:active)):active {
  background: var(--active-bg);
  border: var(--active-border);
}
.to-header.is-link:not(:has(.to-button:active)):active .to-header-back,
.to-header.is-link:not(:has(.to-button:active)):active .to-header-title-text {
  color: var(--active-color);
}
.to-hide:not(.to-hide-keep) {
  display: none !important;
}
.to-hide.to-hide-keep {
  visibility: hidden !important;
}
.to-hide-tag-a:not(.to-hide-type-hover):not(.to-hide-keep) [to-a],
.to-hide-tag-b:not(.to-hide-type-hover):not(.to-hide-keep) [to-b],
.to-hide-tag-c:not(.to-hide-type-hover):not(.to-hide-keep) [to-c],
.to-hide-tag-d:not(.to-hide-type-hover):not(.to-hide-keep) [to-d],
.to-hide-tag-e:not(.to-hide-type-hover):not(.to-hide-keep) [to-e],
.to-hide-tag-f:not(.to-hide-type-hover):not(.to-hide-keep) [to-f],
.to-hide-tag-g:not(.to-hide-type-hover):not(.to-hide-keep) [to-g],
.to-hide-tag-h:not(.to-hide-type-hover):not(.to-hide-keep) [to-h],
.to-hide-tag-i:not(.to-hide-type-hover):not(.to-hide-keep) [to-i],
.to-hide-tag-j:not(.to-hide-type-hover):not(.to-hide-keep) [to-j],
.to-hide-tag-k:not(.to-hide-type-hover):not(.to-hide-keep) [to-k],
.to-hide-tag-l:not(.to-hide-type-hover):not(.to-hide-keep) [to-l],
.to-hide-tag-m:not(.to-hide-type-hover):not(.to-hide-keep) [to-m],
.to-hide-tag-n:not(.to-hide-type-hover):not(.to-hide-keep) [to-n],
.to-hide-tag-o:not(.to-hide-type-hover):not(.to-hide-keep) [to-o],
.to-hide-tag-p:not(.to-hide-type-hover):not(.to-hide-keep) [to-p],
.to-hide-tag-q:not(.to-hide-type-hover):not(.to-hide-keep) [to-q],
.to-hide-tag-r:not(.to-hide-type-hover):not(.to-hide-keep) [to-r],
.to-hide-tag-s:not(.to-hide-type-hover):not(.to-hide-keep) [to-s],
.to-hide-tag-t:not(.to-hide-type-hover):not(.to-hide-keep) [to-t],
.to-hide-tag-u:not(.to-hide-type-hover):not(.to-hide-keep) [to-u],
.to-hide-tag-v:not(.to-hide-type-hover):not(.to-hide-keep) [to-v],
.to-hide-tag-w:not(.to-hide-type-hover):not(.to-hide-keep) [to-w],
.to-hide-tag-x:not(.to-hide-type-hover):not(.to-hide-keep) [to-x],
.to-hide-tag-y:not(.to-hide-type-hover):not(.to-hide-keep) [to-y],
.to-hide-tag-z:not(.to-hide-type-hover):not(.to-hide-keep) [to-z] {
  display: none !important;
}
.to-hide-tag-a.to-hide-keep:not(.to-hide-type-hover) [to-a],
.to-hide-tag-b.to-hide-keep:not(.to-hide-type-hover) [to-b],
.to-hide-tag-c.to-hide-keep:not(.to-hide-type-hover) [to-c],
.to-hide-tag-d.to-hide-keep:not(.to-hide-type-hover) [to-d],
.to-hide-tag-e.to-hide-keep:not(.to-hide-type-hover) [to-e],
.to-hide-tag-f.to-hide-keep:not(.to-hide-type-hover) [to-f],
.to-hide-tag-g.to-hide-keep:not(.to-hide-type-hover) [to-g],
.to-hide-tag-h.to-hide-keep:not(.to-hide-type-hover) [to-h],
.to-hide-tag-i.to-hide-keep:not(.to-hide-type-hover) [to-i],
.to-hide-tag-j.to-hide-keep:not(.to-hide-type-hover) [to-j],
.to-hide-tag-k.to-hide-keep:not(.to-hide-type-hover) [to-k],
.to-hide-tag-l.to-hide-keep:not(.to-hide-type-hover) [to-l],
.to-hide-tag-m.to-hide-keep:not(.to-hide-type-hover) [to-m],
.to-hide-tag-n.to-hide-keep:not(.to-hide-type-hover) [to-n],
.to-hide-tag-o.to-hide-keep:not(.to-hide-type-hover) [to-o],
.to-hide-tag-p.to-hide-keep:not(.to-hide-type-hover) [to-p],
.to-hide-tag-q.to-hide-keep:not(.to-hide-type-hover) [to-q],
.to-hide-tag-r.to-hide-keep:not(.to-hide-type-hover) [to-r],
.to-hide-tag-s.to-hide-keep:not(.to-hide-type-hover) [to-s],
.to-hide-tag-t.to-hide-keep:not(.to-hide-type-hover) [to-t],
.to-hide-tag-u.to-hide-keep:not(.to-hide-type-hover) [to-u],
.to-hide-tag-v.to-hide-keep:not(.to-hide-type-hover) [to-v],
.to-hide-tag-w.to-hide-keep:not(.to-hide-type-hover) [to-w],
.to-hide-tag-x.to-hide-keep:not(.to-hide-type-hover) [to-x],
.to-hide-tag-y.to-hide-keep:not(.to-hide-type-hover) [to-y],
.to-hide-tag-z.to-hide-keep:not(.to-hide-type-hover) [to-z] {
  visibility: hidden !important;
}
.to-hide-tag-a.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-a],
.to-hide-tag-b.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-b],
.to-hide-tag-c.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-c],
.to-hide-tag-d.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-d],
.to-hide-tag-e.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-e],
.to-hide-tag-f.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-f],
.to-hide-tag-g.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-g],
.to-hide-tag-h.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-h],
.to-hide-tag-i.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-i],
.to-hide-tag-j.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-j],
.to-hide-tag-k.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-k],
.to-hide-tag-l.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-l],
.to-hide-tag-m.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-m],
.to-hide-tag-n.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-n],
.to-hide-tag-o.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-o],
.to-hide-tag-p.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-p],
.to-hide-tag-q.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-q],
.to-hide-tag-r.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-r],
.to-hide-tag-s.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-s],
.to-hide-tag-t.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-t],
.to-hide-tag-u.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-u],
.to-hide-tag-v.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-v],
.to-hide-tag-w.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-w],
.to-hide-tag-x.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-x],
.to-hide-tag-y.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-y],
.to-hide-tag-z.to-hide-type-hover:not(:hover):not(.to-hide-keep) [to-z] {
  display: none !important;
}
.to-hide-tag-a.to-hide-keep.to-hide-type-hover:not(:hover) [to-a],
.to-hide-tag-b.to-hide-keep.to-hide-type-hover:not(:hover) [to-b],
.to-hide-tag-c.to-hide-keep.to-hide-type-hover:not(:hover) [to-c],
.to-hide-tag-d.to-hide-keep.to-hide-type-hover:not(:hover) [to-d],
.to-hide-tag-e.to-hide-keep.to-hide-type-hover:not(:hover) [to-e],
.to-hide-tag-f.to-hide-keep.to-hide-type-hover:not(:hover) [to-f],
.to-hide-tag-g.to-hide-keep.to-hide-type-hover:not(:hover) [to-g],
.to-hide-tag-h.to-hide-keep.to-hide-type-hover:not(:hover) [to-h],
.to-hide-tag-i.to-hide-keep.to-hide-type-hover:not(:hover) [to-i],
.to-hide-tag-j.to-hide-keep.to-hide-type-hover:not(:hover) [to-j],
.to-hide-tag-k.to-hide-keep.to-hide-type-hover:not(:hover) [to-k],
.to-hide-tag-l.to-hide-keep.to-hide-type-hover:not(:hover) [to-l],
.to-hide-tag-m.to-hide-keep.to-hide-type-hover:not(:hover) [to-m],
.to-hide-tag-n.to-hide-keep.to-hide-type-hover:not(:hover) [to-n],
.to-hide-tag-o.to-hide-keep.to-hide-type-hover:not(:hover) [to-o],
.to-hide-tag-p.to-hide-keep.to-hide-type-hover:not(:hover) [to-p],
.to-hide-tag-q.to-hide-keep.to-hide-type-hover:not(:hover) [to-q],
.to-hide-tag-r.to-hide-keep.to-hide-type-hover:not(:hover) [to-r],
.to-hide-tag-s.to-hide-keep.to-hide-type-hover:not(:hover) [to-s],
.to-hide-tag-t.to-hide-keep.to-hide-type-hover:not(:hover) [to-t],
.to-hide-tag-u.to-hide-keep.to-hide-type-hover:not(:hover) [to-u],
.to-hide-tag-v.to-hide-keep.to-hide-type-hover:not(:hover) [to-v],
.to-hide-tag-w.to-hide-keep.to-hide-type-hover:not(:hover) [to-w],
.to-hide-tag-x.to-hide-keep.to-hide-type-hover:not(:hover) [to-x],
.to-hide-tag-y.to-hide-keep.to-hide-type-hover:not(:hover) [to-y],
.to-hide-tag-z.to-hide-keep.to-hide-type-hover:not(:hover) [to-z] {
  visibility: hidden !important;
}
.to-input {
  --height: var(--height-fe);
  --border: var(--border-fe);
  --size: 1em;
  --bg: var(--bg-fe);
  --bg-size: 100% 100%;
  --color: var(--color-disabled-placeholder);
  --placeholder-color: var(--color-placeholder);
  --padding: 0;
  --width: 100%;
  --radius: var(--radius-fe);
  --weight: normal;
  --gap: 0;
  --shadow: none;
  --clear-margin: 0;
  --clear-height: var(--height);
  --content-gap: 1em;
  --content-padding: 0 1em;
  --prefix-padding: 0;
  --suffix-padding: 0;
  --suffix-gap: 0;
  --prefix-text-padding: 0 0 0 1em;
  --prefix-text-bg: none;
  --prefix-text-bg-size: 100% 100%;
  --prefix-text-color: inherit;
  --prefix-text-border: 0 none;
  --prefix-text-size: 1em;
  --prefix-text-weight: normal;
  --prefix-text-lh: var(--height);
  --suffix-text-padding: 0 1em 0 0;
  --suffix-text-bg: none;
  --suffix-text-bg-size: 100% 100%;
  --suffix-text-color: inherit;
  --suffix-text-border: 0 none;
  --suffix-text-size: 1em;
  --suffix-text-weight: normal;
  --suffix-text-lh: var(--height);
  --count-color: var(--color-fg-fade);
  --count-size: 1em;
  --count-padding: 0;
  --count-lh: var(--height);
  --count-align: center;
  --lh: 1.5em;
  --fn-padding: 0 1em 1em;
  --fn-gap: 1em;
  --suggestion-gap: 0;
  --focus-outline: 0 none;
  --focus-border: var(--border);
  --focus-bg: var(--bg);
  --focus-color: var(--color);
  --focus-shadow: var(--shadow);
  --hover-border: var(--border);
  --hover-bg: rgba(0, 0, 0, 0.1);
  --hover-color: var(--color);
  --active-border: var(--border);
  --active-bg: rgba(0, 0, 0, 0.3);
  --active-color: var(--color);
}
.to-input {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  border-radius: var(--radius);
  background: var(--bg);
  background-size: var(--bg-size);
  padding: var(--padding);
  width: var(--width);
  height: var(--height);
  box-shadow: var(--shadow);
}
.to-input-wrapper {
  width: 100%;
  height: 100%;
  color: var(--color);
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  flex-wrap: wrap;
  gap: var(--gap);
}
.to-input:has(textarea:focus),
.to-input:has(input:focus) {
  outline: var(--focus-outline);
  background: var(--focus-bg);
  color: var(--focus-color);
  box-shadow: var(--focus-shadow);
}
.to-input:has(textarea:focus):before,
.to-input:has(input:focus):before {
  border: var(--focus-border);
}
.to-input-content {
  box-sizing: border-box;
  flex: 1;
  display: flex;
  align-items: center;
  padding: var(--content-padding);
  gap: var(--content-gap);
  height: 100%;
}
.to-input-icon {
  --width: 1em;
  --height: 1em;
}
.to-input-clear {
  margin: var(--clear-margin);
  --color: var(--color-fg-fade);
  --height: var(--clear-height);
  --width: var(--clear-height);
}
.to-input-box {
  width: 100%;
  height: 100%;
  background: none;
  text-align: inherit;
  flex: 1;
  font-size: var(--size);
  font-weight: var(--weight);
  line-height: var(--lh);
  box-sizing: border-box;
  position: relative;
  color: inherit;
  appearance: none;
  border: 0 none;
  min-width: 0;
}
.to-input-box::placeholder {
  color: var(--placeholder-color);
}
.to-input-box::-ms-clear {
  display: none;
}
.to-input-box:-webkit-autofill {
  -webkit-text-fill-color: var(--bg) !important;
  transition: background-color 5000s ease-in-out 0s;
}
.to-input-box::-webkit-outer-spin-button,
.to-input-box::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.to-input-prefix,
.to-input-suffix {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.to-input-prefix {
  padding: var(--prefix-padding);
}
.to-input-suffix {
  gap: var(--suffix-gap);
  padding: var(--suffix-padding);
}
.to-input-prefix-text {
  display: flex;
  padding: var(--prefix-text-padding);
  background: var(--prefix-text-bg);
  background-size: var(--prefix-text-bg-size);
  border-right: var(--prefix-text-border);
  font-weight: var(--prefix-text-weight);
  line-height: var(--prefix-text-lh);
}
.to-input-prefix-text span {
  font-size: var(--prefix-text-size);
}
.to-input-suffix-text span {
  font-size: var(--suffix-text-size);
}
.to-input-suffix-text {
  padding: var(--suffix-text-padding);
  background: var(--suffix-text-bg);
  border-left: var(--suffix-text-border);
  font-weight: var(--suffix-text-weight);
  line-height: var(--suffix-text-lh);
}
.to-input-suffix-text span {
  font-size: var(--suffix-text-size);
}
.to-input.type-textarea {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  --content-padding: 0.75em 1em;
  --prefix-text-lh: 3em;
  --suffix-text-lh: 3em;
  --count-lh: 1.25em;
  --clear-height: 3em;
}
.to-input.type-textarea .to-input-wrapper {
  flex: 1;
  height: auto;
  min-height: 0;
  display: flex;
  align-items: flex-start;
}
.to-input.type-textarea .to-input-box {
  resize: none;
  height: 100%;
}
.to-input-fn {
  padding: var(--fn-padding);
  gap: var(--fn-gap);
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
}
.to-input-suggestion {
  display: flex;
  flex: 1;
  gap: var(--suggestion-gap);
}
.to-input-suggestion-item {
  --border: 0 none;
}
.to-input::before {
  border: var(--border);
  border-radius: var(--radius);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
}
.to-input.is-disabled {
  background: var(--disabled-bg);
  color: var(--disabled-color);
  cursor: not-allowed;
}
.to-input.is-disabled::after {
  border: var(--disabled-border);
}
.to-input.is-disabled input.to-input-content::placeholder {
  color: var(--disabled-placeholder-color);
}
.is-disabled .to-input-content {
  cursor: not-allowed;
}
.to-input.is-step input {
  text-align: center;
}
.to-input.to-input-changed {
  color: var(--primary);
}
.to-input-mode-line {
  background: none;
}
.to-input-color-danger {
  background: rgba(249, 57, 32, 0.1);
}
.to-input-color-danger:before {
  border: 1px solid rgba(249, 57, 32, 0.5);
}
.to-input-tip-show {
  overflow: visible;
}
.to-input-count {
  color: var(--count-color);
  font-weight: var(--count-weight);
  padding: var(--count-padding);
  line-height: var(--count-lh);
  align-self: var(--count-align);
}
.to-input-count:only-child {
  flex: 1;
}
.to-input-count-text {
  font-size: var(--count-size);
}
.to-input.type-textarea {
  --count-align: flex-end;
}
.to-input.type-textarea .to-input-count {
  display: block;
  text-align: right;
}
.to-input.type-textarea:has(.to-input-fn) {
  min-height: 8em;
}
.to-input.is-link {
  cursor: pointer;
}
.to-input.is-link .to-input-textarea,
.to-input.is-link .to-input-box {
  pointer-events: none;
}
.to-input.is-link:hover:not(:has(.to-float:hover)) {
  background: var(--hover-bg);
  color: var(--hover-color);
}
.to-input.is-link:hover:not(:has(.to-float:hover)) .to-input::before {
  border: var(--hover-border);
}
.to-input.is-link:active:not(:has(.to-float:hover)) {
  background: var(--active-bg);
  color: var(--active-color);
}
.to-input.is-link:active:not(:has(.to-float:hover)) .to-input::before {
  border: var(--active-border);
}
.media-pc .to-input-clear {
  display: none;
}
.media-pc .to-input:hover .to-input-clear {
  display: flex;
}
.to-divider {
  --color: var(--color-border);
  --style: solid;
  --height: 1em;
  --width: auto;
  --thick: 1px;
  --margin-x: 0em;
  --margin-y: 0em;
}
.to-divider.height-full {
  --height: 100%;
}
.to-divider.dir-v {
  display: inline-block;
  vertical-align: middle;
  height: var(--height);
  width: 0;
  border-left: var(--thick) var(--style) var(--color);
  margin: var(--margin-y) var(--margin-x);
}
.to-divider.dir-v.height-full {
  display: block;
  height: calc(100% - var(--margin-y) * 2);
  align-self: center;
}
.to-divider.dir-h {
  height: 0;
  border-bottom: var(--thick) var(--style) var(--color);
  margin: var(--margin-y) var(--margin-x);
}
.to-msg {
  --bg: #fff;
  --bg-size: 100% 100%;
  --shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.05);
  --width: 40em;
  --mask: rgba(0, 0, 0, 0.3);
  --padding: 2em;
  --radius: 1em;
  --align: center;
  --gap: 0.5em;
  --main-gap: 1em;
  --text-gap: 0.5em;
  --icon-width: 6em;
  --icon-height: 6em;
  --icon-size: 6em;
  --icon-family: 'icon-fill';
  --icon-content: '\e6cb';
  --icon-color: var(--color-primary);
  --icon-bg: none;
  --icon-bg-size: 100% 100%;
  --loading: url(../img/loading-msg.png) no-repeat;
  --loading-speed: 0.8s;
  --title-size: 1.5em;
  --title-lh: 2.25em;
  --title-weight: bold;
  --title-color: var(--color-fg);
  --content-size: 1em;
  --content-lh: 1.5em;
  --content-weight: normal;
  --content-color: var(--color-fg-fade);
  --detail-gap: 0.5em;
  --detail-bg: #f7f7f7;
  --detail-bg-size: 100% 100%;
  --detail-padding: 1em;
  --detail-radius: 0.5em;
  --detail-lh: 1.8em;
  --detail-size: 1em;
  --detail-color: var(--color-fg);
  --fn-gap: 1em;
  --fn-align: center;
  --fn-item-flex: none;
}
.to-msg {
  position: absolute;
  inset: 0;
  z-index: 1100;
  visibility: hidden;
  transition: 0.1s visibility ease-out;
  line-height: 1;
}
.to-msg-scroll {
  height: 100%;
  overflow: auto;
  text-align: center;
  white-space: nowrap;
}
.to-msg-scroll:before {
  content: '';
  width: 1px;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-right: -1px;
}
.to-msg-wrapper {
  background: var(--bg);
  background-size: var(--bg-size);
  box-shadow: var(--shadow);
  padding: var(--padding);
  border-radius: var(--radius);
  width: var(--width);
  gap: var(--gap);
  white-space: normal;
  transition: 0.1s transform ease-out;
  transform: scale(0);
  box-sizing: border-box;
  display: inline-flex;
  vertical-align: middle;
  flex-direction: column;
  align-items: stretch;
  text-align: var(--align);
  position: relative;
}
.to-msg-icon {
  display: inline-block;
  width: calc(var(--icon-width) / var(--icon-size) * 1em);
  height: calc(var(--icon-height) / var(--icon-size) * 1em);
  font-size: var(--icon-size);
  color: var(--icon-color);
  background: var(--icon-bg);
  background-size: var(--icon-bg-size);
}
.to-msg-icon::before {
  font-family: var(--icon-family);
  content: var(--icon-content);
}
.to-msg-bg {
  transition: 0.1s opacity ease-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  background: var(--mask);
}
.to-msg-main {
  display: flex;
  flex-direction: column;
  gap: var(--main-gap);
  min-width: 0;
}
.to-msg-title {
  order: 1;
  color: var(--title-color);
  font-size: var(--title-size);
  font-weight: var(--title-weight);
  line-height: calc(var(--title-lh) / var(--title-size));
}
.to-msg-content {
  order: 1;
  margin-top: var(--text-gap);
  font-size: var(--content-size);
  line-height: calc(var(--content-lh) / var(--content-size));
  color: var(--content-color);
  font-weight: var(--content-weight);
}
.to-msg.is-show {
  visibility: visible;
}
.to-msg.is-show .to-msg-bg {
  opacity: 1;
}
.to-msg.is-show .to-msg-wrapper {
  transform: scale(1);
}
.to-msg-detail {
  background: var(--detail-bg);
  border-radius: var(--detail-radius);
  padding: var(--detail-padding);
  text-align: left;
  overflow: auto;
}
.to-msg-detail-button {
  --height: 1.5em;
  --bg: none;
  --padding: 0;
  --border: 0 none;
  --color: var(--color-primary);
}
.to-msg-detail-content {
  line-height: calc(var(--detail-lh) / var(--detail-size) * 1em);
  margin-top: calc(var(--detail-gap) / var(--detail-size) * 1em);
  font-size: var(--detail-size);
  color: var(--detail-color);
}
.to-msg-fn {
  display: flex;
  align-items: center;
  justify-content: var(--fn-align);
  gap: var(--fn-gap);
  order: 1;
}
.to-msg-fn .to-button {
  flex: var(--fn-item-flex);
}
.to-msg.type-success {
  --icon-content: '\e6cd';
  --icon-color: var(--color-success);
}
.to-msg.type-error {
  --icon-content: '\e6c9';
  --icon-color: var(--color-danger);
}
.to-msg.type-confirm {
  --icon-content: '\e0cc';
}
.to-msg.type-warning {
  --icon-content: '\e73e';
  --icon-color: var(--color-warning);
}
.to-msg.type-loading {
  --icon-bg: var(--loading);
  --icon-content: '';
}
.to-msg.type-loading .to-msg-icon {
  animation: var(--loading-speed) loading2 steps(32) infinite;
}
.to-msg.dir-h .to-msg-wrapper {
  --align: left;
  flex-direction: row;
}
.to-msg.dir-h .to-msg-main {
  flex: 1;
}
.to-msg.dir-h .to-msg-fn {
  --fn-align: right;
}
.to-msg.is-global {
  position: fixed;
}
.to-padding {
  --height: auto;
  --value: 1em;
}
.to-padding {
  box-sizing: border-box;
  height: var(--height);
  padding: var(--value);
}
.to-page {
  --height: 3em;
  --gap: 1em;
  --padding: 0;
  --border: 0 none;
  --bg: none;
  --bg-size: 100% 100%;
  --radius: 0;
  --total-order: 1;
  --total-size: 1em;
  --total-color: var(--color-fg);
  --total-weight: normal;
  --slot-order: 2;
  --pager-order: 3;
  --pager-gap: 0;
  --pager-list-gap: 0.5em;
  --pager-item-width: var(--height);
  --pager-item-height: var(--height);
  --pager-item-size: 1em;
  --pager-item-padding: 0 0.5em;
  --pager-item-radius: 0.25em;
  --pager-item-border: 1px solid var(--color-border);
  --pager-item-bg: var(--color-bg);
  --pager-item-bg-size: 100% 100%;
  --pager-item-color: var(--color-fg);
  --pager-item-hover-border: var(--pager-item-border);
  --pager-item-hover-bg: rgba(0, 0, 0, 0.1);
  --pager-item-hover-color: var(--pager-item-color);
  --pager-item-active-border: var(--pager-item-border);
  --pager-item-active-bg: rgba(0, 0, 0, 0.3);
  --pager-item-active-color: var(--pager-item-color);
  --pager-item-on-border: 0 none;
  --pager-item-on-bg: var(--color-primary);
  --pager-item-on-color: var(--color-bg);
  --pager-ellipsis-color: var(--color-fg);
  --pager-icon-color: var(--color-fg);
  --pager-icon-width: var(--height);
  --pager-icon-height: var(--height);
  --pager-icon-bg: none;
  --pager-icon-bg-size: 100% 100%;
  --pager-icon-radius: 0.25em;
  --pager-icon-hover-border: var(--pager-icon-border);
  --pager-icon-hover-bg: rgba(0, 0, 0, 0.1);
  --pager-icon-hover-color: var(--pager-icon-color);
  --pager-icon-active-border: var(--pager-icon-border);
  --pager-icon-active-bg: rgba(0, 0, 0, 0.3);
  --pager-icon-active-color: var(--pager-icon-color);
  --size-order: 4;
  --size-height: var(--height);
  --jumper-order: 4;
  --jumper-color: 0.5em;
  --jumper-gap: 0.5em;
  --jumper-padding: 0;
  --jumper-border: 0 none;
  --jumper-bg: none;
  --jumper-bg-size: 100% 100%;
  --jumper-radius: 0;
  --jumper-height: var(--height);
}
.to-page {
  box-sizing: content-box;
  background: var(--bg);
  background-size: var(--bg-size);
  border: var(--border);
  border-radius: var(--radius);
  height: var(--height);
  padding: var(--padding);
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--gap);
}
.to-page-total {
  font-size: var(--total-size);
  font-weight: var(--total-weight);
  color: var(--total-color);
}
.to-page-slot {
  flex: 1;
}
.to-page-pager {
  user-select: none;
  display: flex;
  align-items: center;
  gap: var(--pager-gap);
}
.to-page-pager-list {
  flex: 1;
  display: flex;
  gap: var(--pager-list-gap);
}
.to-page-pager-item {
  position: relative;
  color: var(--pager-item-color);
  background: var(--pager-item-bg);
  background-size: var(--pager-item-bg-size);
  min-width: var(--pager-item-width);
  height: var(--pager-item-height);
  border: var(--pager-item-border);
  border-radius: var(--pager-item-radius);
  padding: var(--pager-item-padding);
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.to-page-pager-item:not(.is-on) {
  cursor: pointer;
}
.to-page-pager-item:not(.is-on):hover {
  color: var(--pager-item-hover-color);
  background: var(--pager-item-hover-bg);
  background-size: var(--pager-item-bg-size);
  border: var(--pager-item-hover-border);
}
.to-page-pager-item:not(.is-on):active {
  color: var(--pager-item-active-color);
  background: var(--pager-item-active-bg);
  background-size: var(--pager-item-bg-size);
  border: var(--pager-item-active-border);
}
.to-page-pager-item.is-on {
  background: var(--pager-item-on-bg);
  background-size: var(--pager-item-bg-size);
  color: var(--pager-item-on-color);
  border: var(--pager-item-on-border);
}
.to-page-pager-item-text {
  font-size: var(--pager-item-size);
}
.to-page-pager-ellipsis {
  margin: 0 calc(-1 * var(--pager-list-gap));
  width: var(--pager-item-width);
  height: var(--pager-item-height);
  line-height: var(--pager-item-height);
  color: var(--pager-ellipsis-color);
  text-align: center;
}
.to-page-pager-next,
.to-page-pager-prev {
  position: relative;
  cursor: pointer;
  color: var(--pager-icon-color);
  width: var(--pager-icon-width);
  background: var(--pager-icon-bg);
  background-size: var(--pager-icon-bg-size);
  height: var(--pager-icon-height);
  line-height: var(--pager-icon-height);
  border-radius: var(--pager-icon-radius);
  text-align: center;
}
.to-page-pager-next:before,
.to-page-pager-prev:before {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: var(--pager-icon-border);
  border-radius: var(--pager-icon-radius);
}
.to-page-pager-next:after,
.to-page-pager-prev:after {
  vertical-align: top;
  font-family: 'icon';
}
.to-page-pager-next:hover,
.to-page-pager-prev:hover {
  color: var(--pager-icon-hover-color);
  background: var(--pager-icon-hover-bg);
  background-size: var(--pager-icon-bg-size);
}
.to-page-pager-next:hover:before,
.to-page-pager-prev:hover:before {
  border: var(--pager-icon-hover-border);
}
.to-page-pager-next:active,
.to-page-pager-prev:active {
  color: var(--pager-icon-active-color);
  background: var(--pager-icon-active-bg);
  background-size: var(--pager-icon-bg-size);
}
.to-page-pager-next:active:before,
.to-page-pager-prev:active:before {
  border: var(--pager-icon-active-border);
}
.to-page-pager-prev:after {
  content: '\e009';
}
.to-page-pager-next:after {
  content: '\e05a';
}
.to-page-size {
  order: var(--size-order);
}
.to-page-size-select {
  --height: var(--size-height);
}
.to-page-jumper {
  order: var(--jumper-order);
  color: var(--jumper-color);
  display: flex;
  align-items: center;
  position: relative;
  padding: var(--jumper-padding);
  border-radius: 0.43em;
  white-space: nowrap;
  background: var(--jumper-bg);
  background-size: var(--jumper-bg-size);
  gap: var(--jumper-gap);
  border-radius: var(--pager-jumper-radius);
}
.to-page-jumper::before {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: var(--pager-jumper-border);
  border-radius: var(--pager-jumper-radius);
}
.to-page-jumper .to-page-jumper-input {
  --height: var(--jumper-height);
  --width: 6em;
  --gap: 0;
}
.to-page-jumper .to-page-jumper-icon {
  --height: var(--jumper-height);
  --width: var(--jumper-height);
}
.to-progress {
  --thick: 1em;
  --width: auto;
  --border: 0 none;
  --radius: calc(var(--thick) / 2);
  --color: #fff;
  --gap: 0.5em;
  --bg: #EAECF0;
  --bg-size: 100% 100%;
  --bar-thick: var(--thick);
  --bar-bg: var(--primary);
  --bar-bg-size: auto;
  --bar-padding: 0;
  --bar-radius: var(--radius);
  --text-size: 0.8em;
  --text-width: auto;
  --text-align: center;
  --text-weight: normal;
  --text-gap: 0.4em;
  --content-color: var(--color-fg-fade);
  --content-size: 0.6em;
}
.to-progress {
  display: flex;
  align-items: center;
  gap: var(--gap);
  width: var(--width);
  height: var(--thick);
  position: relative;
}
.to-progress-bg {
  flex: 1;
  padding: 0 calc((var(--thick) - var(--bar-thick)) / 2);
  height: 100%;
  background: var(--bg);
  background-size: var(--bg-size);
  border: var(--border);
  border-radius: var(--radius);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
}
.to-progress-bar {
  height: var(--bar-thick);
  display: flex;
  align-items: center;
  justify-content: var(--text-align);
  padding: var(--bar-padding);
  background: var(--bar-bg);
  background-size: var(--bar-bg-size);
  transition: width 0.3s ease;
  border-radius: var(--bar-radius);
  color: #fff;
  overflow: hidden;
  box-sizing: border-box;
}
.to-progress-text {
  font-weight: var(--text-weight);
  color: var(--color);
  font-size: var(--text-size);
}
.to-progress.text-position-outer {
  --color: #666;
  --text-size: 1em;
  --text-align: right;
}
.to-progress.text-position-outer .to-progress-text {
  flex: 0 0 var(--text-width);
  text-align: var(--text-align);
}
.to-progress.type-loading {
  --radius: 0;
  --thick: 0.3em;
  --bg: none;
  --bar-bg: linear-gradient(45deg, var(--primary) 25%, var(--primary-light-2) 25%, var(--primary-light-2) 50%, var(--primary) 50%, var(--primary) 75%, var(--primary-light-2) 75%, var(--primary-light-2));
  --bar-bg-size: 1em 1em;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  transition: opacity 0.3s ease-out;
}
.to-progress.type-loading .to-progress-bar {
  animation: to-progress-loading 1s linear infinite;
}
.to-progress.type-circle {
  --width: 5em;
  --thick: 0.5em;
  --text-size: 1em;
  --color: var(--color-fg);
  --text-weight: bold;
  --radius: round;
}
.to-progress.type-circle {
  overflow: visible;
  display: block;
  position: relative;
  box-sizing: content-box;
  width: var(--width);
  height: var(--width);
}
.to-progress.type-circle .svg {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.to-progress.type-circle .to-progress-bg {
  stroke: var(--bg);
}
.to-progress.type-circle .to-progress-bar {
  stroke-linecap: var(--radius);
  stroke: var(--bar-bg);
}
.to-progress.type-circle .to-progress-bar {
  transition: stroke-dashoffset 0.6s ease;
}
.to-progress.type-circle .to-progress-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 2;
  gap: var(--text-gap);
  font-size: 100%;
}
.to-progress.type-circle .to-progress-text-title {
  line-height: 1em;
  font-weight: var(--text-weight);
  font-size: var(--text-size);
}
.to-progress.type-circle .to-progress-text-content {
  line-height: 1em;
  font-size: var(--content-size);
  color: var(--content-color);
  font-weight: normal;
}
@keyframes to-progress-loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 1em 0;
  }
}
.to-step {
  --gap: 1em;
  --align: flex-start;
  --item-gap: 1em;
  --item-padding: 0;
  --item-border: 0 none;
  --item-bg: none;
  --item-bg-size: 100% 100%;
  --item-radius: 0;
  --item-width: auto;
  --item-height: auto;
  --content-gap: 0.5em;
  --content-align: center;
  --icon-bg: none;
  --icon-width: 2em;
  --icon-height: 2em;
  --icon-border: 1px solid var(--color-border);
  --icon-radius: 50%;
  --icon-size: 1em;
  --icon-weight: bold;
  --icon-color: var(--color-fg);
  --icon-bg-size: 100% 100%;
  --text-gap: 0.25em;
  --title-color: var(--color-fg);
  --title-size: 1.1em;
  --title-weight: normal;
  --title-lh: 1.3em;
  --desc-color: var(--color-fg-fade);
  --desc-size: 1em;
  --desc-lh: 1.3em;
  --desc-weight: normal;
  --divider-thick: 1px;
  --divider-bg: var(--color-border);
  --divider-bg-size: 100% 100%;
  --divider-radius: 0;
  --divider-margin: 0.5em;
  --item-on-border: var(--item-border);
  --item-on-bg: var(--item-bg);
  --icon-on-bg: var(--color-primary);
  --icon-on-border: 0 none;
  --icon-on-color: var(--color-bg);
  --icon-on-bg-size: 100% 100%;
  --divider-on-bg: var(--color-primary);
  --title-on-color: var(--color-primary);
  --desc-on-color: var(--desc-color);
  --item-completed-border: var(--item-border);
  --item-completed-bg: var(--item-bg);
  --icon-completed-bg: var(--color-primary);
  --icon-completed-border: 0 none;
  --icon-completed-color: var(--color-bg);
  --icon-completed-bg-size: 100% 100%;
  --divider-completed-bg: var(--color-primary);
  --title-completed-color: var(--color-primary);
  --desc-completed-color: var(--desc-color);
  --detail-color: inherit;
  --detail-margin: 0.5em;
  --detail-size: 1em;
  --detail-lh: 1.8em;
}
.to-step {
  display: flex;
  align-items: var(--align);
  gap: var(--gap);
}
.to-step-item {
  align-items: center;
  display: flex;
  gap: var(--item-gap);
  width: var(--item-width);
  height: var(--item-height);
  padding: var(--item-padding);
  border-radius: var(--item-radius);
  border: var(--item-border);
  background: var(--item-bg);
  background-size: var(--item-bg-size);
  position: relative;
}
.to-step-item-right,
.to-step-item-left {
  display: none;
}
.to-step-item-header {
  flex: 1;
  display: flex;
  overflow: hidden;
  align-items: var(--content-align);
  gap: var(--content-gap);
}
.to-step-item-icon {
  flex-shrink: 0;
  width: var(--icon-width);
  height: var(--icon-height);
  color: var(--icon-color);
  border-radius: var(--icon-radius);
  border: var(--icon-border);
  background: var(--icon-bg);
  background-size: var(--icon-bg-size);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.to-step-item-icon-content:before {
  content: '\e6cd';
  font-size: var(--icon-size);
  font-family: 'icon';
}
.to-step-item-number {
  font-size: var(--icon-size);
  font-weight: var(--icon-weight);
}
.to-step-item-text {
  flex: 1;
  overflow: hidden;
}
.to-step-item-title {
  color: var(--title-color);
  line-height: var(--title-lh);
}
.to-step-item-title-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: var(--title-size);
  font-weight: var(--title-weight);
}
.to-step-item-desc {
  color: var(--desc-color);
  line-height: var(--desc-lh);
  margin-top: var(--text-gap);
}
.to-step-item-desc-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: var(--desc-size);
  font-weight: var(--desc-weight);
}
.to-step-item-detail {
  color: var(--detail-color);
  margin-top: var(--detail-margin);
  line-height: var(--detail-lh);
}
.to-step-item-detail-text {
  font-size: var(--detail-size);
}
.to-step-divider {
  flex: 1;
  align-self: center;
  height: var(--divider-thick);
  border-radius: var(--divider-radius);
  background: var(--divider-bg);
  background-size: var(--divider-bg-size);
  min-width: 1em;
}
.to-step-item.is-on {
  border: var(--item-on-border);
  background: var(--item-on-bg);
  background-size: var(--item-bg-size);
}
.to-step-item.is-on .to-step-item-icon {
  border: var(--icon-on-border);
  background: var(--icon-on-bg);
  background-size: var(--icon-bg-size);
  color: var(--icon-on-color);
}
.to-step-item.is-on .to-step-item-desc {
  color: var(--desc-on-color);
}
.to-step-item.is-on .to-step-item-title {
  color: var(--title-on-color);
}
.to-step-item.is-completed {
  border: var(--item-completed-border);
  background: var(--item-completed-bg);
  background-size: var(--item-bg-size);
}
.to-step-item.is-completed .to-step-item-icon {
  border: var(--icon-completed-border);
  background: var(--icon-completed-bg);
  background-size: var(--icon-bg-size);
  color: var(--icon-completed-color);
}
.to-step-item.is-completed .to-step-item-title {
  color: var(--title-completed-color);
}
.to-step-item.is-completed .to-step-item-desc {
  color: var(--desc-completed-color);
}
.to-step-item.is-completed + .to-step-divider {
  background: var(--divider-completed-bg);
  background-size: var(--divider-bg-size);
}
.to-step.dir-v {
  --gap: 1.5em;
  flex-direction: column;
}
.to-step.dir-v .to-step-divider {
  min-width: 0;
  width: var(--divider-thick);
  position: absolute;
  left: calc(var(--icon-width) / 2);
  top: calc(var(--icon-width) + var(--divider-margin));
  bottom: calc(var(--gap) * -1 + var(--divider-margin));
  align-self: auto;
  height: auto;
}
.to-step.dir-v .to-step-item-detail {
  margin-left: calc(var(--icon-width) + var(--content-gap));
}
.to-step.dir-v .to-step-item.is-completed .to-step-divider {
  background: var(--divider-completed-bg);
  background-size: var(--divider-bg-size);
}
.to-step.dir-v:has(.to-step-item-desc) {
  --content-align: flex-start;
}
.to-step.item-dir-v {
  --gap: 1em;
}
.to-step.item-dir-v .to-step-item {
  flex: 1;
  min-width: 0;
  justify-content: center;
}
.to-step.item-dir-v .to-step-item:not(:last-child):before {
  content: '';
  position: absolute;
  top: calc(var(--icon-height) / 2 - var(--divider-thick) / 2);
  left: calc(50% + var(--icon-width) / 2 + var(--divider-margin));
  right: calc(-50% + var(--icon-width) / 2 + var(--divider-margin) - var(--gap));
  z-index: 2;
  height: var(--divider-thick);
  background: var(--divider-bg);
  background-size: var(--divider-bg-size);
}
.to-step.item-dir-v .to-step-item-header {
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.to-step.item-dir-v .to-step-item-text {
  text-align: center;
  width: 100%;
}
.to-step.item-dir-v .to-step-divider {
  display: none;
}
.to-step.item-dir-v .to-step-item.is-completed:not(:last-child):before {
  background: var(--on-divider-bg);
  background-size: var(--divider-bg-size);
}
.to-checkbox {
  --padding: 0 1em;
  --gap: 0.5em;
  --height: var(--height-fe);
  --width: auto;
  --bg: none;
  --bg-size: 100% 100%;
  --border: 0 none;
  --radius: var(--radius-fe);
  --color: inherit;
  --hover-bg: rgba(0, 0, 0, 0.1);
  --hover-border: var(--border);
  --hover-color: var(--color);
  --active-bg: rgba(0, 0, 0, 0.3);
  --active-border: var(--border);
  --active-color: var(--color);
  --box-size: 1em;
  --box-bg: #fff;
  --box-bg-size: 100% 100%;
  --box-color: #fff;
  --box-radius: var(--radius-fe);
  --box-border: var(--border-fe);
  --box-hover-bg: var(--box-bg);
  --box-hover-color: var(--box-color);
  --box-hover-border: var(--box-border);
  --box-active-bg: var(--box-bg);
  --box-active-color: var(--box-color);
  --box-active-border: var(--box-border);
  --checked-bg: var(--bg);
  --checked-border: var(--border);
  --checked-color: var(--color);
  --checked-hover-bg: rgba(0, 0, 0, 0.1);
  --checked-hover-border: var(--checked-border);
  --checked-hover-color: var(--checked-color);
  --checked-active-bg: rgba(0, 0, 0, 0.3);
  --checked-active-border: var(--checked-border);
  --checked-active-color: var(--checked-color);
  --checked-box-bg: var(--color-primary);
  --checked-box-color: #fff;
  --checked-box-border: 0 none;
  --checked-box-hover-bg: var(--checked-box-bg);
  --checked-box-hover-color: var(--checked-box-color);
  --checked-box-hover-border: var(--checked-box-border);
  --checked-box-active-bg: var(--checked-box-bg);
  --checked-box-active-color: var(--checked-box-color);
  --checked-box-active-border: var(--checked-box-border);
}
.to-checkbox {
  position: relative;
  cursor: pointer;
  padding: var(--padding);
  display: inline-flex;
  box-sizing: border-box;
  width: var(--width);
  align-items: center;
  gap: var(--gap);
  height: var(--height);
  background: var(--bg);
  background-size: var(--bg-size);
  color: var(--color);
  border-radius: var(--radius);
  border: var(--border);
}
.to-checkbox.is-disabled {
  background: var(--disabled-bg);
  color: var(--disabled-color);
  cursor: not-allowed;
}
.to-checkbox .to-checkbox-box {
  position: relative;
  display: flex;
  width: var(--box-size);
  height: var(--box-size);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  background: var(--box-bg);
  color: var(--box-color);
  border-radius: var(--box-radius);
  border: var(--box-border);
}
.to-checkbox .to-checkbox-box:after {
  content: "\e6cd";
  font-family: "icon";
  font-size: 50%;
}
.to-checkbox .to-checkbox-label {
  flex: 1;
}
.to-checkbox.is-checked {
  color: var(--checked-color);
  background: var(--checked-bg);
  background-size: var(--bg-size);
  border: var(--checked-border);
}
.to-checkbox.is-checked .to-checkbox-box {
  color: var(--checked-box-color);
  background: var(--checked-box-bg);
  background-size: var(--box-bg-size);
  border: var(--checked-box-border);
}
.to-checkbox:hover {
  background: var(--hover-bg);
  background-size: var(--bg-size);
  color: var(--hover-color);
  border: var(--hover-border);
}
.to-checkbox:hover .to-checkbox-box {
  background: var(--box-hover-bg);
  background-size: var(--box-bg-size);
  color: var(--box-hover-color);
  border: var(--box-hover-border);
}
.to-checkbox.is-checked:hover {
  color: var(--checked-hover-color);
  background: var(--checked-hover-bg);
  background-size: var(--bg-size);
  border: var(--checked-hover-border);
}
.to-checkbox.is-checked:hover .to-checkbox-box {
  color: var(--checked-box-hover-color);
  background: var(--checked-box-hover-bg);
  background-size: var(--box-bg-size);
  border: var(--checked-box-hover-border);
}
.to-checkbox:active {
  background: var(--active-bg);
  background-size: var(--bg-size);
  color: var(--active-color);
  border: var(--active-border);
}
.to-checkbox:active .to-checkbox-box {
  background: var(--active-box-bg);
  background-size: var(--box-bg-size);
  color: var(--active-box-color);
  border: var(--active-box-border);
}
.to-checkbox.is-checked:active {
  color: var(--checked-active-color);
  background: var(--checked-active-bg);
  background-size: var(--bg-size);
  border: var(--checked-active-border);
}
.to-checkbox.is-checked:active .to-checkbox-box {
  color: var(--checked-box-active-color);
  background: var(--checked-box-active-bg);
  background-size: var(--box-bg-size);
  border: var(--checked-box-active-border);
}
.to-centerScroll {
  --height: 15em;
  --item-height: 3em;
  --item-size: 1em;
  --item-on-color: var(--color-primary);
  --item-on-weight: bold;
  --item-dis-color: #ccc;
  --top-start: rgba(255, 255, 255, 0.5);
  --top-end: #fff;
  --bottom-start: #fff;
  --bottom-end: rgba(255, 255, 255, 0.5);
  --item-on-border: 1px solid rgba(0, 0, 0, 0.1);
}
.to-centerScroll {
  position: relative;
  height: var(--height);
}
.to-centerScroll-content {
  height: 100%;
  overflow-y: auto;
  scroll-behavior: smooth;
}
.to-centerScroll-content::-webkit-scrollbar {
  display: none;
}
.to-centerScroll-item {
  line-height: var(--item-height);
  height: var(--item-height);
  text-align: center;
}
.to-centerScroll-item-text {
  font-size: var(--item-size);
}
.to-centerScroll-top {
  position: absolute;
  pointer-events: none;
  top: 0;
  right: 0;
  left: 0;
  background: linear-gradient(0deg, var(--top-start) 0%, var(--top-end) 100%);
  z-index: 1;
  border-bottom: var(--item-on-border);
}
.to-centerScroll-bottom {
  position: absolute;
  pointer-events: none;
  bottom: 0;
  right: 0;
  left: 0;
  background: linear-gradient(0deg, var(--bottom-start) 0%, var(--bottom-end) 100%);
  z-index: 1;
  border-top: var(--item-on-border);
}
.to-centerScroll-item.is-on {
  font-weight: var(--item-on-weight);
  color: var(--item-on-color);
}
.to-centerScroll-item.is-dis {
  color: var(--item-dis-color);
  pointer-events: none;
}
.theme-dark .to-centerScroll-top {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, #000 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.theme-dark .to-centerScroll-bottom {
  background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.5) 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.to-date-picker {
  --icon-height: var(--height);
  --icon-radius: var(--radius);
}
.to-date-picker .to-date-picker-icon {
  --width: var(--icon-height);
  --height: var(--icon-height);
  --radius: var(--icon-radius);
}
.to-date-range {
  --border: var(--border-fe);
  --radius: var(--radius-fe);
  --bg: var(--bg-fe);
  --bg-size: 100% 100%;
  --padding: 0;
  --width: auto;
  --height: var(--height-fe);
  --placeholder-color: var(--color-placeholder);
  --input-padding: 0 1em;
  --input-color: var(--color-fg);
  --separator-color: var(--color-fg);
  --separator-padding: 0 0.5em;
  --clear-margin: 0 0.5em 0 0;
  --clear-color: var(--color-fg-fade);
  --divider-border: 1px solid var(--color-border);
  --divider-margin: 0 0.5em;
  --prefix-padding: 0 0 0 1em;
  --prefix-margin: 0;
  --prefix-color: var(--color-fg);
  --suffix-padding: 0;
  --suffix-margin: 0;
  --suffix-color: var(--color-fg);
}
.to-date-range {
  display: flex;
  align-items: center;
  position: relative;
  border-radius: var(--radius);
  background: var(--bg);
  background-size: var(--bg-size);
  padding: var(--padding);
  width: var(--width);
  height: var(--height);
}
.to-date-range::before {
  border: var(--border);
  border-radius: var(--radius);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
}
.to-date-range-input {
  flex: 1;
  padding: var(--input-padding);
  color: var(--input-color);
  border: 0 none;
  background: none;
}
.to-date-range-input::placeholder {
  color: var(--placeholder-color);
}
.to-date-range-separator {
  color: var(--separator-color);
  padding: var(--separator-padding);
}
.to-date-range-clear {
  --color: var(--color-fg-fade);
}
.to-date-range-layer {
  --padding: 0.5em;
}
.to-date-range-calendars {
  display: flex;
}
.to-date-range-divider {
  border-left: var(--divider-border);
  margin: var(--divider-margin);
}
.to-date-range-prefix,
.to-date-range-prefix-text {
  padding: var(--prefix-padding);
  margin: var(--prefix-margin);
  color: var(--prefix-color);
}
.to-date-range-suffix,
.to-date-range-suffix-text {
  padding: var(--suffix-padding);
  margin: var(--suffix-margin);
  color: var(--suffix-color);
}
.media-pc .to-date-range-clear {
  visibility: hidden;
}
.media-pc .to-date-range:hover .to-date-range-clear {
  visibility: visible;
}
.to-switch {
  --width: 4em;
  --height: 2em;
  --radius: calc(var(--height) / 2);
  --border: none;
  --bg: #eee;
  --bg-size: 100% 100%;
  --padding: 0.2em;
  --shadow: none;
  --hover-border: var(--border);
  --hover-bg: #ddd;
  --active-border: var(--border);
  --active-bg: #ccc;
  --on-bg: var(--primary);
  --on-border: 0 none;
  --on-shadow: none;
  --on-hover-border: var(--border);
  --on-hover-bg: var(--primary-light-1);
  --on-active-border: var(--border);
  --on-active-bg: var(--primary-dark-3);
  --slider-bg: #fff;
  --slider-bg-size: 100% 100%;
  --slider-width: calc(var(--height) - var(--padding) * 2);
  --slider-radius: 50%;
  --slider-shadow: none;
  --slider-border: 0 none;
  --on-text-color: #fff;
  --on-text-size: 1em;
  --on-text-weight: normal;
  --on-text-width: calc(var(--width) - var(--slider-width) - var(--padding));
  --off-text-color: #000;
  --off-text-size: 1em;
  --off-text-weight: normal;
  --off-text-width: calc(var(--width) - var(--slider-width) - var(--padding));
}
.to-switch {
  box-sizing: border-box;
  width: var(--width);
  vertical-align: top;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  transition: border 0.5s ease-out, background 0.5s ease-out;
  padding: var(--padding);
  height: var(--height);
  background: var(--bg);
  background-size: var(--bg-size);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.to-switch:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  border: var(--border);
  border-radius: var(--radius);
}
.to-switch-on {
  white-space: nowrap;
  width: var(--on-text-width);
  color: var(--on-text-color);
  font-weight: var(--on-text-weight);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transition: opacity 0.3s ease-out;
  opacity: 0;
}
.to-switch-on-text {
  font-size: var(--on-text-size);
}
.to-switch-off {
  white-space: nowrap;
  width: var(--off-text-width);
  color: var(--off-text-color);
  font-weight: var(--off-text-weight);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transition: opacity 0.3s ease-out;
}
.to-switch-off-text {
  font-size: var(--off-text-size);
}
.to-switch-slider {
  content: '';
  position: absolute;
  transition: left 0.3s ease-out;
  left: var(--padding);
  top: var(--padding);
  width: var(--slider-width);
  height: calc(var(--height) - var(--padding) * 2);
  background: var(--slider-bg);
  background-size: var(--slider-bg-size);
  border: var(--slider-border);
  border-radius: var(--slider-radius);
  box-shadow: var(--slider-shadow);
}
.to-switch.is-on {
  background: var(--on-bg);
  background-size: var(--bg-size);
  box-shadow: var(--on-shadow);
}
.to-switch.is-on:before {
  border: var(--on-border);
}
.to-switch.is-on .to-switch-slider {
  left: calc(100% - var(--padding) - var(--slider-width));
}
.to-switch.is-on .to-switch-on {
  opacity: 1;
}
.to-switch.is-on .to-switch-off {
  opacity: 0;
}
.to-switch:hover {
  background: var(--hover-bg);
  background-size: var(--bg-size);
}
.to-switch:hover:before {
  border: var(--hover-border);
}
.to-switch:active {
  background: var(--active-bg);
  background-size: var(--bg-size);
}
.to-switch:active:before {
  border: var(--active-border);
}
.to-switch.is-on:hover {
  background: var(--on-hover-bg);
  background-size: var(--bg-size);
}
.to-switch.is-on:hover:before {
  border: var(--on-hover-border);
}
.to-switch.is-on:active {
  background: var(--on-active-bg);
  background-size: var(--bg-size);
}
.to-switch.is-on:active:before {
  border: var(--on-active-border);
}
.to-tab {
  --gap: 1em;
  --bg: none;
  --bg-size: 100% 100%;
  --padding: 0;
  --border: 0 none;
  --radius: 0;
  --title-color: var(--color-fg);
  --title-weight: bold;
  --title-size: 1em;
  --divider: 0 none;
  --fn-radius: 0;
  --fn-bg: none;
  --fn-bg-size: 100% 100%;
  --fn-padding: 0;
  --fn-gap: 0.5em;
  --list-gap: 0;
  --item-width: auto;
  --item-height: 3em;
  --item-padding: 0 1em;
  --item-color: var(--color-fg-fade);
  --item-bg: none;
  --item-bg-size: 100% 100%;
  --item-border: 0 none;
  --item-border-top: var(--item-border);
  --item-border-bottom: var(--item-border);
  --item-border-left: var(--item-border);
  --item-border-right: var(--item-border);
  --item-shadow: none;
  --item-radius: 0.25em;
  --item-size: 1em;
  --item-weight: normal;
  --item-align: left;
  --item-valign: center;
  --item-icon-margin: 0.5em;
  --item-left-bg: none;
  --item-left-width: none;
  --item-right-bg: none;
  --item-right-width: none;
  --item-content-bg: none;
  --item-content-bg-size: 100% 100%;
  --item-divider-width: 0;
  --item-divider-color: var(--color-border);
  --item-divider-height: 1em;
  --item-hover-color: var(--item-color);
  --item-hover-bg: rgba(0, 0, 0, 0.1);
  --item-hover-border: var(--item-border);
  --item-hover-border-top: var(--item-hover-border);
  --item-hover-border-bottom: var(--item-hover-border);
  --item-hover-border-left: var(--item-hover-border);
  --item-hover-border-right: var(--item-hover-border);
  --item-hover-left-bg: none;
  --item-hover-right-bg: none;
  --item-active-color: var(--item-color);
  --item-active-bg: rgba(0, 0, 0, 0.2);
  --item-active-border: var(--item-border);
  --item-active-border-top: var(--item-active-border);
  --item-active-border-bottom: var(--item-active-border);
  --item-active-border-left: var(--item-active-border);
  --item-active-border-right: var(--item-active-border);
  --item-on-width: var(--item-width);
  --item-on-height: var(--item-height);
  --item-on-padding: var(--item-padding);
  --item-on-color: #000;
  --item-on-bg: var(--item-bg);
  --item-on-border: var(--item-border);
  --item-on-border-top: var(--item-on-border);
  --item-on-border-bottom: var(--item-on-border);
  --item-on-border-left: var(--item-on-border);
  --item-on-border-right: var(--item-on-border);
  --item-on-shadow: var(--item-shadow);
  --item-on-radius: var(--item-radius);
  --item-on-size: var(--item-size);
  --item-on-weight: var(--item-weight);
  --item-on-left-bg: var(--item-left-bg);
  --item-on-left-width: var(--item-left-width);
  --item-on-right-bg: var(--item-right-bg);
  --item-on-right-width: var(--item-right-width);
  --item-on-content-bg: var(--item-content-bg);
  --item-on-divider-width: var(--item-divider-width);
  --item-on-divider-color: var(--item-divider-color);
  --item-on-divider-height: var(--item-divider-height);
  --item-disabled-color: #d6d6d6;
  --item-remove-margin: 0.5em;
  --item-count-margin: 0.5em;
  --indicator-height: 0;
  --indicator-width: 100%;
  --indicator-radius: 0;
  --indicator-bg: none;
  --indicator-bg-size: 100% 100%;
  --indicator-order: 2;
  --indicator-margin: 0;
  --list-scroll-area-height: 0.5em;
  --list-scroll-height: 0.2em;
  --list-scroll-border: 0 none;
  --list-scroll-bg: rgba(0, 0, 0, 0.25);
  --list-scroll-bg-size: 100% 100%;
  --list-scroll-padding: 0;
  --list-scroll-radius: 0.2em;
  --list-scroll-shadow: none;
  --list-scroll-inset: auto auto 0 0;
  --over-list-height: auto;
  --over-list-border: 0 none;
  --over-list-bg: transparent;
  --over-list-bg-size: 100% 100%;
  --over-list-padding: 0;
  --over-list-radius: 0;
  --over-list-shadow: none;
  --over-item-height: 2.5em;
  --over-item-gap: 0.5em;
  --over-item-padding: 0 0.75em;
  --over-item-radius: 0.25em;
  --over-item-color: var(--color-fg-fade);
  --over-item-bg: transparent;
  --over-item-bg-size: 100% 100%;
  --over-item-border: 0 none;
  --over-item-shadow: none;
  --over-item-hover-border: var(--over-item-border);
  --over-item-hover-bg: rgba(0, 0, 0, 0.06);
  --over-item-hover-color: var(--over-item-color);
  --over-item-active-border: var(--over-item-border);
  --over-item-active-bg: rgba(0, 0, 0, 0.12);
  --over-item-active-color: var(--over-item-color);
  --over-item-on-border: var(--over-item-border);
  --over-item-on-color: #000;
  --over-item-on-bg: rgba(0, 0, 0, 0.08);
  --over-item-on-hover-border: var(--over-item-on-border);
  --over-item-on-hover-bg: var(--over-item-hover-bg);
  --over-item-on-hover-color: var(--over-item-on-color);
  --over-item-on-active-border: var(--over-item-on-border);
  --over-item-on-active-bg: var(--over-item-active-bg);
  --over-item-on-active-color: var(--over-item-on-color);
  --over-item-disabled-border: var(--over-item-border);
  --over-item-disabled-bg: var(--over-item-bg);
  --over-item-disabled-color: #d6d6d6;
  --over-item-remove-width: 1em;
  --over-item-remove-height: 1em;
  --over-item-remove-size: 0.5em;
  --over-item-remove-border: 0 none;
  --over-item-remove-bg: none;
  --over-item-remove-bg-size: 100% 100%;
  --over-item-remove-padding: 0;
  --over-item-remove-radius: 50%;
  --over-item-remove-shadow: none;
}
.to-tab {
  display: flex;
  flex-direction: column;
  z-index: 0;
  position: relative;
}
.to-tab-title-text {
  color: var(--title-color);
  font-weight: var(--title-weight);
  font-size: var(--title-size);
}
.to-tab-tab {
  display: flex;
  position: relative;
  align-items: center;
  gap: var(--gap);
  background: var(--bg);
  background-size: var(--bg-size);
  padding: var(--padding);
  border: var(--border);
  border-radius: var(--radius);
}
.to-tab-list {
  flex: 1;
  position: relative;
  white-space: nowrap;
  overflow: auto;
  display: flex;
  z-index: 2;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.to-tab-list::-webkit-scrollbar {
  display: none;
}
.to-tab-list-scroll {
  position: absolute;
  inset: var(--list-scroll-inset);
  height: var(--list-scroll-area-height);
  opacity: 0;
  pointer-events: none;
  cursor: default;
  z-index: 3;
}
.to-tab-list-scroll-bar {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: var(--list-scroll-height);
  border: var(--list-scroll-border);
  background: var(--list-scroll-bg);
  background-size: var(--list-scroll-bg-size);
  padding: var(--list-scroll-padding);
  border-radius: var(--list-scroll-radius);
  box-shadow: var(--list-scroll-shadow);
}
.media-pc .to-tab-list:hover .to-tab-list-scroll,
.media-pc .to-tab-list:active .to-tab-list-scroll {
  opacity: 1;
  pointer-events: auto;
}
.media-pc .to-tab-list-scroll.is-dragging {
  opacity: 1;
  pointer-events: auto;
}
.to-tab-wrapper {
  display: inline-flex;
  vertical-align: top;
  position: relative;
  gap: var(--list-gap);
  align-items: var(--item-valign);
}
.to-tab.over-wrap .to-tab-wrapper {
  flex-wrap: wrap;
}
.to-tab.over-avg .to-tab-wrapper {
  flex: 1;
  width: 100%;
}
.to-tab.over-avg .to-tab-item {
  flex: 1;
  overflow: hidden;
}
.to-tab-item {
  width: var(--item-width);
  height: var(--item-height);
  background: var(--item-bg);
  background-size: var(--item-bg-size);
  color: var(--item-color);
  border: var(--item-border);
  border-top: var(--item-border-top);
  border-bottom: var(--item-border-bottom);
  border-left: var(--item-border-left);
  border-right: var(--item-border-right);
  border-radius: var(--item-radius);
  box-shadow: var(--item-shadow);
  text-align: var(--item-align);
  display: flex;
  flex-direction: column;
}
.to-tab-item-icon {
  --width: 1em;
  --height: 1em;
  --color: inherit;
  margin-right: var(--item-icon-margin);
}
.to-tab-item-pic {
  --width: 2em;
}
.to-tab-item-main {
  flex: 1;
  flex-shrink: 0;
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
  order: 1;
}
.to-tab-item-main:after {
  content: '';
  width: var(--item-divider-width);
  background: var(--item-divider-color);
  height: var(--item-divider-height);
  align-self: center;
}
.to-tab-item-left {
  background: var(--item-left-bg);
  background-size: 100% 100%;
  height: 100%;
  width: var(--item-left-width);
}
.to-tab-item-right {
  background: var(--item-right-bg);
  background-size: 100% 100%;
  height: 100%;
  width: var(--item-right-width);
}
.to-tab-item-content {
  flex: 1;
  overflow: hidden;
  padding: var(--item-padding);
  cursor: pointer;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  gap: var(--item-content-gap);
  background: var(--item-content-bg);
  background-size: var(--item-content-bg-size);
}
.to-tab-item-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--item-size);
  font-weight: var(--item-weight);
}
.to-tab-item-remove {
  flex-shrink: 0;
  --width: 1em;
  --height: 1em;
  --size: 0.5em;
  --radius: 50%;
  --cursor: default;
  visibility: hidden;
  margin-left: var(--item-remove-margin);
}
.to-tab-item:hover .to-tab-item-remove {
  visibility: visible;
}
.to-tab-item-count {
  margin-left: var(--item-count-margin);
  --radius: 50%;
  --size: 0.8em;
  --width: 0.8em;
  --height: 0.8em;
}
.to-tab-indicator {
  order: var(--indicator-order);
  margin: 0 auto;
  height: var(--indicator-height);
  width: var(--indicator-width);
  background: var(--indicator-bg);
  background-size: var(--indicator-bg-size);
  border-radius: var(--indicator-radius);
  margin-top: var(--indicator-margin);
  position: relative;
  visibility: hidden;
}
.to-tab-item.is-on {
  width: var(--item-on-width);
  height: var(--item-on-height);
  background: var(--item-on-bg);
  background-size: var(--item-bg-size);
  border: var(--item-on-border);
  border-top: var(--item-on-border-top);
  border-bottom: var(--item-on-border-bottom);
  border-left: var(--item-on-border-left);
  border-right: var(--item-on-border-right);
  border-radius: var(--item-on-radius);
  box-shadow: var(--item-on-shadow);
  color: var(--item-on-color);
  z-index: 1;
}
.to-tab-item.is-on .to-tab-item-main:after {
  width: var(--item-on-divider-width);
  background: var(--item-on-divider-color);
  height: var(--item-on-divider-height);
}
.to-tab-item.is-on .to-tab-indicator {
  visibility: visible;
}
.to-tab-item.is-on .to-tab-item-left {
  background: var(--item-on-left-bg);
  background-size: 100% 100%;
  width: var(--item-on-left-width);
}
.to-tab-item.is-on .to-tab-item-right {
  background: var(--item-on-right-bg);
  background-size: 100% 100%;
  width: var(--item-on-right-width);
}
.to-tab-item.is-on .to-tab-item-content {
  padding: var(--item-on-padding);
  cursor: pointer;
  background: var(--item-on-content-bg);
}
.to-tab-item.is-on .to-tab-item-label {
  font-size: var(--item-on-size);
  font-weight: var(--item-on-weight);
}
.to-tab-item:has(+.is-on) .to-tab-item-main:after {
  width: var(--item-on-divider-width);
  background: var(--item-on-divider-color);
  height: var(--item-on-divider-height);
}
.to-tab-item.is-disabled .to-tab-item-label {
  cursor: not-allowed;
  color: var(--item-disabled-color);
}
.to-tab-item:not(.is-on):hover {
  background: var(--item-hover-bg);
  background-size: var(--item-bg-size);
  border: var(--item-hover-border);
  border-top: var(--item-hover-border-top);
  border-bottom: var(--item-hover-border-bottom);
  border-left: var(--item-hover-border-left);
  border-right: var(--item-hover-border-right);
}
.to-tab-item:not(.is-on):hover .to-tab-item-label {
  color: var(--item-hover-color);
}
.to-tab-item:not(.is-on):hover .to-tab-item-left {
  background: var(--item-hover-left-bg);
  background-size: 100% 100%;
}
.to-tab-item:not(.is-on):hover .to-tab-item-right {
  background: var(--item-hover-right-bg);
  background-size: 100% 100%;
}
.to-tab-item:not(.is-on):hover.is-disabled {
  background: transparent;
}
.to-tab-item:not(.is-on):active {
  background: var(--item-active-bg);
  background-size: var(--item-bg-size);
  border: var(--item-active-border);
  border-top: var(--item-active-border-top);
  border-bottom: var(--item-active-border-bottom);
  border-left: var(--item-active-border-left);
  border-right: var(--item-active-border-right);
}
.to-tab-item:not(.is-on):active .to-tab-item-label {
  color: var(--item-active-color);
}
.to-tab-divider {
  position: absolute;
  z-index: 0;
  width: 100%;
  left: 0;
  bottom: 0;
  border-bottom: var(--divider);
}
.to-tab-fn {
  display: flex;
  align-items: center;
  border-radius: var(--fn-radius);
  background: var(--fn-bg);
  background-size: var(--fn-bg-size);
  padding: var(--fn-padding);
  gap: var(--fn-gap);
}
.to-tab-fn-item:after {
  font-family: 'icon';
  font-size: var(--fn-item-font);
  vertical-align: top;
}
.to-tab-fn-item {
  --width: 2em;
  --height: 2em;
  --size: 0.8em;
  --radius: 50%;
}
.to-tab-over-float {
  --padding: 0.25em;
}
.to-tab-over-list {
  max-height: var(--over-list-height);
  border: var(--over-list-border);
  background: var(--over-list-bg);
  background-size: var(--over-list-bg-size);
  padding: var(--over-list-padding);
  border-radius: var(--over-list-radius);
  box-shadow: var(--over-list-shadow);
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.to-tab-over-list::-webkit-scrollbar {
  display: none;
}
.to-tab-over-item {
  min-height: var(--over-item-height);
  display: flex;
  align-items: center;
  gap: var(--over-item-gap);
  padding: var(--over-item-padding);
  border-radius: var(--over-item-radius);
  border: var(--over-item-border);
  color: var(--over-item-color);
  background: var(--over-item-bg);
  background-size: var(--over-item-bg-size);
  box-shadow: var(--over-item-shadow);
  cursor: pointer;
}
.to-tab-over-item:not(.is-disabled):hover {
  border: var(--over-item-hover-border);
  background: var(--over-item-hover-bg);
  background-size: var(--over-item-bg-size);
  color: var(--over-item-hover-color);
}
.to-tab-over-item:not(.is-disabled):active {
  border: var(--over-item-active-border);
  background: var(--over-item-active-bg);
  background-size: var(--over-item-bg-size);
  color: var(--over-item-active-color);
}
.to-tab-over-item.is-on {
  border: var(--over-item-on-border);
  color: var(--over-item-on-color);
  background: var(--over-item-on-bg);
  background-size: var(--over-item-bg-size);
}
.to-tab-over-item.is-on:not(.is-disabled):hover {
  border: var(--over-item-on-hover-border);
  background: var(--over-item-on-hover-bg);
  background-size: var(--over-item-bg-size);
  color: var(--over-item-on-hover-color);
}
.to-tab-over-item.is-on:not(.is-disabled):active {
  border: var(--over-item-on-active-border);
  background: var(--over-item-on-active-bg);
  background-size: var(--over-item-bg-size);
  color: var(--over-item-on-active-color);
}
.to-tab-over-item.is-disabled {
  border: var(--over-item-disabled-border);
  background: var(--over-item-disabled-bg);
  color: var(--over-item-disabled-color);
  cursor: not-allowed;
}
.to-tab-over-item-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.to-tab-over-item-remove {
  flex-shrink: 0;
  --width: var(--over-item-remove-width);
  --height: var(--over-item-remove-height);
  --size: var(--over-item-remove-size);
  --border: var(--over-item-remove-border);
  --bg: var(--over-item-remove-bg);
  --bg-size: var(--over-item-remove-bg-size);
  --radius: var(--over-item-remove-radius);
  --cursor: default;
  padding: var(--over-item-remove-padding);
  box-shadow: var(--over-item-remove-shadow);
  visibility: hidden;
}
.to-tab-over-item:hover .to-tab-over-item-remove,
.to-tab-over-item:active .to-tab-over-item-remove {
  visibility: visible;
}
.to-tab-page {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.to-tab-page > .content {
  position: relative;
}
.to-tab.height-full .to-tab-page {
  flex: 1;
  min-height: 0;
}
.to-tab.height-full .to-tab-page-item {
  height: 100%;
}
.to-tab.dir-v {
  --indicator-height: 100%;
  --indicator-width: 0;
  flex-direction: row;
  align-items: stretch;
}
.to-tab.dir-v .to-tab-tab {
  flex-direction: column;
}
.to-tab.dir-v .to-tab-wrapper {
  flex-direction: column;
  align-items: stretch;
}
.to-tab.dir-v .to-tab-divider {
  height: auto;
}
.to-tab.dir-v .to-tab-page {
  flex: 1;
}
.to-tab.dir-v .to-tab-page .to-tab-page-item {
  height: 100%;
}
.to-tab.dir-v .to-tab-item {
  flex-direction: row;
}
.to-tab.dir-v .to-tab-indicator {
  top: 50%;
  transform: translateY(-50%);
}
.to-tab.item-dir-v .to-tab-item-content {
  flex-direction: column;
}
.to-tab.position-left .to-tab-divider {
  inset: 0 0 0 auto;
  border-bottom: 0 none;
  border-right: var(--divider);
}
.to-tab.position-right .to-tab-divider {
  inset: 0 auto 0 0;
  border-bottom: 0 none;
  border-left: var(--divider);
}
.to-tab.position-bottom .to-tab-divider {
  inset: 0 0 auto 0;
  border-bottom: 0 none;
  border-top: var(--divider);
}
.to-tab.position-bottom .to-tab-tab,
.to-tab.position-right .to-tab-tab {
  order: 2;
}
.to-tab.position-bottom .to-tab-page,
.to-tab.position-right .to-tab-page {
  order: 1;
}
.to-tab.item-width-avg .to-tab-wrapper {
  display: flex;
  flex: 1;
}
.to-tab.item-width-avg .to-tab-item {
  flex: 1;
}
.to-tab.align-center .to-tab-list {
  justify-content: center;
}
.to-tab.align-right .to-tab-list {
  justify-content: end;
}
.to-table {
  --border: 0 none;
  --radius: 0;
  --bg: none;
  --bg-size: 100% 100%;
  --size: 100%;
  --head-divider-x: 0 none;
  --head-divider-y: 0 none;
  --head-radius: 0;
  --head-color: var(--color-fg);
  --head-bg: #f7f7f7;
  --head-bg-size: 100% 100%;
  --head-weight: normal;
  --head-lh: 1.5em;
  --head-align: left;
  --head-item-padding: 0.5em 1em;
  --head-item-height: 3em;
  --head-size: var(--size);
  --body-bg: #fff;
  --body-color: var(--color-fg);
  --body-bg-size: 100% 100%;
  --body-divider-x: 1px solid var(--color-border);
  --body-divider-y: 0 none;
  --body-item-height: 3em;
  --body-weight: normal;
  --body-lh: 1.5em;
  --body-item-padding: 0.5em 1em;
  --body-align: left;
  --body-size: var(--size);
  --body-even-color: var(--body-color);
  --body-even-bg: var(--body-bg);
  --action-gap: 1em;
  --radio-size: 1em;
  --radio-border: 1px solid var(--color-border);
  --on-radio-border: 0.35em solid var(--color-primary);
  --radio-hover-bg: rgba(0, 0, 0, 0.1);
  --radio-active-bg: rgba(0, 0, 0, 0.2);
  --empty-line-height: 6.66666667em;
  --empty-color: #ccc;
}
.to-table {
  border-radius: var(--radius);
  border: var(--border);
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  background: var(--bg);
  background-size: var(--bg-size);
  font-size: var(--size);
}
.to-table-table {
  border-collapse: collapse;
  width: 100%;
}
.to-table-col {
  min-width: 5em;
}
.to-table-col.type-index,
.to-table-col.type-radio,
.to-table-col.type-check {
  width: 3em;
  min-width: auto;
}
.to-table-head-row {
  color: var(--head-color);
  background: var(--head-bg);
  background-size: var(--head-bg-size);
}
.to-table-th {
  height: var(--head-item-height);
  line-height: var(--head-lh);
  border-left: var(--head-divider-y);
  border-right: var(--head-divider-y);
  padding: var(--head-item-padding);
  font-weight: var(--head-weight);
  text-align: var(--head-align);
  white-space: nowrap;
  box-sizing: border-box;
  position: relative;
  transition: width 0.1s ease-out, height 0.1s ease-out;
}
.to-table-th:first-child {
  border-left: 0 none;
}
.to-table-th:last-child {
  border-right: 0 none;
}
.to-table-th:before {
  content: '';
  position: absolute;
  inset: 0;
  border-bottom: var(--head-divider-x);
}
.to-table-th:first-child:before {
  border-bottom-left-radius: var(--head-radius);
}
.to-table-th:last-child:before {
  border-bottom-right-radius: var(--head-radius);
}
.to-table-th > span {
  font-size: var(--head-size);
}
.to-table-body-row {
  background: var(--body-bg);
  background-size: var(--body-bg-size);
  color: var(--body-color);
}
.to-table-body-row:nth-child(2n):not(.on) {
  background: var(--body-even-bg);
  color: var(--body-even-color);
  background-size: var(--body-bg-size);
}
.to-table-detail-row .to-table-detail-cell {
  border-bottom: var(--body-divider-x);
}
.to-table-td {
  height: var(--body-item-height);
  line-height: var(--body-lh);
  border-left: var(--body-divider-y);
  border-right: var(--body-divider-y);
  border-bottom: var(--body-divider-x);
  padding: var(--body-item-padding);
  font-weight: var(--body-weight);
  text-align: var(--body-align);
  white-space: nowrap;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
  transition: width 0.1s ease-out, height 0.1s ease-out;
}
.to-table-td:first-child {
  border-left: 0 none;
}
.to-table-td:last-child {
  border-right: 0 none;
}
.to-table-td > span {
  font-size: var(--body-size);
}
.to-table-body-row:nth-last-of-type(1) .to-table-td {
  border-bottom: 0 none;
}
.to-table-head-row:first-child .to-table-th:first-child {
  border-top-left-radius: var(--head-radius);
}
.to-table-head-row:first-child .to-table-th:last-child {
  border-top-right-radius: var(--head-radius);
}
.to-table-head-row:last-child .to-table-th:first-child {
  border-bottom-left-radius: var(--head-radius);
}
.to-table-head-row:last-child .to-table-th:last-child {
  border-bottom-right-radius: var(--head-radius);
}
.to-table.height-full {
  height: 100%;
}
.to-table-radio {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: calc(var(--body-item-height) - 1px);
  width: calc(var(--body-item-height));
}
.to-table-radio:before {
  content: "";
  width: var(--radio-size);
  height: var(--radio-size);
  box-sizing: border-box;
  border: var(--radio-border);
  background: #fff;
}
.to-table-radio.is-checked:before {
  border: var(--on-radio-border);
}
.to-table-radio:hover {
  background: var(--radio-hover-bg);
}
.to-table-radio:active {
  background: var(--radio-active-bg);
}
.to-table-toggle {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  border-radius: 0.1em;
  margin-right: 0.5em;
  width: 1em;
  text-align: center;
  background: #C9CDD4;
  color: #fff;
}
.to-table-toggle:before {
  font-family: 'icon';
  font-size: 0.5em;
  vertical-align: top;
  content: '\e003';
}
.to-table-toggle:hover {
  background: #ddd;
}
.to-table-toggle:active {
  background: #999;
}
.to-table-toggle.is-expand {
  background: #86909C;
}
.to-table-toggle.is-expand:before {
  content: '\e069';
}
.to-table-toggle.is-expand:hover {
  background: #ddd;
}
.to-table-toggle.is-expand:active {
  background: #999;
}
.to-table-detail-toggle {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  border-radius: 0.1em;
  margin-right: 0.5em;
  text-align: center;
  color: #8a8a8a;
}
.to-table-detail-toggle:before {
  font-family: 'icon-fill';
  font-size: 0.9em;
  vertical-align: top;
  content: '\e05a';
}
.to-table-detail-toggle.is-detail:before {
  content: '\e081';
}
.to-table-td.type-action {
  padding: 0;
}
.to-table-action {
  display: flex;
  align-items: center;
  gap: var(--action-gap);
}
.to-table-td.type-custom {
  padding-top: 0;
  padding-bottom: 0;
}
.to-table-td.type-none {
  padding: 0;
}
.to-table-th.type-check,
.to-table-td.type-check {
  width: 0;
  text-align: center;
  padding: 0;
}
.to-table-th.type-check .to-checkbox,
.to-table-td.type-check .to-checkbox {
  --height: calc(var(--height-fe) - 1px);
}
.to-table-wrapper {
  position: relative;
  overflow: auto;
  height: 100%;
  z-index: 0;
}
.to-table-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 10000em;
  z-index: 1;
  overflow: hidden;
}
.to-table-top table {
  width: auto;
  position: relative;
}
.to-table-left-top,
.to-table-left {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.to-table-left-top .to-table-td.type-action,
.to-table-left .to-table-td.type-action {
  width: auto;
}
.to-table-left {
  box-shadow: 0.1em 0 0.1em rgba(0, 0, 0, 0.1);
}
.to-table-right-top,
.to-table-right {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}
.to-table-right-top .to-table-td.fn,
.to-table-right .to-table-td.fn {
  width: auto;
}
.to-table-left,
.to-table-right {
  height: 100%;
}
.to-table-left .to-table-table,
.to-table-right .to-table-table {
  position: relative;
  width: auto;
}
.to-table-right .to-table-table {
  table-layout: fixed;
}
.to-table-right {
  box-shadow: -0.14em 0 0.14em rgba(0, 0, 0, 0.1);
}
.to-table-left-top,
.to-table-right-top {
  z-index: 2;
}
.to-table-left,
.to-table-right {
  z-index: 1;
}
.to-table-left-top .to-table-td,
.to-table-left .to-table-td,
.to-table-right-top .to-table-td,
.to-table-right .to-table-td,
.to-table-left-top .to-table-th,
.to-table-left .to-table-th,
.to-table-right-top .to-table-th,
.to-table-right .to-table-th {
  box-sizing: border-box;
}
.to-table-left-top .to-table-table,
.to-table-left .to-table-table,
.to-table-right-top .to-table-table,
.to-table-right .to-table-table {
  width: auto;
}
.to-table.is-fixed table {
  table-layout: fixed;
}
.to-table.is-fixed .to-table-td,
.to-table.is-fixed .to-table-th:not(.is-check) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.to-table.is-fixed .to-table-td.is-wrap,
.to-table.is-fixed .to-table-th:not(.is-check).is-wrap {
  white-space: normal;
  text-overflow: unset;
}
.to-table.is-wrap .to-table-td,
.to-table.is-wrap .to-table-th:not(.is-check) {
  white-space: normal;
  text-overflow: unset;
}
.to-table.is-wrap .to-table-td.is-nowrap,
.to-table.is-wrap .to-table-th:not(.is-check).is-nowrap {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.to-table .to-table-empty {
  text-align: center;
  line-height: var(--empty-line-height);
  color: var(--empty-color);
}
.to-table-th.is-check {
  padding: 0;
}
.to-table-sorticon {
  display: inline-flex;
  float: right;
  flex-direction: column;
}
.to-table-sorticon .to-table-sorticon-item {
  line-height: 0.7em;
  border-radius: 0.1em;
  margin-right: 0.5em;
  text-align: center;
  color: #bcbcbc;
}
.to-table-sorticon .to-table-sorticon-item.ascending:before {
  font-family: 'icon-fill';
  font-size: 1.2em;
  vertical-align: top;
  content: '\e037';
}
.to-table-sorticon .to-table-sorticon-item.descending:before {
  font-family: 'icon-fill';
  font-size: 1.2em;
  vertical-align: top;
  content: '\e081';
}
.to-table-th.type-asc .to-table-sorticon-item.ascending:before {
  color: #646464;
}
.to-table-th.type-desc .to-table-sorticon-item.descending:before {
  color: #646464;
}
.to-text {
  --size: 1em;
  --color: inherit;
  --family: inherit;
  --lh: normal;
  --shadow: none;
  --weight: normal;
  --style: normal;
  --decoration: none;
  --gap: 0.3em;
  --hover-color: var(--color-primary);
  --hover-border: 1px solid var(--hover-color);
  --active-color: var(--color-primary);
  --active-border: 0 none;
  --start: var(--color-primary);
  --end: var(--color-success);
}
.to-text {
  display: inline-flex;
  align-items: center;
  gap: var(--gap);
  font-size: var(--size);
  line-height: calc(var(--lh) / var(--size));
  font-weight: var(--weight);
  font-style: var(--style);
  color: var(--color);
  font-family: var(--family);
  text-shadow: var(--shadow);
  text-decoration: var(--decoration);
}
.to-text.is-gd {
  background: linear-gradient(to right, var(--start), var(--end));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.to-text.decos-s {
  text-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.3);
}
.to-text.decos-b {
  font-weight: bold;
}
.to-text.decos-i {
  font-style: italic;
}
.to-text.decos-d {
  text-decoration: line-through;
}
.to-text.decos-u {
  text-decoration: underline;
}
.to-text.decos-e {
  border-bottom: 1px dotted #000;
  cursor: help;
}
.to-text.is-indent {
  display: block;
}
.to-text.type-width {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.to-text.type-row {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.to-text.color-danger {
  --color: var(--color-danger);
  --hover-color: var(--danger-light-5);
  --active-color: var(--danger-dark-5);
}
.to-text.color-primary {
  --color: var(--color-primary);
  --hover-color: var(--primary-light-5);
  --active-color: var(--primary-dark-5);
}
.to-text.color-success {
  --color: var(--color-success);
  --hover-color: var(--success-light-5);
  --active-color: var(--success-dark-5);
}
.to-text.color-warning {
  --color: var(--color-warning);
  --hover-color: var(--warning-light-5);
  --active-color: var(--warning-dark-5);
}
.to-text.is-link {
  cursor: pointer;
}
.to-text.is-link:hover {
  color: var(--hover-color);
  border-bottom: var(--hover-border);
}
.to-text.is-link:active {
  color: var(--active-color);
  border-bottom: var(--active-border);
}
.to-text-icon {
  --height: 1em;
  --width: 1em;
}
.to-tip {
  --size: 1em;
  --padding: 0.5em;
  --radius: 0.5em;
  --border: 0 none;
  --bg: #f7f7f7;
  --bg-size: 100% 100%;
  --color: var(--color-fg);
  --gap: 0.5em;
  --lh: 1.5em;
  --align: center;
}
.to-tip-wrapper {
  padding: var(--padding);
  border-radius: var(--radius);
  border: var(--border);
  background: var(--bg);
  background-size: var(--bg-size);
  color: var(--color);
  gap: var(--gap);
  line-height: var(--lh);
  display: flex;
  align-items: var(--align);
  word-wrap: break-word;
  word-break: break-all;
}
.to-tip-icon {
  --width: 1.25em;
  --height: 1.25em;
  --size: 1.25em;
  --family: 'icon-fill';
}
.to-tip-content {
  flex: 1;
  font-size: var(--size);
}
.to-tip-remove {
  flex-shrink: 0;
  display: none;
  cursor: pointer;
  --padding: 0 0.5em;
  --color: var(--color-fg);
  --border: 0 none;
  --height: var(--lh);
}
.to-tip-close {
  --size: 0.75em;
  --width: var(--lh);
  --height: var(--lh);
  --radius: 50%;
  --color: var(--color-fg);
}
.to-tip.position-top {
  position: absolute;
  width: 100%;
  text-align: center;
  transform: translateY(-5em);
  z-index: 1000;
  left: 0;
  opacity: 0;
  top: 0;
  margin-top: 1em;
  visibility: hidden;
  transition: visibility 0.3s ease-out, top 0.3s ease-out, transform 0.3s ease-out, opacity 0.3s ease-out;
  pointer-events: none;
}
.to-tip.position-top .to-tip-wrapper {
  display: inline-flex;
  text-align: left;
  pointer-events: all;
  max-width: 80%;
}
.to-tip.position-top.is-show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.to-tip.position-center {
  position: absolute;
  text-align: center;
  z-index: 1000;
  background: none;
  left: 50%;
  opacity: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
  transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
  pointer-events: none;
  --gap: 1em;
  --padding: 1.5em;
  --bg: rgba(0, 0, 0, 0.8);
  --color: #fff;
  --close-color: #fff;
  --close-bg: none;
  --close-border: 1px solid rgba(255, 255, 255, 0.5);
  --close-hover-bg: rgba(255, 255, 255, 0.3);
}
.to-tip.position-center .to-tip-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  pointer-events: all;
  max-width: 12em;
}
.to-tip.position-center .to-tip-wrapper .to-tip-icon {
  --size: 1.5em;
  --family: 'icon';
}
.to-tip.position-center .to-tip-wrapper {
  opacity: 0.85;
}
.to-tip.position-center .to-tip-wrapper .to-tip-icon {
  background: none !important;
  color: #fff !important;
  font-size: 300%;
}
.to-tip.position-center.is-show {
  visibility: visible;
  opacity: 1;
}
.to-tip:hover .to-tip-remove,
.to-tip:hover .to-tip-close {
  display: flex;
}
.to-tip.op-display-always .to-tip-remove,
.to-tip.op-display-always .to-tip-close {
  display: flex;
}
.to-tip-op-display-always.to-tip-position-center .wrapper .close {
  display: inline-block;
}
.to-tip.color-success {
  --bg: var(--success-light-9);
  --color: var(--color-success);
}
.to-tip.color-danger {
  --bg: var(--danger-light-9);
  --color: var(--color-danger);
}
.to-tip.color-warning {
  --bg: var(--warning-light-9);
  --color: var(--color-warning);
}
.to-tip.color-primary {
  --bg: var(--primary-light-9);
  --color: var(--color-primary);
}
.to-tip.color-warning {
  --bg: var(--warning-light-9);
  --color: var(--color-warning);
}
.to-fix {
  pointer-events: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
}
.to-fix.is-dragging {
  pointer-events: all;
}
.to-fix.is-dragging .to-fix-wrapper {
  pointer-events: none;
}
.to-fix-wrapper {
  position: absolute;
  right: 1em;
  bottom: 1em;
  pointer-events: all;
}
.to-fix-number {
  --inset: -0.5em -0.5em auto auto;
  position: absolute;
  inset: var(--inset);
  z-index: 2;
}
.to-tooltip {
  --bg: #000;
  --padding: 0.5em 1em;
  --opacity: 1;
  --size: 1em;
  --lh: 1.75em;
  --border: 0 none;
  --max-width: 50%;
  --radius: 0.25em;
  --color: #fff;
  --shadow: none;
  --arrow-width: 1em;
  --arrow-height: 0.5em;
  --arrow-skew: 0;
}
.to-tooltip {
  position: fixed;
  z-index: 1100;
  opacity: 0;
  top: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-out;
  max-width: var(--max-width);
  filter: drop-shadow(var(--shadow));
}
.to-tooltip-content {
  background: var(--bg);
  word-wrap: break-word;
  color: var(--color);
  padding: var(--padding);
  line-height: var(--lh);
  border: var(--border);
  border-radius: var(--radius);
  box-sizing: border-box;
  position: relative;
}
.to-tooltip-content-text {
  font-size: var(--size);
}
.to-tooltip-arrow {
  z-index: 3;
  position: absolute;
  width: var(--arrow-width);
  height: calc(var(--arrow-width) / 2);
  transform: scaleY(calc(var(--arrow-height) / var(--arrow-width) * 2)) skew(var(--arrow-skew));
  transform-origin: bottom;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  pointer-events: none;
}
.to-tooltip-arrow:before {
  content: '';
  display: block;
  flex: none;
  width: calc(var(--arrow-width) / 1.414);
  height: calc(var(--arrow-width) / 1.414);
  border: var(--border);
  box-sizing: border-box;
  background: var(--bg);
  transform: rotate(45deg);
  margin-top: calc(var(--arrow-width) / 2 * -1);
}
.to-tooltip.is-readonly {
  pointer-events: none;
}
.to-tooltip.is-show {
  opacity: var(--opacity);
  visibility: visible;
}
.to-tooltip.position-top {
  padding-bottom: var(--arrow-height);
}
.to-tooltip.position-top .to-tooltip-arrow {
  bottom: 0;
  margin-bottom: 1px;
}
.to-tooltip.position-bottom {
  padding-top: var(--arrow-height);
}
.to-tooltip.position-bottom .to-tooltip-arrow {
  top: 0;
  margin-top: 1px;
  transform-origin: top;
}
.to-tooltip.position-bottom .to-tooltip-arrow:before {
  margin-top: calc(var(--arrow-width) / 2);
}
.to-tooltip.position-left {
  padding-right: var(--arrow-height);
}
.to-tooltip.position-left .to-tooltip-arrow {
  right: 0;
  margin-right: 1px;
  transform-origin: right;
  width: calc(var(--arrow-width) / 2);
  height: var(--arrow-width);
  transform: scale(calc(var(--arrow-height) / var(--arrow-width) * 2), 1) skew(0, calc(var(--arrow-skew)));
}
.to-tooltip.position-left .to-tooltip-arrow:before {
  margin-top: 0;
  margin-left: calc(var(--arrow-width) / 2 * -1);
}
.to-tooltip.position-right {
  padding-left: var(--arrow-height);
}
.to-tooltip.position-right .to-tooltip-arrow {
  left: 0;
  margin-left: 1px;
  transform-origin: left;
  width: calc(var(--arrow-width) / 2);
  height: var(--arrow-width);
  transform: scale(calc(var(--arrow-height) / var(--arrow-width) * 2), 1) skew(0, var(--arrow-skew));
}
.to-tooltip.position-right .to-tooltip-arrow:before {
  margin-top: 0;
  margin-right: calc(var(--arrow-width) / 2 * -1);
}
.to-tooltip.arrow-middle .to-tooltip-arrow {
  top: 50%;
  margin-top: -0.5em;
}
.to-tooltip.arrow-center .to-tooltip-arrow {
  left: 50%;
  margin-left: -0.5em;
}
.to-tooltip.color-primary {
  --bg: var(--color-primary);
}
.to-tooltip.color-danger {
  --bg: var(--color-danger);
}
.to-tooltip.color-success {
  --bg: var(--color-success);
}
.to-tooltip.color-warning {
  --bg: var(--color-warning);
}
.to-tooltip.color-info {
  --bg: #999999;
}
.to-tooltip.color-bg {
  --bg: #fff;
  --border: 1px solid var(--color-border);
  --color: #000;
}
.to-segment {
  --col: 1;
  --border: 0 none;
  --height: var(--height-fe);
  --gap: 0.5em;
  --gap-x: var(--gap);
  --gap-y: var(--gap);
  --bg: none;
  --bg-size: 100% 100%;
  --padding: 0;
  --radius: 0;
  --shadow: none;
  --item-border: var(--border-fe);
  --item-padding: 0 1em;
  --item-color: var(--color-fg-fade);
  --item-bg: var(--color-bg);
  --item-bg-size: 100% 100%;
  --item-radius: var(--radius-fe);
  --item-shadow: none;
  --item-gap: 0.5em;
  --item-size: 1em;
  --item-hover-border: var(--item-border);
  --item-hover-color: var(--item-color);
  --item-hover-bg: rgba(0, 0, 0, 0.1);
  --item-hover-shadow: var(--item-shadow);
  --item-active-border: var(--item-border);
  --item-active-color: var(--item-color);
  --item-active-bg: rgba(0, 0, 0, 0.2);
  --item-active-shadow: var(--item-shadow);
  --item-on-shadow: var(--item-shadow);
  --item-on-bg: var(--item-bg);
  --item-on-color: var(--color-primary);
  --item-on-border: 1px solid var(--color-primary);
  --item-on-hover-border: var(--item-on-border);
  --item-on-hover-color: var(--item-on-color);
  --item-on-hover-bg: rgba(0, 0, 0, 0.1);
  --item-on-hover-shadow: var(--item-on-shadow);
  --item-on-active-border: var(--item-on-border);
  --item-on-active-color: var(--item-on-color);
  --item-on-active-bg: rgba(0, 0, 0, 0.2);
  --item-on-active-shadow: var(--item-on-shadow);
  --check-width: 1em;
  --check-height: 1em;
  --check-bg: #fff;
  --check-color: #fff;
  --check-radius: 0.25em;
  --check-border: var(--border-fe);
  --check-shadow: none;
  --check-size: 0.5em;
  --check-active-bg: var(--check-bg);
  --check-active-color: var(--check-color);
  --check-active-border: var(--check-border);
  --check-hover-bg: var(--check-bg);
  --check-hover-color: var(--check-color);
  --check-hover-border: var(--check-border);
  --check-on-bg: var(--color-primary);
  --check-on-color: #fff;
  --check-on-border: 0 none;
  --check-on-hover-bg: var(--check-on-bg);
  --check-on-hover-color: var(--check-on-color);
  --check-on-hover-border: var(--check-on-border);
  --check-on-active-bg: var(--check-on-bg);
  --check-on-active-color: var(--check-on-color);
  --check-on-active-border: var(--check-on-border);
  --radio-size: 1em;
  --radio-border: 1px solid var(--color-border);
  --radio-hover-border: var(--radio-border);
  --radio-active-border: var(--radio-border);
  --radio-on-border: 0.35em solid var(--color-primary);
  --radio-on-hover-border: var(--radio-on-border);
  --radio-on-active-border: var(--radio-on-border);
  --sku-color: var(--color-primary);
  --sku-corner-size: 0.8em;
  --sku-check-size: 0.6em;
  --sku-border: 1px solid var(--sku-color);
  --sku-check-offset: 0em;
}
.to-segment {
  position: relative;
  box-shadow: var(--shadow);
  background: var(--bg);
  background-size: var(--bg-size);
  border: var(--border);
  border-radius: var(--radius);
  padding: var(--padding);
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  gap: var(--gap-y) var(--gap-x);
}
.to-segment-item {
  box-shadow: var(--item-shadow);
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  border-radius: var(--item-radius);
  border: var(--item-border);
  min-height: var(--height);
  padding: var(--item-padding);
  gap: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--item-color);
  background: var(--item-bg);
  background-size: var(--item-bg-size);
  cursor: pointer;
}
.to-segment-item:not(.is-on):hover {
  background: var(--item-hover-bg);
  background-size: var(--item-bg-size);
  border: var(--item-hover-border);
  color: var(--item-hover-color);
  box-shadow: var(--item-hover-shadow);
}
.to-segment-item:not(.is-on):active {
  background: var(--item-active-bg);
  background-size: var(--item-bg-size);
  border: var(--item-active-border);
  color: var(--item-active-color);
  box-shadow: var(--item-active-shadow);
}
.to-dis .to-segment-item {
  cursor: not-allowed;
}
.to-segment-item.is-on {
  box-shadow: var(--item-on-shadow);
  border: var(--item-on-border);
  color: var(--item-on-color);
  background: var(--item-on-bg);
  background-size: var(--item-bg-size);
  z-index: 1;
}
.to-segment.is-multiple .to-segment-item.is-on:hover {
  background: var(--item-on-hover-bg);
  background-size: var(--item-bg-size);
  border: var(--item-on-hover-border);
  color: var(--item-on-hover-color);
  box-shadow: var(--item-on-hover-shadow);
}
.to-segment.is-multiple .to-segment-item.is-on:active {
  background: var(--item-on-active-bg);
  background-size: var(--item-bg-size);
  border: var(--item-on-active-border);
  color: var(--item-on-active-color);
  box-shadow: var(--item-on-active-shadow);
}
.to-segment-check {
  display: none;
}
.to-segment-content {
  display: flex;
  align-items: center;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  gap: var(--item-gap);
  font-size: var(--item-size);
}
.to-segment-icon {
  --width: 1em;
  --height: 1em;
  --size: 1em;
}
.to-segment.type-check .to-segment-check {
  display: flex;
  width: var(--check-width);
  height: var(--check-height);
  box-sizing: border-box;
  text-align: center;
  background: var(--check-bg);
  border: var(--check-border);
  color: var(--check-color);
  border-radius: var(--check-radius);
  align-items: center;
  justify-content: center;
  box-shadow: var(--check-shadow);
}
.to-segment.type-check .to-segment-check:after {
  content: "\e6cd";
  font-family: "icon";
  font-size: var(--check-size);
  vertical-align: top;
}
.to-segment.type-check .to-segment-item:hover .to-segment-check {
  background: var(--check-hover-bg);
  color: var(--check-hover-color);
  border: var(--check-hover-border);
}
.to-segment.type-check .to-segment-item:active .to-segment-check {
  background: var(--check-active-bg);
  color: var(--check-active-color);
  border: var(--check-active-border);
}
.to-segment.type-check .to-segment-item.is-on .to-segment-check {
  color: var(--check-on-color);
  border: var(--check-on-border);
  background: var(--check-on-bg);
}
.to-segment.type-check .to-segment-item.is-on:hover .to-segment-check {
  background: var(--check-on-hover-bg);
  color: var(--check-on-hover-color);
  border: var(--check-on-hover-border);
}
.to-segment.type-check .to-segment-item.is-on:active .to-segment-check {
  background: var(--check-on-active-bg);
  color: var(--check-on-active-color);
  border: var(--check-on-active-border);
}
.to-segment.type-radio .to-segment-check {
  content: '';
  width: var(--radio-size);
  height: var(--radio-size);
  box-sizing: border-box;
  border-radius: 50%;
  border: var(--radio-border);
  background: #fff;
  display: block;
}
.to-segment.type-radio .to-segment-item:hover .to-segment-check {
  border: var(--radio-hover-border);
}
.to-segment.type-radio .to-segment-item:active .to-segment-check {
  border: var(--radio-active-border);
}
.to-segment.type-radio .to-segment-item.is-on .to-segment-check {
  border: var(--radio-on-border);
}
.to-segment.type-radio .to-segment-item.is-on:hover .to-segment-check {
  border: var(--radio-on-hover-border);
}
.to-segment.type-radio .to-segment-item.is-on:active .to-segment-check {
  border: var(--radio-on-active-border);
}
.to-segment.type-sku {
  --item-on-border: var(--sku-border);
}
.to-segment.type-sku .to-segment-check {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.to-segment.type-sku .to-segment-check:before {
  content: '';
  background: var(--sku-color);
  position: absolute;
  right: -1em;
  bottom: -1em;
  width: 2em;
  height: 2em;
  transform: rotate(45deg);
  font-size: var(--sku-corner-size);
}
.to-segment.type-sku .to-segment-check:after {
  color: #fff;
  position: relative;
  z-index: 2;
  line-height: 1em;
  vertical-align: top;
  font-family: icon;
  content: "\e6cd";
  font-size: var(--sku-check-size);
  inset: auto var(--sku-check-offset) var(--sku-check-offset) auto;
  position: absolute;
}
.to-segment.type-sku .to-segment-item.is-on .to-segment-check {
  display: block;
}
.to-segment.is-col {
  --merge: 1;
}
.to-segment.is-col .to-segment-item {
  width: calc((100% - (var(--col) - 1) * var(--gap-x)) / var(--col) * var(--merge) + (var(--merge) - 1) * var(--gap-x));
}
.to-segment.col-avg {
  display: flex;
}
.to-segment.col-avg .to-segment-content {
  justify-content: center;
}
.to-segment.col-avg .to-segment-item {
  flex: 1;
}
.to-segment.col-1 {
  --col: 1;
}
.to-segment.col-2 {
  --col: 2;
}
.to-segment.col-3 {
  --col: 3;
}
.to-segment.col-4 {
  --col: 4;
}
.to-segment.col-5 {
  --col: 5;
}
.to-segment.col-6 {
  --col: 6;
}
.to-segment.to-segment-mode-line {
  background: none;
}
.to-segment.to-segment-color-danger {
  background: rgba(249, 57, 32, 0.1);
}
.to-segment.to-segment-color-danger:before {
  border: 1px solid rgba(249, 57, 32, 0.5);
}
.to-segment.to-segment-tip-show {
  overflow: visible;
}
.to-dialog {
  --width: 50em;
  --gap: 1em;
  --radius: 1em;
  --bg: var(--color-bg);
  --bg-size: 100% 100%;
  --color: var(--color-fg);
  --mask: rgba(0, 0, 0, 0.3);
  --padding: 1.5em;
  --border: 0 none;
  --shadow: 0 0.5em 1em 0 var(--color-fg-op-1);
  --header-offset: 3em;
  --content-padding: 0;
  --content-bg: none;
  --content-bg-size: 100% 100%;
  --close-right: 1.5em;
  --close-top: 1.5em;
}
.to-dialog {
  position: absolute;
  visibility: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  text-align: center;
  background: rgba(0, 0, 0, 0);
  z-index: 1100;
  transition: background ease-in-out 0.1s, visibility ease-in-out 0.1s;
}
.to-dialog:before {
  display: inline-block;
  content: '';
  height: 100%;
  width: 1px;
  vertical-align: middle;
  margin-right: -1px;
}
.to-dialog-wrapper {
  color: var(--color);
  padding: var(--padding);
  border-radius: var(--radius);
  position: relative;
  display: inline-flex;
  flex-direction: column;
  gap: var(--gap);
  vertical-align: middle;
  width: var(--width);
  transform-origin: center;
  transition: transform ease-in-out 0.1s;
  border: var(--border);
  background: var(--bg);
  background-size: var(--bg-size);
  box-shadow: var(--shadow);
}
.to-dialog-content {
  flex: 1;
  padding: var(--content-padding);
  background: var(--content-bg);
  background-size: var(--content-bg-size);
  overflow: hidden;
  text-align: left;
  position: relative;
  z-index: 1;
}
.to-dialog-header.mode-default {
  --lh: 2em;
  margin-right: var(--header-offset);
}
.to-dialog-close {
  --width: 2em;
  --height: 2em;
  --radius: 50%;
  position: absolute;
  z-index: 2;
  right: var(--close-right);
  top: var(--close-top);
  cursor: default;
}
.to-dialog.is-show {
  visibility: visible;
  background: var(--mask);
}
.to-dialog.is-slide {
  --radius: 0;
  --padding: 0;
  --gap: 0;
  transition-duration: 0.3s;
  text-align: right;
  overflow: hidden;
}
.to-dialog.is-slide .to-dialog-header {
  --lh: 1em;
}
.to-dialog.is-slide .to-dialog-wrapper {
  height: 100%;
  flex-direction: column;
  transform: translateX(100%);
  transition-duration: 0.3s;
}
.to-dialog.is-slide .to-dialog-close {
  --size: 0;
}
.to-dialog.is-slide.is-show {
  background: rgba(0, 0, 0, 0.3);
  transform: translateX(0);
}
.to-dialog.is-slide.is-show .to-dialog-wrapper {
  transform: scale(1);
}
.to-slide {
  --page-width: 100%;
  --page-gap: 0.25em;
  --page-border: none;
  --page-bg: transparent;
  --page-bg-size: 100% 100%;
  --page-padding: 0.5em;
  --page-radius: 0;
  --page-shadow: none;
  --page-inset: auto auto 0 auto;
  --page-item-width: 0.75em;
  --page-item-height: 0.75em;
  --page-item-border: none;
  --page-item-bg: rgba(0, 0, 0, 0.3);
  --page-item-bg-size: 100% 100%;
  --page-item-padding: 0;
  --page-item-radius: 50%;
  --page-item-shadow: none;
  --page-item-hover-border: none;
  --page-item-hover-bg: rgba(255, 255, 255, 0.3);
  --page-item-active-border: none;
  --page-item-active-bg: rgba(0, 0, 0, 0.5);
  --page-item-on-border: none;
  --page-item-on-bg: #000000;
}
.to-slide {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.to-slide-wrapper {
  overflow: hidden;
  display: table;
  table-layout: fixed;
  position: relative;
}
.to-slide-wrapper > li {
  display: table-cell;
  vertical-align: top;
}
.to-slide-page {
  position: absolute;
  z-index: 19;
  display: flex;
  justify-content: center;
  pointer-events: none;
  inset: var(--page-inset);
  width: var(--page-width);
  gap: var(--page-gap);
  border: var(--page-border);
  background: var(--page-bg);
  background-size: var(--page-bg-size);
  padding: var(--page-padding);
  border-radius: var(--page-radius);
  box-shadow: var(--page-shadow);
}
.to-slide-page-item {
  pointer-events: all;
  width: var(--page-item-width);
  height: var(--page-item-height);
  border: var(--page-item-border);
  background: var(--page-item-bg);
  background-size: var(--page-item-bg-size);
  padding: var(--page-item-padding);
  border-radius: var(--page-item-radius);
  box-shadow: var(--page-item-shadow);
  display: inline-block;
  cursor: pointer;
}
.to-slide-page-item:hover {
  border: var(--page-item-hover-border);
  background: var(--page-item-hover-bg);
}
.to-slide-page-item:active {
  border: var(--page-item-active-border);
  background: var(--page-item-active-bg);
}
.to-slide-page-item.is-on {
  border: var(--page-item-on-border);
  background: var(--page-item-on-bg);
}
.to-slide-fn {
  display: none;
}
.to-slide-fn-item {
  position: absolute;
  margin: auto auto auto 0;
  --size: 1.5em;
}
.to-slide-fn-item.type-prev {
  --inset: 0 auto 0 0;
  inset: var(--inset);
}
.to-slide-fn-item.type-next {
  --inset: 0 0 0 auto;
  inset: var(--inset);
}
.media-pc .to-slide:hover .to-slide-fn {
  display: block;
}
.to-tree {
  --gap: 0;
  --indent: 1.75em;
  --item-padding: 0;
  --item-gap: 0.25em;
  --item-border: 0 none;
  --item-bg: none;
  --item-bg-size: 100% 100%;
  --item-radius: 0.25em;
  --item-color: var(--color-fg);
  --item-shadow: none;
  --item-height: 2em;
  --item-hover-border: var(--item-border);
  --item-hover-bg: rgba(0, 0, 0, 0.1);
  --item-hover-color: var(--item-color);
  --item-active-border: var(--item-border);
  --item-active-bg: rgba(0, 0, 0, 0.3);
  --item-active-color: var(--item-color);
  --item-on-border: var(--item-border);
  --item-on-bg: var(--item-bg);
  --item-on-color: var(--item-color);
  --item-on-shadow: var(--item-shadow);
  --toggle-order: 0;
  --label-padding: 0.25em 0.5em 0.25em 0;
  --label-radius: 0.25em;
  --label-border: 0 none;
  --label-bg: none;
  --label-bg-size: 100% 100%;
  --label-gap: 0.25em;
  --label-color: inherit;
  --label-hover-border: var(--label-border);
  --label-hover-bg: rgba(0, 0, 0, 0.1);
  --label-hover-color: var(--label-color);
  --label-active-border: var(--label-border);
  --label-active-bg: rgba(0, 0, 0, 0.3);
  --label-active-color: var(--label-color);
  --label-on-padding: var(--label-padding);
  --label-on-radius: var(--label-radius);
  --label-on-border: var(--label-border);
  --label-on-bg: var(--label-bg);
  --label-on-color: inherit;
  --text-color: inherit;
  --text-size: 1em;
  --text-weight: normal;
  --text-on-color: inherit;
  --text-on-weight: var(--text-weight);
}
.to-tree-child,
.to-tree {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.to-tree-child .to-tree-item:first-child {
  margin-top: var(--gap);
}
.to-tree-content {
  color: var(--item-color);
  padding: var(--item-padding);
  border-radius: var(--item-radius);
  border: var(--item-border);
  gap: var(--item-gap);
  background: var(--item-bg);
  background-size: var(--item-bg-size);
  height: var(--item-height);
  box-shadow: var(--item-shadow);
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.to-tree-child {
  display: flex;
  flex-direction: column;
  margin-top: 0;
  position: relative;
  transition: all 0.3s;
}
.to-tree-content.level-1 {
  padding-left: calc(var(--indent) * 1);
}
.to-tree-content.level-2 {
  padding-left: calc(var(--indent) * 2);
}
.to-tree-content.level-3 {
  padding-left: calc(var(--indent) * 3);
}
.to-tree-content.level-4 {
  padding-left: calc(var(--indent) * 4);
}
.to-tree-content.level-5 {
  padding-left: calc(var(--indent) * 5);
}
.to-tree-content.level-6 {
  padding-left: calc(var(--indent) * 6);
}
.to-tree-content.level-7 {
  padding-left: calc(var(--indent) * 7);
}
.to-tree-content.level-8 {
  padding-left: calc(var(--indent) * 8);
}
.to-tree-content.level-9 {
  padding-left: calc(var(--indent) * 9);
}
.to-tree-content.level-10 {
  padding-left: calc(var(--indent) * 10);
}
.to-tree-content.level-11 {
  padding-left: calc(var(--indent) * 11);
}
.to-tree-content.level-12 {
  padding-left: calc(var(--indent) * 12);
}
.to-tree-content.level-13 {
  padding-left: calc(var(--indent) * 13);
}
.to-tree-content.level-14 {
  padding-left: calc(var(--indent) * 14);
}
.to-tree-content.level-15 {
  padding-left: calc(var(--indent) * 15);
}
.to-tree-content.level-16 {
  padding-left: calc(var(--indent) * 16);
}
.to-tree-content.level-17 {
  padding-left: calc(var(--indent) * 17);
}
.to-tree-content.level-18 {
  padding-left: calc(var(--indent) * 18);
}
.to-tree-content.level-19 {
  padding-left: calc(var(--indent) * 19);
}
.to-tree-content.level-20 {
  padding-left: calc(var(--indent) * 20);
}
.to-tree-content.level-21 {
  padding-left: calc(var(--indent) * 21);
}
.to-tree-content.level-22 {
  padding-left: calc(var(--indent) * 22);
}
.to-tree-content.level-23 {
  padding-left: calc(var(--indent) * 23);
}
.to-tree-content.level-24 {
  padding-left: calc(var(--indent) * 24);
}
.to-tree-content.level-25 {
  padding-left: calc(var(--indent) * 25);
}
.to-tree-content.level-26 {
  padding-left: calc(var(--indent) * 26);
}
.to-tree-content.level-27 {
  padding-left: calc(var(--indent) * 27);
}
.to-tree-content.level-28 {
  padding-left: calc(var(--indent) * 28);
}
.to-tree-content.level-29 {
  padding-left: calc(var(--indent) * 29);
}
.to-tree-content.level-30 {
  padding-left: calc(var(--indent) * 30);
}
.to-tree-toggle {
  order: var(--toggle-order);
  --color: var(--color-fg-fade);
  --width: 1.5em;
  --height: 1.5em;
}
.to-tree-pic {
  --width: 1em;
}
.to-tree-icon {
  --width: 1em;
  --height: 1em;
  --size: 1em;
}
.to-tree-check {
  --height: 1.5em;
  --padding: 0 0.25em;
  margin-right: 0.25em;
}
.to-tree-label {
  white-space: nowrap;
  display: flex;
  align-items: center;
  flex: 1;
  flex-shrink: 0;
  gap: var(--label-gap);
  padding: var(--label-padding);
  border-radius: var(--label-radius);
  border: var(--label-border);
  background: var(--label-bg);
  background-size: var(--label-bg-size);
  color: var(--label-color);
}
.to-tree-label.is-link:hover {
  border: var(--label-hover-border);
  background: var(--label-hover-bg);
  background-size: var(--label-bg-size);
  color: var(--label-hover-color);
}
.to-tree-label.is-link:active {
  border: var(--label-active-border);
  background: var(--label-active-bg);
  background-size: var(--label-bg-size);
  color: var(--label-active-color);
}
.to-tree-label-text {
  color: var(--text-color);
  font-size: var(--text-size);
  font-weight: var(--text-weight);
}
.to-tree-content.is-link:not(.is-on) {
  cursor: pointer;
}
.to-tree-content.is-link:not(.is-on):hover {
  border: var(--item-hover-border);
  background: var(--item-hover-bg);
  background-size: var(--item-bg-size);
  color: var(--item-hover-color);
}
.to-tree-content.is-link:not(.is-on):active {
  border: var(--item-active-border);
  background: var(--item-active-bg);
  background-size: var(--item-bg-size);
  color: var(--item-active-color);
}
.to-tree-content.is-on {
  color: var(--item-on-color);
  border: var(--item-on-border);
  background: var(--item-on-bg);
  background-size: var(--item-bg-size);
  box-shadow: var(--item-on-shadow);
}
.to-tree-content.is-on .to-tree-label {
  padding: var(--label-on-padding);
  border-radius: var(--label-on-radius);
  border: var(--label-on-border);
  background: var(--label-on-bg);
  background-size: var(--label-bg-size);
  color: var(--label-on-color);
}
.to-tree-content.is-on .to-tree-label-text {
  font-weight: var(--text-on-weight);
  color: var(--text-on-color);
}
.to-tree-empty {
  line-height: 6em;
  text-align: center;
  color: #4d5b65;
}
.to-icon.mode-tree-loading {
  --size: 1.2em;
  --width: 1.2em;
  --height: 1.2em;
  --loading: url(/pic-pro/img/loading-out.png);
  --loading-speed: 1s;
}
.to-param {
  --gap-x: 1em;
  --gap-y: 0.5em;
  --col: 1;
  --item-gap: 0;
  --item-border: 0 none;
  --item-padding: 0;
  --item-bg: none;
  --item-bg-size: 100% 100%;
  --item-radius: 0;
  --item-symbol: "\ff1a";
  --item-align: flex-start;
  --divider-color: var(--color-border);
  --divider-height: 2em;
  --divider-width: 1px;
  --divider-radius: 0;
  --label-lh: 1.8em;
  --label-padding: 0;
  --label-color: var(--color-fg-fade);
  --label-gap: 0;
  --label-size: 1em;
  --label-bg: none;
  --label-bg-size: 100% 100%;
  --label-border: 0 none;
  --label-radius: 0;
  --label-align: right;
  --value-lh: 1.8em;
  --value-padding: 0;
  --value-color: var(--color-fg);
  --value-size: 1em;
  --value-bg: none;
  --value-bg-size: 100% 100%;
  --value-family: inherit;
  --value-border: 0 none;
  --value-radius: 0;
  --value-align: left;
}
.to-param {
  position: relative;
}
.to-param-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-y) var(--gap-x);
}
.to-param-item {
  --merge: 1;
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: var(--item-align);
  flex-direction: row;
  gap: var(--item-gap);
  padding: var(--item-padding);
  background: var(--item-bg);
  background-size: var(--item-bg-size);
  border-radius: var(--item-radius);
  width: calc((100% - (var(--col) - 1) * var(--gap-x)) / var(--col) * var(--merge) + (var(--merge) - 1) * var(--gap-x));
}
.to-param-item.merge-2 {
  --merge: 2;
}
.to-param-item.merge-3 {
  --merge: 3;
}
.to-param-item.merge-4 {
  --merge: 4;
}
.to-param-item.merge-5 {
  --merge: 5;
}
.to-param-item::after {
  border: var(--item-border);
  border-radius: var(--item-radius);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
}
.to-param-divider {
  display: none;
  flex-shrink: 0;
  width: var(--divider-width);
  height: var(--divider-height);
  background: var(--divider-color);
  border-radius: var(--divider-radius);
}
.to-param-label {
  background: var(--label-bg);
  background-size: var(--label-bg-size);
  padding: var(--label-padding);
  flex-shrink: 0;
  justify-content: var(--label-align);
  display: inline-flex;
  text-align: right;
  gap: var(--label-gap);
  border: var(--label-border);
  border-radius: var(--label-radius);
}
.to-param-label:after {
  line-height: var(--label-lh);
  font-size: var(--label-size);
  content: var(--item-symbol);
  color: var(--label-color);
}
.to-param-label-text {
  color: var(--label-color);
  line-height: var(--label-lh);
  font-size: var(--label-size);
}
.to-param-value {
  flex: 1;
  background: var(--value-bg);
  background-size: var(--value-bg-size);
  padding: var(--value-padding);
  border: var(--value-border);
  border-radius: var(--value-radius);
  text-align: var(--value-align);
  overflow: hidden;
}
.to-param-value-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: var(--value-family);
  color: var(--value-color);
  line-height: var(--value-lh);
  font-size: var(--value-size);
}
.to-param-item.is-wrap .to-param-value-text {
  white-space: normal;
}
.to-param-submit {
  flex-shrink: 0;
  white-space: nowrap;
  display: flex;
  text-align: right;
  gap: var(--submit-gap);
}
.to-param-item.is-required .to-param-label:before {
  content: '*';
  color: var(--required-color);
}
.to-param.col-1 {
  --col: 1;
}
.to-param.col-2 {
  --col: 2;
}
.to-param.col-3 {
  --col: 3;
}
.to-param.col-4 {
  --col: 4;
}
.to-param.col-5 {
  --col: 5;
}
.to-param.col-6 {
  --col: 6;
}
.to-param.col-7 {
  --col: 7;
}
.to-param.col-avg .to-param-list {
  flex-wrap: nowrap;
}
.to-param.col-avg .to-param-item {
  flex: 1;
  overflow: hidden;
  width: auto;
}
.to-param.col-auto .to-param-list {
  flex-wrap: nowrap;
}
.to-param.col-auto .to-param-item {
  flex: none;
  overflow: hidden;
  width: auto;
}
.to-param.dir-vo,
.to-param.dir-v {
  --gap-y: 1em;
  --label-lh: 1.5em;
  --label-padding: 0;
  --item-symbol: '';
}
.to-param.dir-vo .to-param-item,
.to-param.dir-v .to-param-item {
  flex-direction: column;
  align-items: flex-start;
}
.to-param.dir-vo .to-param-label,
.to-param.dir-v .to-param-label {
  justify-content: flex-start;
}
.to-param.dir-vo .to-param-label {
  order: 2;
}
.to-param.dir-v.col-avg .to-param-divider,
.to-param.dir-v.col-auto .to-param-divider,
.to-param.dir-vo.col-avg .to-param-divider,
.to-param.dir-vo.col-auto .to-param-divider {
  align-self: center;
  display: block;
}
.to-param.align-center .to-param-item {
  align-items: center;
}
.to-param.align-center .to-param-label {
  justify-content: center;
}
.to-param.align-center .to-param-value {
  text-align: center;
}
.to-param.align-right .to-param-item {
  align-items: center;
}
.to-param.align-right .to-param-label {
  justify-content: flex-end;
}
.to-param.align-right .to-param-value {
  text-align: right;
}
.theme-dark .to-param li.link:hover {
  background: rgba(0, 0, 0, 0.1);
}
.theme-dark .to-param li.link:active {
  background: rgba(0, 0, 0, 0.2);
}
.theme-dark .to-param-line-solid li:after {
  background: var(--dark-fg-dark-8);
}
.theme-dark.s_pc .to-param li.link:hover {
  background: var(--dark-fg-op-1);
}
.theme-dark.s_pc .to-param li.link:active {
  background: var(--dark-fg-op-2);
}
.to-cascader {
  --height: var(--height-fe);
  --border: var(--border-fe);
  --bg: var(--bg-fe);
  --bg-size: 100% 100%;
  --padding: 0 1em 0 1em;
  --width: 100%;
  --radius: var(--radius-fe);
  --gap: 1em;
  --color: inherit;
  --placeholder-color: var(--color-placeholder);
  --arrow-size: 1em;
  --arrow-font-size: 0.75em;
  --arrow-color: var(--color-fg-fade);
  --hover-bg: rgba(0, 0, 0, 0.1);
  --hover-border: var(--border);
  --hover-color: var(--color);
  --hover-arrow-color: var(--arrow-color);
  --active-bg: rgba(0, 0, 0, 0.2);
  --active-border: var(--border);
  --active-color: var(--color);
  --active-arrow-color: var(--arrow-color);
}
.to-cascader {
  box-sizing: border-box;
  position: relative;
  display: flex;
  gap: var(--gap);
  align-items: center;
  height: var(--height);
  padding: var(--padding);
  border-radius: var(--radius);
  background: var(--bg);
  background-size: var(--bg-size);
  cursor: pointer;
}
.to-cascader:empty {
  height: 0;
}
.to-cascader::after {
  border: var(--border);
  border-radius: var(--radius);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
}
.to-cascader.is-disabled {
  background: var(--disabled-bg);
  color: var(--disabled-color);
  cursor: not-allowed;
}
.to-cascader-content {
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--color);
}
.to-cascader-arrow {
  flex-shrink: 0;
  width: var(--arrow-size);
  height: var(--arrow-size);
  line-height: var(--arrow-size);
}
.to-cascader-arrow:before {
  color: var(--arrow-color);
  font-size: var(--arrow-font-size);
  font-family: 'icon';
  content: "\e081";
}
.to-cascader:hover {
  background: var(--hover-bg);
  background-size: var(--bg-size);
  color: var(--hover-color);
}
.to-cascader:hover::after {
  border: var(--hover-border);
}
.to-cascader:hover .to-cascader-arrow:before {
  color: var(--hover-arrow-color);
}
.to-cascader:active {
  background: var(--active-bg);
  background-size: var(--bg-size);
  color: var(--active-color);
}
.to-cascader:active::after {
  border: var(--active-border);
}
.to-cascader:active .to-cascader-arrow:before {
  color: var(--active-arrow-color);
}
.to-cascader.is-placeholder .to-cascader-content {
  color: var(--placeholder-color);
}
.to-cascader-group {
  display: flex;
  flex: 1;
  min-width: 0;
}
.to-cascader-layer {
  width: auto !important;
}
.to-cascader-options {
  display: flex;
}
.to-cascader-group-content {
  flex: 1;
  width: 14em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.to-cascader-group-child {
  flex: 1;
}
.to-cascader-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0 1em;
  line-height: var(--height-fe);
}
.to-cascader-item:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.to-cascader-item:active {
  background-color: rgba(0, 0, 0, 0.2);
}
.to-cascader-item.is-on {
  color: #0077fa;
}
.to-cascader-item-content {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.to-cascader-item-arrow {
  --size: 1em;
  --font-size: 0.75em;
  --color: var(--color-fg-fade);
}
.to-cascader.to-cascader-mode-line {
  background: none;
}
.to-cascader.to-cascader-color-danger {
  background: rgba(249, 57, 32, 0.1);
}
.to-cascader.to-cascader-color-danger:before {
  border: 1px solid rgba(249, 57, 32, 0.5);
}
.to-cascader.to-cascader-tip-show {
  overflow: visible;
}
.to-timeline {
  --gap: 1em;
  --main-gap: 0.5em;
  --item-width: auto;
  --item-gap: 1em;
  --datetime-gap: 0em;
  --datetime-width: auto;
  --date-color: var(--color-primary);
  --date-size: 1.25em;
  --date-lh: 2em;
  --date-weight: bold;
  --date-bg: none;
  --date-bg-size: 100% 100%;
  --date-border: 0 none;
  --date-padding: 0em;
  --date-radius: 0em;
  --time-color: var(--primary-light-3);
  --time-size: 1em;
  --time-lh: 1.25em;
  --time-weight: normal;
  --time-bg: none;
  --time-bg-size: 100% 100%;
  --time-border: 0 none;
  --time-padding: 0em;
  --time-radius: 0em;
  --line: 1px solid var(--color-border);
  --line-gap: 0.5em;
  --icon-width: 2em;
  --icon-height: 2em;
  --icon-dis: 0em;
  --icon-color: var(--color-primary);
  --icon-radius: 50%;
  --icon-bg: var(--primary-light-9);
  --icon-bg-size: 100% 100%;
  --icon-border: 0 none;
  --icon-size: 1em;
  --icon-value: '';
  --icon-opacity: 1;
  --icon-family: 'icon';
  --icon-weight: normal;
  --content-color: var(--color-fg);
  --content-size: 1em;
  --content-lh: 2em;
  --content-weight: normal;
}
.to-timeline {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.to-timeline-item {
  display: flex;
  gap: var(--item-gap);
  width: var(--item-width);
  position: relative;
}
.to-timeline-icon {
  --bg: var(--icon-bg);
  --color: var(--icon-color);
  --radius: var(--icon-radius);
  --width: var(--icon-width);
  --height: var(--icon-height);
  --bg-size: var(--icon-bg-size);
  --border: var(--icon-border);
  --size: var(--icon-size);
  --value: var(--icon-value);
  --opacity: var(--icon-opacity);
  --family: var(--icon-family);
  margin-top: var(--icon-dis);
  font-weight: var(--icon-weight);
}
.to-timeline-main {
  display: flex;
  flex-direction: column;
  gap: var(--main-gap);
  flex: 1;
}
.to-timeline-datetime {
  display: flex;
  flex-direction: column;
  width: var(--datetime-width);
  gap: var(--datetime-gap);
  align-items: flex-start;
}
.to-timeline-date {
  display: inline-block;
  white-space: nowrap;
  line-height: var(--date-lh);
  font-weight: var(--date-weight);
  color: var(--date-color);
  background: var(--date-bg);
  background-size: var(--date-bg-size);
  border: var(--date-border);
  padding: var(--date-padding);
  border-radius: var(--date-radius);
}
.to-timeline-date-text {
  font-size: var(--date-size);
}
.to-timeline-time {
  display: inline-block;
  white-space: nowrap;
  line-height: calc(var(--time-lh));
  font-weight: var(--time-weight);
  color: var(--time-color);
  background: var(--time-bg);
  background-size: var(--time-bg-size);
  border: var(--time-border);
  padding: var(--time-padding);
  border-radius: calc(var(--time-radius));
}
.to-timeline-time-text {
  font-size: var(--time-size);
}
.to-timeline-content {
  font-size: var(--content-size);
  line-height: calc(var(--content-lh) / var(--content-size));
  font-weight: var(--content-weight);
  color: var(--content-color);
}
.to-timeline-line {
  position: absolute;
  border-left: var(--line);
  transform: translateX(-50%);
  left: calc(var(--icon-width) / 2);
  top: calc(var(--icon-height) + var(--line-gap) + var(--icon-dis));
  bottom: calc(var(--gap) * -1 + var(--line-gap) - var(--icon-dis));
}
.to-timeline.time-position-out {
  --datetime-width: 8em;
}
.to-timeline.time-position-out .to-timeline-datetime {
  align-items: flex-end;
}
.to-timeline.time-position-out .to-timeline-line {
  left: calc(var(--icon-width) / 2 + var(--datetime-width) + var(--item-gap));
}
.to-timeline.dir-h {
  --item-width: 0;
  flex-direction: row;
}
.to-timeline.dir-h .to-timeline-item {
  flex-direction: column;
  flex: calc(1 - min(var(--item-width), 1));
}
.to-timeline.dir-h .to-timeline-icon {
  margin-top: 0;
  margin-left: var(--icon-dis);
}
.to-timeline.dir-h .to-timeline-line {
  border-left: 0 none;
  border-top: var(--line);
  left: calc(var(--icon-width) + var(--line-gap) + var(--icon-dis));
  top: calc(var(--icon-height) / 2);
  transform: translate(0, -50%);
  right: calc(var(--gap) * -1 + var(--line-gap) - var(--icon-dis));
  bottom: auto;
}
.to-timeline.dir-h.time-position-out.has-date {
  --datetimeHeight: calc(var(--date-lh) + var(--item-gap));
}
.to-timeline.dir-h.time-position-out.has-time {
  --datetimeHeight: calc(var(--time-lh) + var(--item-gap));
}
.to-timeline.dir-h.time-position-out.has-date.has-time {
  --datetimeHeight: calc(var(--date-lh) + var(--time-lh) + var(--datetime-gap) + var(--item-gap));
}
.to-timeline.dir-h.time-position-out {
  --datetime-width: auto;
}
.to-timeline.dir-h.time-position-out .to-timeline-datetime {
  text-align: left;
}
.to-timeline.dir-h.time-position-out .to-timeline-line {
  top: calc(var(--icon-height) / 2 + var(--datetimeHeight));
}
.to-timeline.dir-h.is-item-width .to-timeline-item {
  flex: none;
}
.to-collapse {
  --divider: 0 none;
  --gap: 0;
  --padding: 0;
  --item-bg: none;
  --item-bg-size: 100% 100%;
  --item-radius: 0;
}
.to-collapse {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.to-collapse-item {
  overflow: hidden;
  padding: var(--item-padding);
  border-radius: var(--item-radius);
  background: var(--item-bg);
  background-size: var(--item-bg-size);
}
.to-collapse-item:not(:last-child) {
  border-bottom: var(--divider);
}
.to-collapse-item-header {
  --height: 3em;
  --padding: 0 1em;
}
.to-collapse-item-content {
  transition: height 0.1s ease-in-out;
  height: 0px;
  overflow: hidden;
}
.to-collapse-item-wrapper {
  padding: var(--item-padding);
}
.to-collapse-item.is-dis .to-collapse-item-header {
  cursor: not-allowed;
  --color: #8a8a8a;
}
.to-collapse-item-arrow {
  transition: transform 0.1s ease-in-out;
  --width: 1em;
  --height: 1em;
  --color: var(--color-fg-fade);
}
.to-collapse-item.is-on .to-collapse-item-arrow {
  transform: rotate(90deg);
}
.to-range {
  --gap: 1em;
  --opacity: 1;
  --height: var(--height-fe);
  --bar-height: 0.5em;
  --bar-radius: 0.25em;
  --bar-border: 0 none;
  --bar-bg: #eee;
  --bar-bg-size: 100% 100%;
  --bar-on-bg: var(--color-primary);
  --bar-on-bg-size: 100% 100%;
  --handle-width: 2em;
  --handle-height: 2em;
  --handle-radius: 50%;
  --handle-border: 0.25em solid var(--color-primary);
  --handle-bg: #fff;
  --handle-bg-size: 100% 100%;
  --end-width: var(--handle-width);
  --end-height: var(--handle-height);
  --end-radius: var(--handle-radius);
  --end-border: var(--handle-border);
  --end-bg: var(--handle-bg);
  --end-bg-size: var(--handle-bg-size);
  --start-width: var(--handle-width);
  --start-height: var(--handle-height);
  --start-radius: var(--handle-radius);
  --start-border: var(--handle-border);
  --start-bg: var(--handle-bg);
  --start-bg-size: var(--handle-bg-size);
}
.to-range {
  opacity: var(--opacity);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 calc(var(--handle-width) / 2);
  height: var(--height);
  gap: calc(var(--gap) + var(--handle-width) / 2);
}
.to-range-bar {
  position: relative;
  display: inline-block;
  flex: 1;
  background: var(--bar-bg);
  background-size: var(--bar-bg-size);
  height: var(--bar-height);
  border-radius: var(--bar-radius);
  border: var(--bar-border);
}
.to-range-progress {
  position: absolute;
  width: 50%;
  left: 0.5em;
  top: 50%;
  background: var(--bar-on-bg);
  background-size: var(--bar-on-bg-size);
  height: var(--bar-height);
  border-radius: var(--bar-radius) 0 0 var(--bar-radius);
  border: var(--bar-border);
  transform: translateY(-50%);
  box-sizing: border-box;
}
.to-range-handle {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  z-index: 2;
  width: var(--end-width);
  height: var(--end-height);
  background: var(--end-bg);
  border: var(--end-border);
  border-radius: var(--end-radius);
}
.to-range-handle.is-start {
  left: 0;
}
.to-range.is-disabled {
  pointer-events: none;
  --opacity: 0.4;
}
.to-range.is-inputable {
  padding-right: 0;
}
.to-range:has(.is-start) .to-range-progress {
  border-radius: 0;
}
.to-upload {
  position: relative;
}
.to-upload .to-upload-list-item {
  padding: 0.3em;
  display: flex;
  position: relative;
}
.to-upload .to-upload-list-item .file-name {
  flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.to-upload .to-upload-list-item .upload-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2em;
}
.to-upload .to-upload-list-item .upload-progress .upload-progress-bar {
  background-color: #0077fa;
  height: 0.2em;
  border-radius: 0.1em;
}
.to-upload .to-upload-list-item .mode-color {
  --color-info: #0077fa;
}
.to-upload .to-upload-img {
  display: flex;
}
.to-upload .to-upload-img .to-upload-img-list {
  display: flex;
}
.to-upload .to-upload-img .to-upload-img-list .to-upload-img-list-item {
  width: 10em;
  height: 10em;
  border: solid 1px #ddd;
  border-radius: 0.5em;
  cursor: pointer;
  position: relative;
}
.to-upload .to-upload-img .to-upload-img-list .to-upload-img-list-item .to-upload-pic {
  width: 100%;
  height: 100%;
}
.to-upload .to-upload-img .to-upload-img-list .to-upload-img-list-item .mode-icon-remove {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  color: #fff;
}
.to-upload .to-upload-img .to-upload-img-list .to-upload-img-list-item .upload-progress {
  position: absolute;
  bottom: 0.5em;
  left: 5%;
  width: 90%;
  height: 0.2em;
  background-color: #ccc;
}
.to-upload .to-upload-img .to-upload-img-list .to-upload-img-list-item .upload-progress .upload-progress-bar {
  background-color: #0077fa;
  height: 0.2em;
  border-radius: 0.1em;
}
.to-upload .to-upload-img .to-upload-add {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10em;
  height: 10em;
  border: solid 1px #ddd;
  border-radius: 0.5em;
  cursor: pointer;
}
.to-upload .to-upload-img .to-upload-add .mode-upload-add {
  --font-size: 2em;
}
.to-upload .to-upload-img.pic-size-s .to-upload-img-list .to-upload-img-list-item {
  width: 3em;
  height: 3em;
  border-radius: 0.5em;
}
.to-upload .to-upload-img.pic-size-s .to-upload-img-list .to-upload-img-list-item .mode-icon-remove {
  top: 0.2em;
  right: 0.2em;
  --size: 1em;
  --font-size: 0.5em;
}
.to-upload .to-upload-img.pic-size-s .to-upload-img-list .to-upload-img-list-item .upload-progress {
  bottom: 0.2em;
}
.to-upload .to-upload-img.pic-size-s .to-upload-add {
  width: 3em;
  height: 3em;
  border-radius: 0.5em;
}
.to-upload .to-upload-img.pic-size-s .to-upload-add .mode-upload-add {
  --font-size: 1em;
}
.to-upload-mode-line {
  background: none;
}
.to-upload-color-danger {
  background: rgba(249, 57, 32, 0.1);
}
.to-upload-color-danger:before {
  border: 1px solid rgba(249, 57, 32, 0.5);
}
.to-upload-tip-show {
  overflow: visible;
}
.to-guider {
  --mask: var(--fg-op-3);
  --title-lh: 2em;
  --title-size: 1.5em;
  --title-color: inherit;
  --title-weight: normal;
  --desc-lh: 2em;
  --desc-size: 1em;
  --desc-color: inherit;
  --desc-weight: normal;
  --desc-margin: 0.5em;
  --fn-gap: 1em;
  --fn-margin: 1em;
  --fn-align: flex-end;
}
.to-guider {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  pointer-events: none;
}
.to-guider-bg {
  pointer-events: all;
  background: var(--mask);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  transition: left 0.2s ease-out, top 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out;
}
.to-guider-pic {
  --width: 5em;
}
.to-guider-title {
  color: var(--title-color);
  line-height: var(--title-lh);
}
.to-guider-title-text {
  font-weight: var(--title-weight);
  font-size: var(--title-size);
}
.to-guider-desc {
  color: var(--desc-color);
  line-height: var(--desc-lh);
}
.to-guider-title + .to-guider-desc {
  margin-top: var(--desc-margin);
}
.to-guider-desc-text {
  font-weight: var(--desc-weight);
  font-size: var(--desc-size);
}
.to-guider-tip {
  pointer-events: all;
  --padding: 2em;
}
.to-guider-tip .to-tooltip-content-text {
  display: flex;
  gap: var(--gap);
}
.to-guider-content {
  flex: 1;
}
.to-guider-fn {
  display: flex;
  justify-content: var(--fn-align);
  gap: var(--fn-gap);
  margin-top: var(--fn-margin);
}
.to-transfer-panel {
  display: inline-block;
  width: 20em;
  vertical-align: middle;
}
.to-transfer-btns {
  display: inline-block;
  vertical-align: middle;
}
@media screen {
  .s_pad .to-print,
  .s_pc .to-print {
    height: 100%;
    position: relative;
    background: #f7f7f7;
  }
  .s_pad .to-print > .content,
  .s_pc .to-print > .content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 4.29em;
    overflow: auto;
  }
  .s_pad .to-print > .content .paper,
  .s_pc .to-print > .content .paper {
    width: 50em;
    position: relative;
    margin: 2em auto;
    padding: 3em;
    min-height: 70em;
    background: #fff;
    border: 1px solid #d9d9d9;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  .s_pad .to-print > .fn,
  .s_pc .to-print > .fn {
    background: #fff;
    position: absolute;
    bottom: 0;
    padding: 0.71em;
    height: 4.29em;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #cccccc;
    text-align: center;
  }
  .s_pad .to-print > .fn button,
  .s_pc .to-print > .fn button {
    min-width: 8.57em;
    margin: 0 0.36em;
  }
  .s_pad .to-print-h > .content .paper,
  .s_pc .to-print-h > .content .paper {
    width: 70em;
    min-height: 50em;
  }
  .s_phone .to-print {
    height: 100%;
    position: relative;
  }
  .s_phone .to-print > .content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 3.57em;
    overflow: auto;
  }
  .s_phone .to-print > .content .paper {
    padding: 1.43em;
    background: #fff;
    margin-bottom: 1.43em;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  .s_phone .to-print > .fn {
    background: #fff;
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%;
    text-align: center;
  }
  .s_phone .to-print > .fn button {
    border-radius: 0;
    flex: 1;
    height: 3.13em;
    font-size: 114%;
  }
}
@media print {
  .s_pad .to-print > .content .paper,
  .s_pc .to-print > .content .paper {
    font-size: 14px;
  }
  .to-print > .fn {
    display: none;
  }
  body {
    position: relative;
    overflow: visible;
    background: transparent;
    font-size: 12px;
  }
  .to-scroll {
    overflow: visible !important;
    position: relative !important;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
  }
  .to-table .body {
    overflow: visible !important;
  }
  .s_pad .to-print > .content,
  .s_pc .to-print > .content {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    overflow: visible;
  }
  .s_pad .to-print > .content .paper,
  .s_pc .to-print > .content .paper {
    page-break-after: always;
  }
}
@page {
  margin: 1.5cm;
}
.to-print .to-hide-print {
  display: none;
}
.to-print .to-title {
  font-weight: bold;
}
.to-print .to-title .text {
  color: #191919;
}
.to-print .to-box {
  border-color: #000;
}
.to-print .to-table {
  background: none !important;
  border: 1px solid #d9d9d9;
}
.to-print .to-table table {
  font-size: 100%;
}
.to-print .to-table tr td,
.to-print .to-table tr th {
  height: auto;
  white-space: normal;
  border-right: 0 none;
  word-wrap: break-word;
  word-break: break-all;
}
.to-print .to-table tr th {
  font-weight: bold;
  background: none;
}
.to-print .to-table tr td.nowrap,
.to-print .to-table tr th.nowrap {
  white-space: nowrap;
}
.to-print .to-table table tbody tr {
  background: none !important;
  opacity: 1 !important;
  color: #000;
}
.to-print .to-table table tbody tr td {
  background: none !important;
  opacity: 1 !important;
}
.to-print .to-table tbody tr.on td {
  color: inherit;
}
.to-print .to-table th.selection,
.to-print .to-table td.selection,
.to-print .to-table th.radio,
.to-print .to-table td.radio,
.to-print .to-table th.action,
.to-print .to-table td.action {
  display: none;
}
.to-print .to-table .leftTop,
.to-print .to-table .rightTop,
.to-print .to-table .right,
.to-print .to-table .top {
  display: none;
}
.to-print .to-table .body {
  height: auto;
}
.to-print .to-table .body .wrapper {
  display: block;
}
.to-print .to-table-print-s {
  font-size: 86.57%;
}
.to-print .to-table-print-xs {
  font-size: 75%;
}
.to-print .to-table-print-xxs {
  font-size: 66.67%;
}
.to-print .to-list-line > ul > li:before {
  border-color: #000 !important;
}
.to-print .to-list-border {
  border-color: #000 !important;
}
.to-print .to-param .label {
  color: #191919;
}
.to-print .to-param-border {
  border: 1px solid #d9d9d9;
}
.to-print .to-article {
  padding: 0;
}
html:not(.s_phone) .to-print .to-table tbody tr.on td,
html:not(.s_phone) .to-print .to-table tbody tr.on td * {
  color: #000 !important;
}
.to-export-layer {
  --padding: 1em;
}
.to-export-select {
  --border: 0 none;
}
.to-export-confirm {
  --radius: 0 var(--radius-fe) var(--radius-fe) 0;
}
.to-import {
  --file-padding: 2em;
  --file-radius: 0;
  --file-border: 0 none;
  --file-bg: none;
  --file-bg-size: 100% 100%;
  --file-gap: 0;
  --file-hover-border: var(--file-border);
  --file-hover-bg: rgba(0, 0, 0, 0.1);
  --file-hover-color: var(--file-color);
  --file-active-border: var(--file-border);
  --file-active-bg: rgba(0, 0, 0, 0.3);
  --file-active-color: var(--file-color);
  --name-margin: 1em;
  --name-color: inherit;
  --name-lh: 1.5em;
  --name-size: 1em;
  --name-weight: normal;
  --fn-margin: 1.5em;
}
.to-import-file {
  cursor: pointer;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: var(--file-padding);
  border-radius: var(--file-radius);
  border: var(--file-border);
  background: var(--file-bg);
  background-size: var(--file-bg-size);
  color: var(--file-color);
  gap: var(--file-gap);
  box-shadow: var(--file-shadow);
}
.to-import-file.is-dragover,
.to-import-file:hover:not(:has(.to-button:hover)) {
  border: var(--file-hover-border);
  background: var(--file-hover-bg);
  color: var(--file-hover-color);
}
.to-import-file:active:not(:has(.to-button:hover)) {
  border: var(--file-active-border);
  background: var(--file-active-bg);
  color: var(--file-active-color);
}
.to-import-file-icon {
  --color: var(--fg-op-3);
  --width: 3em;
  --height: 3em;
  --size: 3em;
}
.to-import-file-name {
  margin-top: var(--name-margin);
  line-height: var(--name-lh);
  font-weight: var(--name-weight);
  color: var(--name-color);
}
.to-import-file-name-text {
  font-size: var(--name-size);
}
.to-import-file-fn {
  margin-top: var(--fn-margin);
  display: flex;
}
.to-import.state-success .to-import-file-icon {
  --color: var(--color-bg);
  --bg: var(--color-success);
  --size: 1.5em;
  --radius: 50%;
}
.to-import.state-error {
  --name-color: var(--color-danger);
}
.to-import.state-error .to-import-file-icon {
  --color: var(--color-bg);
  --bg: var(--color-danger);
  --size: 1.5em;
  --radius: 50%;
}
.to-rate {
  --size: 2em;
  --gap: 0.25em;
  --color: var(--primary);
  --off-color: #ddd;
  --hover-color: var(--primary-light-1);
  --hover-off-color: var(--primary-light-5);
  --score-color: var(--color-fg);
  --score-size: 1em;
  --score-weight: normal;
  --score-gap: 0.5em;
}
.to-rate {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  gap: var(--gap);
}
.to-rate.is-readonly {
  cursor: default;
}
.to-rate:not(.is-readonly) {
  cursor: pointer;
}
.to-rate-item {
  font-size: var(--size);
  line-height: 1;
  color: var(--off-color);
  position: relative;
  display: inline-block;
  transition: color 0.2s ease;
}
.to-rate-item-star:after {
  content: '\2605';
}
.to-rate-item.is-on {
  color: var(--color);
}
.to-rate-item.is-half-on {
  color: var(--color);
}
.to-rate-item.is-half-on .to-rate-item-star {
  position: relative;
  display: inline-block;
  color: var(--off-color);
}
.to-rate-item.is-half-on .to-rate-item-star:before {
  content: '\2605';
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  overflow: hidden;
  color: var(--color);
}
.to-rate:hover .to-rate-item {
  color: var(--hover-off-color);
}
.to-rate:hover .to-rate-item.is-hover {
  color: var(--color);
}
.to-rate.is-readonly:hover .to-rate-item {
  color: var(--off-color);
}
.to-rate.is-readonly:hover .to-rate-item.is-on,
.to-rate.is-readonly:hover .to-rate-item.is-half-on {
  color: var(--color);
}
.to-rate-score {
  font-size: var(--score-size);
  color: var(--score-color);
  font-weight: var(--score-weight);
  margin-left: var(--score-gap);
  line-height: 1;
}
.to-dis.type-opacity {
  opacity: 0.5;
  pointer-events: inherit;
  cursor: not-allowed;
}
.to-dis {
  opacity: 0.5;
  pointer-events: none;
}
.to-dis .to-dis {
  opacity: 1;
}
.to-dis-none {
  pointer-events: none;
}
.to-dis .to-form > ul > li,
.to-dis.to-form > ul > li {
  pointer-events: none;
}
.to-dis.type-select {
  opacity: 1;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.to-size-xxs {
  font-size: 66.67% !important;
}
.to-size-xs {
  font-size: 75% !important;
}
.to-size-s {
  font-size: 85.71% !important;
}
.to-size-m {
  font-size: 100% !important;
}
.to-size-l {
  font-size: 116.67% !important;
}
.to-size-xl {
  font-size: 133.33% !important;
}
.to-size-xxl {
  font-size: 150% !important;
}
.to-size-xxxl {
  font-size: 175% !important;
}
.to-size-xxxxl {
  font-size: 200% !important;
}
input.to-align-right,
.to-align-right,
.to-align-right input,
.to-align-right th,
.to-align-right td {
  text-align: right !important;
}
.to-align-right .to-text {
  justify-content: flex-end !important;
}
input.to-align-center,
.to-align-center,
.to-align-center input,
.to-align-center th,
.to-align-center td {
  text-align: center !important;
  align-items: center;
}
.to-align-center .to-text {
  justify-content: center !important;
}
input.to-align-left,
.to-align-left,
.to-align-left input,
.to-align-left th,
.to-align-left td {
  text-align: left !important;
}
input.to-align-inherit,
.to-align-inherit,
.to-align-inherit input,
.to-align-inherit th,
.to-align-inherit td {
  text-align: inherit !important;
}