:root{--app-bg-gradient-1:linear-gradient(145deg,#fff 0%,#eef3f7 100%);--app-bg-gradient-2:linear-gradient(40deg,#fff 0%,#eef3f7 100%);--app-bg-gradient-1-hover:linear-gradient(43deg,#eef3f74d 0%,#eef3f7 100%);--app-bg-gradient-3:linear-gradient(60deg,#f5e1e2 0%,#f8dde6 20%,#cbd8ff 40%,#e8efff 70%,#c7dbf7 100%);--app-bg-gradient-4:linear-gradient(180deg,var(--app-wrapper-white)45%,#ffffffb3 70%,#fff0 90%);--test-bg-gradient:linear-gradient(45deg,#25db0db3 0%,#eef3f74d 50%,#0381e94d 100%);--blue-shadow:0 10px 20px 4px #5c9aff4d;--app-wrapper-white:#fff;--light-blue-1:#ddeaf4;--light-blue-2:#358cfe;--light-gray-0:#eef3f7;--light-gray-1:#bac2ce;--light-gray-2:#a0aeba;--light-gray-3:#fff;--light-gray-4:#7d8388;--light-gray-5:#e1e9ef;--light-gray-6:#d6dde1;--light-gray-7:#e2e6ea;--light-gray-8:#e6e6e6;--light-gray-9:#f3f7fa;--light-gray-10:#cfd7e4;--light-gray-11:#f5fafe;--light-gray-12:#dfe3eb;--transparent-gray:#d3e1ec8c}.dark{--app-wrapper-white:var(--Dark-mode-body-bg);--app-bg-gradient-1:linear-gradient(145deg,#212833 0%,#3d4655 100%);--app-bg-gradient-2:linear-gradient(40deg,#212833 0%,#333e4e 100%);--app-bg-gradient-1-hover:linear-gradient(43deg,#2d374666 0%,#2d3746 100%);--app-bg-gradient-3:linear-gradient(60deg,#2a1f24 0%,#2e2230 20%,#242c4a 40%,#303a5e 70%,#344566 100% );--app-bg-gradient-4:linear-gradient(180deg,var(--Dark-mode-body-bg)45%,#1e2430b3 70%,#1e243000 90%);--blue-shadow:0 10px 22px 4px #14285a8c;--light-blue-1:#243042;--light-blue-2:#4f8cff;--light-gray-0:#141c2b;--light-gray-1:#2a3240;--light-gray-2:#48546b;--light-gray-3:var(--Dark-mode-body-bg);--light-gray-4:#9aa3ad;--light-gray-5:#202836;--light-gray-6:#2b3342;--light-gray-7:#373f50;--light-gray-8:#2f3746;--light-gray-9:#2b3444;--light-gray-10:#3b4558;--light-gray-11:#212833;--light-gray-12:#2d3544;--transparent-gray:#d3e1ec1a}.p-1px{padding:1px}.app-wrapper-theme-default{--outer-bg:var(--light-blue-1);--inner-bg:var(--app-wrapper-white);--stroke-color:var(--app-wrapper-white);--dot-color:var(--light-gray-1)}.app-wrapper-theme-default:hover{--outer-bg:var(--light-gray-2);--inner-bg:var(--light-gray-0);--stroke-color:var(--light-gray-3);--dot-color:var(--light-gray-4)}.app-wrapper-theme-0{--outer-bg:var(--light-blue-1);--inner-bg:var(--app-bg-gradient-2);--stroke-color:var(--app-wrapper-white);--dot-color:var(--light-gray-1)}.app-wrapper-theme-0-hover:hover{--outer-bg:var(--light-gray-2);--inner-bg:var(--app-bg-gradient-2);--stroke-color:var(--app-wrapper-white);--dot-color:var(--light-gray-4)}.app-wrapper-theme-1{--outer-bg:var(--light-blue-1);--inner-bg:var(--app-bg-gradient-1);--stroke-color:var(--app-wrapper-white);--dot-color:var(--light-gray-1)}.app-wrapper-theme-1:hover{--outer-bg:var(--light-gray-2);--inner-bg:var(--app-bg-gradient-1);--stroke-color:var(--app-wrapper-white);--dot-color:var(--light-gray-4)}.app-wrapper-theme-2{--outer-bg:var(--light-blue-2);--inner-bg:var(--light-gray-11);--stroke-color:#3a83e280;--dot-color:var(--light-blue-2)}.app-wrapper-theme-3{--outer-bg:var(--light-blue-1);--inner-bg:var(--light-gray-0);--stroke-color:var(--app-wrapper-white);--dot-color:var(--light-gray-1)}.app-wrapper-theme-3:hover{--outer-bg:var(--light-gray-2);--inner-bg:var(--light-gray-0);--stroke-color:var(--light-gray-3);--dot-color:var(--light-gray-4)}.app-wrapper-theme-3.active{--outer-bg:#358cfe99;--inner-bg:var(--light-blue-2);--stroke-color:var(--light-blue-2)}.app-wrapper-theme-3.active.blue-shadow{box-shadow:var(--blue-shadow);border-radius:8px}.app-wrapper-theme-4{--outer-bg:var(--light-gray-5);--inner-bg:var(--light-gray-5);--stroke-color:var(--light-gray-5);--dot-color:var(--light-gray-6)}.app-wrapper-theme-5{--outer-bg:var(--app-wrapper-white);--inner-bg:var(--app-wrapper-white);--stroke-color:var(--app-wrapper-white);--dot-color:var(--app-wrapper-white)}.app-wrapper-theme-6{--outer-bg:var(--light-gray-7);--inner-bg:var(--app-wrapper-white);--stroke-color:var(--app-wrapper-white);--dot-color:var(--light-gray-12);--header-bg:var(--light-gray-9);--number-color:var(--transparent-gray)}.app-wrapper-theme-7{--outer-bg:var(--light-gray-8);--inner-bg:var(--light-gray-9);--stroke-color:var(--light-gray-9);--dot-color:var(--light-gray-10);--header-bg:var(--app-wrapper-white);--header-stroke:var(--light-gray-7)}.app-wrapper-theme-7-gradient{--outer-bg:var(--light-gray-8);--inner-bg:var(--light-gray-9);--stroke-color:var(--light-gray-9);--dot-color:var(--light-gray-10);--header-bg:var(--app-bg-gradient-3);--header-before-bg:var(--app-bg-gradient-4);--header-stroke:var(--light-gray-7)}.app-wrapper-theme-8{--outer-bg:var(--light-gray-8);--inner-bg:var(--app-wrapper-white);--stroke-color:var(--light-gray-9);--dot-color:var(--light-gray-10);--header-bg:var(--app-wrapper-white)}.app-wrapper-theme-9{--outer-bg:var(--light-gray-8);--inner-bg:var(--light-gray-9);--stroke-color:var(--light-gray-9)}:root{--feature-bg-op:.4;--feature-number-op:.45;--feature-outer-bg-hovered:var(--light-gray-2);--feature-dot-color-bg-hovered:var(--light-gray-4);--feature-1-color:140,140,234;--feature-2-color:126,209,240;--feature-3-color:249,146,120;--feature-4-color:116,218,178;--feature-5-color:238,187,104;--feature-6-color:188,137,137;--feature-7-color:199,138,182;--feature-8-color:93,163,255;--feature-9-color:106,214,218;--feature-10-color:185,213,93;--feature-11-color:217,119,145;--feature-12-color:218,179,144;--feature-13-color:143,211,144;--feature-14-color:146,114,188;--feature-15-color:75,81,89}.dark{--feature-2-color:155,235,255;--feature-3-color:255,175,150;--feature-4-color:155,245,210;--feature-5-color:255,215,140;--feature-6-color:225,165,165;--feature-7-color:235,170,215;--feature-8-color:135,195,255;--feature-9-color:145,235,240;--feature-10-color:215,235,135;--feature-11-color:255,160,185;--feature-12-color:255,210,170;--feature-13-color:175,235,180;--feature-14-color:185,160,235;--feature-15-color:145,155,165}.app-wrapper-feature-1-hover:hover{--header-bg:rgba(var(--feature-1-color),var(--feature-bg-op));--number-color:rgba(var(--feature-1-color),var(--feature-number-op));--outer-bg:var(--feature-outer-bg-hovered);--dot-color:var(--feature-dot-color-bg-hovered)}.app-wrapper-feature-2-hover:hover{--header-bg:rgba(var(--feature-2-color),var(--feature-bg-op));--number-color:rgba(var(--feature-2-color),var(--feature-number-op));--outer-bg:var(--feature-outer-bg-hovered);--dot-color:var(--feature-dot-color-bg-hovered)}.app-wrapper-feature-3-hover:hover{--header-bg:rgba(var(--feature-3-color),var(--feature-bg-op));--number-color:rgba(var(--feature-3-color),var(--feature-number-op));--outer-bg:var(--feature-outer-bg-hovered);--dot-color:var(--feature-dot-color-bg-hovered)}.app-wrapper-feature-4-hover:hover{--header-bg:rgba(var(--feature-4-color),var(--feature-bg-op));--number-color:rgba(var(--feature-4-color),var(--feature-number-op));--outer-bg:var(--feature-outer-bg-hovered);--dot-color:var(--feature-dot-color-bg-hovered)}.app-wrapper-feature-5-hover:hover{--header-bg:rgba(var(--feature-5-color),var(--feature-bg-op));--number-color:rgba(var(--feature-5-color),var(--feature-number-op));--outer-bg:var(--feature-outer-bg-hovered);--dot-color:var(--feature-dot-color-bg-hovered)}.app-wrapper-feature-6-hover:hover{--header-bg:rgba(var(--feature-6-color),var(--feature-bg-op));--number-color:rgba(var(--feature-6-color),var(--feature-number-op));--outer-bg:var(--feature-outer-bg-hovered);--dot-color:var(--feature-dot-color-bg-hovered)}.app-wrapper-feature-7-hover:hover{--header-bg:rgba(var(--feature-7-color),var(--feature-bg-op));--number-color:rgba(var(--feature-7-color),var(--feature-number-op));--outer-bg:var(--feature-outer-bg-hovered);--dot-color:var(--feature-dot-color-bg-hovered)}.app-wrapper-feature-8-hover:hover{--header-bg:rgba(var(--feature-8-color),var(--feature-bg-op));--number-color:rgba(var(--feature-8-color),var(--feature-number-op));--outer-bg:var(--feature-outer-bg-hovered);--dot-color:var(--feature-dot-color-bg-hovered)}.app-wrapper-feature-9-hover:hover{--header-bg:rgba(var(--feature-9-color),var(--feature-bg-op));--number-color:rgba(var(--feature-9-color),var(--feature-number-op));--outer-bg:var(--feature-outer-bg-hovered);--dot-color:var(--feature-dot-color-bg-hovered)}.app-wrapper-feature-10-hover:hover{--header-bg:rgba(var(--feature-10-color),var(--feature-bg-op));--number-color:rgba(var(--feature-10-color),var(--feature-number-op));--outer-bg:var(--feature-outer-bg-hovered);--dot-color:var(--feature-dot-color-bg-hovered)}.app-wrapper-feature-11-hover:hover{--header-bg:rgba(var(--feature-11-color),var(--feature-bg-op));--number-color:rgba(var(--feature-11-color),var(--feature-number-op));--outer-bg:var(--feature-outer-bg-hovered);--dot-color:var(--feature-dot-color-bg-hovered)}.app-wrapper-feature-12-hover:hover{--header-bg:rgba(var(--feature-12-color),var(--feature-bg-op));--number-color:rgba(var(--feature-12-color),var(--feature-number-op));--outer-bg:var(--feature-outer-bg-hovered);--dot-color:var(--feature-dot-color-bg-hovered)}.app-wrapper-feature-13-hover:hover{--header-bg:rgba(var(--feature-13-color),var(--feature-bg-op));--number-color:rgba(var(--feature-13-color),var(--feature-number-op));--outer-bg:var(--feature-outer-bg-hovered);--dot-color:var(--feature-dot-color-bg-hovered)}.app-wrapper-feature-14-hover:hover{--header-bg:rgba(var(--feature-14-color),var(--feature-bg-op));--number-color:rgba(var(--feature-14-color),var(--feature-number-op));--outer-bg:var(--feature-outer-bg-hovered);--dot-color:var(--feature-dot-color-bg-hovered)}.app-wrapper-feature-15-hover:hover{--header-bg:rgba(var(--feature-15-color),var(--feature-bg-op));--number-color:rgba(var(--feature-15-color),var(--feature-number-op));--outer-bg:var(--feature-outer-bg-hovered);--dot-color:var(--feature-dot-color-bg-hovered)}.app-outer-wrapper{background:var(--outer-bg);transition:background .3s}.app-wrapper{background:var(--inner-bg);box-shadow:inset 0 0 0 1px var(--stroke-color);transition:background .3s,box-shadow .3s}.app-wrapper-header{background:var(--header-bg);border:solid 1px var(--header-stroke);z-index:1;transition:background .3s;position:relative;overflow:hidden}.app-wrapper-header:before{content:"";background:var(--header-before-bg);pointer-events:none;z-index:-1;position:absolute;inset:0}.app-dot{background-color:var(--dot-color);transition:background-color .3s}.number-color{color:var(--number-color);z-index:-2;transition:color .3s;position:relative}