/*  Generated by tools/make-light.js from the other stylesheets. Do not edit by hand: put fixes in light-extra.css.  */
/*  styles.css  */
html[data-theme="light"] {
    --bg: #ffffff;
    --pill: #dddddd;
    --text: #000000;
    --muted: #757575;
    --border: rgba(0, 0, 0, 0.22)
}
html[data-theme="light"] {
    scrollbar-color: #b5b5b5 #ffffff
}
html[data-theme="light"] .btn--light {
    background: #000000;
    color: #f5f5f5
}
html[data-theme="light"] .btn--light:hover {
    background: #161616
}
html[data-theme="light"] .btn--outline {
    color: #000000
}
html[data-theme="light"] .btn--outline:hover {
    border-color: #000000;
    background: rgba(0, 0, 0, 0.06)
}
html[data-theme="light"] .header__pill {
    background: rgba(221, 221, 221, 0.72);
    box-shadow: 0 0.625rem 2.5rem rgba(0, 0, 0, 0.2)
}
html[data-theme="light"] .theme-toggle {
    color: #000000
}
html[data-theme="light"] .theme-toggle:hover {
    background: rgba(0, 0, 0, 0.12)
}
html[data-theme="light"] .theme-toggle:focus-visible {
    outline: 2px solid #000000
}
html[data-theme="light"] .nav__link {
    color: #363636
}
html[data-theme="light"] .nav__link:hover,
html[data-theme="light"] .has-dropdown.open > .nav__link {
    color: #000000
}
html[data-theme="light"] .dropdown {
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 0.875rem 2.5rem rgba(0, 0, 0, 0.22)
}
html[data-theme="light"] .dropdown a {
    color: #363636
}
html[data-theme="light"] .dropdown a:hover {
    background: rgba(0, 0, 0, 0.08);
    color: #000000
}
html[data-theme="light"] .hero__fade {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff)
}
@media (max-width: 820px) {
    html[data-theme="light"] .burger span {
        background: #000000
    }
    html[data-theme="light"] .nav {
        box-shadow: 0 0.875rem 2.5rem rgba(0, 0, 0, 0.22)
    }
}
html[data-theme="light"] .video__frame::after {
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.05) 55%, transparent 75%)
}
html[data-theme="light"] .video__player {
    background: #ffffff
}
html[data-theme="light"] .sections a {
    color: #a3a3a3
}
html[data-theme="light"] .sections a:hover {
    color: #424242
}
html[data-theme="light"] .sections a.active {
    color: #000000
}
html[data-theme="light"] .hero--cta {
    background: #ffffff
}
/*  footer.css  */
html[data-theme="light"] .footer {
    background: #ffffff
}
html[data-theme="light"] .footer__logo {
    color: #000000
}
html[data-theme="light"] .footer__about {
    color: #757575
}
html[data-theme="light"] .footer__col h4 {
    color: #000000
}
html[data-theme="light"] .footer__col a {
    color: #757575
}
html[data-theme="light"] .footer__col a:hover {
    color: #000000
}
html[data-theme="light"] .footer__word text {
    fill: #f5f5f5;
    stroke: rgba(0, 0, 0, 0.28)
}
html[data-theme="light"] .footer__copy {
    color: #757575
}
html[data-theme="light"] .footer__word path {
    fill: #f5f5f5;
    stroke: rgba(0, 0, 0, 0.32)
}
html[data-theme="light"] .footer__word::after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6))
}
html[data-theme="light"] .footer__about a {
    color: #757575
}
html[data-theme="light"] .footer__about a:hover {
    color: #000000
}
html[data-theme="light"] .footer__about a {
    color: #000000
}
html[data-theme="light"] .footer__about a:hover {
    color: #292929
}
/*  problem.css  */
html[data-theme="light"] .pmask {
    background: #ffffff
}
html[data-theme="light"] .pnav {
    background-image: radial-gradient(rgba(0, 0, 0, 0.55) 1px, transparent 1.5px)
}
html[data-theme="light"] .pnav ul {
    background: #ffffff
}
html[data-theme="light"] .pnav a {
    color: #000000
}
html[data-theme="light"] .pnav a:hover .pnav__n {
    background: var(--accent, #ff4a12);
    color: #ffffff
}
html[data-theme="light"] .pnav a.is-active .pnav__n {
    background: #000000;
    color: #ffffff
}
html[data-theme="light"] .pnav a:focus-visible {
    outline: 2px solid #000000
}
html[data-theme="light"] .plist {
    color: #191919
}
html[data-theme="light"] .plist li::marker {
    color: #757575
}
html[data-theme="light"] .pbtn {
    border: 1px solid #000000;
    color: #000000
}
html[data-theme="light"] .pbtn:hover,
html[data-theme="light"] .pbtn:focus-visible {
    background: #000000;
    color: #ffffff
}
html[data-theme="light"] .pvis {
    background: #f3f3f3
}
html[data-theme="light"] .pvis__l {
    background: radial-gradient(60% 46% at 88% 104%, rgba(255, 74, 18, 0.5), rgba(255, 74, 18, 0) 72%),
    radial-gradient(55% 40% at 8% 4%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 70%),
    linear-gradient(165deg, #dfdfdf 0%, #f2f2f2 100%)
}
html[data-theme="light"] .pvis__l::before {
    background-image: radial-gradient(rgba(0, 0, 0, 0.16) 1px, transparent 1.5px)
}
html[data-theme="light"] .pc {
    border: 1px solid #d3d3d3;
    background: rgba(241, 241, 241, 0.94);
    color: #000000;
    box-shadow: 0 3cqw 8cqw rgba(0, 0, 0, 0.2)
}
html[data-theme="light"] .pc__k {
    color: #757575
}
html[data-theme="light"] .pc--note {
    background: #e2e2e2;
    border-color: #d0d0d0
}
html[data-theme="light"] .pc__av {
    background: linear-gradient(140deg, #ff7a45, #b53c10)
}
html[data-theme="light"] .pc__top i {
    color: #565656
}
html[data-theme="light"] .pc em {
    color: var(--accent, #ff4a12)
}
html[data-theme="light"] .orb__ring {
    border: 1px dashed #c5c5c5
}
html[data-theme="light"] .orb__core {
    background: #000000;
    color: #ffffff
}
html[data-theme="light"] .orb__c {
    border: 1px solid #c5c5c5;
    background: #eaeaea;
    color: #191919
}
html[data-theme="light"] .orb__c.hot {
    border-color: var(--accent, #ff4a12);
    color: #004f69
}
html[data-theme="light"] .chart .sal {
    stroke: var(--accent, #ff4a12)
}
html[data-theme="light"] .chart .out {
    stroke: #000000
}
html[data-theme="light"] .chart .grid {
    stroke: #d9d9d9
}
html[data-theme="light"] .chart text {
    fill: #565656
}
html[data-theme="light"] .legend {
    color: #303030
}
html[data-theme="light"] .legend i {
    background: #000000
}
html[data-theme="light"] .legend i.o {
    background: var(--accent, #ff4a12)
}
html[data-theme="light"] .steps span {
    border: 1px solid #c5c5c5
}
html[data-theme="light"] .steps span.hot {
    border-color: var(--accent, #ff4a12);
    color: #004f69
}
html[data-theme="light"] .steps b {
    color: #999999
}
html[data-theme="light"] .src li {
    border-bottom: 1px solid #dddddd
}
html[data-theme="light"] .src i {
    background: var(--c, #999999)
}
html[data-theme="light"] .src small {
    color: #757575
}
html[data-theme="light"] .pc--q {
    border-color: #b5b5b5;
    background: rgba(241, 241, 241, 0.8)
}
html[data-theme="light"] .pc--q .q {
    background: var(--accent, #ff4a12)
}
html[data-theme="light"] .day span {
    color: #191919
}
html[data-theme="light"] .day b {
    color: #565656
}
html[data-theme="light"] .day .bar {
    background: #dbdbdb
}
html[data-theme="light"] .day .bar::after {
    background: #000000
}
html[data-theme="light"] .day .hot span,
html[data-theme="light"] .day .hot b {
    color: #004f69
}
html[data-theme="light"] .day .hot .bar::after {
    background: var(--accent, #ff4a12)
}
/*  solution.css  */
html[data-theme="light"] .solution__lead {
    color: #5a5a5a
}
html[data-theme="light"] .spanel {
    background: #ffffff
}
html[data-theme="light"] .spanel__num {
    color: #757575
}
html[data-theme="light"] .spanel__text {
    color: #363636
}
html[data-theme="light"] .spanel__go {
    color: #000000
}
html[data-theme="light"] .spanel__go i {
    border: 1px solid rgba(0, 0, 0, 0.4)
}
html[data-theme="light"] .spanel__go:hover i {
    background: #000000;
    color: #ffffff;
    border-color: #000000
}
html[data-theme="light"] .spanel__go:focus-visible {
    outline: 2px solid #000000
}
html[data-theme="light"] .wv {
    background: #f2f2f2;
    border: 1px solid #d5d5d5;
    box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.2)
}
html[data-theme="light"] .wv__bar {
    border-bottom: 1px solid #dddddd
}
html[data-theme="light"] .wv__bar i {
    background: #cccccc
}
html[data-theme="light"] .wv__url {
    background: #e9e9e9;
    color: #757575
}
html[data-theme="light"] .wv__h {
    background: #d9d9d9
}
html[data-theme="light"] .wv__h--s {
    background: #e2e2e2
}
html[data-theme="light"] .wv__cta {
    background: #000000;
    color: #ffffff
}
html[data-theme="light"] .wv__cta:hover {
    background: #1d1d1d
}
html[data-theme="light"] .wv__row {
    color: #4a4a4a
}
html[data-theme="light"] .wv__row:hover {
    color: #000000
}
html[data-theme="light"] .wv__track {
    background: #e5e5e5
}
html[data-theme="light"] .wv__track b {
    background: #171717
}
html[data-theme="light"] .wv__row:nth-child(3) .wv__track b {
    background: #ff5a1f
}
html[data-theme="light"] .wv__row:hover .wv__track b {
    background: #000000
}
html[data-theme="light"] .wv__row:nth-child(3):hover .wv__track b {
    background: #ff7b45
}
html[data-theme="light"] .wv__tip {
    color: #757575
}
html[data-theme="light"] .hub__lines line {
    stroke: rgba(0, 0, 0, 0.25)
}
html[data-theme="light"] .hub__core {
    background: #000000;
    color: #ffffff;
    box-shadow: 0 0 0 1rem rgba(0, 0, 0, 0.024), 0 0 0 2.2rem rgba(0, 0, 0, 0.012)
}
html[data-theme="light"] .hub__node {
    border: 1px solid rgba(0, 0, 0, 0.35);
    background: #e8e8e8;
    color: #000000
}
html[data-theme="light"] .hub__node:hover,
html[data-theme="light"] .hub__node.on {
    background: #000000;
    color: #ffffff;
    border-color: #000000
}
html[data-theme="light"] .hub__tip {
    color: #757575
}
html[data-theme="light"] .spanel,
html[data-theme="light"] .spanel--1,
html[data-theme="light"] .spanel--2,
html[data-theme="light"] .spanel--3 {
    background: #ffffff
}
html[data-theme="light"] .spanel {
    border-top-color: rgba(0, 0, 0, 0.22)
}
html[data-theme="light"] .hub__tip {
    color: #000000
}
html[data-theme="light"] .pic__bg--1 {
    background: radial-gradient(55% 45% at 82% 88%, #ff4a12 0%, rgba(255, 74, 18, 0) 70%),
  radial-gradient(45% 55% at 12% 12%, #000000 0%, rgba(0, 0, 0, 0) 65%),
  linear-gradient(140deg, #636363 0%, #191919 42%, #828282 100%)
}
html[data-theme="light"] .pic__bg--2 {
    background: radial-gradient(60% 50% at 14% 92%, #ff3d0a 0%, rgba(255, 61, 10, 0) 70%),
  radial-gradient(50% 45% at 88% 8%, #000000 0%, rgba(0, 0, 0, 0) 60%),
  linear-gradient(200deg, #757575 0%, #232323 50%, #656565 100%)
}
html[data-theme="light"] .pic__cap {
    color: #000000
}
html[data-theme="light"] .bw {
    background: #08090c;
    box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.152);
    color: #eeeeee
}
html[data-theme="light"] .bw__bar {
    background: #e9e9e9
}
html[data-theme="light"] .bw__bar i {
    background: #bbbbbb
}
html[data-theme="light"] .bw__bar span {
    background: #dbdbdb;
    color: #656565
}
html[data-theme="light"] .site__logo b {
    background: #eeeeee
}
html[data-theme="light"] .site__links em,
html[data-theme="light"] .shop__links em {
    color: #999999
}
html[data-theme="light"] .site__btn {
    background: #eeeeee;
    color: #000000
}
html[data-theme="light"] .site__btn--lg {
    background: #ff5a1f
}
html[data-theme="light"] .site__copy p {
    color: #999999
}
html[data-theme="light"] .site__img {
    background: radial-gradient(60% 60% at 70% 85%, #ff5a1f, rgba(255, 90, 31, 0) 70%), linear-gradient(140deg, #dddddd, #949494)
}
html[data-theme="light"] .site__cards span {
    background: #16181d
}
html[data-theme="light"] .shop__cart {
    background: #eeeeee;
    color: #000000
}
html[data-theme="light"] .shop__cart b {
    background: #ff5a1f
}
html[data-theme="light"] .shop__head span {
    color: #888888
}
html[data-theme="light"] .prod__img--1 {
    background: radial-gradient(70% 70% at 30% 30%, #0c264e, rgba(12, 38, 78, 0) 70%), linear-gradient(140deg, #3665a4, #75a5d5)
}
html[data-theme="light"] .prod__img--2 {
    background: radial-gradient(60% 60% at 60% 30%, #000000, rgba(0, 0, 0, 0) 70%), linear-gradient(140deg, #232323, #656565)
}
html[data-theme="light"] .prod__img--3 {
    background: radial-gradient(60% 60% at 50% 40%, #00283d, rgba(0, 40, 61, 0) 70%), linear-gradient(140deg, #ff6a2f, #a83a10)
}
html[data-theme="light"] .prod__img--4 {
    background: linear-gradient(140deg, #b5a595, #ddcfc3)
}
html[data-theme="light"] .prod__p {
    color: #999999
}
html[data-theme="light"] .site__img {
    background: radial-gradient(60% 60% at var(--gx, 70%) var(--gy, 85%), #ff5a1f, rgba(255, 90, 31, 0) 70%), linear-gradient(140deg, #dddddd, #949494)
}
html[data-theme="light"] .site__btn:hover {
    background: #d3d3d3
}
html[data-theme="light"] .site__btn--lg:hover {
    background: #ff7440
}
html[data-theme="light"] .site__btn.done {
    background: #e062b2
}
html[data-theme="light"] .site__links em:hover,
html[data-theme="light"] .shop__links em:hover {
    color: #eeeeee
}
html[data-theme="light"] .site__cards span:hover {
    background: #23262e
}
html[data-theme="light"] .prod:hover .prod__img {
    box-shadow: 0 0.6rem 1.3rem rgba(0, 0, 0, 0.112)
}
html[data-theme="light"] .prod__add {
    background: #000000;
    color: #ffffff
}
html[data-theme="light"] .prod__add.done {
    background: #58e04b
}
/*  showcase.css  */
html[data-theme="light"] .showcase__tag {
    color: #000000
}
html[data-theme="light"] .showcase__lead {
    color: #272727
}
html[data-theme="light"] .showcase__cta {
    background: #000000;
    color: #ffffff
}
html[data-theme="light"] .showcase__cta:hover {
    background: #191919
}
html[data-theme="light"] .showcase__btn {
    border: 1px solid rgba(0, 0, 0, 0.5);
    color: #000000
}
html[data-theme="light"] .showcase__btn:hover:not(:disabled) {
    background: #000000;
    color: #ffffff
}
html[data-theme="light"] .scard__media {
    background: #303030
}
html[data-theme="light"] .scard__media--1 {
    background: radial-gradient(55% 45% at 82% 88%, #ff4a12 0%, rgba(255, 74, 18, 0) 70%),
  radial-gradient(45% 55% at 12% 12%, #000000 0%, rgba(0, 0, 0, 0) 65%),
  linear-gradient(140deg, #636363 0%, #191919 42%, #828282 100%)
}
html[data-theme="light"] .scard__media--2 {
    background: radial-gradient(60% 50% at 70% 95%, #ff3d0a 0%, rgba(255, 61, 10, 0) 70%),
  radial-gradient(50% 45% at 90% 8%, #000000 0%, rgba(0, 0, 0, 0) 60%),
  linear-gradient(200deg, #757575 0%, #232323 50%, #656565 100%)
}
html[data-theme="light"] .scard__media--3 {
    background: radial-gradient(50% 40% at 15% 92%, #ff5a1f 0%, rgba(255, 90, 31, 0) 70%),
  radial-gradient(60% 50% at 80% 10%, #0b0b0b 0%, rgba(11, 11, 11, 0) 65%),
  linear-gradient(160deg, #4b4b4b 0%, #131313 48%, #858585 100%)
}
html[data-theme="light"] .scard__media--4 {
    background: radial-gradient(55% 45% at 88% 12%, #ff4a12 0%, rgba(255, 74, 18, 0) 70%),
  radial-gradient(50% 50% at 10% 90%, #000000 0%, rgba(0, 0, 0, 0) 65%),
  linear-gradient(120deg, #5f5f5f 0%, #1d1d1d 50%, #7c7c7c 100%)
}
html[data-theme="light"] .scard__cap {
    color: #161616
}
html[data-theme="light"] .sw {
    background: #f3f3f3;
    border: 1px solid #d5d5d5;
    box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.18);
    color: #171717
}
html[data-theme="light"] .sw__bar {
    color: #757575
}
html[data-theme="light"] .sw__title {
    color: #000000
}
html[data-theme="light"] .sw__label {
    color: #757575
}
html[data-theme="light"] .sw__row {
    border-top: 1px solid #e0e0e0
}
html[data-theme="light"] .sw__note {
    color: #757575
}
html[data-theme="light"] .sw__note b {
    color: #000000
}
html[data-theme="light"] .sbtn {
    border: 1px solid #cccccc;
    background: #ececec;
    color: #000000
}
html[data-theme="light"] .sbtn:hover:not(:disabled) {
    background: #000000;
    color: #ffffff;
    border-color: #000000
}
html[data-theme="light"] .sbtn--solid {
    background: #000000;
    color: #ffffff;
    border-color: #000000
}
html[data-theme="light"] .sbtn--solid:hover:not(:disabled) {
    background: #262626;
    border-color: #262626
}
html[data-theme="light"] .stog {
    background: #d3d3d3
}
html[data-theme="light"] .stog::after {
    background: #000000
}
html[data-theme="light"] .stog[aria-checked="true"] {
    background: #2fbf4f
}
html[data-theme="light"] .chip {
    background: #e3e3e3;
    color: #656565
}
html[data-theme="light"] .chip.run {
    background: #d4d4ed;
    color: #f2d94e
}
html[data-theme="light"] .chip.ok {
    background: #edcfe5;
    color: #58e04b
}
html[data-theme="light"] .chip.off {
    background: #daeaea;
    color: #228888
}
html[data-theme="light"] .chip.warn {
    background: #ccdef0;
    color: #ffa24d
}
html[data-theme="light"] .lead__av {
    background: #d5c5a5
}
html[data-theme="light"] .lead__src {
    color: #757575
}
html[data-theme="light"] .inv__line {
    border-top: 1px solid #e0e0e0;
    color: #303030
}
html[data-theme="light"] .inv__total {
    border-top: 1px solid #cccccc;
    color: #000000
}
html[data-theme="light"] .task {
    color: #656565
}
html[data-theme="light"] .task__dot {
    border: 1px solid #c5c5c5
}
html[data-theme="light"] .task.run {
    color: #000000
}
html[data-theme="light"] .task.run .task__dot {
    border-color: #58e04b #58e04b #58e04b transparent
}
html[data-theme="light"] .task.done {
    color: #171717
}
html[data-theme="light"] .task.done .task__dot {
    background: #58e04b;
    border-color: #58e04b
}
html[data-theme="light"] .task.done .task__dot::after {
    border: solid #ffffff
}
html[data-theme="light"] .bar {
    background: #e0e0e0
}
html[data-theme="light"] .bar > i {
    background: #58e04b
}
html[data-theme="light"] .tabs button {
    color: #575757
}
html[data-theme="light"] .tabs button:hover {
    color: #000000
}
html[data-theme="light"] .tabs button.on {
    background: #dcdcdc;
    color: #000000
}
html[data-theme="light"] .chart {
    border-bottom: 1px solid #d9d9d9
}
html[data-theme="light"] .chart__bar {
    background: #171717
}
html[data-theme="light"] .chart__bar.max {
    background: #ff5a1f
}
html[data-theme="light"] .chart__days {
    color: #888888
}
html[data-theme="light"] .sched button {
    border: 1px solid #d0d0d0;
    color: #575757
}
html[data-theme="light"] .sched button.on {
    background: #000000;
    color: #ffffff;
    border-color: #000000
}
html[data-theme="light"] .toast {
    background: #000000;
    color: #ffffff
}
html[data-theme="light"] .feat__item {
    border-top: 1px solid rgba(0, 0, 0, 0.4)
}
html[data-theme="light"] .feat__item p {
    color: #2f2f2f
}
@media (min-width: 821px) {
    html[data-theme="light"] .cta__link {
        background: #000000;
        color: #ffffff
    }
    html[data-theme="light"] .cta__link:hover {
        background: #191919
    }
}
@media (max-width: 820px) {
    html[data-theme="light"] .cta__link {
        background: #000000;
        color: #ffffff
    }
}
html[data-theme="light"] .scard__media--5 {
    background: radial-gradient(55% 45% at 15% 90%, #ff4a12 0%, rgba(255, 74, 18, 0) 70%),
  radial-gradient(50% 50% at 88% 10%, #000000 0%, rgba(0, 0, 0, 0) 62%),
  linear-gradient(150deg, #575757 0%, #171717 48%, #7f7f7f 100%)
}
html[data-theme="light"] .scard__media--6 {
    background: radial-gradient(60% 50% at 85% 92%, #ff3d0a 0%, rgba(255, 61, 10, 0) 70%),
  radial-gradient(45% 50% at 10% 8%, #090909 0%, rgba(9, 9, 9, 0) 62%),
  linear-gradient(210deg, #707070 0%, #212121 50%, #666666 100%)
}
html[data-theme="light"] .sw__sub {
    color: #757575
}
html[data-theme="light"] .msg {
    border: 1px solid #dbdbdb;
    background: #efefef
}
html[data-theme="light"] .msg__av {
    background: #e090bc
}
html[data-theme="light"] .msg__txt {
    color: #272727
}
html[data-theme="light"] .days__d {
    border: 1px solid #d5d5d5;
    color: #909090
}
html[data-theme="light"] .days__d.on {
    background: #e1e1e1;
    color: #000000;
    border-color: #bbbbbb
}
html[data-theme="light"] .nudge {
    border: 1px dashed #cccccc;
    background: #f0f0f0
}
html[data-theme="light"] .nudge__lab {
    color: #888888
}
html[data-theme="light"] .nudge__txt {
    color: #656565
}
html[data-theme="light"] .nudge.sent {
    border-color: #2fbf4f;
    background: #f1e5ed
}
html[data-theme="light"] .nudge.sent .nudge__txt {
    color: #171717
}
html[data-theme="light"] .nudge.sent .nudge__lab {
    color: #58e04b
}
html[data-theme="light"] .nudge.stopped {
    border-color: #94c5c5
}
html[data-theme="light"] .nudge.stopped .nudge__lab {
    color: #228888
}
html[data-theme="light"] .stock__name {
    color: #000000
}
html[data-theme="light"] .stock__qty {
    color: #757575
}
html[data-theme="light"] .stock__qty b {
    color: #000000
}
html[data-theme="light"] .gauge {
    background: #e5e5e5
}
html[data-theme="light"] .gauge i {
    background: #58e04b
}
html[data-theme="light"] .gauge i.low {
    background: #ff5a1f
}
html[data-theme="light"] .gauge em {
    background: #000000
}
html[data-theme="light"] .gauge__cap {
    color: #888888
}
html[data-theme="light"] .draft {
    border: 1px solid #cccccc;
    background: #eeeeee
}
html[data-theme="light"] .draft__txt {
    color: #2f2f2f
}
html[data-theme="light"] .mail__row {
    border: 1px solid #dbdbdb;
    background: #efefef;
    color: #303030
}
html[data-theme="light"] .mail__row span {
    color: #888888
}
html[data-theme="light"] .mail__row:hover {
    background: #e8e8e8
}
html[data-theme="light"] .mail__row.on {
    background: #e2e2e2;
    border-color: #aaaaaa;
    color: #000000
}
html[data-theme="light"] .triage {
    border: 1px dashed #cccccc
}
html[data-theme="light"] .triage__reply {
    color: #303030
}
html[data-theme="light"] .scard__cap {
    color: #1b1b1b
}
html[data-theme="light"] .scard__t {
    color: #000000
}
/*  software.css  */
html[data-theme="light"] .shero__img {
    background: #eeeeee
}
html[data-theme="light"] .shero__img--a {
    background: radial-gradient(45% 55% at 96% 52%, rgba(255, 86, 24, 0.85), rgba(255, 86, 24, 0) 62%),
  radial-gradient(70% 45% at 60% 32%, #c2c2c2, rgba(194, 194, 194, 0) 70%),
  linear-gradient(180deg, #d9d9d9, #f2f2f2)
}
html[data-theme="light"] .shero__img--a::before {
    background: radial-gradient(60% 70% at 55% 30%, #b2b2b2, #ededed 75%);
    box-shadow: inset 0 -2rem 4rem rgba(0, 0, 0, 0.24)
}
html[data-theme="light"] .shero__img--a::after {
    background: radial-gradient(60% 70% at 50% 20%, #cbcbcb, #f3f3f3 78%);
    box-shadow: inset -0.6rem 0 2rem rgba(255, 86, 24, 0.385)
}
html[data-theme="light"] .shero__img--b {
    background: radial-gradient(circle at 12% 22%, #000000 0 1px, transparent 1.6px),
  radial-gradient(circle at 26% 12%, #301700 0 1.2px, transparent 1.8px),
  radial-gradient(circle at 34% 40%, #000000 0 1px, transparent 1.6px),
  radial-gradient(circle at 8% 58%, #000000 0 1.2px, transparent 1.8px),
  radial-gradient(circle at 19% 72%, #301700 0 1px, transparent 1.6px),
  radial-gradient(circle at 44% 20%, #000000 0 1px, transparent 1.6px),
  radial-gradient(circle at 62% 14%, #000000 0 1.4px, transparent 2px),
  radial-gradient(circle at 71% 34%, #301700 0 1px, transparent 1.6px),
  radial-gradient(circle at 80% 18%, #000000 0 1px, transparent 1.6px),
  radial-gradient(circle at 88% 44%, #000000 0 1.4px, transparent 2px),
  radial-gradient(circle at 92% 12%, #301700 0 1px, transparent 1.6px),
  radial-gradient(circle at 57% 52%, #000000 0 1px, transparent 1.6px),
  radial-gradient(circle at 75% 62%, #000000 0 1.2px, transparent 1.8px),
  radial-gradient(circle at 40% 66%, #000000 0 1px, transparent 1.6px),
  radial-gradient(circle at 16% 40%, #000000 0 1px, transparent 1.6px),
  radial-gradient(50% 45% at 22% 64%, rgba(241, 160, 135, 0.55), rgba(241, 160, 135, 0) 70%),
  radial-gradient(45% 40% at 86% 42%, rgba(165, 195, 105, 0.35), rgba(165, 195, 105, 0) 70%),
  linear-gradient(180deg, #fbf9f3 0%, #f5e7cf 62%, #e5edcf 100%)
}
html[data-theme="light"] .streak {
    background: linear-gradient(180deg, rgba(255, 196, 100, 0.95), #ff6a1f 45%, rgba(255, 106, 31, 0));
    box-shadow: 0 0 2vw rgba(255, 120, 40, 0.385)
}
html[data-theme="light"] .shero__img--c {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0) 55%),
  repeating-linear-gradient(100deg, #f4f4f4 0 1.4vw, #d4d4d4 1.4vw 2.1vw, #f4f4f4 2.1vw 2.6vw)
}
html[data-theme="light"] .agent {
    background: #f4f4f4;
    border: 1px solid #d9d9d9
}
html[data-theme="light"] .agent__ctx {
    border: 1px solid #d0d0d0;
    color: #292929
}
html[data-theme="light"] .agent__ctx b {
    color: #000000
}
html[data-theme="light"] .agent__ctx svg {
    color: #757575
}
html[data-theme="light"] .agent__send {
    border: 1px solid #a5a5a5;
    color: #000000
}
html[data-theme="light"] .agent__send:hover {
    background: #000000;
    color: #f5f5f5;
    border-color: #000000
}
html[data-theme="light"] .agent__send:focus-visible,
html[data-theme="light"] .agent__tabs button:focus-visible {
    outline: 2px solid #000000
}
html[data-theme="light"] .agent__tabs button {
    color: #292929
}
html[data-theme="light"] .agent__tabs button:hover {
    color: #000000
}
html[data-theme="light"] .agent__tabs button.on {
    background: #e9e9e9;
    border-color: #cccccc;
    color: #000000
}
html[data-theme="light"] .fc--mess {
    background: #f4f4f4;
    border: 1px solid #d1d1d1;
    color: #000000
}
html[data-theme="light"] .mess li {
    border-bottom: 1px solid #e1e1e1
}
html[data-theme="light"] .mess__dot {
    background: #aaaaaa
}
html[data-theme="light"] .mess__dot--g {
    background: #c046af
}
html[data-theme="light"] .mess__dot--b {
    background: #4a8cff
}
html[data-theme="light"] .mess__dot--o {
    background: #ff9d3a
}
html[data-theme="light"] .mess__dot--p {
    background: #a06bff
}
html[data-theme="light"] .mess__dot--r {
    background: #ff5a4a
}
html[data-theme="light"] .mess__s {
    color: #757575
}
html[data-theme="light"] .mess b {
    color: #191919
}
html[data-theme="light"] .fc--rec {
    background: #08090c;
    color: #eeeeee;
    box-shadow: 0 2em 5em rgba(0, 0, 0, 0.16)
}
html[data-theme="light"] .rec__av {
    background: #eeeeee;
    color: #000000
}
html[data-theme="light"] .rec__top small {
    color: #888888
}
html[data-theme="light"] .rec__ok {
    background: #1c1f26;
    color: #888888
}
html[data-theme="light"] .is-unified .rec__ok {
    background: #290d23;
    color: #e075c8
}
html[data-theme="light"] .rec__r {
    border-bottom: 1px solid #23262e
}
html[data-theme="light"] .rec__r > span:first-child {
    color: #888888
}
html[data-theme="light"] .rec__v .sk {
    background: #21242c
}
html[data-theme="light"] .rec__tk {
    color: #888888
}
html[data-theme="light"] .rec__tools i {
    border: 1px dashed #3b3e47;
    color: #666666
}
html[data-theme="light"] .is-unified .rec__tools i {
    border-color: #401937;
    background: #290d23;
    color: #e075c8
}
html[data-theme="light"] .fpic > .fc--unify {
    color: #000000;
    box-shadow: 0 1em 2.4em rgba(0, 0, 0, 0.14)
}
html[data-theme="light"] .fc--unify:hover {
    background: #ff6432
}
html[data-theme="light"] .fc--unify:focus-visible {
    outline: 2px solid #000000
}
html[data-theme="light"] .is-unified .fc--unify {
    background: #000000;
    color: #f5f5f5
}
html[data-theme="light"] .fc--job {
    background: #f4f4f4;
    border: 1px solid #d1d1d1;
    color: #000000
}
html[data-theme="light"] .seg {
    border: 1px solid #d5d5d5;
    background: #e9e9e9
}
html[data-theme="light"] .seg button {
    color: #565656
}
html[data-theme="light"] .seg button:hover {
    color: #000000
}
html[data-theme="light"] .seg button.on {
    background: #000000;
    color: #f5f5f5
}
html[data-theme="light"] .seg button:focus-visible {
    outline: 2px solid #000000
}
html[data-theme="light"] .job__chip {
    background: #c5ebef;
    color: #ff8a78
}
html[data-theme="light"] .is-own .job__chip {
    background: #efcfe5;
    color: #a02383
}
html[data-theme="light"] .job__l {
    color: #363636
}
html[data-theme="light"] .job__i {
    border: 1px solid #cccccc;
    color: #757575
}
html[data-theme="light"] .is-own .job__i {
    color: #000000
}
html[data-theme="light"] .fc--req {
    background: #08090c;
    color: #eeeeee;
    box-shadow: 0 2em 5em rgba(0, 0, 0, 0.16)
}
html[data-theme="light"] .req__k {
    color: #888888
}
html[data-theme="light"] .req__s {
    background: #001f23;
    color: #c0341f
}
html[data-theme="light"] .is-own .req__s {
    background: #290d23;
    color: #e075c8
}
html[data-theme="light"] .fc--req small {
    color: #999999
}
html[data-theme="light"] .kan__c small {
    color: #999999
}
html[data-theme="light"] .kan__c small b {
    color: #eeeeee
}
html[data-theme="light"] .kan__k {
    border: 1px solid #1a1d24;
    background: #000000
}
html[data-theme="light"] .kan__k span {
    color: #888888
}
html[data-theme="light"] .kan__k--won {
    border-left: 0.3em solid #2fbf4a
}
html[data-theme="light"] .inv__r {
    border-bottom: 1px solid #23262e
}
html[data-theme="light"] .inv__r--h {
    color: #888888
}
html[data-theme="light"] .inv__b {
    background: #1f2229
}
html[data-theme="light"] .inv__b i {
    background: #eeeeee
}
html[data-theme="light"] .inv__r em.ok {
    background: #290d23;
    color: #e075c8
}
html[data-theme="light"] .inv__r em.low {
    background: #001f23;
    color: #c0341f
}
html[data-theme="light"] .dash div {
    background: #16181d
}
html[data-theme="light"] .dash small {
    color: #999999
}
html[data-theme="light"] .ag {
    background: #eeeeee;
    color: #000000
}
html[data-theme="light"] .ag__k {
    color: #757575
}
html[data-theme="light"] .ag__u {
    background: #d5d5d5
}
html[data-theme="light"] .ag__a {
    color: #2f2f2f
}
html[data-theme="light"] .sc__top span {
    color: #757575
}
html[data-theme="light"] .sc__top em {
    color: #000000
}
html[data-theme="light"] .crm__col {
    border: 1px solid #e0e0e0;
    background: rgba(0, 0, 0, 0.03)
}
html[data-theme="light"] .crm__col small {
    color: #757575
}
html[data-theme="light"] .crm__col small b {
    color: #000000
}
html[data-theme="light"] .kc {
    border: 1px solid #d3d3d3;
    background: #e7e7e7
}
html[data-theme="light"] .kc em {
    color: #757575
}
html[data-theme="light"] .kc.hot {
    box-shadow: 0 0 0 1px var(--accent), 0 0.6em 1.6em rgba(255, 74, 18, 0.175)
}
html[data-theme="light"] .kc[data-col="2"] {
    border-left: 0.3em solid #2fbf4a
}
html[data-theme="light"] .erp__r {
    border-bottom: 1px solid #e1e1e1
}
html[data-theme="light"] .erp .bar {
    background: #dfdfdf
}
html[data-theme="light"] .erp .bar b {
    background: #171717
}
html[data-theme="light"] .erp em.ok {
    background: #efcfe5;
    color: #a02383
}
html[data-theme="light"] .erp em.low {
    background: #c5ebef;
    color: #ff8a78
}
html[data-theme="light"] .erp__toast {
    background: #e4e4e4
}
html[data-theme="light"] .erp__toast b {
    color: #004f69
}
html[data-theme="light"] .erp__toast.done {
    border-color: #2fbf4a
}
html[data-theme="light"] .erp__toast.done b {
    color: #a02383
}
html[data-theme="light"] #erp-flag.low {
    color: #ff8a78
}
html[data-theme="light"] .por__user {
    color: #2f2f2f
}
html[data-theme="light"] .por__user i {
    background: #d5d5d5;
    color: #000000
}
html[data-theme="light"] .por__msg small {
    color: #757575
}
html[data-theme="light"] .por__track::before {
    background: #dbdbdb
}
html[data-theme="light"] .por__track u {
    border: 0.22em solid #cfcfcf;
    background: #e9e9e9
}
html[data-theme="light"] .por__track span {
    color: #888888
}
html[data-theme="light"] .por__track i.on span {
    color: #000000
}
html[data-theme="light"] .por__bar {
    border: 1px solid #dcdcdc;
    background: rgba(0, 0, 0, 0.03);
    color: #757575
}
html[data-theme="light"] .por__bar.ready {
    border-color: #b5b5b5;
    color: #000000
}
html[data-theme="light"] .por__bar.paid {
    border-color: #e0a5cf;
    color: #a02383
}
html[data-theme="light"] .por__pay {
    background: #000000;
    color: #f5f5f5
}
html[data-theme="light"] .por__bar.paid .por__pay {
    background: #efcfe5;
    color: #a02383
}
html[data-theme="light"] .more .chip {
    border: 1px solid #d0d0d0;
    color: #292929
}
html[data-theme="light"] .more .chip--new {
    color: #004f69
}
/*  websites.css  */
html[data-theme="light"] {
    --accent: #ff4a12
}
html[data-theme="light"] .whero {
    --accent: #ff4a12
}
html[data-theme="light"] .wcard {
    background: #f4f4f4;
    border: 1px solid #d1d1d1;
    color: #000000
}
html[data-theme="light"] .wimg {
    background: radial-gradient(55% 55% at 84% 96%, #ff4a12 0%, rgba(255, 74, 18, 0) 70%),
    radial-gradient(50% 60% at 10% 6%, #000000 0%, rgba(0, 0, 0, 0) 62%),
    linear-gradient(140deg, #636363 0%, #191919 42%, #828282 100%)
}
html[data-theme="light"] .wc__bar {
    background: #e9e9e9
}
html[data-theme="light"] .wc__bar i {
    background: #c2c2c2
}
html[data-theme="light"] .wc__bar span {
    background: #dbdbdb;
    color: #707070
}
html[data-theme="light"] .ds__links em {
    color: #757575
}
html[data-theme="light"] .ds__cart {
    background: #000000;
    color: #f5f5f5
}
html[data-theme="light"] .ds__cart b {
    color: #000000
}
html[data-theme="light"] .ds .pr__n {
    color: #000000
}
html[data-theme="light"] .ds .pr__p {
    color: #757575
}
html[data-theme="light"] .win {
    background: #08090c;
    color: #eeeeee;
    box-shadow: 0 2.4em 6em rgba(0, 0, 0, 0.16)
}
html[data-theme="light"] .lw__logo b {
    background: #eeeeee
}
html[data-theme="light"] .lw__links em {
    color: #999999
}
html[data-theme="light"] .lw__btn {
    background: #eeeeee;
    color: #000000
}
html[data-theme="light"] .lw__btn--g {
    color: #eeeeee;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.4)
}
html[data-theme="light"] .lw__p {
    color: #999999
}
html[data-theme="light"] .lw__img {
    background: radial-gradient(60% 60% at 72% 88%, #ff5a1f, rgba(255, 90, 31, 0) 70%), linear-gradient(140deg, #dddddd, #949494)
}
html[data-theme="light"] .lw__cards span {
    background: #16181d
}
html[data-theme="light"] .pr__p {
    color: #999999
}
html[data-theme="light"] .pr__img--1 {
    background: radial-gradient(70% 70% at 30% 25%, #092047, rgba(9, 32, 71, 0) 70%), linear-gradient(140deg, #3665a4, #75a5d5)
}
html[data-theme="light"] .pr__img--1::after {
    background: #0b1933;
    box-shadow: 0 1em 1.6em rgba(0, 0, 0, 0.112)
}
html[data-theme="light"] .pr__img--1::before {
    border: 0.55em solid #0b1933
}
html[data-theme="light"] .pr__img--2 {
    background: radial-gradient(60% 60% at 60% 25%, #000000, rgba(0, 0, 0, 0) 70%), linear-gradient(140deg, #232323, #656565)
}
html[data-theme="light"] .pr__img--2::after {
    background: #000000;
    box-shadow: 0 1em 1.6em rgba(0, 0, 0, 0.1)
}
html[data-theme="light"] .pr__img--2::before {
    border: 0.7em solid #000000
}
html[data-theme="light"] .pr__img--3 {
    background: radial-gradient(60% 60% at 50% 35%, #00283d, rgba(0, 40, 61, 0) 70%), linear-gradient(140deg, #ff6a2f, #a83a10)
}
html[data-theme="light"] .pr__img--3::after {
    background: #001927
}
html[data-theme="light"] .pr__img--3::before {
    background: #001927;
    box-shadow: 0 0.6em 0 0.9em rgba(0, 0, 0, 0.4)
}
html[data-theme="light"] .pr__img--4 {
    background: linear-gradient(140deg, #a59382, #ddcfc3)
}
html[data-theme="light"] .pr__img--4::after {
    box-shadow: 0 1em 1.6em rgba(0, 0, 0, 0.14);
    background: repeating-linear-gradient(90deg, #2c2620 0 0.9em, #554c43 0.9em 1.8em)
}
html[data-theme="light"] .pr__img--5 {
    background: radial-gradient(60% 60% at 40% 25%, #271930, rgba(39, 25, 48, 0) 70%), linear-gradient(140deg, #705779, #b39abb)
}
html[data-theme="light"] .pr__img--5::after {
    background: #172337;
    box-shadow: 0 1em 1.4em rgba(0, 0, 0, 0.1)
}
html[data-theme="light"] .pr__img--5::before {
    background: #c09dc8
}
html[data-theme="light"] .wp__head {
    color: #565656
}
html[data-theme="light"] .wp__head b {
    color: #000000
}
html[data-theme="light"] .wp__dots {
    color: #000000
}
html[data-theme="light"] .wp__box {
    border: 1px solid #cfcfcf
}
html[data-theme="light"] .wbtn--light {
    background: #000000;
    color: #f5f5f5
}
html[data-theme="light"] .wbtn--light:hover {
    background: #161616
}
html[data-theme="light"] .wbtn--accent {
    color: #000000
}
html[data-theme="light"] .wbtn--accent:hover {
    background: #ff6432
}
html[data-theme="light"] .frow__num {
    color: #757575
}
html[data-theme="light"] .frow__text {
    color: #363636
}
html[data-theme="light"] .frow__list {
    color: #363636
}
html[data-theme="light"] .frow__list b {
    color: #000000
}
html[data-theme="light"] .fc small {
    color: #757575
}
html[data-theme="light"] .fpic--1 {
    background: radial-gradient(55% 55% at 88% 96%, #ff4a12 0%, rgba(255, 74, 18, 0) 70%),
  radial-gradient(50% 60% at 8% 6%, #000000 0%, rgba(0, 0, 0, 0) 62%),
  linear-gradient(140deg, #636363 0%, #191919 42%, #828282 100%)
}
html[data-theme="light"] .fc--map {
    background: #f4f4f4;
    border: 1px solid #d1d1d1;
    color: #000000
}
html[data-theme="light"] .fc__head {
    color: #757575
}
html[data-theme="light"] .tree li {
    color: #363636
}
html[data-theme="light"] .tree li::before {
    background: #aaaaaa
}
html[data-theme="light"] .tree .l0 {
    color: #000000
}
html[data-theme="light"] .tree .l0::before {
    background: #000000
}
html[data-theme="light"] .tree .hot {
    color: #000000
}
html[data-theme="light"] .tree .hot span {
    color: #000000
}
html[data-theme="light"] .fc--lp {
    background: #08090c;
    color: #eeeeee;
    box-shadow: 0 2em 5em rgba(0, 0, 0, 0.16)
}
html[data-theme="light"] .lp__nav span {
    background: #eeeeee;
    color: #000000
}
html[data-theme="light"] .lp__cols div {
    background: #16181d
}
html[data-theme="light"] .lp__cols i {
    background: #363941
}
html[data-theme="light"] .lp__cta {
    color: #000000
}
html[data-theme="light"] .fpic--2 {
    background: #f5f5f5
}
html[data-theme="light"] .fpic--2 .t1 {
    background: #e9e9e9;
    border: 1px solid #d9d9d9
}
html[data-theme="light"] .fpic--2 .t2 {
    background: radial-gradient(60% 70% at 78% 85%, #ff4a12, rgba(255, 74, 18, 0) 70%), linear-gradient(160deg, #d5c4b1, #f4f4f4)
}
html[data-theme="light"] .fpic--2 .t3 {
    background: #000000;
    color: #f5f5f5
}
html[data-theme="light"] .fpic--2 .t4 {
    color: #000000
}
html[data-theme="light"] .fpic--2 .t5 {
    background: #16181d;
    color: #eeeeee
}
html[data-theme="light"] .t1 small {
    color: #757575
}
html[data-theme="light"] .t5 small {
    color: #999999
}
html[data-theme="light"] .t3 small {
    color: #999999
}
html[data-theme="light"] .t2 .pill {
    background: rgba(0, 0, 0, 0.16)
}
html[data-theme="light"] .t2 .play {
    background: #000000;
    color: #f5f5f5;
    box-shadow: 0 0 0 1.2em rgba(0, 0, 0, 0.056)
}
html[data-theme="light"] .t2 .cap small {
    color: #2f2f2f
}
html[data-theme="light"] .fpic--4 {
    background: radial-gradient(70% 80% at 88% 100%, rgba(255, 74, 18, 0.35), rgba(255, 74, 18, 0) 60%), #f1f1f1;
    border: 1px solid #d9d9d9
}
html[data-theme="light"] .fc--contact,
html[data-theme="light"] .fc--book {
    color: #000000;
    border: 1px solid #d1d1d1
}
html[data-theme="light"] .fc--contact {
    background: #f4f4f4
}
html[data-theme="light"] .fc--book {
    background: #eaeaea;
    box-shadow: 0 2em 5em rgba(0, 0, 0, 0.2)
}
html[data-theme="light"] .crow {
    border: 1px solid #d1d1d1
}
html[data-theme="light"] .crow .ico {
    background: #000000;
    color: #f5f5f5
}
html[data-theme="light"] .crow i {
    color: #757575
}
html[data-theme="light"] .cal__m span {
    color: #757575
}
html[data-theme="light"] .cal__w i {
    color: #959595
}
html[data-theme="light"] .cal__d i {
    color: #272727
}
html[data-theme="light"] .cal__d i.off {
    color: #b5b5b5
}
html[data-theme="light"] .cal__d i.sel {
    color: #000000
}
html[data-theme="light"] .slots i {
    border: 1px solid #c5c5c5;
    color: #363636
}
html[data-theme="light"] .slots i.on {
    background: #000000;
    border-color: #000000;
    color: #f5f5f5
}
html[data-theme="light"] .book__btn {
    color: #000000
}
html[data-theme="light"] .frm__i {
    border: 1px solid #cccccc;
    background: #f1f1f1
}
html[data-theme="light"] .frm__i svg {
    color: #757575
}
html[data-theme="light"] .tree li:hover {
    color: #000000
}
html[data-theme="light"] .tree li.on {
    color: #000000;
    background: rgba(0, 0, 0, 0.08)
}
html[data-theme="light"] .tree li.on::before,
html[data-theme="light"] .tree .hot::before {
    background: #aaaaaa
}
html[data-theme="light"] .tree li button:focus-visible {
    outline: 2px solid #000000
}
html[data-theme="light"] .t1:focus-visible,
html[data-theme="light"] .t5:focus-visible {
    outline: 2px solid #000000
}
html[data-theme="light"] .t1:hover {
    background: #e2e2e2
}
html[data-theme="light"] .t5:hover {
    background: #21242b
}
html[data-theme="light"] .t2 .play:focus-visible {
    outline: 2px solid #000000
}
html[data-theme="light"] .t2.is-playing .play {
    box-shadow: 0 0 0 1.2em rgba(0, 0, 0, 0.032)
}
html[data-theme="light"] .t2 .prog {
    background: rgba(0, 0, 0, 0.15)
}
html[data-theme="light"] .t2 .prog i {
    background: #000000
}
html[data-theme="light"] .crow:hover {
    border-color: #a5a5a5;
    background: #ededed
}
html[data-theme="light"] .crow:focus-visible {
    outline: 2px solid #000000
}
html[data-theme="light"] .crow.done {
    border-color: #2fbf4a
}
html[data-theme="light"] .crow.done .ico {
    background: #2fbf4a;
    color: #000000
}
html[data-theme="light"] .crow.done i {
    color: #2fbf4a
}
html[data-theme="light"] input.frm__i,
html[data-theme="light"] select.frm__i {
    color: #000000
}
html[data-theme="light"] .frm__i:focus {
    border-color: #4a6cff;
    box-shadow: 0 0 0 1px rgba(74, 108, 255, 0.7)
}
html[data-theme="light"] .frm__i::placeholder {
    color: #a0a0a0
}
html[data-theme="light"] .frm__i option {
    background: #eaeaea;
    color: #000000
}
html[data-theme="light"] .frm__i.bad {
    border-color: #ff5a4a;
    box-shadow: 0 0 0 1px rgba(255, 90, 74, 0.7)
}
html[data-theme="light"] .frm__sel svg {
    color: #757575
}
html[data-theme="light"] .frm .book__btn:hover {
    background: #ff6432
}
html[data-theme="light"] .ok__c {
    background: #2fbf4a;
    color: #000000
}
html[data-theme="light"] .ok__s {
    color: #757575
}
html[data-theme="light"] .ok__again {
    border: 1px solid #c5c5c5;
    color: #2f2f2f
}
html[data-theme="light"] .ok__again:hover {
    border-color: #000000;
    color: #000000
}
html[data-theme="light"] .tree li button span {
    color: #000000
}
html[data-theme="light"] .fpic--5 {
    background: radial-gradient(55% 55% at 10% 96%, #ff4a12 0%, rgba(255, 74, 18, 0) 70%),
  radial-gradient(50% 60% at 94% 6%, #000000 0%, rgba(0, 0, 0, 0) 62%),
  linear-gradient(220deg, #636363 0%, #191919 42%, #828282 100%)
}
html[data-theme="light"] .fc--ed {
    background: #f4f4f4;
    border: 1px solid #d1d1d1;
    color: #000000
}
html[data-theme="light"] .ed__top {
    color: #565656
}
html[data-theme="light"] .ed__top b {
    color: #000000
}
html[data-theme="light"] .ed__st {
    background: #d9d9d9;
    color: #2f2f2f
}
html[data-theme="light"] .ed__i {
    border: 1px solid #cccccc
}
html[data-theme="light"] .ed__i--on {
    border-color: #4a6cff;
    box-shadow: 0 0 0 1px rgba(74, 108, 255, 0.7)
}
html[data-theme="light"] .ed__i u {
    background: #000000
}
html[data-theme="light"] .ed__img {
    background: radial-gradient(60% 60% at 70% 85%, #ff5a1f, rgba(255, 90, 31, 0) 70%), linear-gradient(140deg, #dddddd, #949494)
}
html[data-theme="light"] .ed__btn {
    border: 1px solid #c5c5c5;
    color: #2f2f2f
}
html[data-theme="light"] .ed__tg {
    color: #2f2f2f
}
html[data-theme="light"] .ed__tg i::after {
    background: #000000
}
html[data-theme="light"] .ed__actions em {
    color: #565656
}
html[data-theme="light"] .ed__actions b {
    color: #000000
}
html[data-theme="light"] .fc--pv {
    background: #08090c;
    color: #eeeeee;
    box-shadow: 0 2em 5em rgba(0, 0, 0, 0.16)
}
html[data-theme="light"] .pv__nav span {
    background: #eeeeee;
    color: #000000
}
html[data-theme="light"] .pv__p {
    color: #999999
}
html[data-theme="light"] .pv__btn {
    color: #000000
}
html[data-theme="light"] .fc--toast {
    background: #000000;
    color: #f5f5f5;
    box-shadow: 0 1em 2.4em rgba(0, 0, 0, 0.12)
}
html[data-theme="light"] .fc--toast i {
    background: #2fbf4a
}
html[data-theme="light"] input.ed__i,
html[data-theme="light"] textarea.ed__i {
    color: #000000
}
html[data-theme="light"] .ed__i:focus {
    border-color: #4a6cff;
    box-shadow: 0 0 0 1px rgba(74, 108, 255, 0.7)
}
html[data-theme="light"] .ed__st.is-draft {
    background: #c5d5f3;
    color: #ffb84d
}
html[data-theme="light"] .ed__pub {
    color: #000000
}
html[data-theme="light"] .ed__pub:hover {
    background: #ff6432
}
html[data-theme="light"] .ed__dis {
    color: #565656
}
html[data-theme="light"] .ed__dis:hover {
    color: #000000
}
html[data-theme="light"] .ed__pub:focus-visible,
html[data-theme="light"] .ed__dis:focus-visible {
    outline: 2px solid #000000
}
html[data-theme="light"] .sf {
    --line: rgba(0, 0, 0, 0.32)
}
html[data-theme="light"] .sf__lead {
    color: #000000
}
html[data-theme="light"] .sf-col {
    background-color: #ffffff;
    background-image: radial-gradient(rgba(0, 0, 0, 0.28) 1px, transparent 1.6px)
}
html[data-theme="light"] .sf-tag {
    color: #292929
}
html[data-theme="light"] .sf-tag::before {
    background: #000000
}
html[data-theme="light"] .sf-win {
    background: #08090c;
    color: #eeeeee;
    box-shadow: 0 2em 5em rgba(0, 0, 0, 0.24)
}
html[data-theme="light"] .sfp__cart {
    background: #eeeeee;
    color: #000000
}
html[data-theme="light"] .sfp__chips i {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.4);
    color: #aaaaaa
}
html[data-theme="light"] .sfp__chips i.on {
    background: #eeeeee;
    color: #000000
}
html[data-theme="light"] .sfp__crumb {
    color: #888888
}
html[data-theme="light"] .sfd__rate {
    color: #999999
}
html[data-theme="light"] .sfd__d {
    color: #999999
}
html[data-theme="light"] .sfd__sz i {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.4);
    color: #aaaaaa
}
html[data-theme="light"] .sfd__sz i.on {
    background: #eeeeee;
    color: #000000
}
html[data-theme="light"] .sfd__add {
    color: #000000
}
html[data-theme="light"] .sfd__acc {
    border-top: 1px solid #23262e
}
html[data-theme="light"] .sfd__acc span {
    border-bottom: 1px solid #23262e
}
html[data-theme="light"] .sfc__row {
    border-bottom: 1px solid #23262e
}
html[data-theme="light"] .sfc__i small {
    color: #888888
}
html[data-theme="light"] .sfc__ship span {
    color: #e075c8
}
html[data-theme="light"] .sfc__ship i {
    background: #1f2229
}
html[data-theme="light"] .sfc__ship i b {
    background: #2fbf4a
}
html[data-theme="light"] .sfc__btn {
    color: #000000
}
html[data-theme="light"] .sf-arrow {
    background: #ffffff;
    color: #000000
}
html[data-theme="light"] .sf-shop {
    background: #ffffff;
    color: #292929
}
html[data-theme="light"] .sf-shop b {
    color: #000000
}
html[data-theme="light"] .wclose__k {
    color: #000000
}
html[data-theme="light"] .wcta__text {
    color: #5a5a5a
}
/*  automations.css  */
html[data-theme="light"] .ahero {
    --accent: #ff4a12
}
html[data-theme="light"] .apic {
    background: radial-gradient(80% 42% at 50% 108%, #ff4a12 0%, rgba(255, 74, 18, 0) 74%),
    radial-gradient(70% 40% at 50% 30%, rgba(0, 79, 125, 0.42), rgba(0, 79, 125, 0) 72%),
    linear-gradient(180deg, #b5c3c9 0%, #d8dddf 55%, #edeeef 100%)
}
html[data-theme="light"] .acard {
    color: #000000;
    background: #ebebe7;
    border: 1px solid #d9d9d1;
    box-shadow: 0 2.4em 6em rgba(0, 0, 0, 0.18)
}
html[data-theme="light"] .al__ico {
    background: linear-gradient(140deg, #ff6a2f, #a83a10)
}
html[data-theme="light"] .al__head small {
    color: #656557
}
html[data-theme="light"] .al__head em {
    color: #000000
}
html[data-theme="light"] .acard__k {
    border-bottom: 1px solid #d9d9d1;
    color: #656557
}
html[data-theme="light"] .al__rows button:hover {
    background: #e4e4dd
}
html[data-theme="light"] .al__rows button.on {
    background: #ddddd4
}
html[data-theme="light"] .al__rows button:focus-visible {
    outline: 2px solid #000000
}
html[data-theme="light"] .al__t--o {
    background: linear-gradient(140deg, #ff6a2f, #a83a10)
}
html[data-theme="light"] .al__t--b {
    background: linear-gradient(140deg, #4a7bff, #e2c565)
}
html[data-theme="light"] .al__t--g {
    background: linear-gradient(140deg, #34c257, #eb94d5)
}
html[data-theme="light"] .al__x small {
    color: #656557
}
html[data-theme="light"] .as__tabs span {
    color: #36362d
}
html[data-theme="light"] .as__tabs span.on {
    background: #dadacf;
    color: #000000
}
html[data-theme="light"] .as__tabs .as__plus {
    color: #656557
}
html[data-theme="light"] .as__l {
    color: #656557
}
html[data-theme="light"] .as__box {
    border: 1px solid #ccccc2;
    background: #efefea
}
html[data-theme="light"] .as__box--sel::after {
    border-right: 2px solid #656557;
    border-bottom: 2px solid #656557
}
html[data-theme="light"] .ah__rows li.on {
    background: #dfdfd5
}
html[data-theme="light"] .ah__r {
    border: 0.16em solid #b5b5a9
}
html[data-theme="light"] .ah__rows li.on .ah__r {
    border-color: #7aa2ff
}
html[data-theme="light"] .ah__rows small {
    color: #656557
}
html[data-theme="light"] .ah__s {
    background: #efcfe5;
    color: #a02383
}
html[data-theme="light"] .ah__s.live {
    background: #ebddb5;
    color: #7aa2ff
}
html[data-theme="light"] .fpic--a {
    background: radial-gradient(55% 55% at 88% 96%, #ff4a12 0%, rgba(255, 74, 18, 0) 70%),
  radial-gradient(50% 60% at 8% 6%, #000000 0%, rgba(0, 0, 0, 0) 62%),
  linear-gradient(140deg, #636363 0%, #191919 42%, #828282 100%)
}
html[data-theme="light"] .aseg {
    border: 1px solid #d5d5d5;
    background: #e9e9e9
}
html[data-theme="light"] .aseg button {
    color: #565656
}
html[data-theme="light"] .aseg button:hover {
    color: #000000
}
html[data-theme="light"] .aseg button.on {
    background: #000000;
    color: #f5f5f5
}
html[data-theme="light"] .aseg button:focus-visible {
    outline: 2px solid #000000
}
html[data-theme="light"] .fc--jr {
    background: #f4f4f4;
    border: 1px solid #d1d1d1;
    color: #000000
}
html[data-theme="light"] .jr__chip {
    background: #c5ebef;
    color: #ff8a78
}
html[data-theme="light"] .is-own .jr__chip {
    background: #efcfe5;
    color: #a02383
}
html[data-theme="light"] .jr li {
    border-bottom: 1px solid #e1e1e1
}
html[data-theme="light"] .jr__d {
    background: #ff5a4a
}
html[data-theme="light"] .is-own .jr__d {
    background: #3fd15c
}
html[data-theme="light"] .jr__l {
    color: #131313
}
html[data-theme="light"] .jr__v {
    color: #006270
}
html[data-theme="light"] .is-own .jr__v {
    color: #a02383
}
html[data-theme="light"] .fc--hrs {
    background: #08090c;
    color: #eeeeee;
    box-shadow: 0 2em 5em rgba(0, 0, 0, 0.16)
}
html[data-theme="light"] .hrs__k {
    color: #888888
}
html[data-theme="light"] .hrs__s {
    background: #001f23;
    color: #c0341f
}
html[data-theme="light"] .is-own .hrs__s {
    background: #290d23;
    color: #e075c8
}
html[data-theme="light"] .fc--hrs small {
    color: #999999
}
html[data-theme="light"] .fc--pick {
    background: #f4f4f4;
    border: 1px solid #d1d1d1;
    color: #000000
}
html[data-theme="light"] .pk button {
    border: 1px solid #d5d5d5;
    color: #565656
}
html[data-theme="light"] .pk button:hover {
    color: #000000;
    border-color: #bbbbbb
}
html[data-theme="light"] .pk button.on {
    background: #e5e5e5;
    border-color: #000000;
    color: #000000
}
html[data-theme="light"] .pk button:focus-visible {
    outline: 2px solid #000000
}
html[data-theme="light"] .pk button i {
    border: 0.14em solid #aaaaaa
}
html[data-theme="light"] .pk button.on i {
    box-shadow: inset 0 0 0 0.16em rgba(0, 0, 0, 0.4)
}
html[data-theme="light"] .fc--dx {
    background: #08090c;
    color: #eeeeee;
    box-shadow: 0 2em 5em rgba(0, 0, 0, 0.16)
}
html[data-theme="light"] .dx__k {
    color: #888888
}
html[data-theme="light"] .dx__m > span {
    color: #999999
}
html[data-theme="light"] .dx__bar {
    background: #1f2229
}
html[data-theme="light"] .dx__bar b {
    background: #2fbf4a
}
html[data-theme="light"] .fc--dx small {
    color: #999999
}
html[data-theme="light"] .flow__n {
    border: 1px solid #1a1d24;
    background: #000000
}
html[data-theme="light"] .flow__n + .flow__n::before {
    background: #363942
}
html[data-theme="light"] .flow__n i {
    background: #eeeeee;
    color: #000000
}
html[data-theme="light"] .flow__n small {
    color: #888888
}
html[data-theme="light"] .flow__n em {
    background: #16181d;
    color: #aaaaaa
}
html[data-theme="light"] .flow__n:first-child em {
    background: #001f2d;
    color: #c2410c
}
html[data-theme="light"] .tl__r {
    border: 1px solid #1a1d24;
    background: #000000
}
html[data-theme="light"] .tl__d {
    border: 0.18em solid #363942
}
html[data-theme="light"] .tl__d--done {
    border-color: #2fbf4a;
    background: #2fbf4a
}
html[data-theme="light"] .tl__r small {
    color: #888888
}
html[data-theme="light"] .tl__r em.ok,
html[data-theme="light"] .rc__r em.ok {
    background: #290d23;
    color: #e075c8
}
html[data-theme="light"] .tl__r em.wait {
    background: #16181d;
    color: #999999
}
html[data-theme="light"] .rc__r em.fix {
    background: #001f2d;
    color: #c2410c
}
html[data-theme="light"] .dash--2 div {
    background: #16181d
}
html[data-theme="light"] .dash--2 small {
    color: #999999
}
html[data-theme="light"] .rc__r {
    border-bottom: 1px solid #23262e
}
html[data-theme="light"] .rc__r--h {
    color: #888888
}
html[data-theme="light"] .rc__sum {
    color: #aaaaaa
}
html[data-theme="light"] .rc__sum b {
    color: #eeeeee
}
/*  portfolio.css  */
html[data-theme="light"] {
    --accent: #ff4a12
}
html[data-theme="light"] .phero__lead {
    color: #303030
}
html[data-theme="light"] .pf__label {
    color: #757575
}
html[data-theme="light"] .pf__tab {
    border: 1px solid rgba(0, 0, 0, 0.22);
    color: #000000
}
html[data-theme="light"] .pf__tab sup {
    color: #757575
}
html[data-theme="light"] .pf__tab:hover {
    border-color: #000000
}
html[data-theme="light"] .pf__tab:focus-visible {
    outline: 2px solid #000000
}
html[data-theme="light"] .pf__tab.is-active {
    background: #000000;
    color: #f5f5f5;
    border-color: #000000
}
html[data-theme="light"] .pf__tab.is-active sup {
    color: #949494
}
html[data-theme="light"] .pf__empty {
    color: #757575
}
html[data-theme="light"] .pcard {
    background: #f2f2f2;
    border: 1px solid rgba(0, 0, 0, 0.12)
}
html[data-theme="light"] .pcard:hover {
    border-color: rgba(0, 0, 0, 0.32);
    background: #eeeeee
}
html[data-theme="light"] .pcard__cat {
    color: #757575
}
html[data-theme="light"] .pcard:has(.pcard__link:focus-visible) {
    outline: 2px solid #000000
}
html[data-theme="light"] .pcard__desc {
    color: #4f4f4f
}
html[data-theme="light"] .pcard__shot {
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 2.4rem 6rem rgba(0, 0, 0, 0.2)
}
html[data-theme="light"] .cs__back {
    color: #5a5a5a
}
html[data-theme="light"] .cs__back:hover {
    color: #000000
}
html[data-theme="light"] .cs__shot {
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: 0 2.4rem 6rem rgba(0, 0, 0, 0.2)
}
html[data-theme="light"] .cs__zoom:focus-visible {
    outline: 2px solid #000000
}
html[data-theme="light"] .cs__shot:hover {
    border-color: rgba(0, 0, 0, 0.4)
}
html[data-theme="light"] .lbox {
    border: 1px solid rgba(0, 0, 0, 0.18);
    background: #ffffff
}
html[data-theme="light"] .lbox::backdrop {
    background: rgba(255, 255, 255, 0.82)
}
html[data-theme="light"] .lbox__close {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.35);
    color: #000000
}
html[data-theme="light"] .lbox__close:hover {
    background: #ffffff
}
html[data-theme="light"] .cs__row {
    border-top: 1px solid rgba(0, 0, 0, 0.14)
}
html[data-theme="light"] .cs__k {
    color: #757575
}
html[data-theme="light"] .cs__p {
    color: #303030
}
html[data-theme="light"] .cs__list {
    border-bottom: 1px solid rgba(0, 0, 0, 0.14)
}
html[data-theme="light"] .cs__list li {
    border-top: 1px solid rgba(0, 0, 0, 0.14);
    color: #1d1d1d
}
html[data-theme="light"] .cs__list li::before {
    color: #909090
}
html[data-theme="light"] .cs__cta {
    border-top: 1px solid rgba(0, 0, 0, 0.14)
}
html[data-theme="light"] .cs__sub {
    color: #757575
}
html[data-theme="light"] .cs__list li b {
    color: #000000
}
html[data-theme="light"] .cs__tbl th,
html[data-theme="light"] .cs__tbl td {
    border-top: 1px solid rgba(0, 0, 0, 0.14)
}
html[data-theme="light"] .cs__tbl thead th {
    color: #757575
}
html[data-theme="light"] .cs__tbl thead th:last-child {
    color: #000000
}
html[data-theme="light"] .cs__tbl tbody th {
    color: #000000
}
html[data-theme="light"] .cs__tbl td {
    color: #757575
}
html[data-theme="light"] .cs__tbl td:last-child {
    color: #000000
}
html[data-theme="light"] .cs__tbl tbody tr:last-child > * {
    border-bottom: 1px solid rgba(0, 0, 0, 0.14)
}
html[data-theme="light"] .shot-empty {
    background: #f2f2f2;
    border-color: rgba(0, 0, 0, 0.2)
}
html[data-theme="light"] .shot-empty span {
    color: #909090
}
html[data-theme="light"] .cs__shot.shot-empty:hover {
    border-color: rgba(0, 0, 0, 0.2)
}
@media (max-width: 820px) {
    html[data-theme="light"] .pf__toggle {
        border: 1px solid rgba(0, 0, 0, 0.14);
        color: #000000
    }
    html[data-theme="light"] .pf__toggle sup {
        color: #757575
    }
    html[data-theme="light"] .pf__tabs {
        box-shadow: 0 0.875rem 2.5rem rgba(0, 0, 0, 0.22)
    }
    html[data-theme="light"] .pf__tab:hover {
        background: rgba(0, 0, 0, 0.08)
    }
    html[data-theme="light"] .pf__tab.is-active:hover {
        background: #000000
    }
}
/*  contact.css  */
html[data-theme="light"] {
    --accent: #ff4a12
}
html[data-theme="light"] .chero {
    background: linear-gradient(rgba(0, 0, 0, 0.045) 1px, transparent 1px) 0 0 / 9rem 9rem,
    linear-gradient(90deg, rgba(0, 0, 0, 0.045) 1px, transparent 1px) 0 0 / 9rem 9rem,
    #ffffff
}
html[data-theme="light"] .chero::after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff)
}
html[data-theme="light"] .csheet {
    background: #ffffff;
    color: #000000
}
html[data-theme="light"] .cmail__addr {
    color: #000000
}
html[data-theme="light"] .cmail__text {
    color: #5a5a5a
}
/*  legal.css  */
html[data-theme="light"] {
    --accent: #ff4a12
}
html[data-theme="light"] .lhero__meta {
    color: #757575
}
html[data-theme="light"] .legal__in {
    border-top: 1px solid rgba(0, 0, 0, 0.14)
}
html[data-theme="light"] .legal__toch {
    color: #757575
}
html[data-theme="light"] .legal__toc li::before {
    color: #909090
}
html[data-theme="light"] .legal__toc a {
    color: #5a5a5a
}
html[data-theme="light"] .legal__toc a:hover {
    color: #000000
}
html[data-theme="light"] .legal__s {
    border-top: 1px solid rgba(0, 0, 0, 0.14)
}
html[data-theme="light"] .legal__n {
    color: #757575
}
html[data-theme="light"] .legal__s p {
    color: #424242
}
html[data-theme="light"] .legal__s li {
    color: #424242
}
html[data-theme="light"] .legal__s b {
    color: #000000
}
html[data-theme="light"] .legal__s a {
    color: #000000;
    text-decoration-color: rgba(0, 0, 0, 0.4)
}
html[data-theme="light"] .legal__s a:hover {
    text-decoration-color: #000000
}
/*  notfound.css  */
html[data-theme="light"] .nf {
    background: linear-gradient(rgba(0, 0, 0, 0.045) 1px, transparent 1px) 0 0 / 9rem 9rem,
    linear-gradient(90deg, rgba(0, 0, 0, 0.045) 1px, transparent 1px) 0 0 / 9rem 9rem,
    #ffffff
}
html[data-theme="light"] .nf::after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff)
}
html[data-theme="light"] .nf__code {
    color: #757575
}
html[data-theme="light"] .nf__text {
    color: #5a5a5a
}