/*
 *Last modified: 2024-07-04 17:02:27
 */
@charset "utf-8";
@import (optional, reference) "var.less";
/*grid layout*/
._grid {
    --_share-avg: 4;
    --_group: 4;
    --_gap-grid: 0;
    box-sizing: border-box;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(var(--_share-avg), 1fr);
    grid-gap: var(--_gap-grid);
    position: relative;
    z-index: 2;
    &:where(ul),
    *:where(ul) {
        padding-inline-start: 0;
        &>li:before {
            display: none;
        }
    }
    >* {
        min-width: 0;
        box-sizing: border-box;
    }
    &._fence {
        background-color: var(--_c-text-bd);
        grid-gap: 1px;
        >* {
            background-color: var(--_c-stage);
        }
    }
    &._fluid {
        border-left: 1px solid var(--_c-text-bd);
        border-top: 1px solid var(--_c-text-bd);
        >* {
            border-right: 1px solid var(--_c-text-bd);
            border-bottom: 1px solid var(--_c-text-bd);
        }
    }
    &._ratio>*,
    &._ratio-11>* {
        aspect-ratio: 1/1;
    }
    &._ratio-169>* {
        aspect-ratio: 16/9;
    }
    &._ratio-1610>* {
        aspect-ratio: 16/10;
    }
    &._ratio-43>* {
        aspect-ratio: 4/3;
    }
    &._ratio-32>* {
        aspect-ratio: 3/2;
    }
    &._g-0 {
        --_gap-grid: 0;
    }
    &._g-1 {
        --_gap-grid: 1px;
    }
    &._g-2 {
        --_gap-grid: 2px;
    }
    &._g-3 {
        --_gap-grid: 3px;
    }
    &._g-xxs {
        --_gap-grid: var(--_g);
    }
    &._g-xs {
        --_gap-grid: var(--_g-sm);
    }
    &._g,
    &._g-sm {
        --_gap-grid: var(--_p);
    }
    &._g-md {
        --_gap-grid: var(--_sz-list);
    }
    &._g-lg {
        --_gap-grid: var(--_sz-body);
    }
    &._g-xl {
        --_gap-grid: var(--_sz-input);
    }
    &._g-xxl {
        --_gap-grid: var(--_sz-header);
    }
    &>*>._hide-clip {
        display: none;
    }
}
/*Flex layout*/
._row,
._col {
    --_share-flex: 1;
    --_share-avg: 1;
    --_gap-flex: 0px;
    --_m-flex: 0px;
    --_group: 1;
    display: flex;
    flex-wrap: nowrap;
    box-sizing: border-box;
    zoom: 1;
    position: relative;
    z-index: 2;
    &:where(ul),
    *:where(ul) {
        padding-inline-start: 0;
        &>li:before {
            display: none;
        }
    }
    &:where([class*="_g"])>ax-br,
    &:where([class*="_g"])>ax-bc {
        display: none;
    }
    &>*>._hide-clip,
    &>*>._hide-clip {
        display: none;
    }
}
:where(._row)>[class*="_flex"] {
    width: 0;
}
._row {
    flex-direction: row;
    width: 100%;
}
:where(._row[class*="_avg-"])>*:where(:not(:last-of-type)),
:where(._row)>*:where([class*="_flex"], [class*="_own-"]):where(:not(:last-of-type)) {
    margin-right: var(--_gap-flex);
}
._row:where(._g-0) {
    --_gap-flex: 0;
}
._row:where(._g-1) {
    --_gap-flex: 1px;
}
._row:where(._g-2) {
    --_gap-flex: 2px;
}
._row:where(._g-3) {
    --_gap-flex: 3px;
}
._row:where(._g-xxs) {
    --_gap-flex: var(--_g);
}
._row:where(._g-xs) {
    --_gap-flex: var(--_g-sm);
}
._row:where(._g, ._g-sm) {
    --_gap-flex: var(--_m);
}
._row:where(._g-md) {
    --_gap-flex: var(--_sz-list);
}
._row:where(._g-lg) {
    --_gap-flex: var(--_sz-body);
}
._row:where(._g-xl) {
    --_gap-flex: var(--_sz-input);
}
._row:where(._g-xxl) {
    --_gap-flex: var(--_h-header);
}
:where(._col)>[class*="_flex"] {
    height: 0;
}
._col {
    flex-direction: column;
    height: 100%;
}
:where(._col[class*="_avg-"])>*:where(:not(:last-of-type)),
:where(._col)>*:where([class*="_flex"], [class*="_own-"]):where(:not(:last-of-type)) {
    margin-bottom: var(--_gap-flex);
}
._col:where(._g-0) {
    --_gap-flex: 0;
}
._col:where(._g-1) {
    --_gap-flex: 1px;
}
._col:where(._g-2) {
    --_gap-flex: 2px;
}
._col:where(._g-3) {
    --_gap-flex: 3px;
}
._col:where(._g-xxs) {
    --_gap-flex: var(--_g);
}
._col:where(._g-xs) {
    --_gap-flex: var(--_g-sm);
}
._col:where(._g, ._g-sm) {
    --_gap-flex: var(--_m);
}
._col:where(._g-md) {
    --_gap-flex: var(--_sz-list);
}
._col:where(._g-lg) {
    --_gap-flex: var(--_sz-body);
}
._col:where(._g-xl) {
    --_gap-flex: var(--_sz-input);
}
._col:where(._g-xxl) {
    --_gap-flex: var(--_h-header);
}
[class*="_flex"] {
    flex: var(--_share-flex) 1 auto;
    position: relative;
}
@-moz-document url-prefix() {
    [class*="_flex"] {
        min-width: 0;
    }
}
._flex-none {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    flex: none;
}
._flex-0 {
    --_share-flex: 0;
}
._flex,
._flex-1 {
    --_share-flex: 1;
}
._flex-2 {
    --_share-flex: 2;
}
._flex-3 {
    --_share-flex: 3;
}
._flex-4 {
    --_share-flex: 4;
}
._flex-5 {
    --_share-flex: 5;
}
._flex-6 {
    --_share-flex: 6;
}
._flex-7 {
    --_share-flex: 7;
}
._flex-8 {
    --_share-flex: 8;
}
._flex-9 {
    --_share-flex: 9;
}
._flex-10 {
    --_share-flex: 10;
}
._flex-11 {
    --_share-flex: 11;
}
._flex-12 {
    --_share-flex: 12;
}
._flex-13 {
    --_share-flex: 13;
}
._flex-14 {
    --_share-flex: 14;
}
._flex-15 {
    --_share-flex: 15;
}
._flex-16 {
    --_share-flex: 16;
}
._flex-17 {
    --_share-flex: 17;
}
._flex-18 {
    --_share-flex: 18;
}
._flex-19 {
    --_share-flex: 19;
}
._flex-20 {
    --_share-flex: 20;
}
._flex-21 {
    --_share-flex: 21;
}
._flex-22 {
    --_share-flex: 22;
}
._flex-23 {
    --_share-flex: 23;
}
._flex-24 {
    --_share-flex: 24;
}
[class*="_own-"] {
    display: inline-flex;
    box-sizing: border-box;
    position: relative;
}
:where(._row)>[class*="_own-"] {
    width: calc((100%/24)*var(--_share-flex));
}
:where(._col)>[class*="_own-"] {
    height: calc((100%/24)*var(--_share-flex));
}
._own-0 {
    --_share-flex: 0;
}
&:where(:not([class*="_xxs-"], [class*="_xs-"], [class*="_sm-"], [class*="_md-"], [class*="_lg-"], [class*="_xl-"]))>._own-0 {
    width: 0;
    height: 0;
    overflow: hidden;
}
._own-1 {
    --_share-flex: 1;
}
._own-2 {
    --_share-flex: 2;
}
._own-3 {
    --_share-flex: 3;
}
._own-4 {
    --_share-flex: 4;
}
._own-5 {
    --_share-flex: 5;
}
._own-6 {
    --_share-flex: 6;
}
._own-7 {
    --_share-flex: 7;
}
._own-8 {
    --_share-flex: 8;
}
._own-9 {
    --_share-flex: 9;
}
._own-10 {
    --_share-flex: 10;
}
._own-11 {
    --_share-flex: 11;
}
._own-12 {
    --_share-flex: 12;
}
._own-13 {
    --_share-flex: 13;
}
._own-14 {
    --_share-flex: 14;
}
._own-15 {
    --_share-flex: 15;
}
._own-16 {
    --_share-flex: 16;
}
._own-17 {
    --_share-flex: 17;
}
._own-18 {
    --_share-flex: 18;
}
._own-19 {
    --_share-flex: 19;
}
._own-20 {
    --_share-flex: 20;
}
._own-21 {
    --_share-flex: 21;
}
._own-22 {
    --_share-flex: 22;
}
._own-23 {
    --_share-flex: 23;
}
._own,
._own-24 {
    --_share-flex: 24;
}
:where([class*="_own-"])>[class*="_flex"] {
    height: 0;
}
:where(._row[class*="_avg-"])>*,
:where(._col[class*="_avg-"])>* {
    display: inline-flex;
    box-sizing: border-box;
    position: relative;
}
:where(._row[class*="_avg-"])>* {
    width: calc(100%/var(--_share-avg));
}
:where(._col[class*="_avg-"])>* {
    height: calc(100%/var(--_share-avg));
}
._avg-1 {
    --_share-avg: 1;
}
._avg-2 {
    --_share-avg: 2;
}
._avg-3 {
    --_share-avg: 3;
}
._avg-4 {
    --_share-avg: 4;
}
._avg-5 {
    --_share-avg: 5;
}
._avg-6 {
    --_share-avg: 6;
}
._avg-7 {
    --_share-avg: 7;
}
._avg-8 {
    --_share-avg: 8;
}
._avg-9 {
    --_share-avg: 9;
}
._avg-10 {
    --_share-avg: 10;
}
._avg-11 {
    --_share-avg: 11;
}
._avg-12 {
    --_share-avg: 12;
}
._avg-13 {
    --_share-avg: 13;
}
._avg-14 {
    --_share-avg: 14;
}
._avg-15 {
    --_share-avg: 15;
}
._avg-16 {
    --_share-avg: 16;
}
._avg-17 {
    --_share-avg: 17;
}
._avg-18 {
    --_share-avg: 18;
}
._avg-19 {
    --_share-avg: 19;
}
._avg-20 {
    --_share-avg: 20;
}
._avg-21 {
    --_share-avg: 21;
}
._avg-22 {
    --_share-avg: 22;
}
._avg-23 {
    --_share-avg: 23;
}
._avg-24 {
    --_share-avg: 24;
}
/*Color*/
._c,
[class*="_c-"] {
    --_v-c: var(--_c-prim);
    color: var(--_v-c);
}
._c-prim {
    --_v-c: var(--_c-prim);
}
._c-error {
    --_v-c: var(--_c-error);
}
._c-succ {
    --_v-c: var(--_c-succ);
}
._c-info {
    --_v-c: var(--_c-info);
}
._c-warn {
    --_v-c: var(--_c-warn);
}
._c-issue {
    --_v-c: var(--_c-issue);
}
._c-text {
    --_v-c: var(--_c-text);
}
._c-brief {
    --_v-c: var(--_c-brief);
}
._c-ignore {
    --_v-c: var(--_c-ignore);
}
._c-disable {
    --_v-c: var(--_c-disable);
}
._c-stage {
    --_v-c: var(--_c-stage);
}
/*Background*/
._bg,
[class*="_bg-"] {
    --_c-bg: var(--_c-prim);
    background-color: var(--_c-bg);
}
._bg-prim {
    --_c-bg: var(--_c-prim);
}
._bg-lt,
._bg-prim-lt {
    --_c-bg: var(--_c-prim-bg);
}
._bg-succ {
    --_c-bg: var(--_c-succ);
}
._bg-succ-lt {
    --_c-bg: var(--_c-succ-bg);
}
._bg-error {
    --_c-bg: var(--_c-error);
}
._bg-error-lt {
    --_c-bg: var(--_c-error-bg);
}
._bg-warn {
    --_c-bg: var(--_c-warn);
}
._bg-warn-lt {
    --_c-bg: var(--_c-warn-bg);
}
._bg-info {
    --_c-bg: var(--_c-info);
}
._bg-info-lt {
    --_c-bg: var(--_c-info-bg);
}
._bg-issue {
    --_c-bg: var(--_c-issue);
}
._bg-issue-lt {
    --_c-bg: var(--_c-issue-bg);
}
._bg-text {
    --_c-bg: var(--_c-text);
}
._bg-text-lt {
    --_c-bg: var(--_c-text-bg);
}
._bg-brief {
    --_c-bg: var(--_c-brief);
}
._bg-brief-lt {
    --_c-bg: var(--_c-brief-bg);
}
._bg-ignore {
    --_c-bg: var(--_c-ignore);
}
._bg-ignore-lt {
    --_c-bg: var(--_c-ignore-bg);
}
._bg-disable {
    --_c-bg: var(--_c-disable);
}
._bg-disable-lt {
    --_c-bg: var(--_c-disable-bg);
}
._bg-stage {
    --_c-bg: var(--_c-stage);
}
/*Gradient*/
._gd,
[class*="_gd-"] {
    --_gd-deg: 45deg;
    --_gd-start: var(--_c-prim);
    --_gd-end: var(--_c-prim-aj);
    background: linear-gradient(var(--_gd-deg), var(--_gd-start), var(--_gd-end));
    &._gd-0 {
        --_gd-deg: 0deg;
    }
    &._gd-45 {
        --_gd-deg: 45deg;
    }
    &._gd-90 {
        --_gd-deg: 90deg;
    }
    &._gd-135 {
        --_gd-deg: 135deg;
    }
    &._gd-180 {
        --_gd-deg: 180deg;
    }
    &._gd-225 {
        --_gd-deg: 225deg;
    }
    &._gd-270 {
        --_gd-deg: 270deg;
    }
    &._gd-315 {
        --_gd-deg: 315deg;
    }
    &._gd-360 {
        --_gd-deg: 360deg;
    }
}
._gd-error {
    --_gd-start: var(--_c-error);
    --_gd-end: var(--_c-error-aj);
}
._gd-succ {
    --_gd-start: var(--_c-succ);
    --_gd-end: var(--_c-succ-aj);
}
._gd-info {
    --_gd-start: var(--_c-info);
    --_gd-end: var(--_c-info-aj);
}
._gd-warn {
    --_gd-start: var(--_c-warn);
    --_gd-end: var(--_c-warn-aj);
}
._gd-issue {
    --_gd-start: var(--_c-issue);
    --_gd-end: var(--_c-issue-aj);
}
._gd-text {
    --_gd-start: var(--_c-text);
    --_gd-end: var(--_c-text-aj);
}
/*Shadow */
._sd {
    .shadow;
}
._sd-bd {
    .shadow-bd;
}
._sd-lt {
    .shadow-lt;
}
._sd-dk {
    .shadow-dk;
}
._sd-pm {
    .shadow-pm;
}
._sd-prim {
    .shadow-prim;
}
._sd-error {
    .shadow-error;
}
._sd-succ {
    .shadow-succ;
}
._sd-info {
    .shadow-info;
}
._sd-warn {
    .shadow-warn;
}
._sd-issue {
    .shadow-issue;
}
/*Padding*/
._p,
[class*="_p-"] {
    --_s-p: var(--_p);
    padding: var(--_s-p);
}
._p {
    padding: var(--_s-p);
}
._p-l {
    padding: 0 0 0 var(--_s-p);
}
._p-r {
    padding: 0 var(--_s-p) 0 0;
}
._p-t {
    padding: var(--_s-p) 0 0 0;
}
._p-b {
    padding: 0 0 var(--_s-p) 0;
}
._p-lr {
    padding: 0 var(--_s-p);
}
._p-tb {
    padding: var(--_s-p) 0;
}
._p-0 {
    --_s-p: 0;
}
._p-xxs {
    --_s-p: var(--_g);
}
._p-xs {
    --_s-p: calc(var(--_g)*2);
}
._p-sm {
    --_s-p: var(--_p);
}
._p-md {
    --_s-p: var(--_sz-list);
}
._p-lg {
    --_s-p: var(--_sz-body);
}
._p-xl {
    --_s-p: var(--_sz-input);
}
._p-xxl {
    --_s-p: var(--_h-header);
}
/*Margin*/
._m,
[class*="_m-"] {
    --_s-m: var(--_m);
    margin: var(--_s-m);
}
._m,
._m-l,
._m-r,
._m-t,
._m-b,
._m-lr,
._m-tb {
    --_s-m: var(--_m);
}
._m {
    margin: var(--_s-m);
}
._m-l {
    margin: 0 0 0 var(--_s-m);
}
._m-r {
    margin: 0 var(--_s-m) 0 0;
}
._m-t {
    margin: var(--_s-m) 0 0 0;
}
._m-b {
    margin: 0 0 var(--_s-m) 0;
}
._m-lr {
    margin: 0 var(--_s-m);
}
._m-tb {
    margin: var(--_s-m) 0;
}
._m-0 {
    --_s-m: 0;
}
._m-xxs {
    --_s-m: var(--_g);
}
._m-xs {
    --_s-m: calc(var(--_g)*2);
}
._m-sm {
    --_s-m: var(--_m);
}
._m-md {
    --_s-m: var(--_sz-list);
}
._m-lg {
    --_s-m: var(--_sz-body);
}
._m-xl {
    --_s-m: var(--_sz-input);
}
._m-xxl {
    --_s-m: var(--_h-header);
}
/*Radius*/
._r,
[class*="_r-"] {
    --_size-r: var(--_r);
    border-radius: var(--_size-r);
}
._r-0 {
    --_size-r: 0;
}
._r-x1 {
    --_size-r: var(--_r);
}
._r-x2 {
    --_size-r: calc(var(--_r)*2);
}
._r-x3 {
    --_size-r: calc(var(--_r)*3);
}
._r-x4 {
    --_size-r: calc(var(--_r)*4);
}
._r-x5 {
    --_size-r: calc(var(--_r)*5);
}
._r-x6 {
    --_size-r: calc(var(--_r)*6);
}
._r-x7 {
    --_size-r: calc(var(--_r)*7);
}
._r-x8 {
    --_size-r: calc(var(--_r)*8);
}
._r-x9 {
    --_size-r: calc(var(--_r)*9);
}
._r-x10 {
    --_size-r: calc(var(--_r)*10);
}
._r-l {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
._r-r {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
._r-t {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
._r-b {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
/*Border*/
._bd,
[class*="_bd-"] {
    --_s-bd: 1px;
    border: var(--_s-bd) solid var(--_c-text-bd);
}
._bd-l {
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
}
._bd-r {
    border-left-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
}
._bd-t {
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
}
._bd-b {
    border-right-width: 0;
    border-top-width: 0;
    border-left-width: 0;
}
._bd-lr {
    border-top-width: 0;
    border-bottom-width: 0;
}
._bd-tb {
    border-right-width: 0;
    border-left-width: 0;
}
._bd-0 {
    --_s-bd: 0;
}
._bd-1 {
    --_s-bd: 1px;
}
._bd-2 {
    --_s-bd: 2px;
}
._bd-3 {
    --_s-bd: 3px;
}
._bd-4 {
    --_s-bd: 4px;
}
._bd-prim {
    border-color: var(--_c-prim);
}
._bd-error {
    border-color: var(--_c-error);
}
._bd-succ {
    border-color: var(--_c-succ);
}
._bd-issue {
    border-color: var(--_c-issue);
}
._bd-warn {
    border-color: var(--_c-warn);
}
._bd-info {
    border-color: var(--_c-info);
}
._bd-text {
    border-color: var(--_c-text);
}
._bd-brief {
    border-color: var(--_c-brief);
}
._bd-ignore {
    border-color: var(--_c-ignore);
}
._bd-prim-lt {
    border-color: var(--_c-prim-bd);
}
._bd-error-lt {
    border-color: var(--_c-error-bd);
}
._bd-succ-lt {
    border-color: var(--_c-succ-bd);
}
._bd-issue-lt {
    border-color: var(--_c-issue-bd);
}
._bd-warn-lt {
    border-color: var(--_c-warn-bd);
}
._bd-info-lt {
    border-color: var(--_c-info-bd);
}
._bd-text-lt {
    border-color: var(--_c-text-bd);
}
._bd-brief-lt {
    border-color: var(--_c-brief-bd);
}
._bd-ignore-lt {
    border-color: var(--_c-ignore-bd);
}
._bd-solid {
    border-style: solid;
}
._bd-dashed {
    border-style: dashed;
}
._bd-dotted {
    border-style: dotted;
}
/*Break row*/
AX-BR {
    --_h-br: var(--_m);
    width: 100%;
    height: var(--_h-br);
    display: block;
    &[size=xxs] {
        --_h-br: var(--_sz-min);
    }
    &[size=xs] {
        --_h-br: var(--_sz-space);
    }
    &[size=sm] {
        --_h-br: var(--_sz-font);
    }
    &[size=md] {
        --_h-br: var(--_sz-list);
    }
    &[size=lg] {
        --_h-br: var(--_sz-body);
    }
    &[size=xl] {
        --_h-br: var(--_sz-input);
    }
    &[size=xxl] {
        --_h-br: var(--_sz-header);
    }
}
/*Break column*/
AX-BC {
    --_w-bc: var(--_m);
    width: var(--_w-bc);
    display: inline-block;
    vertical-align: top;
    &[size=xxs] {
        --_w-bc: var(--_sz-min);
    }
    &[size=xs] {
        --_w-bc: var(--_sz-space);
    }
    &[size=sm] {
        --_w-bc: var(--_sz-font);
    }
    &[size=md] {
        --_w-bc: var(--_sz-list);
    }
    &[size=lg] {
        --_w-bc: var(--_sz-body);
    }
    &[size=xl] {
        --_w-bc: var(--_sz-input);
    }
    &[size=xxl] {
        --_w-bc: var(--_sz-header);
    }
}
/*Divider*/
AX-DIVIDER {
    --_divider-fs: var(--_sz-title);
    --_divder-m: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    [role=wrap] {
        display: flex;
        align-items: center;
    }
    [role=start],
    [role=end] {
        height: 1px;
        background-color: var(--_c-text-bd);
        flex: auto;
    }
    [role=label] {
        margin: auto var(--_m);
    }
    &[break],
    &[size] {
        margin-top: var(--_divider-m);
        margin-bottom: var(--_divider-m);
    }
    &[break=xxs] {
        --_divider-m: var(--_sz-min);
    }
    &[break=xs] {
        --_divider-m: var(--_sz-space);
    }
    &[break=sm] {
        --_divider-m: var(--_sz-font);
    }
    &[break=md] {
        --_divider-m: var(--_sz-list);
    }
    &[break=lg] {
        --_divider-m: var(--_sz-body);
    }
    &[break=xl] {
        --_divider-m: var(--_sz-input);
    }
    &[break=xxl] {
        --_divider-m: var(--_sz-header);
    }
    &[fs] [role=label],
    &[size] [role=label] {
        font-size: var(--_divider-fs);
    }
    &[fs=sm] {
        --_divider-fs: var(--_sz-font);
    }
    &[fs=md] {
        --_divider-fs: var(--_sz-title);
    }
    &[fs=lg] {
        --_divider-fs: var(--_sz-brief);
    }
    &[size=sm] {
        --_divider-fs: var(--_sz-font);
        --_divider-m: var(--_sz-font);
    }
    &[size=md] {
        --_divider-fs: var(--_sz-title);
        --_divider-m: var(--_sz-body);
    }
    &[size=lg] {
        --_divider-fs: var(--_sz-brief);
        --_divider-m: var(--_sz-input);
    }
}
/*Display*/
._d-none {
    display: none;
}
._d-flow {
    display: flow-root;
}
._d-inline {
    display: inline;
}
._d-grid {
    display: grid;
}
._d-flex {
    display: flex;
}
._d-block {
    display: block;
}
._d-ingrid {
    display: inline-grid;
}
._d-inflex {
    display: inline-flex;
}
._d-inblock {
    display: inline-block;
}
._d-full {
    width: 100%;
    box-sizing: border-box;
}
/*Width*/
[class*="_w-"] {
    box-sizing: border-box;
}
._w-0 {
    width: 0px;
}
._w-x1 {
    width: calc(var(--_sz-input)*1);
}
._w-x2 {
    width: calc(var(--_sz-input)*2);
}
._w-x3 {
    width: calc(var(--_sz-input)*3);
}
._w-x4 {
    width: calc(var(--_sz-input)*4);
}
._w-x5 {
    width: calc(var(--_sz-input)*5);
}
._w-x6 {
    width: calc(var(--_sz-input)*6);
}
._w-x7 {
    width: calc(var(--_sz-input)*7);
}
._w-x8 {
    width: calc(var(--_sz-input)*8);
}
._w-x9 {
    width: calc(var(--_sz-input)*9);
}
._w-x10 {
    width: calc(var(--_sz-input)*10);
}
._w-neat {
    width: var(--_w-input)
}
._w-half {
    width: 50%;
}
._w-full {
    width: 100%;
}
/*Height*/
[class*="_h-"] {
    box-sizing: border-box;
}
._h-0 {
    height: 0px;
}
._h-x1 {
    height: calc(var(--_sz-input)*1);
}
._h-x2 {
    height: calc(var(--_sz-input)*2);
}
._h-x3 {
    height: calc(var(--_sz-input)*3);
}
._h-x4 {
    height: calc(var(--_sz-input)*4);
}
._h-x5 {
    height: calc(var(--_sz-input)*5);
}
._h-x6 {
    height: calc(var(--_sz-input)*6);
}
._h-x7 {
    height: calc(var(--_sz-input)*7);
}
._h-x8 {
    height: calc(var(--_sz-input)*8);
}
._h-x9 {
    height: calc(var(--_sz-input)*9);
}
._h-x10 {
    height: calc(var(--_sz-input)*10);
}
._h-neat {
    height: var(--_sz-input);
}
._h-half {
    height: 50%;
}
._h-full {
    height: 100%;
}
/*Align*/
._a-l {
    text-align: left;
}
._a-c {
    text-align: center;
}
._a-r {
    text-align: right;
}
._a-lt,
._a-ct,
._a-rt,
._a-lc,
._a-cc,
._a-rc,
._a-lb,
._a-cb,
._a-rb {
    display: flex;
}
._a-lt,
._a-ct,
._a-rt {
    align-items: flex-start;
}
._a-lt {
    justify-content: flex-start;
}
._a-ct {
    justify-content: center;
}
._a-rt {
    justify-content: flex-end;
}
._a-lc,
._a-cc,
._a-rc {
    align-items: center;
}
._a-lc {
    justify-content: flex-start;
}
._a-cc {
    justify-content: center;
}
._a-rc {
    justify-content: flex-end;
}
._a-lb,
._a-cb,
._a-rb {
    align-items: flex-end;
}
._a-lb {
    justify-content: flex-start;
}
._a-cb {
    justify-content: center;
}
._a-rb {
    justify-content: flex-end;
}
/*Text*/
._t-wv {
    text-decoration: 1px underline wavy;
    text-underline-offset: 0.4em;
}
._t-lc {
    text-decoration: line-through;
}
._t-lb {
    text-decoration: underline;
    text-underline-offset: 2px;
}
._t-lt {
    text-decoration: overline;
    text-underline-offset: 2px;
}
._t-em {
    text-emphasis: circle var(--_c-prim);
    text-emphasis-position: over right;
}
._t-upc {
    text-transform: uppercase;
}
._t-lwc {
    text-transform: lowercase;
}
._t-cap {
    text-transform: capitalize;
}
._t-br {
    display: inline-block;
    font-size: ~"max(var(--_fs-min),0.5em)";
    line-height: 1.2em;
    vertical-align: middle;
    text-align: justify;
    text-align-last: justify;
}
[class*="_t-diffuse"] {
    --_s-dfs: 1.4em;
    text-align: center;
    letter-spacing: var(--_s-dfs);
    text-indent: var(--_s-dfs);
}
._t-diffuse-xxs {
    --_s-dfs: 0.6em;
}
._t-diffuse-xs {
    --_s-dfs: 0.8em;
}
._t-diffuse-sm {
    --_s-dfs: 1em;
}
._t-diffuse-md {
    --_s-dfs: 1.4em;
}
._t-diffuse-lg {
    --_s-dfs: 1.8em;
}
._t-diffuse-xl {
    --_s-dfs: 2.4em;
}
._t-diffuse-xxl {
    --_s-dfs: 2.8em;
}
[class*="_t-blank"] {
    --_s-blk: 1.4em;
    word-spacing: var(--_s-blk);
}
._t-blank-xxs {
    --_s-blk: 0.6em;
}
._t-blank-xs {
    --_s-blk: 0.8em;
}
._t-blank-sm {
    --_s-blk: 1em;
}
._t-blank-md {
    --_s-blk: 1.4em;
}
._t-blank-lg {
    --_s-blk: 1.8em;
}
._t-blank-xl {
    --_s-blk: 2.4em;
}
._t-blank-xxl {
    --_s-blk: 2.8em;
}
[unselectable] {
    user-select: none;
}
/*State*/
[disabled]:where(:not(input, select, textarea)) {
    pointer-events: none;
}
[inert] {
    user-select: none;
    pointer-events: none;
}
[dedicated] {
    overscroll-behavior: contain;
}
/*Spin style*/
[class*="_spin-"]:before {
    content: '';
    .v3-spin;
}
[class*="_spin-block"],
[class*="_spin-flex"] {
    min-height: calc(var(--_sz-body)*3);
    &:before {
        content: '';
        width: var(--_sz-body);
        .v3-spin;
    }
}
[class*="_spin-block"] {
    display: block;
    position: relative;
    &:before {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: calc(var(--_sz-body)/-2);
        margin-top: calc(var(--_sz-body)/-2)
    }
}
[class*="_spin-flex"] {
    .v3-flex-center(flex);
}
[class*="_spin-inline"] {
    min-width: var(--_sz-list);
    min-height: var(--_sz-list);
    .v3-flex-center(inline-flex);
    &:before {
        content: '';
        width: 1em;
        .v3-spin;
    }
}
._spin-block-dk:before,
._spin-flex-dk:before,
._spin-inline-dk:before {
    .v3-spin-dk;
}
[role=disk],
[role=cube] {
    aspect-ratio: 1/1;
    img {
        object-fit: cover;
        border-radius: inherit;
    }
}
[role=disk] {
    border-radius: 100%;
}
[role=cube] {
    border-radius: var(--_r);
}
._char{
font-size: var(--_sz-brief);
}
