
/*!
 * @since Last modified: 2025-4-16 16:7:44
 * @name AXUI front-end framework.
 * @version 3.0.37
 * @author AXUI development team <3217728223@qq.com>
 * @description The AXUI front-end framework is built on HTML5, CSS3, and JavaScript standards, with TypeScript used for type management.
 * @see {@link https://www.axui.cn|Official website}
 * @see {@link https://github.com/codady/axui/issues|github issues}
 * @see {@link https://gitee.com/codady/axui/issues|Gitee issues}
 * @see {@link https://www.npmjs.com/package/@codady/axui|NPM}
 * @issue QQ Group No.1:952502085
 * @copyright This software supports the MIT License, allowing free learning and commercial use, but please retain the terms 'ax,' 'axui,' 'AX,' and 'AXUI' within the software.
 * @license MIT license
 */
@charset "utf-8";
/**
 * @since Last modified: 2025-04-16 11:33:03
 */
/*
 *Last modified: 2025-03-04 23:55:38
 */
:root {
  /*Stage colors*/
  --_h-stage: 0;
  --_s-stage: 0%;
  --_l-stage: 100%;
  --_c-stage: hsl(var(--_h-stage), var(--_s-stage), var(--_l-stage));
  --_c-stage-4: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.04);
  --_c-stage-8: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.08);
  --_c-stage-12: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.12);
  --_c-stage-16: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.16);
  --_c-stage-20: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.2);
  --_c-stage-24: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.24);
  --_c-stage-28: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.28);
  --_c-stage-32: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.32);
  --_c-stage-36: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.36);
  --_c-stage-40: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.4);
  --_c-stage-44: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.44);
  --_c-stage-48: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.48);
  --_c-stage-52: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.52);
  --_c-stage-56: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.56);
  --_c-stage-60: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.6);
  --_c-stage-64: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.64);
  --_c-stage-68: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.68);
  --_c-stage-72: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.72);
  --_c-stage-66: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.76);
  --_c-stage-80: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.8);
  --_c-stage-84: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.84);
  --_c-stage-88: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.88);
  --_c-stage-92: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.92);
  --_c-stage-96: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.96);
  --_c-stage-100: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 1);
  /*Mask colors*/
  --_h-mask: 0;
  --_s-mask: 0%;
  --_l-mask: 0%;
  --_c-mask: hsl(var(--_h-mask), var(--_s-mask), var(--_l-mask));
  --_c-mask-4: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.04);
  --_c-mask-8: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.08);
  --_c-mask-12: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.12);
  --_c-mask-16: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.16);
  --_c-mask-20: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.2);
  --_c-mask-24: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.24);
  --_c-mask-28: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.28);
  --_c-mask-32: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.32);
  --_c-mask-36: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.36);
  --_c-mask-40: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.4);
  --_c-mask-44: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.44);
  --_c-mask-48: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.48);
  --_c-mask-52: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.52);
  --_c-mask-56: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.56);
  --_c-mask-60: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.6);
  --_c-mask-64: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.64);
  --_c-mask-68: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.68);
  --_c-mask-72: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.72);
  --_c-mask-66: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.76);
  --_c-mask-80: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.8);
  --_c-mask-84: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.84);
  --_c-mask-88: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.88);
  --_c-mask-92: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.92);
  --_c-mask-96: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.96);
  --_c-mask-100: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 1);
  --_c-coef: 1;
  /*Primary colors*/
  /*bg->background,bd->border,fc->focus,ht->halftone,lt->lighten,dp->deepen,aj->adjacent,gy->grey,dk->dark,sg->sunglass,sd->shadow,tl->translucent,fg->frosted glass*/
  --_h-prim: 210;
  --_s-prim: 100%;
  --_l-prim: 55%;
  --_a-prim: 1;
  --_c-prim: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), var(--_a-prim));
  --_c-prim-bg: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.04);
  --_c-prim-bd: hsl(var(--_h-prim), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-prim-fc: hsl(var(--_h-prim), 62%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
  --_c-prim-ht: hsl(var(--_h-prim), 70%, calc(var(--_l-stage) - 30%*var(--_c-coef)));
  --_c-prim-lt: hsla(var(--_h-prim), calc(var(--_s-prim) + 10%), calc(var(--_l-prim) + 10%), var(--_a-prim));
  --_c-prim-dp: hsla(var(--_h-prim), calc(var(--_s-prim) - 10%), calc(var(--_l-prim) - 10%), var(--_a-prim));
  --_c-prim-aj: hsla(calc(var(--_h-prim) + 50), var(--_s-prim), var(--_l-prim), var(--_a-prim));
  --_c-prim-gy: hsla(var(--_h-prim), 20%, calc(var(--_l-stage) - 20%*var(--_c-coef)), var(--_a-prim));
  --_c-prim-dk: hsla(var(--_h-prim), 20%, 30%, var(--_a-prim));
  --_c-prim-sg: hsl(var(--_h-prim), 70%, 20%);
  --_c-prim-ct: hsla(calc(var(--_h-prim) + 180), var(--_s-prim), var(--_l-prim), var(--_a-prim));
  --_c-prim-tp: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0);
  --_c-prim-ac: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.08);
  --_c-prim-sd: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.2);
  --_c-prim-tl: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.6);
  --_c-prim-fg: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.8);
  /*Text colors*/
  --_h-text: 0;
  --_s-text: 0%;
  --_l-text: 20%;
  --_a-text: 1;
  --_c-text: hsla(var(--_h-text), var(--_s-text), var(--_l-text), var(--_a-text));
  --_c-text-bg: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.04);
  --_c-text-bd: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 12%*var(--_c-coef)));
  --_c-text-fc: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 16%*var(--_c-coef)));
  --_c-text-ht: hsl(var(--_h-text), var(--_s-text), 60%);
  --_c-text-lt: hsla(var(--_h-text), var(--_s-text), 30%, var(--_a-text));
  --_c-text-dp: hsla(var(--_h-text), var(--_s-text), 10%, var(--_a-text));
  --_c-text-aj: hsla(var(--_h-text), var(--_s-text), 40%, var(--_a-text));
  --_c-text-ct: hsla(var(--_h-text), var(--_s-text), 100%, var(--_a-text));
  --_c-text-tp: hsla(var(--_h-text), var(--_s-text), calc(-100% * var(--_c-coef)), 0);
  --_c-text-ac: hsla(var(--_h-text), var(--_s-text), calc(-100% * var(--_c-coef)), 0.06);
  --_c-text-sd: hsla(var(--_h-text), var(--_s-text), calc(-100% * var(--_c-coef)), 0.2);
  --_c-text-tl: hsla(var(--_h-text), var(--_s-text), 0%, 0.6);
  --_c-text-fg: hsla(var(--_h-text), var(--_s-text), 0%, 0.8);
  --_c-brief: hsla(var(--_h-text), var(--_s-text), calc(var(--_l-text) + 20%*var(--_c-coef)), var(--_a-text));
  --_c-brief-bg: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.02);
  --_c-brief-bd: var(--_c-brief);
  --_c-brief-sd: hsla(var(--_h-text), var(--_s-text), 0%, 0.2);
  --_c-ignore: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 30%*var(--_c-coef)));
  --_c-ignore-bg: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.02);
  --_c-ignore-bd: var(--_c-ignore);
  --_c-ignore-sd: hsl(var(--_h-text), var(--_s-text), 0%, 0.1);
  --_c-disable: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 30%*var(--_c-coef)));
  --_c-disable-bg: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.02);
  --_c-disable-bd: var(--_c-disable);
  --_c-disable-sd: hsl(var(--_h-text), var(--_s-text), 0%, 0.1);
  /*State colors*/
  --_h-succ: 134;
  --_s-succ: 43%;
  --_l-succ: 45%;
  --_a-succ: 1;
  --_c-succ: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), var(--_a-succ));
  --_c-succ-bg: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.04);
  --_c-succ-bd: hsl(var(--_h-succ), 33%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-succ-fc: hsl(var(--_h-succ), 38%, calc(var(--_l-stage) - 13%*var(--_c-coef)));
  --_c-succ-ht: hsl(var(--_h-succ), 23%, 74%);
  --_c-succ-lt: hsla(var(--_h-succ), var(--_s-succ), calc(var(--_l-succ) + 5%), var(--_a-succ));
  --_c-succ-dp: hsla(var(--_h-succ), var(--_s-succ), calc(var(--_l-succ) - 5%), var(--_a-succ));
  --_c-succ-aj: hsla(calc(var(--_h-succ) - 56), 63%, 59%, var(--_a-succ));
  --_c-succ-tp: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0);
  --_c-succ-ac: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.08);
  --_c-succ-sd: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.2);
  --_c-succ-tl: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.6);
  --_c-succ-fg: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.8);
  --_h-error: 354;
  --_s-error: 70%;
  --_l-error: 54%;
  --_a-error: 1;
  --_c-error: hsla(var(--_h-error), var(--_s-error), var(--_l-error), var(--_a-error));
  --_c-error-bg: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.04);
  --_c-error-bd: hsl(var(--_h-error), 39%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-error-fc: hsl(var(--_h-error), 42%, calc(var(--_l-stage) - 14%*var(--_c-coef)));
  --_c-error-ht: hsl(var(--_h-error), 23%, 74%);
  --_c-error-lt: hsla(var(--_h-error), var(--_s-error), calc(var(--_l-error) + 5%), var(--_a-error));
  --_c-error-dp: hsla(var(--_h-error), var(--_s-error), calc(var(--_l-error) - 5%), var(--_a-error));
  --_c-error-aj: hsla(calc(var(--_h-error) - 310), 100%, 50%, var(--_a-error));
  --_c-error-tp: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0);
  --_c-error-ac: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.08);
  --_c-error-sd: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.2);
  --_c-error-tl: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.6);
  --_c-error-fg: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.8);
  --_h-warn: 45;
  --_s-warn: 100%;
  --_l-warn: 51%;
  --_a-warn: 1;
  --_c-warn: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), var(--_a-warn));
  --_c-warn-bg: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.04);
  --_c-warn-bd: hsl(var(--_h-warn), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-warn-fc: hsl(var(--_h-warn), 49%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
  --_c-warn-ht: hsl(var(--_h-warn), 23%, 74%);
  --_c-warn-lt: hsla(var(--_h-warn), var(--_s-warn), calc(var(--_l-warn) + 5%), var(--_a-warn));
  --_c-warn-dp: hsla(var(--_h-warn), var(--_s-warn), calc(var(--_l-warn) - 12%), var(--_a-warn));
  --_c-warn-aj: hsla(calc(var(--_h-warn) - 0), var(--_s-warn), 74%, var(--_a-warn));
  --_c-warn-tp: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0);
  --_c-warn-ac: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.08);
  --_c-warn-sd: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.2);
  --_c-warn-tl: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.6);
  --_c-warn-fg: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.8);
  --_h-info: 210;
  --_s-info: 100%;
  --_l-info: 55%;
  --_a-info: 1;
  --_c-info: hsla(var(--_h-info), var(--_s-info), var(--_l-info), var(--_a-info));
  --_c-info-bg: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.04);
  --_c-info-bd: hsl(var(--_h-info), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-info-fc: hsl(var(--_h-info), 62%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
  --_c-info-ht: hsl(var(--_h-info), 75%, 67%);
  --_c-info-lt: hsla(var(--_h-info), var(--_s-info), calc(var(--_l-info) + 5%), var(--_a-info));
  --_c-info-dp: hsla(var(--_h-info), var(--_s-info), calc(var(--_l-info) - 10%), var(--_a-info));
  --_c-info-aj: hsla(calc(var(--_h-info) - 30), 82%, 44%, var(--_a-info));
  --_c-info-tp: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0);
  --_c-info-ac: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.08);
  --_c-info-sd: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.2);
  --_c-info-tl: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.6);
  --_c-info-fg: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.8);
  --_h-issue: 31;
  --_s-issue: 100%;
  --_l-issue: 50%;
  --_a-issue: 1;
  --_c-issue: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), var(--_a-issue));
  --_c-issue-bg: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.04);
  --_c-issue-bd: hsl(var(--_h-issue), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-issue-fc: hsl(var(--_h-issue), 49%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
  --_c-issue-ht: hsl(var(--_h-issue), 23%, 74%);
  --_c-issue-lt: hsla(var(--_h-issue), var(--_s-issue), calc(var(--_l-issue) + 5%), var(--_a-issue));
  --_c-issue-dp: hsla(var(--_h-issue), var(--_s-issue), calc(var(--_l-issue) - 10%), var(--_a-issue));
  --_c-issue-aj: hsla(calc(var(--_h-issue) + 20), var(--_s-issue), 57%, var(--_a-issue));
  --_c-issue-tp: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0);
  --_c-issue-ac: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.08);
  --_c-issue-sd: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.2);
  --_c-issue-tl: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.5);
  --_c-issue-fg: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.8);
  /*Other colors*/
  --_c-divide: rgba(0, 0, 0, 0.12);
  --_c-black: hsl(0, 0%, 20%);
  --_c-white: hsl(0, 0%, 100%);
  /*Images*/
  --_spin: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' stroke='%23198cff'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cg transform='translate(1 1)' stroke-width='1'%3E %3Ccircle stroke-opacity='.2' cx='14' cy='14' r='12'/%3E %3Cpath d='M14,26C7.372,26,2,20.629,2,14'%3E %3CanimateTransform attributeName='transform' type='rotate' from='0 14 14' to='360 14 14' dur='1s' repeatCount='indefinite'/%3E %3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  --_spin-dk: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cg transform='translate(1 1)' stroke-width='1'%3E %3Ccircle stroke-opacity='.2' cx='14' cy='14' r='12'/%3E %3Cpath d='M14,26C7.372,26,2,20.629,2,14'%3E %3CanimateTransform attributeName='transform' type='rotate' from='0 14 14' to='360 14 14' dur='1s' repeatCount='indefinite'/%3E %3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  --_blank: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='150'%3E%3C/svg%3E");
  --_avatar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cpath fill='%23FAFAFA' d='M0 0h80v160H0z'/%3E%3Cpath fill='%23F2F2F2' d='M80 0h80v160H80z'/%3E%3Cpath fill='%23B2B2B2' d='M98.916 97.252c10.393-6.382 17.34-17.851 17.34-30.916 0-19.992-16.266-36.255-36.257-36.255-19.992 0-36.255 16.263-36.255 36.255 0 13.064 6.946 24.534 17.338 30.916-26.968 8.119-46.615 33.135-46.615 62.748h131.066c0-29.613-19.648-54.629-46.617-62.748z'/%3E%3C/svg%3E");
  --_empty: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M118.827 138.41a7.968 7.968 0 0 0 7.92-7.921V111.35a7.92 7.92 0 1 0-15.84 0v19.173a7.968 7.968 0 0 0 7.92 7.92zm14.596 14.595h19.185a7.92 7.92 0 1 0 0-15.84h-19.173a7.92 7.92 0 1 0 0 15.84zm-29.192-15.782H85.058a7.92 7.92 0 0 0 0 15.842h19.173a7.92 7.92 0 0 0 0-15.842zm14.596 14.585a7.968 7.968 0 0 0-7.92 7.92v19.173a7.92 7.92 0 0 0 15.84 0v-19.149a7.968 7.968 0 0 0-7.92-7.92zm788.504 118.275a38.726 38.726 0 1 0 38.726 38.726 38.678 38.678 0 0 0-38.762-38.785zm0 61.492a22.884 22.884 0 1 1 22.884-22.885 22.92 22.92 0 0 1-22.884 22.885zM692.526 47.879a23.501 23.501 0 1 0-23.501-23.5 23.501 23.501 0 0 0 23.5 23.5zm0-31.303a7.672 7.672 0 1 1-7.672 7.672 7.707 7.707 0 0 1 7.672-7.672zm0 0' fill='%23e6e6e6'/%3E%3Cpath d='M275.769 992.816c0 11.145 38.156 21.343 99.85 26.963a1197.186 1197.186 0 0 0 199.912 0c61.906-5.573 99.85-15.818 99.85-26.963s-38.157-21.343-99.85-26.964a1197.02 1197.02 0 0 0-199.913 0c-61.657 5.573-99.85 15.818-99.85 26.964zm0 0' fill='%23f0f0f0'/%3E%3Cpath d='M571.025 482.896a7.766 7.766 0 0 0-11.134 0l-12 12-11.999-12a7.873 7.873 0 1 0-11.134 11.134l12 12-12 12a7.956 7.956 0 1 0 11.253 11.252l12-12 11.999 12a7.778 7.778 0 0 0 5.573 2.371 7.577 7.577 0 0 0 5.573-2.371 7.766 7.766 0 0 0 0-11.134l-12-12 12-11.999a8.11 8.11 0 0 0-.119-11.253zm-154.902 46.398a7.873 7.873 0 0 0 5.573 2.371 7.873 7.873 0 0 0 5.572-13.481l-12-12 12-12a7.766 7.766 0 0 0 0-11.133 7.992 7.992 0 0 0-11.264 0l-12 12-11.999-12a7.992 7.992 0 0 0-11.264 0 7.766 7.766 0 0 0 0 11.134l12 11.999-12 12a7.766 7.766 0 0 0 0 11.133 7.778 7.778 0 0 0 5.573 2.372 7.577 7.577 0 0 0 5.573-2.372l11.999-11.999zm59.879 83.391a107.39 107.39 0 0 0-77.452 32.655 7.956 7.956 0 0 0 .119 11.134 7.838 7.838 0 0 0 11.134-.118 92.617 92.617 0 0 1 132.385 0 8.158 8.158 0 0 0 5.692 2.371 7.826 7.826 0 0 0 7.304-4.826 8.015 8.015 0 0 0-1.613-8.656 107.758 107.758 0 0 0-77.57-32.536zm0 0' fill='%23dbdbdb'/%3E%3Cpath d='M768.602 313.872l-82.147-91.68a94.23 94.23 0 0 0-70.147-31.303H246.505a85.905 85.905 0 0 0-85.858 85.858V841.4a85.905 85.905 0 0 0 85.858 85.858h459.49a85.905 85.905 0 0 0 85.859-85.858V374.617a91.063 91.063 0 0 0-23.264-60.745zm-94.028-81.163l82.147 91.68a77.428 77.428 0 0 1 14.228 23.264h-85.49a38.963 38.963 0 0 1-38.975-38.974V212.8a77.285 77.285 0 0 1 28.09 19.92zm101.45 608.702a70.124 70.124 0 0 1-70.028 70.029h-459.49a70.124 70.124 0 0 1-70.03-70.03V276.748a70.124 70.124 0 0 1 70.03-70.029h369.802a79.443 79.443 0 0 1 14.347 1.364v100.585a54.91 54.91 0 0 0 54.804 54.804h89.7a84.352 84.352 0 0 1 .865 11.134v466.794zm0 0' fill='%23dbdbdb'/%3E%3C/svg%3E");
  --_none: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAiIGhlaWdodD0iMTYwIiB2aWV3Qm94PSIwIDAgMTYwIDE2MCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTAgMGgxNjB2MTYwSDB6Ii8+PHBhdGggZmlsbD0iI0M5Q0FDQSIgZD0iTTc5LjA4NyA4Ny44Nkg2MS45ODNjLTEuNzE3IDAtMy4xMDgtMS4yMjMtMy4xMDktMi43M3YtMi4xMTFsOS4xNjMtNi45NTggMy4yODQgMi44NDFjMS43MDggMS40ODYgNC40MjIgMS41ODUgNi4yNjIuMjI4TDkzLjA3IDY3LjYyNWw2LjIyNiA1LjQ3OWMuNjI4LjU5MS44OTIuODU4IDEuNTguODU4LjQ5MyAwIC45MDQtLjI0NCAxLjIxOS0uNTg3LjMzMy0uMzYzLjMxMS0xLjIzOC4zMTEtMS42NzJWNTcuODFjMC0zLjAxOC0yLjc4My01LjQ2NS02LjIxOC01LjQ2NUg2MS45ODNjLTMuNDM1IDAtNi4yMTggMi40NDctNi4yMTggNS40NjV2MjcuMzJjMCAxLjQ0OC42NTUgMi44MzkgMS44MjEgMy44NjMgMS4xNjcgMS4wMjMgMi43NDkgMS42MDEgNC4zOTcgMS42MDFoMTcuMDcxYy43OTUgMCAxLjUyNS0uNTY3IDEuNTgyLTEuMjY1LjA2NS0uOC0uNjUzLTEuNDY3LTEuNTQ3LTEuNDY3bC0uMDAyLS4wMDJ6TTU4Ljg3NSA1Ny44MWMwLTEuNTA5IDEuMzkyLTIuNzMyIDMuMTA5LTIuNzMyaDM0LjIwM2MxLjcxOCAwIDMuMTA5IDEuMjIzIDMuMTA5IDIuNzMydjExLjQzNGwtNC4xMjMtMy42MjljLTEuMTUyLS44NTctMi44NC0uODYtMy45OTYtLjAwOGwtMTUuNTkgMTEuNDIyYy0uNjEzLjQ0OS0xLjUxMy40MTctMi4wODItLjA3NWwtMy4yODctMi44NGMtMS4xNTktLjk5My0yLjk4OS0xLjA0NC00LjIxNi0uMTIxbC03LjEyNyA1LjQyVjU3Ljgxem04LjEyOSA2LjQwNWE0LjEgNC4xIDAgMSAwIDguMTk4IDAgNC4xIDQuMSAwIDAgMC04LjE5OCAwem0zNS4zMzQgMTUuNTIyYTkuNTU0IDkuNTU0IDAgMCAxIDAgMTMuNTJjLTMuNzM1IDMuNzM1LTkuNzg5IDMuNzM2LTEzLjUyMyAwLTMuNjgyLTMuNzQ0LTMuNjU1LTkuNzU0LjA1Ny0xMy40NjNhOS41NjIgOS41NjIgMCAwIDEgMTMuNDY2LS4wNTd6TTkwLjc0NSA5MS4zMjVhNi44MyA2LjgzIDAgMCAwIDguNTkzLjg2OWwtOS40NjItOS40NjRhNi44MzEgNi44MzEgMCAwIDAgLjg2OSA4LjU5MnYuMDAzem0xMC41MjctMS4wNjZhNi44MyA2LjgzIDAgMCAwLTkuNDYyLTkuNDZsOS40NjIgOS40NnptMCAwIi8+PHRleHQgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQuODI0IDExMC41NSkiIGZpbGw9IiNDOUNBQ0EiIGZvbnQtZmFtaWx5PSInTWljcm9zb2Z0WWFIZWknIiBmb250LXNpemU9IjEyLjU4OCI+5pqC5peg5Zu+54mHPC90ZXh0Pjwvc3ZnPg==");
  /*Screen size*/
  --SCREEN: lg;
  /*Namespace*/
  --PREFIX: _;
  --ALIAS: rep;
  /*Opacity*/
  --_o-active: 0.6;
  --_o-disabled: 0.48;
  --_o-mask: 0.4;
  --_o-stage: 0.8;
  /*cubic-bezier*/
  --_bez-linear: cubic-bezier(0, 0, 1, 1);
  --_bez-ease: cubic-bezier(0.4, 0.2, 0.3, 1);
  --_bez-ei: cubic-bezier(0.6, 0, 1, 1);
  --_bez-eo: cubic-bezier(0, 0, 0.4, 1);
  --_bez-eio: cubic-bezier(0.6, 0, 0.6, 1);
  --_bez-eoi: cubic-bezier(0, 0.6, 1, 0.6);
  /*Duration*/
  --_dur-0: 0ms;
  --_dur-1: 100ms;
  --_dur-2: 200ms;
  --_dur-3: 300ms;
  --_dur-4: 600ms;
  --_dur-5: 900ms;
  --_dur-6: 2000ms;
  --_dur-7: 3000ms;
  --_dur-8: 4000ms;
  --_dur-9: 5000ms;
  --_dur-10: 10000ms;
  --_num-min: 4;
  --_num-space: 8;
  --_num-root: 10;
  --_num-ignore: 12;
  --_num-body: 14;
  --_num-caption: 16;
  --_num-subject: 18;
  --_num-list: 22;
  --_num-title: 28;
  --_num-input: 38;
  --_num-hitbox: 44;
  --_num-max: 48;
  /*Font size*/
  --_fs-root: calc(var(--_num-root)*1px);
  --_fs-mobi: calc(1px*var(--_num-root)*16/14);
  /*Rem of size*/
  --_rem-min: calc((var(--_num-min)/var(--_num-root))*1rem);
  --_rem-space: calc((var(--_num-space)/var(--_num-root))*1rem);
  --_rem-root: 1rem;
  --_rem-ignore: calc((var(--_num-ignore)/var(--_num-root))*1rem);
  --_rem-body: calc((var(--_num-body)/var(--_num-root))*1rem);
  --_rem-caption: calc((var(--_num-caption)/var(--_num-root))*1rem);
  --_rem-subject: calc((var(--_num-subject)/var(--_num-root))*1rem);
  --_rem-list: calc((var(--_num-list)/var(--_num-root))*1rem);
  --_rem-title: calc((var(--_num-title)/var(--_num-root))*1rem);
  --_rem-input: calc((var(--_num-input)/var(--_num-root))*1rem);
  --_rem-hitbox: calc((var(--_num-hitbox)/var(--_num-root))*1rem);
  --_rem-max: calc((var(--_num-max)/var(--_num-root))*1rem);
  /*Em of size*/
  --_em-min: calc((var(--_num-min)/var(--_num-body))*1em);
  --_em-space: calc((var(--_num-space)/var(--_num-body))*1em);
  --_em-root: calc((var(--_num-root)/var(--_num-body))*1em);
  --_em-ignore: calc((var(--_num-ignore)/var(--_num-body))*1em);
  --_em-body: 1em;
  --_em-caption: calc((var(--_num-caption)/var(--_num-body))*1em);
  --_em-subject: calc((var(--_num-subject)/var(--_num-body))*1em);
  --_em-list: calc((var(--_num-list)/var(--_num-body))*1em);
  --_em-title: calc((var(--_num-title)/var(--_num-body))*1em);
  --_em-input: calc((var(--_num-input)/var(--_num-body))*1em);
  --_em-hitbox: calc((var(--_num-hitbox)/var(--_num-body))*1em);
  --_em-max: calc((var(--_num-max)/var(--_num-body))*1em);
  /*Em of small size (base --_px-ignore)*/
  --_em-min-dec: calc((var(--_num-min)/var(--_num-ignore))*1em);
  --_em-space-dec: calc((var(--_num-space)/var(--_num-ignore))*1em);
  --_em-root-dec: calc((var(--_num-root)/var(--_num-ignore))*1em);
  --_em-ignore-dec: 1em;
  --_em-body-dec: calc((var(--_num-body)/var(--_num-ignore))*1em);
  --_em-caption-dec: calc((var(--_num-caption)/var(--_num-ignore))*1em);
  --_em-subject-dec: calc((var(--_num-subject)/var(--_num-ignore))*1em);
  --_em-list-dec: calc((var(--_num-list)/var(--_num-ignore))*1em);
  --_em-title-dec: calc((var(--_num-title)/var(--_num-ignore))*1em);
  --_em-input-dec: calc((var(--_num-input)/var(--_num-ignore))*1em);
  --_em-hitbox-dec: calc((var(--_num-hitbox)/var(--_num-ignore))*1em);
  --_em-max-dec: calc((var(--_num-max)/var(--_num-ignore))*1em);
  /*Em of title size (base --_px-caption)*/
  --_em-min-inc: calc((var(--_num-min)/var(--_num-caption))*1em);
  --_em-space-inc: calc((var(--_num-space)/var(--_num-caption))*1em);
  --_em-root-inc: calc((var(--_num-root)/var(--_num-caption))*1em);
  --_em-ignore-inc: calc((var(--_num-ignore)/var(--_num-caption))*1em);
  --_em-body-inc: calc((var(--_num-body)/var(--_num-caption))*1em);
  --_em-caption-inc: 1em;
  --_em-subject-inc: calc((var(--_num-subject)/var(--_num-caption))*1em);
  --_em-list-inc: calc((var(--_num-list)/var(--_num-caption))*1em);
  --_em-title-inc: calc((var(--_num-title)/var(--_num-caption))*1em);
  --_em-input-inc: calc((var(--_num-input)/var(--_num-caption))*1em);
  --_em-hitbox-inc: calc((var(--_num-hitbox)/var(--_num-caption))*1em);
  --_em-max-inc: calc((var(--_num-max)/var(--_num-caption))*1em);
  /*Px of size*/
  --_px-min: calc(var(--_num-min)*1px);
  --_px-space: calc(var(--_num-space)*1px);
  --_px-root: calc(var(--_num-root)*1px);
  --_px-ignore: calc(var(--_num-ignore)*1px);
  --_px-body: calc(var(--_num-body)*1px);
  --_px-caption: calc(var(--_num-caption)*1px);
  --_px-subject: calc(var(--_num-subject)*1px);
  --_px-list: calc(var(--_num-list)*1px);
  --_px-title: calc(var(--_num-title)*1px);
  --_px-input: calc(var(--_num-input)*1px);
  --_px-hitbox: calc(var(--_num-hitbox)*1px);
  --_px-max: calc(var(--_num-max)*1px);
  /*Font size*/
  --_fs-ignore: var(--_rem-ignore);
  --_fs-body: var(--_rem-body);
  --_fs-caption: var(--_rem-caption);
  --_fs-subject: var(--_rem-subject);
  --_fs-title: var(--_rem-title);
  --_fs-huge: var(--_rem-hitbox);
  --_fs-h1: calc(var(--_rem-caption)*2);
  --_fs-h2: var(--_rem-title);
  --_fs-h3: var(--_rem-list);
  --_fs-h4: var(--_rem-subject);
  --_fs-h5: var(--_rem-caption);
  --_fs-h6: var(--_rem-body);
  /*Font family*/
  --_ff-icon: '_iconfont';
  --_ff-body: "microsoft yahei", "Microsoft JhengHei", "Arial", "Helvetica Neue", "sans-serif", "Yu Mincho", "simsun";
  --_ff-alt: "PT Sans", "Segoe UI", "Arial Narrow", "microsoft yahei", "Yu Mincho", "simsun";
  --_ff-code: "Consolas", "Monaco", "Andale Mono", "Ubuntu Mono", "monospace", "microsoft yahei", "Microsoft JhengHei", "Yu Mincho", "simsun";
  /*Padding , Margin & Gap*/
  --_p: var(--_rem-body);
  /*Margin*/
  --_m: var(--_rem-body);
  /*Gap*/
  --_g: var(--_rem-min);
  --_g-full: var(--_rem-title);
  /*Width & Height*/
  --_h-input: var(--_rem-input);
  --_w-input: min(calc(var(--_rem-input)*10), 100%);
  --_w-bubble: min(41rem, calc(100vw - var(--_rem-title)));
  --_w-label: 10em;
  --_w-outline: 3px;
  --_w-xxs: calc(100vw - var(--_m)*2);
  --_w-xs: calc(100vw - var(--_m)*4);
  --_w-sm: calc(100vw - var(--_m)*8);
  --_w-md: 120rem;
  --_w-lg: 140rem;
  --_w-xl: 160rem;
  --_w-xxl: 180rem;
  --_w-list: 16rem;
  --_w-menu: 22rem;
  --_w-aside: 25rem;
  --_w-drawer: 40rem;
  /*Radius*/
  --_r: 0.3rem;
  --_r-input-sm: 0.3rem;
  --_r-input: 0.5rem;
  --_r-input-lg: 0.9rem;
  --_r-bubble: 0.9rem;
  /*Other*/
}
/*
 *Last modified: 2025-03-08 11:08:42
 */
@font-face {
  font-family: '_iconfont';
  src: url('data:font/woff2;charset=utf-8;base64, ') format('woff2');
  font-weight: normal;
  font-style: normal;
}
[class*="_icon-"] {
  font-family: var(--_ff-icon);
  font-size: 1em;
  position: relative;
}
[class*="_icon-"]:before {
  position: relative;
}
._icon-cny-o-f:before {
  content: "\e7cf";
}
._icon-cny-o:before {
  content: "\e7d0";
}
._icon-usd-o-f:before {
  content: "\e7d1";
}
._icon-usd-o:before {
  content: "\e7d2";
}
._icon-eur-o-f:before {
  content: "\e7d3";
}
._icon-eur-o:before {
  content: "\e7d4";
}
._icon-gbp-o:before {
  content: "\e7d5";
}
._icon-gbp-o-f:before {
  content: "\e7d6";
}
._icon-usd:before {
  content: "\e7c9";
}
._icon-eur:before {
  content: "\e7cd";
}
._icon-gbp:before {
  content: "\e7ce";
}
._icon-cny:before {
  content: "\e7e3";
}
._icon-coins:before {
  content: "\e7c7";
}
._icon-coins-f:before {
  content: "\e7c8";
}
._icon-coin-f:before {
  content: "\e7c4";
}
._icon-coin:before {
  content: "\e7c6";
}
._icon-article:before {
  content: "\e7c1";
}
._icon-br:before {
  content: "\e7c0";
}
._icon-html-box:before {
  content: "\e7bc";
}
._icon-uppercase:before {
  content: "\e7b8";
}
._icon-font-case:before {
  content: "\e7ba";
}
._icon-lowercase:before {
  content: "\e7b7";
}
._icon-font-bg:before {
  content: "\e7b5";
}
._icon-line-h:before {
  content: "\e7b4";
}
._icon-highlight:before {
  content: "\e9ac";
}
._icon-indent-more:before {
  content: "\f027";
}
._icon-indent-less:before {
  content: "\e7b2";
}
._icon-code-box:before {
  content: "\e7b1";
}
._icon-link-add:before {
  content: "\e7ab";
}
._icon-font-size:before {
  content: "\e7aa";
}
._icon-subscript:before {
  content: "\e7a3";
}
._icon-superscript:before {
  content: "\e7a4";
}
._icon-list-check:before {
  content: "\f0f5";
}
._icon-heading-1:before {
  content: "\e7a5";
}
._icon-clean-format:before {
  content: "\e7a6";
}
._icon-heading-2:before {
  content: "\e7a7";
}
._icon-bold:before {
  content: "\e7a8";
}
._icon-heading-4:before {
  content: "\e7a9";
}
._icon-italic:before {
  content: "\e7ac";
}
._icon-link-remove:before {
  content: "\e7ad";
}
._icon-heading-6:before {
  content: "\e7ae";
}
._icon-paragraph:before {
  content: "\e7b0";
}
._icon-code-block:before {
  content: "\e7b3";
}
._icon-underline:before {
  content: "\e7b6";
}
._icon-font:before {
  content: "\e7b9";
}
._icon-heading:before {
  content: "\e7bb";
}
._icon-text:before {
  content: "\e7bd";
}
._icon-through:before {
  content: "\e7be";
}
._icon-heading-3:before {
  content: "\e7bf";
}
._icon-table:before {
  content: "\e7c2";
}
._icon-heading-5:before {
  content: "\e7c5";
}
._icon-code-inline:before {
  content: "\e7ca";
}
._icon-font-color:before {
  content: "\e7cc";
}
._icon-npm:before {
  content: "\e7a0";
}
._icon-npm-f:before {
  content: "\e7a1";
}
._icon-drag:before {
  content: "\e79e";
}
._icon-min:before {
  content: "\e79c";
}
._icon-max:before {
  content: "\e79d";
}
._icon-instagram-f:before {
  content: "\e79b";
}
._icon-instagram:before {
  content: "\e87f";
}
._icon-upload-t:before {
  content: "\e798";
}
._icon-download-t:before {
  content: "\e799";
}
._icon-trash-t:before {
  content: "\e79a";
}
._icon-check-all:before {
  content: "\e797";
}
._icon-export:before {
  content: "\e765";
}
._icon-import:before {
  content: "\e8d2";
}
._icon-pause:before {
  content: "\e7af";
}
._icon-play:before {
  content: "\e7c3";
}
._icon-pinterest:before {
  content: "\e794";
}
._icon-qzone:before {
  content: "\e795";
}
._icon-google:before {
  content: "\e816";
}
._icon-tumblr:before {
  content: "\e796";
}
._icon-qzone-f:before {
  content: "\e779";
}
._icon-tumblr-f:before {
  content: "\e885";
}
._icon-pinterest-f:before {
  content: "\e793";
}
._icon-zhihu:before {
  content: "\e789";
}
._icon-jd:before {
  content: "\e792";
}
._icon-baidu:before {
  content: "\e600";
}
._icon-amazon:before {
  content: "\e77a";
}
._icon-douban:before {
  content: "\e77b";
}
._icon-tmall:before {
  content: "\e77c";
}
._icon-163music:before {
  content: "\e77d";
}
._icon-css3:before {
  content: "\e77e";
}
._icon-iqiyi:before {
  content: "\e77f";
}
._icon-qqmusic:before {
  content: "\e780";
}
._icon-stackoverflow:before {
  content: "\e781";
}
._icon-gitee:before {
  content: "\e782";
}
._icon-csdn:before {
  content: "\e783";
}
._icon-github:before {
  content: "\e784";
}
._icon-oschina:before {
  content: "\e785";
}
._icon-nodejs:before {
  content: "\e786";
}
._icon-bilibili:before {
  content: "\e787";
}
._icon-xiaomi:before {
  content: "\e7cb";
}
._icon-android:before {
  content: "\e788";
}
._icon-html5:before {
  content: "\e902";
}
._icon-ios:before {
  content: "\eb1b";
}
._icon-codepen:before {
  content: "\ea0c";
}
._icon-aliyun:before {
  content: "\e78a";
}
._icon-taobao:before {
  content: "\e78b";
}
._icon-microsoft:before {
  content: "\e78c";
}
._icon-youku:before {
  content: "\e78d";
}
._icon-ebay:before {
  content: "\e78e";
}
._icon-google-f:before {
  content: "\ee4f";
}
._icon-huawei:before {
  content: "\e78f";
}
._icon-tiktok:before {
  content: "\e790";
}
._icon-xunlei:before {
  content: "\e791";
}
._icon-folder-open-f:before {
  content: "\e777";
}
._icon-folder-open:before {
  content: "\e778";
}
._icon-scan:before {
  content: "\e776";
}
._icon-barcode:before {
  content: "\e775";
}
._icon-qrcode:before {
  content: "\e774";
}
._icon-star-half:before {
  content: "\e76a";
}
._icon-warn-o-t:before {
  content: "\e7f0";
}
._icon-bulb-t:before {
  content: "\e9b9";
}
._icon-check-t:before {
  content: "\e773";
}
._icon-arrow-left-t:before {
  content: "\f15d";
}
._icon-arrow-right-t:before {
  content: "\f15e";
}
._icon-close-t:before {
  content: "\f162";
}
._icon-minus-t:before {
  content: "\e766";
}
._icon-plus-t:before {
  content: "\e767";
}
._icon-arrow-up-t:before {
  content: "\e768";
}
._icon-arrow-down-t:before {
  content: "\e769";
}
._icon-right-t:before {
  content: "\e76b";
}
._icon-close-o-t:before {
  content: "\e76c";
}
._icon-check-o-t:before {
  content: "\e76d";
}
._icon-info-o-t:before {
  content: "\e76e";
}
._icon-issue-o-t:before {
  content: "\e76f";
}
._icon-clock-t:before {
  content: "\e770";
}
._icon-up-t:before {
  content: "\e771";
}
._icon-down-t:before {
  content: "\e772";
}
._icon-left-t:before {
  content: "\f161";
}
._icon-addpic:before {
  content: "\e764";
}
._icon-cloud-upload-f:before {
  content: "\e762";
}
._icon-cloud-download-f:before {
  content: "\e763";
}
._icon-swap:before {
  content: "\e761";
}
._icon-sort-az-up:before {
  content: "\f048";
}
._icon-arrowflag:before {
  content: "\e75e";
}
._icon-fingerprint:before {
  content: "\e75f";
}
._icon-select:before {
  content: "\e760";
}
._icon-list-ol:before {
  content: "\f03c";
}
._icon-sort:before {
  content: "\f0c5";
}
._icon-sort-az-down:before {
  content: "\f0c6";
}
._icon-sort-amount-down:before {
  content: "\f0c7";
}
._icon-sort-amount-up:before {
  content: "\f0c8";
}
._icon-sort-num-down:before {
  content: "\f0ca";
}
._icon-sort-num-up:before {
  content: "\f0cb";
}
._icon-street:before {
  content: "\f0e1";
}
._icon-repair:before {
  content: "\f15c";
}
._icon-quote-right-f:before {
  content: "\e970";
}
._icon-quote-left-f:before {
  content: "\e75d";
}
._icon-quote-right:before {
  content: "\e7f5";
}
._icon-quote-left:before {
  content: "\e7f6";
}
._icon-gift:before {
  content: "\e75b";
}
._icon-gift-f:before {
  content: "\e75c";
}
._icon-power:before {
  content: "\e75a";
}
._icon-at:before {
  content: "\e758";
}
._icon-hash:before {
  content: "\e759";
}
._icon-award:before {
  content: "\e756";
}
._icon-award-f:before {
  content: "\e757";
}
._icon-loader:before {
  content: "\e755";
}
._icon-sync:before {
  content: "\e753";
}
._icon-refresh:before {
  content: "\e754";
}
._icon-umbrella:before {
  content: "\e751";
}
._icon-umbrella-f:before {
  content: "\e752";
}
._icon-slash-h-f:before {
  content: "\e74f";
}
._icon-slash-f:before {
  content: "\e750";
}
._icon-slash-h:before {
  content: "\e96f";
}
._icon-slash:before {
  content: "\e74b";
}
._icon-badge-new:before {
  content: "\e74c";
}
._icon-badge-vip:before {
  content: "\e74d";
}
._icon-badge-hot:before {
  content: "\e74e";
}
._icon-redo:before {
  content: "\e749";
}
._icon-redo-f:before {
  content: "\e74a";
}
._icon-female:before {
  content: "\e747";
}
._icon-male:before {
  content: "\e748";
}
._icon-calendar-f:before {
  content: "\e745";
}
._icon-calendar:before {
  content: "\e746";
}
._icon-apply:before {
  content: "\e743";
}
._icon-apply-f:before {
  content: "\e744";
}
._icon-bigger:before {
  content: "\e741";
}
._icon-smaller:before {
  content: "\e742";
}
._icon-widgets-f:before {
  content: "\e73f";
}
._icon-widgets:before {
  content: "\e740";
}
._icon-align-center:before {
  content: "\e737";
}
._icon-align-right:before {
  content: "\e73c";
}
._icon-align-justify:before {
  content: "\e73d";
}
._icon-align-left:before {
  content: "\e73e";
}
._icon-grid:before {
  content: "\e73a";
}
._icon-grid-f:before {
  content: "\e73b";
}
._icon-divide:before {
  content: "\e736";
}
._icon-percent:before {
  content: "\e735";
}
._icon-pull-up:before {
  content: "\e96e";
}
._icon-pull-down:before {
  content: "\e79f";
}
._icon-org:before {
  content: "\e738";
}
._icon-org-f:before {
  content: "\e739";
}
._icon-dot-left:before {
  content: "\e733";
}
._icon-dot-right:before {
  content: "\e734";
}
._icon-me-f:before {
  content: "\e731";
}
._icon-me:before {
  content: "\e732";
}
._icon-home:before {
  content: "\e72f";
}
._icon-home-f:before {
  content: "\e730";
}
._icon-tobottom:before {
  content: "\e72d";
}
._icon-totop:before {
  content: "\e72e";
}
._icon-printer:before {
  content: "\e72b";
}
._icon-printer-f:before {
  content: "\e72c";
}
._icon-zoomin-f:before {
  content: "\e729";
}
._icon-zoomout-f:before {
  content: "\e72a";
}
._icon-good-f:before {
  content: "\e725";
}
._icon-bad-f:before {
  content: "\e726";
}
._icon-good:before {
  content: "\e727";
}
._icon-bad:before {
  content: "\e728";
}
._icon-corner-up-left:before {
  content: "\e721";
}
._icon-corner-left-down:before {
  content: "\e722";
}
._icon-corner-up-right:before {
  content: "\e723";
}
._icon-corner-right-up:before {
  content: "\e724";
}
._icon-seal-refuse-f:before {
  content: "\e720";
}
._icon-seal:before {
  content: "\e71f";
}
._icon-seal-f:before {
  content: "\e71d";
}
._icon-seal-ok-f:before {
  content: "\e71e";
}
._icon-pad:before {
  content: "\e71b";
}
._icon-pad-f:before {
  content: "\e71c";
}
._icon-pc:before {
  content: "\e719";
}
._icon-pc-f:before {
  content: "\e71a";
}
._icon-qq:before {
  content: "\e716";
}
._icon-weibo:before {
  content: "\e717";
}
._icon-wechat:before {
  content: "\e718";
}
._icon-trending-down:before {
  content: "\e712";
}
._icon-telephone:before {
  content: "\e713";
}
._icon-trending-up:before {
  content: "\e714";
}
._icon-telephone-f:before {
  content: "\e715";
}
._icon-qq-f:before {
  content: "\e70e";
}
._icon-weibo-f:before {
  content: "\e70f";
}
._icon-renren-f:before {
  content: "\e710";
}
._icon-wechat-f:before {
  content: "\e711";
}
._icon-facebook:before {
  content: "\e70a";
}
._icon-twitter:before {
  content: "\e70b";
}
._icon-facebook-f:before {
  content: "\e70c";
}
._icon-twitter-f:before {
  content: "\e70d";
}
._icon-pause-o:before {
  content: "\e6fe";
}
._icon-play-o:before {
  content: "\e6ff";
}
._icon-pause-o-f:before {
  content: "\e700";
}
._icon-play-o-f:before {
  content: "\e701";
}
._icon-flash-off:before {
  content: "\e6fa";
}
._icon-flash:before {
  content: "\e6fb";
}
._icon-flash-off-f:before {
  content: "\e6fc";
}
._icon-flash-f:before {
  content: "\e6fd";
}
._icon-moon:before {
  content: "\e6f8";
}
._icon-moon-f:before {
  content: "\e6f9";
}
._icon-logout:before {
  content: "\e6f6";
}
._icon-login:before {
  content: "\e6f7";
}
._icon-cube:before {
  content: "\e6f4";
}
._icon-cube-f:before {
  content: "\e6f5";
}
._icon-tv:before {
  content: "\e6f2";
}
._icon-tv-f:before {
  content: "\e6f3";
}
._icon-wifi:before {
  content: "\e6f0";
}
._icon-wifi-off:before {
  content: "\e6f1";
}
._icon-star:before {
  content: "\e6ee";
}
._icon-star-f:before {
  content: "\e6ef";
}
._icon-film:before {
  content: "\e6ea";
}
._icon-filter:before {
  content: "\e6eb";
}
._icon-film-f:before {
  content: "\e6ec";
}
._icon-filter-f:before {
  content: "\e6ed";
}
._icon-paperplane:before {
  content: "\e6e9";
}
._icon-paperplane-f:before {
  content: "\e7a2";
}
._icon-tags:before {
  content: "\e6e7";
}
._icon-tags-f:before {
  content: "\e6e8";
}
._icon-nav-v:before {
  content: "\e6e3";
}
._icon-nav:before {
  content: "\e6e4";
}
._icon-nav-f:before {
  content: "\e6e5";
}
._icon-nav-v-f:before {
  content: "\e6e6";
}
._icon-mic-off:before {
  content: "\e6df";
}
._icon-mic:before {
  content: "\e6e0";
}
._icon-mic-off-f:before {
  content: "\e6e1";
}
._icon-mic-f:before {
  content: "\e6e2";
}
._icon-message-s:before {
  content: "\e6db";
}
._icon-message-o:before {
  content: "\e6dc";
}
._icon-message-s-f:before {
  content: "\e6dd";
}
._icon-message-o-f:before {
  content: "\e6de";
}
._icon-sun:before {
  content: "\e6d9";
}
._icon-sun-f:before {
  content: "\e6da";
}
._icon-map:before {
  content: "\e6d5";
}
._icon-pin:before {
  content: "\e6d6";
}
._icon-map-f:before {
  content: "\e6d7";
}
._icon-pin-f:before {
  content: "\e6d8";
}
._icon-headphones:before {
  content: "\e6d3";
}
._icon-headphones-f:before {
  content: "\e6d4";
}
._icon-empty:before {
  content: "\e6d2";
}
._icon-box:before {
  content: "\e6d0";
}
._icon-box-f:before {
  content: "\e6d1";
}
._icon-image:before {
  content: "\e6cd";
}
._icon-image-f:before {
  content: "\e6ce";
}
._icon-image-alt-f:before {
  content: "\e6cf";
}
._icon-clock:before {
  content: "\e6cb";
}
._icon-clock-f:before {
  content: "\e6cc";
}
._icon-camera:before {
  content: "\e6c9";
}
._icon-camera-f:before {
  content: "\e6ca";
}
._icon-phone-off:before {
  content: "\e6c3";
}
._icon-phone-call:before {
  content: "\e6c4";
}
._icon-phone-f:before {
  content: "\e6c5";
}
._icon-phone-call-f:before {
  content: "\e6c6";
}
._icon-phone-off-f:before {
  content: "\e6c7";
}
._icon-phone-missed-f:before {
  content: "\e6c8";
}
._icon-phone-missed:before {
  content: "\e6c1";
}
._icon-phone:before {
  content: "\e6c2";
}
._icon-people-f:before {
  content: "\e6c0";
}
._icon-person-delete:before {
  content: "\e6b4";
}
._icon-people:before {
  content: "\e6b5";
}
._icon-person:before {
  content: "\e6b6";
}
._icon-person-add:before {
  content: "\e6b7";
}
._icon-person-remove:before {
  content: "\e6b8";
}
._icon-person-done:before {
  content: "\e6b9";
}
._icon-person-add-f:before {
  content: "\e6ba";
}
._icon-person-f:before {
  content: "\e6bb";
}
._icon-person-remove-f:before {
  content: "\e6bc";
}
._icon-person-delete-f:before {
  content: "\e6bd";
}
._icon-pie-alt-f:before {
  content: "\e6be";
}
._icon-person-done-f:before {
  content: "\e6bf";
}
._icon-radio:before {
  content: "\e6b2";
}
._icon-radio-f:before {
  content: "\e6b3";
}
._icon-shield:before {
  content: "\e6ae";
}
._icon-shield-off:before {
  content: "\e6af";
}
._icon-shield-off-f:before {
  content: "\e6b0";
}
._icon-shield-f:before {
  content: "\e6b1";
}
._icon-settings-alt:before {
  content: "\e6aa";
}
._icon-settings:before {
  content: "\e6ab";
}
._icon-settings-f:before {
  content: "\e6ac";
}
._icon-settings-alt-f:before {
  content: "\e6ad";
}
._icon-bag:before {
  content: "\e6a6";
}
._icon-cart:before {
  content: "\e6a7";
}
._icon-bag-f:before {
  content: "\e6a8";
}
._icon-cart-f:before {
  content: "\e6a9";
}
._icon-toggle-left:before {
  content: "\e6a2";
}
._icon-toggle-right:before {
  content: "\e6a3";
}
._icon-toggle-left-f:before {
  content: "\e6a4";
}
._icon-toggle-right-f:before {
  content: "\e6a5";
}
._icon-lock:before {
  content: "\e69e";
}
._icon-unlock:before {
  content: "\e69f";
}
._icon-lock-f:before {
  content: "\e6a0";
}
._icon-unlock-f:before {
  content: "\e6a1";
}
._icon-email:before {
  content: "\e696";
}
._icon-music:before {
  content: "\e697";
}
._icon-video-off:before {
  content: "\e698";
}
._icon-video:before {
  content: "\e699";
}
._icon-email-f:before {
  content: "\e69a";
}
._icon-music-f:before {
  content: "\e69b";
}
._icon-video-off-f:before {
  content: "\e69c";
}
._icon-video-f:before {
  content: "\e69d";
}
._icon-link-open:before {
  content: "\e693";
}
._icon-undo:before {
  content: "\e694";
}
._icon-undo-f:before {
  content: "\e695";
}
._icon-share:before {
  content: "\e691";
}
._icon-share-f:before {
  content: "\e692";
}
._icon-trash:before {
  content: "\e68d";
}
._icon-trash-alt:before {
  content: "\e68e";
}
._icon-trash-f:before {
  content: "\e68f";
}
._icon-trash-alt-f:before {
  content: "\e690";
}
._icon-eye-off-f:before {
  content: "\e68c";
}
._icon-eye-off-alt:before {
  content: "\e688";
}
._icon-eye-off:before {
  content: "\e689";
}
._icon-eye:before {
  content: "\e68a";
}
._icon-eye-f:before {
  content: "\e68b";
}
._icon-heart:before {
  content: "\e686";
}
._icon-heart-f:before {
  content: "\e687";
}
._icon-editing:before {
  content: "\e682";
}
._icon-edit:before {
  content: "\e683";
}
._icon-editing-f:before {
  content: "\e684";
}
._icon-edit-f:before {
  content: "\e685";
}
._icon-global-f:before {
  content: "\e681";
}
._icon-global:before {
  content: "\e67e";
}
._icon-earth:before {
  content: "\e67f";
}
._icon-earth-f:before {
  content: "\e680";
}
._icon-bulb:before {
  content: "\e67c";
}
._icon-bulb-f:before {
  content: "\e67d";
}
._icon-theme:before {
  content: "\e67a";
}
._icon-theme-f:before {
  content: "\e67b";
}
._icon-compass:before {
  content: "\e678";
}
._icon-compass-f:before {
  content: "\e679";
}
._icon-bell:before {
  content: "\e674";
}
._icon-bell-off:before {
  content: "\e675";
}
._icon-bell-off-f:before {
  content: "\e676";
}
._icon-bell-f:before {
  content: "\e677";
}
._icon-list-ul:before {
  content: "\e66f";
}
._icon-more:before {
  content: "\e670";
}
._icon-menu:before {
  content: "\e671";
}
._icon-more-v:before {
  content: "\e672";
}
._icon-menu-fold:before {
  content: "\e673";
}
._icon-menu-unfold:before {
  content: "\e96d";
}
._icon-bar:before {
  content: "\e66c";
}
._icon-pie:before {
  content: "\e66d";
}
._icon-pie-f:before {
  content: "\e66e";
}
._icon-options:before {
  content: "\e668";
}
._icon-options-v:before {
  content: "\e669";
}
._icon-options-f:before {
  content: "\e66a";
}
._icon-options-v-f:before {
  content: "\e66b";
}
._icon-attach:before {
  content: "\e664";
}
._icon-attach-v:before {
  content: "\e665";
}
._icon-link:before {
  content: "\e666";
}
._icon-link-h:before {
  content: "\e667";
}
._icon-volume-down:before {
  content: "\e65c";
}
._icon-volume-up:before {
  content: "\e65d";
}
._icon-volume-off:before {
  content: "\e65e";
}
._icon-volume-mute:before {
  content: "\e65f";
}
._icon-volume-off-f:before {
  content: "\e660";
}
._icon-volume-up-f:before {
  content: "\e661";
}
._icon-volume-down-f:before {
  content: "\e662";
}
._icon-volume-mute-f:before {
  content: "\e663";
}
._icon-copy:before {
  content: "\e65a";
}
._icon-copy-f:before {
  content: "\e65b";
}
._icon-file-remove:before {
  content: "\e645";
}
._icon-file-add:before {
  content: "\e646";
}
._icon-file:before {
  content: "\e647";
}
._icon-file-text:before {
  content: "\e648";
}
._icon-folder-add:before {
  content: "\e64d";
}
._icon-folder:before {
  content: "\e64f";
}
._icon-folder-remove:before {
  content: "\e652";
}
._icon-file-text-f:before {
  content: "\e653";
}
._icon-file-add-f:before {
  content: "\e654";
}
._icon-file-remove-f:before {
  content: "\e655";
}
._icon-file-f:before {
  content: "\e656";
}
._icon-folder-add-f:before {
  content: "\e657";
}
._icon-folder-remove-f:before {
  content: "\e658";
}
._icon-folder-f:before {
  content: "\e659";
}
._icon-zoomin:before {
  content: "\e642";
}
._icon-zoomout:before {
  content: "\e643";
}
._icon-search:before {
  content: "\e644";
}
._icon-cloud-download:before {
  content: "\e63e";
}
._icon-cloud-upload:before {
  content: "\e63f";
}
._icon-download:before {
  content: "\e640";
}
._icon-upload:before {
  content: "\e641";
}
._icon-warn-o:before {
  content: "\e709";
}
._icon-warn:before {
  content: "\e7d7";
}
._icon-info-o:before {
  content: "\e636";
}
._icon-info:before {
  content: "\e7f7";
}
._icon-issue-o:before {
  content: "\e63b";
}
._icon-issue:before {
  content: "\e63c";
}
._icon-warn-o-f:before {
  content: "\e63d";
}
._icon-info-o-f:before {
  content: "\e64b";
}
._icon-issue-o-f:before {
  content: "\e650";
}
._icon-minus-s:before {
  content: "\e62b";
}
._icon-minus-o:before {
  content: "\e635";
}
._icon-minus-o-f:before {
  content: "\e649";
}
._icon-minus-s-f:before {
  content: "\e64a";
}
._icon-minus:before {
  content: "\e64c";
}
._icon-code-download:before {
  content: "\e62a";
}
._icon-plus:before {
  content: "\e627";
}
._icon-plus-s:before {
  content: "\e628";
}
._icon-plus-o:before {
  content: "\e629";
}
._icon-plus-s-f:before {
  content: "\e64e";
}
._icon-plus-o-f:before {
  content: "\e651";
}
._icon-backspace:before {
  content: "\e626";
}
._icon-backspace-f:before {
  content: "\e634";
}
._icon-corner-down-left:before {
  content: "\e622";
}
._icon-corner-left-up:before {
  content: "\e623";
}
._icon-corner-right-down:before {
  content: "\e624";
}
._icon-corner-down-right:before {
  content: "\e625";
}
._icon-collapse-v:before {
  content: "\f166";
}
._icon-expand-h:before {
  content: "\f163";
}
._icon-left-up:before {
  content: "\e61d";
}
._icon-left-down:before {
  content: "\e61e";
}
._icon-right-up:before {
  content: "\e61f";
}
._icon-right-down:before {
  content: "\e620";
}
._icon-expand:before {
  content: "\e621";
}
._icon-collapse:before {
  content: "\e639";
}
._icon-expand-v:before {
  content: "\f164";
}
._icon-collapse-h:before {
  content: "\f165";
}
._icon-check-o-gap:before {
  content: "\e61a";
}
._icon-check-s-gap:before {
  content: "\e61b";
}
._icon-close-s:before {
  content: "\e708";
}
._icon-close-o:before {
  content: "\e618";
}
._icon-close-o-f:before {
  content: "\e637";
}
._icon-close-s-f:before {
  content: "\e638";
}
._icon-close:before {
  content: "\e63a";
}
._icon-circle:before {
  content: "\e61c";
}
._icon-check-o-f:before {
  content: "\e707";
}
._icon-check-o:before {
  content: "\e706";
}
._icon-square:before {
  content: "\e705";
}
._icon-check-s-f:before {
  content: "\e704";
}
._icon-check:before {
  content: "\e616";
}
._icon-check-s:before {
  content: "\e617";
}
._icon-down-double:before {
  content: "\e612";
}
._icon-left-double:before {
  content: "\e613";
}
._icon-right-double:before {
  content: "\e614";
}
._icon-up-double:before {
  content: "\e615";
}
._icon-code-o:before {
  content: "\e702";
}
._icon-code-o-f:before {
  content: "\e703";
}
._icon-code:before {
  content: "\e611";
}
._icon-right-o-f:before {
  content: "\e619";
}
._icon-down-o-f:before {
  content: "\e96a";
}
._icon-left-o-f:before {
  content: "\e96b";
}
._icon-up-o-f:before {
  content: "\e96c";
}
._icon-left-o:before {
  content: "\e8f6";
}
._icon-up-o:before {
  content: "\e967";
}
._icon-down-o:before {
  content: "\e968";
}
._icon-right-o:before {
  content: "\e969";
}
._icon-down:before {
  content: "\e60d";
}
._icon-left:before {
  content: "\e60e";
}
._icon-right:before {
  content: "\e60f";
}
._icon-up:before {
  content: "\e610";
}
._icon-arrow-left:before {
  content: "\e609";
}
._icon-arrow-right:before {
  content: "\e60a";
}
._icon-arrow-down:before {
  content: "\e60b";
}
._icon-arrow-up:before {
  content: "\e60c";
}
._icon-triangle-down:before {
  content: "\e605";
}
._icon-triangle-up:before {
  content: "\e606";
}
._icon-triangle-right:before {
  content: "\e607";
}
._icon-triangle-left:before {
  content: "\e608";
}
._icon-triangle-down-f:before {
  content: "\e630";
}
._icon-triangle-left-f:before {
  content: "\e631";
}
._icon-triangle-up-f:before {
  content: "\e632";
}
._icon-triangle-right-f:before {
  content: "\e633";
}
._icon-arrow-down-o:before {
  content: "\e601";
}
._icon-arrow-left-o:before {
  content: "\e602";
}
._icon-arrow-up-o:before {
  content: "\e603";
}
._icon-arrow-right-o:before {
  content: "\e604";
}
._icon-arrow-down-o-f:before {
  content: "\e62c";
}
._icon-arrow-left-o-f:before {
  content: "\e62d";
}
._icon-arrow-right-o-f:before {
  content: "\e62e";
}
._icon-arrow-up-o-f:before {
  content: "\e62f";
}
/*
 *Last modified: 2025-04-16 08:37:42
 */
html {
  font-size: var(--_fs-root);
  width: 100%;
  padding: 0;
  margin: 0;
}
body {
  --_body-p: 0px;
  --_body-m: 0px;
  --_body-a: left;
  --_body-c: var(--_c-text);
  --_body-ff: var(--_ff-body);
  --_body-fs: var(--_fs-body);
  --_body-lh: var(--_em-title);
  font-family: var(--_body-ff);
  font-size: var(--_body-fs);
  line-height: var(--_body-lh);
  color: var(--_body-c);
  text-align: var(--_body-a);
  width: 100%;
  min-height: 100%;
  padding: var(--_body-p);
  margin: var(--_body-m);
  position: relative;
}
/*reset*/
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  flex-shrink: 0;
}
*:focus {
  outline-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0.5em 0;
  line-height: 1.5em;
}
h1 {
  font-size: var(--_fs-h1);
}
h2 {
  font-size: var(--_fs-h2);
}
h3 {
  font-size: var(--_fs-h3);
}
h4 {
  font-size: var(--_fs-h4);
}
h5 {
  font-size: var(--_fs-h5);
}
h6 {
  font-size: var(--_fs-h6);
}
img {
  border: 0;
  vertical-align: middle;
}
svg {
  vertical-align: middle;
}
img,
video,
audio,
picture {
  max-width: 100%;
}
iframe {
  display: block;
  width: 100%;
  border-width: 0;
}
span,
a,
input,
textarea,
select,
progress,
meter,
label,
i,
s,
u {
  display: inline-block;
}
form,
div,
pre,
p {
  display: block;
}
p {
  padding: 0.6em 0 0.6em 0;
}
hr {
  border-width: 0;
  height: 1px;
  overflow: hidden;
  background-color: var(--_c-text-bd);
}
sup a {
  color: var(--_c-prim);
}
code {
  --_code-c: var(--_c-prim);
  --_code-bg: var(--_c-text-bg);
  font-family: var(--_ff-body);
  color: var(--_code-c);
  background-color: var(--_code-bg);
  padding: 0 var(--_g);
  border-radius: var(--_r);
}
code[theme=prim] {
  --_code-c: var(--_c-prim);
  --_code-bg: var(--_c-prim-bg);
}
code[theme=succ] {
  --_code-c: var(--_c-succ);
  --_code-bg: var(--_c-succ-bg);
}
code[theme=error] {
  --_code-c: var(--_c-error);
  --_code-bg: var(--_c-error-bg);
}
code[theme=info] {
  --_code-c: var(--_c-info);
  --_code-bg: var(--_c-info-bg);
}
code[theme=issue] {
  --_code-c: var(--_c-issue);
  --_code-bg: var(--_c-issue-bg);
}
code[theme=warn] {
  --_code-c: var(--_c-warn-dp);
  --_code-bg: var(--_c-warn-bg);
}
code[theme=text] {
  --_code-c: var(--_c-text);
  --_code-bg: var(--_c-text-bg);
}
pre {
  font-family: var(--_ff-body);
  font-size: var(--_rem-ignore);
  background-color: var(--_c-text-bd);
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: var(--_p);
}
pre > code {
  --_code-c: var(--_c-text);
  --_code-bg: transparent;
  font-family: var(--_ff-code);
  padding: 0;
  border-radius: 0;
  min-height: var(--_rem-title);
  display: block;
}
kbd {
  font-family: var(--_ff-body);
  font-size: var(--_rem-ignore);
  color: var(--_c-brief);
  line-height: var(--_em-body-dec);
  background-color: var(--_c-ignore-bg);
  border: 1px solid var(--_c-ignore);
  border-bottom-width: 2px;
  padding: 0 var(--_em-min-dec);
  border-radius: var(--_r);
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  user-select: none;
}
*:where(ul),
*:where(ol) {
  --_dot-size: 0.4rem;
  margin-block-start: 0;
  margin-block-end: 0;
  box-sizing: border-box;
  padding-inline-start: 2em;
}
*:where(ul) {
  list-style: none;
}
*:where(ul._reset) {
  padding-inline-start: 0;
}
*:where(ul._reset) ul {
  padding-inline-start: 0;
}
*:where(ol._reset) {
  list-style: none;
  padding-inline-start: 0;
}
*:where(ol._reset) ol {
  list-style: none;
  padding-inline-start: 0;
}
*:where(li) {
  position: relative;
}
*:where(ul) > li:before {
  content: '';
  width: var(--_dot-size);
  height: var(--_dot-size);
  border-radius: var(--_dot-size);
  background-color: var(--_c-text-sd);
  position: absolute;
  left: -1em;
  top: calc((var(--_em-title) - var(--_dot-size))/2);
}
*:where(ul._reset) li:before {
  display: none;
}
*:where(dl) {
  --_dot-size: 0.4rem;
  margin-block-start: var(--_m);
  margin-block-end: var(--_m);
}
*:where(dl):where(:not(._reset)) {
  border-top: 1px solid var(--_c-text-bd);
  border-bottom: 1px solid var(--_c-text-bd);
  padding: var(--_p) 0 var(--_p) 1em;
  box-sizing: border-box;
}
*:where(dl):where(:not(._reset)) dt {
  font-weight: bold;
  position: relative;
}
*:where(dl):where(:not(._reset)) dt:before {
  content: '';
  width: var(--_dot-size);
  height: var(--_dot-size);
  border-radius: var(--_dot-size);
  background-color: var(--_c-text-sd);
  position: absolute;
  left: -1em;
  top: calc((var(--_rem-title) - var(--_dot-size))/2);
}
*:where(dl):where(:not(._reset)) dd {
  margin-inline-start: 0;
}
*:where(dl):where(:not(._reset)) dd + dt {
  margin-top: calc(var(--_g)*2);
}
blockquote {
  background-color: var(--_c-prim-bg);
  border-left: var(--_g) solid var(--_c-prim-fc);
  padding: var(--_g) var(--_p);
  margin: var(--_m) 0;
}
cite {
  font-style: normal;
  text-decoration: 1px underline wavy;
  text-underline-offset: 0.4em;
}
em {
  font-style: normal;
  text-emphasis: circle var(--_c-prim);
  text-emphasis-position: over right;
}
ruby > rt {
  padding: 0 var(--_g);
  font-size: clamp(var(--_rem-root), var(--_em-ignore), var(--_rem-subject));
}
address {
  font-style: normal;
  line-height: 1.29em;
  display: flex;
}
time {
  font-size: var(--_rem-ignore);
  color: var(--_c-ignore);
  line-height: 1.5em;
  display: inline-block;
}
mark {
  background-color: var(--_c-warn-aj);
}
i {
  font-style: normal;
}
s,
u {
  text-decoration: none;
}
article {
  overflow-wrap: break-word;
  hyphens: auto;
}
article i,
article u,
article s,
article a,
article span {
  display: inline;
}
article img {
  height: auto !important;
  width: auto !important;
}
@media (any-hover: hover) {
  article {
    font-size: var(--_rem-caption);
  }
}
form {
  position: relative;
}
fieldset {
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r-input-lg);
  padding: var(--_p);
}
:where(fieldset) legend {
  padding: 0 calc(var(--_g)*2);
}
:where(fieldset) td {
  padding: var(--_g);
}
label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
label input {
  margin-right: var(--_g);
}
label:where(:has(input[disabled])) {
  cursor: text;
}
input,
select {
  vertical-align: middle;
}
input:where([type=submit], [type=reset]) {
  vertical-align: top;
}
input,
textarea,
select {
  --_field-h: var(--_em-input);
  --_field-p-lr: var(--_em-space);
  --_field-fs: var(--_rem-body);
  --_field-r: var(--_r-input);
  --_field-w: var(--_w-input);
  font-family: var(--_ff-body);
  font-size: var(--_field-fs);
  color: var(--_c-text);
}
input:where(:not([type="radio"], [type="checkbox"], [type=submit], [type=reset], [type="range"])),
textarea,
select {
  background-color: var(--_c-stage);
  min-width: var(--_field-w);
  width: var(--_field-w);
  box-sizing: border-box;
  border-radius: var(--_field-r);
  border: 1px solid var(--_c-text-bd);
  resize: none;
  position: relative;
  transition: all var(--_dur-1) linear;
}
input::-ms-clear,
input::-ms-reveal {
  opacity: var(--_o-disabled);
  transition: all var(--_dur-1) linear;
}
input::-ms-clear:hover,
input::-ms-reveal:hover {
  opacity: 1;
}
input::-webkit-calendar-picker-indicator {
  width: 1em;
  height: 1em;
  padding: 0;
  line-height: 1em;
}
input:where([type="search"])::-webkit-search-cancel-button {
  filter: grayscale(100%);
  opacity: var(--_o-disabled);
  transition: all var(--_dur-1) linear;
}
input:where([type="search"])::-webkit-search-cancel-button:hover {
  opacity: 1;
  cursor: pointer;
}
input:where([type="color"]) {
  min-width: auto;
  height: var(--_field-h);
  aspect-ratio: 1 / 1;
  padding: 0 2px !important;
}
input:where([type="color"]) ::-webkit-color-swatch {
  border: 0;
}
@-moz-document url-prefix() {
  input:where([type="color"]) {
    padding: 2px !important;
  }
}
input:where(:not([type="radio"], [type="checkbox"], [type=submit], [type=reset], [type="range"])),
select {
  height: var(--_field-h);
  line-height: var(--_field-h);
  padding: 0 var(--_field-p-lr);
}
textarea {
  --_field-lh: var(--_em-list);
  --_field-rows: 5;
  height: calc(var(--_field-lh)*var(--_field-rows) + (var(--_field-h) - var(--_field-lh)) + 2px);
  line-height: var(--_field-lh);
  box-sizing: border-box;
  padding: calc((var(--_field-h) - var(--_field-lh))/2) var(--_field-p-lr);
  overflow: auto;
  vertical-align: top;
}
input:where([type="checkbox"], [type="radio"]) {
  accent-color: var(--_c-prim);
  height: 1.4rem;
  appearance: checkbox;
  -webkit-appearance: checkbox;
}
select:where([multiple]) {
  padding: 0;
  min-height: calc((var(--_rem-input) + 1px)*5 - 1px);
}
select option {
  padding: 0 calc(var(--_g)*2);
  height: var(--_rem-input);
  border-bottom: 1px solid var(--_c-text-bd);
  display: flex;
  align-items: center;
  transition: all var(--_dur-1) linear;
}
select option:last-child {
  border-width: 0;
}
select:where([disabled]) option {
  color: var(--_c-disable);
  pointer-events: none;
}
select:where(:not([disabled])) option:hover {
  background-color: var(--_c-text-bd);
}
select option:checked {
  color: var(--_c-prim);
  background-color: var(--_c-prim-bg);
}
select option:selected {
  background-color: var(--_c-prim);
}
input:where([type="file"]) {
  line-height: 2.429em;
  width: var(--_w-input);
}
input:where([type="file"])::file-selector-button,
input:where([type="file"])::-webkit-file-upload-button {
  color: var(--_c-text);
  background: transparent;
  line-height: 2.571em;
  border: none;
  border-right: 1px solid var(--_c-text-bd);
  padding-right: 0.571em;
  padding-left: 0;
  margin-right: 0.571em;
  user-select: none;
  pointer-events: none;
  float: left;
}
@-moz-document url-prefix() {
  input:where([type="file"])::file-selector-button,
  input:where([type="file"])::-webkit-file-upload-button {
    color: var(--_c-text);
    float: none;
  }
}
input:where([type="datetime-local"], [type="date"], [type="month"], [type="week"])::-webkit-datetime-edit-text {
  margin-right: calc(var(--_g)*2);
  color: var(--_c-ignore);
}
input:where([type="datetime-local"], [type="date"], [type="month"], [type="week"])::-webkit-datetime-edit-month-field,
input:where([type="datetime-local"], [type="date"], [type="month"], [type="week"])::-webkit-datetime-edit-day-field,
input:where([type="datetime-local"], [type="date"], [type="month"], [type="week"])::-webkit-datetime-edit-year-field,
input:where([type="datetime-local"], [type="date"], [type="month"], [type="week"])::-webkit-datetime-edit-week-field,
input:where([type="datetime-local"], [type="date"], [type="month"], [type="week"])::-webkit-datetime-edit-hour-field,
input:where([type="datetime-local"], [type="date"], [type="month"], [type="week"])::-webkit-datetime-edit-minute-field {
  margin-right: calc(var(--_g)*2);
  border-radius: var(--_r);
  padding: 0 var(--_g);
}
input:where([type="datetime-local"], [type="date"], [type="month"], [type="week"])::-webkit-datetime-edit-month-field:focus,
input:where([type="datetime-local"], [type="date"], [type="month"], [type="week"])::-webkit-datetime-edit-day-field:focus,
input:where([type="datetime-local"], [type="date"], [type="month"], [type="week"])::-webkit-datetime-edit-year-field:focus,
input:where([type="datetime-local"], [type="date"], [type="month"], [type="week"])::-webkit-datetime-edit-week-field:focus,
input:where([type="datetime-local"], [type="date"], [type="month"], [type="week"])::-webkit-datetime-edit-hour-field:focus,
input:where([type="datetime-local"], [type="date"], [type="month"], [type="week"])::-webkit-datetime-edit-minute-field:focus {
  background-color: var(--_c-prim);
}
input:where([type="datetime-local"], [type="date"], [type="month"], [type="week"])::-webkit-calendar-picker-indicator {
  opacity: var(--_o-disabled);
  padding: 0;
  transition: all var(--_dur-1) linear;
}
input:where([type="datetime-local"], [type="date"], [type="month"], [type="week"])::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}
input:where([type="range"]) {
  --_h-range: 0.3rem;
  height: var(--_h-range);
  width: var(--_field-w);
  background-color: var(--_c-text-bd);
  border-radius: var(--_r);
  appearance: none;
  transition: all var(--_dur-1) linear;
}
input:where([type="range"])::-webkit-slider-thumb {
  width: 1.6rem;
  height: 1.6rem;
  border: 0.2rem solid var(--_c-prim);
  border-radius: 50%;
  background-color: var(--_c-stage);
  cursor: pointer;
  appearance: none;
  transition: all var(--_dur-1) linear;
}
input:where([type="range"])::-moz-range-thumb {
  width: 1.2rem;
  height: 1.2rem;
  border: 0.2rem solid var(--_c-prim);
  border-radius: 50%;
  background-color: var(--_c-stage);
  cursor: pointer;
  transition: all var(--_dur-1) linear;
}
input:where([type="range"])::-moz-range-progress {
  background-color: var(--_c-prim);
  border-radius: var(--_r);
  transition: all var(--_dur-1) linear;
}
input:where([type="range"]:not([disabled])):hover {
  background-color: var(--_c-prim-bd);
}
input:where([type="range"]:not([disabled]))::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 0.3rem var(--_c-prim-sd);
}
input:where([type="range"]:not([disabled]))::-moz-range-thumb:hover {
  box-shadow: 0 0 0 0.3rem var(--_c-prim-sd);
}
input:where([type="range"][disabled])::-webkit-slider-thumb {
  border-color: var(--_c-ignore);
  cursor: text;
}
input:where([type="range"][disabled])::-moz-range-thumb {
  border-color: var(--_c-ignore);
  cursor: text;
}
input:where([type="range"][disabled])::-moz-range-progress {
  background-color: var(--_c-ignore);
}
meter {
  --_h-meter: var(--_rem-min);
  block-size: var(--_rem-min);
  vertical-align: middle;
}
meter::-webkit-meter-bar {
  height: var(--_h-meter);
  min-width: calc(var(--_rem-input)*3);
  background-color: var(--_c-text-bd);
  border: none;
}
meter::-webkit-meter-optimum-value,
meter::-webkit-meter-suboptimum-value,
meter::-webkit-meter-even-less-good-value {
  border-radius: var(--_h-meter);
  transition: all var(--_dur-2) linear;
}
meter::-webkit-meter-optimum-value {
  background: var(--_c-succ);
}
meter::-webkit-meter-suboptimum-value {
  background: var(--_c-warn);
}
meter::-webkit-meter-even-less-good-value {
  background: var(--_c-error);
}
progress,
progress::-webkit-progress-bar,
progress::-webkit-progress-value {
  border-radius: var(--_h-progress);
}
progress {
  --_h-progress: var(--_rem-min);
  --_w-progress: var(--_w-input);
  width: var(--_w-progress);
  height: var(--_h-progress);
  border: none;
  vertical-align: middle;
}
progress::-webkit-progress-bar {
  background-color: var(--_c-text-bd);
}
progress::-webkit-progress-value {
  background-color: var(--_c-prim);
  transition: all var(--_dur-2) linear;
}
progress::-moz-progress-bar {
  background: var(--_c-prim);
  border-radius: var(--_h-progress);
}
input:where([type=submit]),
input:where([type=reset]),
button {
  --_btn-fs: var(--_rem-body);
  --_btn-h: 2.71em;
  --_btn-p-lr: var(--_em-body);
  --_btn-r: var(--_r-input);
  font-size: var(--_btn-fs);
  height: var(--_btn-h);
  padding: 0 var(--_btn-p-lr);
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all var(--_dur-2) linear;
  position: relative;
  border-radius: var(--_btn-r);
  vertical-align: middle;
}
input:where([type=submit])[size=xs],
input:where([type=reset])[size=xs],
button[size=xs] {
  --_btn-fs: var(--_rem-ignore);
  --_btn-p-lr: var(--_em-min-dec);
  --_btn-h: var(--_em-list-dec);
  --_btn-r: var(--_r-input-sm);
}
input:where([type=submit])[size=sm],
input:where([type=reset])[size=sm],
button[size=sm] {
  --_btn-fs: var(--_rem-ignore);
  --_btn-h: var(--_em-title-dec);
  --_btn-r: var(--_r-input-sm);
}
input:where([type=submit])[size=lg],
input:where([type=reset])[size=lg],
button[size=lg] {
  --_btn-h: var(--_em-max);
  --_btn-p-lr: 2em;
  --_btn-r: var(--_r-input-lg);
}
input:where([type=submit]),
button:where([type=submit]) {
  color: var(--_c-white);
  background-color: var(--_c-prim);
  border: none;
}
input:where([type=reset]),
button:where(:not([type=submit])) {
  color: var(--_c-text);
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
}
input:where([type=submit][disabled]),
button:where([type=submit][disabled]) {
  opacity: var(--_o-active);
}
input:where([type=reset][disabled]),
button:where(:not([type=submit])[disabled]) {
  color: var(--_c-ignore);
}
input:where([type=submit][disabled]),
input:where([type=reset][disabled]),
button:where([disabled]) {
  cursor: not-allowed;
  user-select: none;
  pointer-events: none;
}
input::placeholder,
textarea::placeholder {
  font-size: 0.857em;
  color: var(--_c-ignore);
  width: 100%;
}
input::placeholder {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
input:where(:not([type="checkbox"], [type="radio"], [type="range"]):not([disabled])):hover,
textarea:where(:not([disabled])):hover,
button:where(:not([disabled][type=submit])):hover,
select:where(:not([disabled])):hover {
  border-color: var(--_c-prim);
}
input:where([type=submit]:not([disabled], ._b, [class*="_b-"])):hover {
  background-color: var(--_c-prim-lt);
  box-shadow: 0.2rem 0.2rem 1rem 0 var(--_c-prim-sd);
}
input:where([type=reset]:not([disabled], ._b, [class*="_b-"])):hover,
button:where(:not([type=submit]):not([disabled], ._b, [class*="_b-"])):hover {
  color: var(--_c-prim);
  box-shadow: 0.2rem 0.2rem 1rem 0 var(--_c-prim-sd);
}
input:where(:not([type="range"], [type="checkbox"], [type="radio"])),
input:where([type=reset]),
button:where(:not([type=submit])),
select,
textarea,
a {
  outline: var(--_w-outline) solid transparent;
  outline-offset: 0px;
}
input:where(:not([type="range"], [type="checkbox"], [type="radio"])):focus,
input:where([type=reset]:not(._b, [class*="_b-"])):focus,
button:where(:not([type=submit]):not(._b, [class*="_b-"])):focus,
select:focus,
textarea:focus {
  color: var(--_c-prim);
  border-color: var(--_c-prim);
  outline-color: var(--_c-prim-sd);
}
input:where([type=submit]:not(._b, [class*="_b-"])):focus,
button:where([type=submit]:not(._b, [class*="_b-"])):focus {
  color: var(--_c-white);
}
select:focus option:where(:not([disabled])) {
  color: var(--_c-text);
}
input:where([type="checkbox"], [type="radio"]):focus {
  outline-color: var(--_c-prim-sd);
}
input:where([type="range"]):focus {
  outline: 0;
  background-color: var(--_c-prim-bd);
}
input:where([type=submit]:not([disabled], ._b, [class*="_b-"])):active,
button:where([type=submit]:not([disabled], ._b, [class*="_b-"])):active {
  color: rgba(255, 255, 255, var(--_o-active));
  background-color: var(--_c-prim-dp);
}
input:where([type=reset]:not([disabled], ._b, [class*="_b-"])):active,
button:where(:not([type=submit]):not([disabled], ._b, [class*="_b-"])):active {
  color: var(--_c-prim-tl);
}
/*Hyperlink*/
a:where(:not(._reset)) {
  --_link-c: var(--_c-prim);
  --_link-c-hov: var(--_link-c);
}
a:where(._reset) {
  --_link-c: var(--_c-text);
  --_link-c-hov: var(--_c-prim);
}
a {
  --_link-c-bg: transparent;
  color: var(--_link-c);
  background-color: var(--_link-c-bg);
  text-underline-offset: 2px;
  transition: color var(--_dur-1) linear, background-color var(--_dur-1) linear, box-shadow var(--_dur-1) linear, opacity var(--_dur-1) linear, outline-color var(--_dur-1) linear;
  text-decoration: none;
}
/* a:where(:not([disabled])):visited {
    color: var(--_c-text-ht);
}
 */
a:where(:not([disabled])):hover {
  color: var(--_link-c-hov);
}
a:where(:not([disabled])):active {
  color: var(--_link-c-hov);
  opacity: var(--_o-active);
}
a:where(:not([disabled])):focus {
  color: var(--_link-c-hov);
}
a:where([disabled]) {
  --_link-c: var(--_c-ignore);
  user-select: none;
  pointer-events: none;
}
:where([tabindex]) {
  outline: var(--_w-outline) solid transparent;
  outline-offset: 0px;
}
:where(:not([disabled])[tabindex]):focus {
  outline-color: var(--_c-prim-sd);
}
/*Table*/
table {
  --_table-fs: var(--_rem-body);
  font-size: var(--_table-fs);
  min-width: 100%;
  border-top: 1px solid var(--_c-text-bd);
  border-bottom: 1px solid var(--_c-text-bd);
  background-color: var(--_c-stage);
  border-spacing: 0;
  table-layout: fixed;
  border-collapse: collapse;
}
table tr {
  border-bottom: 1px solid var(--_c-text-bd);
  padding: 0.5rem;
  transition: background-color var(--_dur-1) linear;
}
table tfoot tr {
  border-top: 1px solid var(--_c-text-bd);
}
table tbody tr:last-child {
  border: none;
}
table th,
table td {
  font-size: var(--_table-fs);
  font-weight: normal;
  line-height: var(--_rem-subject);
  padding: 1rem;
  box-sizing: border-box;
  position: relative;
}
table th label {
  font-weight: bold;
  white-space: nowrap;
  flex: auto;
  width: 0;
}
table td {
  transition: background-color var(--_dur-1) linear, box-shadow var(--_dur-1) linear;
}
/*
Last modified: 2025-03-05 21:35:26
*/
/*Button*/
AX-BTN {
  --_btn-c-sd: var(--_c-prim-sd);
  --_btn-c-bg: var(--_c-prim-bg);
  --_btn-c-txt: var(--_c-text);
  --_btn-c-bd: var(--_c-text-bd);
  --_btn-c-act: var(--_c-prim-tl);
  --_btn-p-lr: var(--_em-body);
  --_btn-fs: var(--_rem-body);
  --_btn-r: var(--_r-input);
  --_btn-bd: 1px;
  --_btn-h: 2.71em;
  font-size: var(--_btn-fs);
  position: relative;
  display: inline-flex;
  border-radius: var(--_btn-r);
  vertical-align: middle;
  /*   &:where([active]) [rep="more"]:before {
    transform: rotate(-90deg);
  } */
}
AX-BTN > [rep=wrap] {
  color: var(--_btn-c-txt);
  background-color: var(--_c-stage);
  border: var(--_btn-bd) solid var(--_btn-c-bd);
  height: var(--_btn-h);
  padding: 0 var(--_btn-p-lr);
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all var(--_dur-2) linear;
  position: relative;
  border-radius: inherit;
  width: 100%;
}
AX-BTN > a[rep=wrap] {
  color: var(--_btn-c-txt);
}
AX-BTN:where(:not([disabled])) > [rep=wrap]:visited {
  color: var(--_btn-c-txt);
}
AX-BTN:where(:not([disabled])) > [rep=wrap]:hover {
  color: var(--_c-prim);
  border-color: var(--_c-prim);
  box-shadow: 0.2rem 0.2rem 1rem 0 var(--_btn-c-sd);
}
AX-BTN:where(:not([disabled])) > [rep=wrap]:focus {
  color: var(--_c-prim);
  border-color: var(--_c-prim);
  outline-color: var(--_btn-c-sd);
}
AX-BTN:where(:not([disabled])) > [rep=wrap]:active {
  color: var(--_btn-c-act);
  opacity: 1;
}
AX-BTN:where([disabled]) > [rep=wrap] {
  color: var(--_c-ignore);
  cursor: not-allowed;
  user-select: none;
  pointer-events: none;
}
AX-BTN[type=plain] {
  --_btn-bd: 0;
}
AX-BTN[type=plain] > [rep=wrap] {
  background-color: transparent;
}
AX-BTN[type=plain][theme=prim] > [rep=wrap] {
  --_btn-c-txt: var(--_c-prim);
}
AX-BTN[type=plain][theme=succ] > [rep=wrap] {
  --_btn-c-txt: var(--_c-succ);
}
AX-BTN[type=plain][theme=error] > [rep=wrap] {
  --_btn-c-txt: var(--_c-error);
}
AX-BTN[type=plain][theme=warn] > [rep=wrap] {
  --_btn-c-txt: var(--_c-warn);
}
AX-BTN[type=plain][theme=info] > [rep=wrap] {
  --_btn-c-txt: var(--_c-info);
}
AX-BTN[type=plain][theme=issue] > [rep=wrap] {
  --_btn-c-txt: var(--_c-issue);
}
AX-BTN[type=plain][theme=text] > [rep=wrap] {
  --_btn-c-txt: var(--_c-text);
}
AX-BTN[type=plain][theme=brief] > [rep=wrap] {
  --_btn-c-txt: var(--_c-brief);
}
AX-BTN[type=plain][theme=ignore] > [rep=wrap] {
  --_btn-c-txt: var(--_c-ignore);
}
AX-BTN[type=plain] > [rep=wrap]:hover {
  background-color: transparent;
  color: var(--_btn-c-txt);
  box-shadow: none;
}
AX-BTN[type=plain]:where(:not([theme=prim], [theme=succ], [theme=error], [theme=warn], [theme=info], [theme=issue], [theme=brief], [theme=ignore])) > [rep=wrap]:hover {
  color: var(--_c-prim);
}
AX-BTN[type=plain] > [rep=wrap]:focus {
  color: var(--_btn-c-txt);
  outline-color: transparent;
}
AX-BTN[type=plain]:where(:not([theme=prim], [theme=succ], [theme=error], [theme=warn], [theme=info], [theme=issue], [theme=brief], [theme=ignore])) > [rep=wrap]:focus {
  color: var(--_c-prim);
}
AX-BTN[type=plain] > [rep=wrap]:active {
  color: var(--_btn-c-txt);
  opacity: var(--_o-active);
}
AX-BTN[type=plain]:where(:not([theme=prim], [theme=succ], [theme=error], [theme=warn], [theme=info], [theme=issue], [theme=brief], [theme=ignore])) > [rep=wrap]:active {
  color: var(--_c-prim);
}
AX-BTN[type=plain]:where([disabled]) {
  color: var(--_btn-c-txt);
  opacity: var(--_o-disabled);
}
AX-BTN[type=seal] {
  --_btn-c-sd: var(--_c-text-sd);
  --_btn-c-bg: var(--_c-text-bg);
  --_btn-c-txt: var(--_c-text);
}
AX-BTN[type=seal] > [rep=wrap] {
  border-color: var(--_btn-c-txt);
  background-color: transparent;
}
AX-BTN[type=seal][theme=prim] {
  --_btn-c-sd: var(--_c-prim-sd);
  --_btn-c-bg: var(--_c-prim-bg);
  --_btn-c-txt: var(--_c-prim);
}
AX-BTN[type=seal][theme=succ] {
  --_btn-c-sd: var(--_c-succ-sd);
  --_btn-c-bg: var(--_c-succ-bg);
  --_btn-c-txt: var(--_c-succ);
}
AX-BTN[type=seal][theme=error] {
  --_btn-c-sd: var(--_c-error-sd);
  --_btn-c-bg: var(--_c-error-bg);
  --_btn-c-txt: var(--_c-error);
}
AX-BTN[type=seal][theme=warn] {
  --_btn-c-sd: var(--_c-warn-sd);
  --_btn-c-bg: var(--_c-warn-bg);
  --_btn-c-txt: var(--_c-warn);
}
AX-BTN[type=seal][theme=info] {
  --_btn-c-sd: var(--_c-info-sd);
  --_btn-c-bg: var(--_c-info-bg);
  --_btn-c-txt: var(--_c-info);
}
AX-BTN[type=seal][theme=issue] {
  --_btn-c-sd: var(--_c-issue-sd);
  --_btn-c-bg: var(--_c-issue-bg);
  --_btn-c-txt: var(--_c-issue);
}
AX-BTN[type=seal][theme=text] {
  --_btn-c-sd: var(--_c-text-sd);
  --_btn-c-bg: var(--_c-text-bg);
  --_btn-c-txt: var(--_c-text);
}
AX-BTN[type=seal][theme=brief] {
  --_btn-c-sd: var(--_c-brief-sd);
  --_btn-c-bg: var(--_c-brief-bg);
  --_btn-c-txt: var(--_c-brief);
}
AX-BTN[type=seal][theme=ignore] {
  --_btn-c-sd: var(--_c-ignore-sd);
  --_btn-c-bg: var(--_c-ignore-bg);
  --_btn-c-txt: var(--_c-ignore);
}
AX-BTN[type=seal] > [rep=wrap]:hover {
  color: var(--_btn-c-txt);
  background-color: var(--_btn-c-bg);
}
AX-BTN[type=seal] > [rep=wrap]:focus {
  color: var(--_btn-c-txt);
  border-color: var(--_btn-c-txt);
  background-color: var(--_btn-c-bg);
  outline-color: transparent;
}
AX-BTN[type=seal] > [rep=wrap]:active {
  opacity: var(--_o-active);
}
AX-BTN[type=seal]:where([disabled]) > [rep=wrap] {
  color: var(--_btn-c-txt);
  opacity: var(--_o-disabled);
}
AX-BTN[theme=prim]:where(:not([type=seal], [type=plain])) {
  --_btn-c-bg: var(--_c-prim);
  --_btn-c-sd: var(--_c-prim-sd);
  --_c-lt: var(--_c-prim-lt);
  --_c-dp: var(--_c-prim-dp);
}
AX-BTN[theme=prim]:where(:not([type=seal], [type=plain])) {
  --_btn-c-bg: var(--_c-prim);
  --_btn-c-sd: var(--_c-prim-sd);
  --_c-lt: var(--_c-prim-lt);
  --_c-dp: var(--_c-prim-dp);
}
AX-BTN[theme=error]:where(:not([type=seal], [type=plain])) {
  --_btn-c-bg: var(--_c-error);
  --_btn-c-sd: var(--_c-error-sd);
  --_c-lt: var(--_c-error-lt);
  --_c-dp: var(--_c-error-dp);
}
AX-BTN[theme=succ]:where(:not([type=seal], [type=plain])) {
  --_btn-c-bg: var(--_c-succ);
  --_btn-c-sd: var(--_c-succ-sd);
  --_c-lt: var(--_c-succ-lt);
  --_c-dp: var(--_c-succ-dp);
}
AX-BTN[theme=info]:where(:not([type=seal], [type=plain])) {
  --_btn-c-bg: var(--_c-info);
  --_btn-c-sd: var(--_c-info-sd);
  --_c-lt: var(--_c-info-lt);
  --_c-dp: var(--_c-info-dp);
}
AX-BTN[theme=issue]:where(:not([type=seal], [type=plain])) {
  --_btn-c-bg: var(--_c-issue);
  --_btn-c-sd: var(--_c-issue-sd);
  --_c-lt: var(--_c-issue-lt);
  --_c-dp: var(--_c-issue-dp);
}
AX-BTN[theme=warn]:where(:not([type=seal], [type=plain])) {
  --_btn-c-bg: var(--_c-warn);
  --_btn-c-sd: var(--_c-warn-sd);
  --_c-lt: var(--_c-warn-lt);
  --_c-dp: var(--_c-warn-dp);
}
AX-BTN[theme=text]:where(:not([type=seal], [type=plain])) {
  --_btn-c-bg: hsl(var(--_h-text), var(--_s-text), 20%);
  --_btn-c-sd: var(--_c-text-sd);
  --_c-lt: var(--_c-text-lt);
  --_c-dp: var(--_c-text-dp);
}
AX-BTN[theme=brief]:where(:not([type=seal], [type=plain])) {
  --_btn-c-bg: var(--_c-brief-bg);
  --_btn-c-sd: var(--_c-brief-sd);
  --_c-lt: var(--_c-brief-lt);
  --_c-dp: var(--_c-brief-dp);
}
AX-BTN[theme=ignore]:where(:not([type=seal], [type=plain])) {
  --_btn-c-bg: var(--_c-ignore-bg);
  --_btn-c-sd: var(--_c-ignore-sd);
  --_c-lt: var(--_c-ignore-lt);
  --_c-dp: var(--_c-ignore-dp);
}
AX-BTN:is([theme=prim],
    [theme=error],
    [theme=succ],
    [theme=info],
    [theme=issue],
    [theme=warn],
    [theme=text],
    [theme=brief],
    [theme=ignore],
  ):where(:not([type=seal], [type=plain])) {
  --_btn-c-txt: var(--_c-white);
  --_btn-bd: 0;
}
AX-BTN:is([theme=prim],
    [theme=error],
    [theme=succ],
    [theme=info],
    [theme=issue],
    [theme=warn],
    [theme=text],
    [theme=brief],
    [theme=ignore],
  ):where(:not([type=seal], [type=plain])) > [rep=wrap] {
  background-color: var(--_btn-c-bg);
}
AX-BTN:is([theme=prim],
    [theme=error],
    [theme=succ],
    [theme=info],
    [theme=issue],
    [theme=warn],
    [theme=text],
    [theme=brief],
    [theme=ignore],
  ):where(:not([type=seal], [type=plain])) > [rep=wrap]:hover {
  color: var(--_btn-c-txt);
  background-color: var(--_c-lt);
}
AX-BTN:is([theme=prim],
    [theme=error],
    [theme=succ],
    [theme=info],
    [theme=issue],
    [theme=warn],
    [theme=text],
    [theme=brief],
    [theme=ignore],
  ):where(:not([type=seal], [type=plain])) > [rep=wrap]:focus {
  color: var(--_btn-c-txt);
}
AX-BTN:is([theme=prim],
    [theme=error],
    [theme=succ],
    [theme=info],
    [theme=issue],
    [theme=warn],
    [theme=text],
    [theme=brief],
    [theme=ignore],
  ):where(:not([type=seal], [type=plain])) > [rep=wrap]:active {
  opacity: 1;
  color: rgba(255, 255, 255, var(--_o-active));
  background-color: var(--_c-dp);
}
AX-BTN:is([theme=prim],
    [theme=error],
    [theme=succ],
    [theme=info],
    [theme=issue],
    [theme=warn],
    [theme=text],
    [theme=brief],
    [theme=ignore],
  ):where(:not([type=seal], [type=plain])):where([disabled]) > [rep=wrap] {
  color: var(--_btn-c-txt);
  opacity: var(--_o-disabled);
}
AX-BTN[theme=warn]:where(:not([type=seal], [type=plain])) {
  --_btn-c-txt: hsl(var(--_h-text), var(--_s-text), 20%);
}
AX-BTN[theme=warn]:where(:not([type=seal], [type=plain])) > [rep=wrap]:active {
  color: var(--_c-text-aj);
}
AX-BTN[theme=brief]:where(:not([type=seal], [type=plain])) > [rep=wrap]:hover,
AX-BTN[theme=ignore]:where(:not([type=seal], [type=plain])) > [rep=wrap]:hover {
  background-color: var(--_btn-c-bg);
}
AX-BTN[theme=brief]:where(:not([type=seal], [type=plain])) > [rep=wrap]:focus,
AX-BTN[theme=ignore]:where(:not([type=seal], [type=plain])) > [rep=wrap]:focus {
  outline-width: 1px;
}
AX-BTN[theme=brief]:where(:not([type=seal], [type=plain])) > [rep=wrap]:active,
AX-BTN[theme=ignore]:where(:not([type=seal], [type=plain])) > [rep=wrap]:active {
  color: var(--_btn-c-txt);
  background-color: var(--_btn-c-bg);
  opacity: var(--_o-active);
}
AX-BTN[theme=brief]:where(:not([type=seal], [type=plain])):where([disabled]) > [rep=wrap],
AX-BTN[theme=ignore]:where(:not([type=seal], [type=plain])):where([disabled]) > [rep=wrap] {
  color: var(--_btn-c-txt);
  opacity: 1;
}
AX-BTN[theme=brief]:where(:not([type=seal], [type=plain])) {
  --_btn-c-txt: var(--_c-brief);
}
AX-BTN[theme=ignore]:where(:not([type=seal], [type=plain])) {
  --_btn-c-txt: var(--_c-ignore);
}
AX-BTN[shape=square] {
  border-radius: 0;
}
AX-BTN[shape=round] {
  --_btn-p-lr: 1.5em;
  border-radius: var(--_rem-input);
}
AX-BTN[size=xs] {
  --_btn-fs: var(--_rem-ignore);
  --_btn-p-lr: var(--_em-min-dec);
  --_btn-h: var(--_em-list-dec);
  --_btn-r: var(--_r-input-sm);
}
AX-BTN[size=sm] {
  --_btn-fs: var(--_rem-ignore);
  --_btn-h: var(--_em-title-dec);
  --_btn-r: var(--_r-input-sm);
}
AX-BTN[size=lg] {
  --_btn-h: var(--_em-max);
  --_btn-p-lr: 2em;
  --_btn-r: var(--_r-input-lg);
}
AX-BTN[width="1"] {
  width: var(--_em-input);
}
AX-BTN[width="1"] > [rep=wrap] {
  padding: 0;
}
AX-BTN[width="2"] {
  width: calc(var(--_em-input)*2);
}
AX-BTN[width="2"] > [rep=wrap] {
  padding: 0;
}
AX-BTN[width="3"] {
  width: calc(var(--_em-input)*3);
}
AX-BTN[width="4"] {
  width: calc(var(--_em-input)*4);
}
AX-BTN[width="5"] {
  width: calc(var(--_em-input)*5);
}
AX-BTN[width="6"] {
  width: calc(var(--_em-input)*6);
}
AX-BTN[width="7"] {
  width: calc(var(--_em-input)*7);
}
AX-BTN[width="8"] {
  width: calc(var(--_em-input)*8);
}
AX-BTN[width="9"] {
  width: calc(var(--_em-input)*9);
}
AX-BTN[width="10"] {
  width: calc(var(--_em-input)*10);
}
AX-BTN[width=neat] {
  width: var(--_w-input);
}
AX-BTN[width=full] {
  width: 100%;
}
AX-BTN[theme=prim]:where([grad]:not([type=seal], [type=plain])) > [rep=wrap] {
  background: linear-gradient(45deg, var(--_c-prim), var(--_c-prim-aj));
}
AX-BTN[theme=error]:where([grad]:not([type=seal], [type=plain])) > [rep=wrap] {
  background: linear-gradient(45deg, var(--_c-error), var(--_c-error-aj));
}
AX-BTN[theme=succ]:where([grad]:not([type=seal], [type=plain])) > [rep=wrap] {
  background: linear-gradient(45deg, var(--_c-succ), var(--_c-succ-aj));
}
AX-BTN[theme=info]:where([grad]:not([type=seal], [type=plain])) > [rep=wrap] {
  background: linear-gradient(45deg, var(--_c-info), var(--_c-info-aj));
}
AX-BTN[theme=warn]:where([grad]:not([type=seal], [type=plain])) > [rep=wrap] {
  background: linear-gradient(45deg, var(--_c-warn), var(--_c-warn-aj));
}
AX-BTN[theme=issue]:where([grad]:not([type=seal], [type=plain])) > [rep=wrap] {
  background: linear-gradient(45deg, var(--_c-issue), var(--_c-issue-aj));
}
AX-BTN[theme=text]:where([grad]:not([type=seal], [type=plain])) > [rep=wrap] {
  background: linear-gradient(45deg, hsl(var(--_h-text), var(--_s-text), 20%), var(--_c-text-aj));
}
AX-BTN[shaded]:where(:not([type=seal], [type=plain])) {
  --_btn-c-sd: rgba(0, 0, 0, 0.1);
}
AX-BTN[shaded]:where(:not([type=seal], [type=plain])) > [rep=wrap] {
  outline-color: transparent;
  box-shadow: 1px 1px 0.5rem var(--_btn-c-sd);
}
AX-BTN[shaded]:where([theme=prim]> [rep=wrap],
    [theme=error] >[rep=wrap],
    [theme=succ] >[rep=wrap],
    [theme=info] >[rep=wrap],
    [theme=issue] >[rep=wrap],
    [theme=warn] >[rep=wrap],
    [theme=text]) > [rep=wrap] {
  box-shadow: 0.5rem 0.5rem 2rem var(--_btn-c-sd);
}
AX-BTN[shaded]:where([theme=prim]) {
  --_btn-c-sd: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.4);
}
AX-BTN[shaded]:where([theme=error]) {
  --_btn-c-sd: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.4);
}
AX-BTN[shaded]:where([theme=succ]) {
  --_btn-c-sd: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.4);
}
AX-BTN[shaded]:where([theme=info]) {
  --_btn-c-sd: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.4);
}
AX-BTN[shaded]:where([theme=issue]) {
  --_btn-c-sd: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.4);
}
AX-BTN[shaded]:where([theme=warn]) {
  --_btn-c-sd: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.4);
}
AX-BTN[shaded]:where([theme=text]) {
  --_btn-c-sd: hsla(var(--_h-text), var(--_s-text), 20%, 0.4);
}
AX-BTN [rep="icon"] {
  margin-right: var(--_g);
}
AX-BTN [rep="tail"] {
  margin-left: var(--_g);
}
AX-BTN [rep=disk],
AX-BTN [rep=cube],
AX-BTN [rep=image] {
  height: var(--_rem-list);
  margin-right: var(--_g);
}
AX-BTN AX-BADGE {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
}
AX-BTN:has([rep=label]:empty) [rep="icon"] {
  margin-right: 0;
}
AX-BTN:has([rep=label]:empty) [rep="tail"] {
  margin-left: 0;
}
AX-BTN [rep="expand"],
AX-BTN [rep="more"],
AX-BTN [rep="remove"],
AX-BTN [rep="update"] {
  font-family: var(--_ff-icon);
  margin-right: calc(-1*var(--_btn-p-lr) + 0.286em);
  margin-left: var(--_btn-p-lr);
}
AX-BTN [rep="expand"]:hover:before,
AX-BTN [rep="more"]:hover:before,
AX-BTN [rep="remove"]:hover:before,
AX-BTN [rep="update"]:hover:before {
  opacity: 1;
}
AX-BTN [rep="expand"]:before,
AX-BTN [rep="more"]:before,
AX-BTN [rep="remove"]:before,
AX-BTN [rep="update"]:before {
  display: inline-block;
  opacity: var(--_o-disabled);
  scale: 0.8;
  transition: all var(--_dur-2) linear;
}
AX-BTN [rep="expand"]:before {
  content: 'down';
}
AX-BTN:where(._opened) [rep="expand"]:before {
  rotate: 180deg;
}
AX-BTN [rep="more"]:before {
  content: 'right';
}
AX-BTN [rep="remove"]:before {
  content: 'close';
}
AX-BTN [rep="remove"]:hover {
  color: var(--_c-error);
}
AX-BTN [rep="update"]:before {
  content: 'refresh';
}
AX-BTN:where([check=ing]) {
  cursor: not-allowed;
  user-select: none;
  pointer-events: none;
}
AX-BTN:where([check=ing]) > [rep=wrap]:before {
  --_spin-bg: var(--_c-prim-sd);
  --_spin-c: var(--_c-prim);
  content: '';
  width: 1em;
  margin-right: var(--_g);
  animation: _rotate360 1s linear infinite;
  background: transparent;
  box-sizing: border-box;
  border: 0.2rem solid var(--_spin-bg);
  border-bottom-color: var(--_spin-c);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: inline-flex;
}
AX-BTN:where([check=ed]) > [rep=wrap]:before {
  content: 'check-o-f';
  color: var(--_btn-c-txt);
  font-family: var(--_ff-icon);
  width: em;
  margin-right: var(--_g);
  display: inline-flex;
}
AX-BTN:where([check=ing]):has([rep=label]:empty) > [rep=wrap]:before,
AX-BTN:where([check=ed]):has([rep=label]:empty) > [rep=wrap]:before {
  margin-right: 0;
}
AX-BTN:where([type=seal]) > [rep=wrap]:before {
  border-color: var(--_btn-c-sd);
  border-bottom-color: var(--_btn-c-txt);
}
AX-BTN:where([check=ing]:not([type=seal], [type=plain])):where([theme=prim], [theme=succ], [theme=error], [theme=info], [theme=issue]) > [rep=wrap]:before {
  --_spin-bg: rgba(255, 255, 255, 0.2);
  --_spin-c: var(--_c-white);
}
AX-BTN:where([check=ing]:not([type=seal], [type=plain])):where([theme=warn]) > [rep=wrap]:before {
  --_spin-c: var(--_btn-c-txt);
  --_spin-bg: hsl(var(--_h-text), var(--_s-text), 20%, 0.2);
}
AX-BTN:where([check=ed]:not([type=seal], [type=plain], [theme=prim], [theme=succ], [theme=error], [theme=info], [theme=warn], [theme=issue])) > [rep=wrap]:before {
  color: var(--_c-prim);
}
/*
 *Last modified: 2025-04-16 11:24:08
 */
/*grid layout*/
._grid {
  --_layout-avg: 4;
  --_layout-group: 4;
  --_layout-gap: 0;
  box-sizing: border-box;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(var(--_layout-avg), 1fr);
  grid-gap: var(--_layout-gap);
  position: relative;
  z-index: 2;
}
._grid:where(ul),
._grid *:where(ul) {
  padding-inline-start: 0;
}
._grid:where(ul) > li:before,
._grid *:where(ul) > li:before {
  display: none;
}
._grid > * {
  min-width: 0;
  box-sizing: border-box;
}
._grid._fence {
  background-color: var(--_c-text-bd);
  grid-gap: 1px;
}
._grid._fence > * {
  background-color: var(--_c-stage);
}
._grid._fluid {
  border-left: 1px solid var(--_c-text-bd);
  border-top: 1px solid var(--_c-text-bd);
}
._grid._fluid > * {
  border-right: 1px solid var(--_c-text-bd);
  border-bottom: 1px solid var(--_c-text-bd);
}
._grid._ratio > *,
._grid._ratio-1-1 > * {
  aspect-ratio: 1/1;
}
._grid._ratio-16-9 > * {
  aspect-ratio: 16/9;
}
._grid._ratio-16-10 > * {
  aspect-ratio: 16/10;
}
._grid._ratio-4-3 > * {
  aspect-ratio: 4/3;
}
._grid._ratio-3-2 > * {
  aspect-ratio: 3/2;
}
._grid._g-0 {
  --_layout-gap: 0;
}
._grid._g-1 {
  --_layout-gap: 1px;
}
._grid._g-2 {
  --_layout-gap: 2px;
}
._grid._g-3 {
  --_layout-gap: 3px;
}
._grid._g-xxs {
  --_layout-gap: var(--_g);
}
._grid._g-xs {
  --_layout-gap: calc(var(--_g)*2);
}
._grid._g,
._grid._g-sm {
  --_layout-gap: var(--_p);
}
._grid._g-md {
  --_layout-gap: var(--_rem-list);
}
._grid._g-lg {
  --_layout-gap: var(--_rem-title);
}
._grid._g-xl {
  --_layout-gap: var(--_rem-input);
}
._grid._g-xxl {
  --_layout-gap: var(--_rem-max);
}
._grid > * > ._hide-clip {
  display: none;
}
/*Flex layout*/
._row,
._col {
  --_layout-avg: 1;
  --_layout-gap: 0px;
  --_layout-group: 1;
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
  zoom: 1;
  position: relative;
  z-index: 2;
}
._row:where(ul),
._col:where(ul),
._row *:where(ul),
._col *:where(ul) {
  padding-inline-start: 0;
}
._row:where(ul) > li:before,
._col:where(ul) > li:before,
._row *:where(ul) > li:before,
._col *:where(ul) > li:before {
  display: none;
}
._row:where([class*="_g"]) > AX-BR,
._col:where([class*="_g"]) > AX-BR,
._row:where([class*="_g"]) > AX-BC,
._col:where([class*="_g"]) > AX-BC {
  display: none;
}
._row > * > ._hide-clip,
._col > * > ._hide-clip,
._row > * > ._hide-clip,
._col > * > ._hide-clip {
  display: none;
}
._row:where(:has(>[class*="_flex"])),
._col:where(:has(>[class*="_flex"])) {
  gap: var(--_layout-gap);
}
: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*="_own-"]):where(:not(:last-of-type)) {
  margin-right: var(--_layout-gap);
}
._row:where(._g-0) {
  --_layout-gap: 0;
}
._row:where(._g-1) {
  --_layout-gap: 1px;
}
._row:where(._g-2) {
  --_layout-gap: 2px;
}
._row:where(._g-3) {
  --_layout-gap: 3px;
}
._row:where(._g-xxs) {
  --_layout-gap: var(--_g);
}
._row:where(._g-xs) {
  --_layout-gap: calc(var(--_g)*2);
}
._row:where(._g, ._g-sm) {
  --_layout-gap: var(--_m);
}
._row:where(._g-md) {
  --_layout-gap: var(--_rem-list);
}
._row:where(._g-lg) {
  --_layout-gap: var(--_rem-title);
}
._row:where(._g-xl) {
  --_layout-gap: var(--_rem-input);
}
._row:where(._g-xxl) {
  --_layout-gap: var(--_rem-max);
}
: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*="_own-"]):where(:not(:last-of-type)) {
  margin-bottom: var(--_layout-gap);
}
._col:where(._g-0) {
  --_layout-gap: 0;
}
._col:where(._g-1) {
  --_layout-gap: 1px;
}
._col:where(._g-2) {
  --_layout-gap: 2px;
}
._col:where(._g-3) {
  --_layout-gap: 3px;
}
._col:where(._g-xxs) {
  --_layout-gap: var(--_g);
}
._col:where(._g-xs) {
  --_layout-gap: calc(var(--_g)*2);
}
._col:where(._g, ._g-sm) {
  --_layout-gap: var(--_m);
}
._col:where(._g-md) {
  --_layout-gap: var(--_rem-list);
}
._col:where(._g-lg) {
  --_layout-gap: var(--_rem-title);
}
._col:where(._g-xl) {
  --_layout-gap: var(--_rem-input);
}
._col:where(._g-xxl) {
  --_layout-gap: var(--_rem-max);
}
[class*="_flex"] {
  --_flex-grow: 1;
  --_flex-shrink: 1;
  --_flex-basis: auto;
  flex-grow: var(--_flex-grow);
  flex-shrink: var(--_flex-shrink);
  flex-basis: var(--_flex-basis);
  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-grow: 0;
  --_flex-shrink: 0;
}
._flex-0 {
  --_flex-grow: 0;
}
._flex,
._flex-1 {
  --_flex-grow: 1;
}
._flex-2 {
  --_flex-grow: 2;
}
._flex-3 {
  --_flex-grow: 3;
}
._flex-4 {
  --_flex-grow: 4;
}
._flex-5 {
  --_flex-grow: 5;
}
._flex-6 {
  --_flex-grow: 6;
}
._flex-7 {
  --_flex-grow: 7;
}
._flex-8 {
  --_flex-grow: 8;
}
._flex-9 {
  --_flex-grow: 9;
}
._flex-10 {
  --_flex-grow: 10;
}
._flex-11 {
  --_flex-grow: 11;
}
._flex-12 {
  --_flex-grow: 12;
}
._flex-13 {
  --_flex-grow: 13;
}
._flex-14 {
  --_flex-grow: 14;
}
._flex-15 {
  --_flex-grow: 15;
}
._flex-16 {
  --_flex-grow: 16;
}
._flex-17 {
  --_flex-grow: 17;
}
._flex-18 {
  --_flex-grow: 18;
}
._flex-19 {
  --_flex-grow: 19;
}
._flex-20 {
  --_flex-grow: 20;
}
._flex-21 {
  --_flex-grow: 21;
}
._flex-22 {
  --_flex-grow: 22;
}
._flex-23 {
  --_flex-grow: 23;
}
._flex-24 {
  --_flex-grow: 24;
}
[class*="_own-"] {
  display: inline-flex;
  box-sizing: border-box;
  position: relative;
}
:where(._row) > [class*="_own-"] {
  width: calc((100%/24)*var(--_flex-grow));
}
:where(._col) > [class*="_own-"] {
  height: calc((100%/24)*var(--_flex-grow));
}
._own-0 {
  --_flex-grow: 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 {
  --_flex-grow: 1;
}
._own-2 {
  --_flex-grow: 2;
}
._own-3 {
  --_flex-grow: 3;
}
._own-4 {
  --_flex-grow: 4;
}
._own-5 {
  --_flex-grow: 5;
}
._own-6 {
  --_flex-grow: 6;
}
._own-7 {
  --_flex-grow: 7;
}
._own-8 {
  --_flex-grow: 8;
}
._own-9 {
  --_flex-grow: 9;
}
._own-10 {
  --_flex-grow: 10;
}
._own-11 {
  --_flex-grow: 11;
}
._own-12 {
  --_flex-grow: 12;
}
._own-13 {
  --_flex-grow: 13;
}
._own-14 {
  --_flex-grow: 14;
}
._own-15 {
  --_flex-grow: 15;
}
._own-16 {
  --_flex-grow: 16;
}
._own-17 {
  --_flex-grow: 17;
}
._own-18 {
  --_flex-grow: 18;
}
._own-19 {
  --_flex-grow: 19;
}
._own-20 {
  --_flex-grow: 20;
}
._own-21 {
  --_flex-grow: 21;
}
._own-22 {
  --_flex-grow: 22;
}
._own-23 {
  --_flex-grow: 23;
}
._own,
._own-24 {
  --_flex-grow: 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(--_layout-avg));
}
:where(._col[class*="_avg-"]) > * {
  height: calc(100%/var(--_layout-avg));
}
._avg-1 {
  --_layout-avg: 1;
}
._avg-2 {
  --_layout-avg: 2;
}
._avg-3 {
  --_layout-avg: 3;
}
._avg-4 {
  --_layout-avg: 4;
}
._avg-5 {
  --_layout-avg: 5;
}
._avg-6 {
  --_layout-avg: 6;
}
._avg-7 {
  --_layout-avg: 7;
}
._avg-8 {
  --_layout-avg: 8;
}
._avg-9 {
  --_layout-avg: 9;
}
._avg-10 {
  --_layout-avg: 10;
}
._avg-11 {
  --_layout-avg: 11;
}
._avg-12 {
  --_layout-avg: 12;
}
._avg-13 {
  --_layout-avg: 13;
}
._avg-14 {
  --_layout-avg: 14;
}
._avg-15 {
  --_layout-avg: 15;
}
._avg-16 {
  --_layout-avg: 16;
}
._avg-17 {
  --_layout-avg: 17;
}
._avg-18 {
  --_layout-avg: 18;
}
._avg-19 {
  --_layout-avg: 19;
}
._avg-20 {
  --_layout-avg: 20;
}
._avg-21 {
  --_layout-avg: 21;
}
._avg-22 {
  --_layout-avg: 22;
}
._avg-23 {
  --_layout-avg: 23;
}
._avg-24 {
  --_layout-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);
}
._c-mask {
  --_v-c: var(--_c-mask);
}
/*Background*/
._bg,
[class*="_bg-"] {
  --_bg-c: var(--_c-stage);
  background-color: var(--_bg-c);
}
._bg-prim {
  --_bg-c: var(--_c-prim);
}
._bg-prim-lt {
  --_bg-c: var(--_c-prim-bg);
}
._bg-succ {
  --_bg-c: var(--_c-succ);
}
._bg-succ-lt {
  --_bg-c: var(--_c-succ-bg);
}
._bg-error {
  --_bg-c: var(--_c-error);
}
._bg-error-lt {
  --_bg-c: var(--_c-error-bg);
}
._bg-warn {
  --_bg-c: var(--_c-warn);
}
._bg-warn-lt {
  --_bg-c: var(--_c-warn-bg);
}
._bg-info {
  --_bg-c: var(--_c-info);
}
._bg-info-lt {
  --_bg-c: var(--_c-info-bg);
}
._bg-issue {
  --_bg-c: var(--_c-issue);
}
._bg-issue-lt {
  --_bg-c: var(--_c-issue-bg);
}
._bg-text {
  --_bg-c: var(--_c-text);
}
._bg-text-lt {
  --_bg-c: var(--_c-text-bg);
}
._bg-brief {
  --_bg-c: var(--_c-brief);
}
._bg-brief-lt {
  --_bg-c: var(--_c-brief-bg);
}
._bg-ignore {
  --_bg-c: var(--_c-ignore);
}
._bg-ignore-lt {
  --_bg-c: var(--_c-ignore-bg);
}
._bg-disable {
  --_bg-c: var(--_c-disable);
}
._bg-disable-lt {
  --_bg-c: var(--_c-disable-bg);
}
._bg-stage {
  --_bg-c: var(--_c-stage);
}
._bg-mask {
  --_bg-c: var(--_c-mask);
}
/*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._gd-0,
[class*="_gd-"]._gd-0 {
  --_gd-deg: 0deg;
}
._gd._gd-45,
[class*="_gd-"]._gd-45 {
  --_gd-deg: 45deg;
}
._gd._gd-90,
[class*="_gd-"]._gd-90 {
  --_gd-deg: 90deg;
}
._gd._gd-135,
[class*="_gd-"]._gd-135 {
  --_gd-deg: 135deg;
}
._gd._gd-180,
[class*="_gd-"]._gd-180 {
  --_gd-deg: 180deg;
}
._gd._gd-225,
[class*="_gd-"]._gd-225 {
  --_gd-deg: 225deg;
}
._gd._gd-270,
[class*="_gd-"]._gd-270 {
  --_gd-deg: 270deg;
}
._gd._gd-315,
[class*="_gd-"]._gd-315 {
  --_gd-deg: 315deg;
}
._gd._gd-360,
[class*="_gd-"]._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 {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
._sd-bd {
  box-shadow: 1px 0 0 var(--_c-text-bd), -1px 0 0 var(--_c-text-bd), 0 1px 0 var(--_c-text-bd), 0 -1px 0 var(--_c-text-bd), 0 0.2rem 0.6rem rgba(0, 0, 0, 0.08);
}
._sd-lt {
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.06);
}
._sd-dk {
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.12);
}
._sd-pm {
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.1);
}
._sd-prim {
  box-shadow: 1px 2px 1rem var(--_c-prim-sd);
}
._sd-error {
  box-shadow: 1px 2px 1rem var(--_c-error-sd);
}
._sd-succ {
  box-shadow: 1px 2px 1rem var(--_c-succ-sd);
}
._sd-info {
  box-shadow: 1px 2px 1rem var(--_c-info-sd);
}
._sd-warn {
  box-shadow: 1px 2px 1rem var(--_c-warn-sd);
}
._sd-issue {
  box-shadow: 1px 2px 1rem var(--_c-issue-sd);
}
/*Padding*/
._p,
[class*="_p-"] {
  --_padding-sz: var(--_rem-body);
  padding: var(--_padding-sz);
}
._p,
._p-l,
._p-r,
._p-t,
._p-b,
._p-lr,
._p-tb {
  --_padding-sz: var(--_rem-body);
}
._p {
  padding: var(--_padding-sz);
}
._p-l {
  padding: 0 0 0 var(--_padding-sz);
}
._p-r {
  padding: 0 var(--_padding-sz) 0 0;
}
._p-t {
  padding: var(--_padding-sz) 0 0 0;
}
._p-b {
  padding: 0 0 var(--_padding-sz) 0;
}
._p-lr {
  padding: 0 var(--_padding-sz);
}
._p-tb {
  padding: var(--_padding-sz) 0;
}
._p-0 {
  --_padding-sz: 0;
}
._p-1 {
  --_padding-sz: calc(var(--_rem-body)*1);
}
._p-2 {
  --_padding-sz: calc(var(--_rem-body)*2);
}
._p-3 {
  --_padding-sz: calc(var(--_rem-body)*3);
}
._p-4 {
  --_padding-sz: calc(var(--_rem-body)*4);
}
._p-5 {
  --_padding-sz: calc(var(--_rem-body)*5);
}
._p-6 {
  --_padding-sz: calc(var(--_rem-body)*6);
}
._p-7 {
  --_padding-sz: calc(var(--_rem-body)*7);
}
._p-8 {
  --_padding-sz: calc(var(--_rem-body)*8);
}
._p-9 {
  --_padding-sz: calc(var(--_rem-body)*9);
}
._p-10 {
  --_padding-sz: calc(var(--_rem-body)*10);
}
._p-xxs {
  --_padding-sz: var(--_rem-min);
}
._p-xs {
  --_padding-sz: var(--_rem-space);
}
._p-sm {
  --_padding-sz: var(--_rem-body);
}
._p-md {
  --_padding-sz: var(--_rem-list);
}
._p-lg {
  --_padding-sz: var(--_rem-title);
}
._p-xl {
  --_padding-sz: var(--_rem-input);
}
._p-xxl {
  --_padding-sz: var(--_rem-max);
}
/*Margin*/
._m,
[class*="_m-"] {
  --_margin-sz: var(--_rem-body);
  margin: var(--_margin-sz);
}
._m,
._m-l,
._m-r,
._m-t,
._m-b,
._m-lr,
._m-tb {
  --_margin-sz: var(--_rem-body);
}
._m {
  margin: var(--_margin-sz);
}
._m-l {
  margin: 0 0 0 var(--_margin-sz);
}
._m-r {
  margin: 0 var(--_margin-sz) 0 0;
}
._m-t {
  margin: var(--_margin-sz) 0 0 0;
}
._m-b {
  margin: 0 0 var(--_margin-sz) 0;
}
._m-lr {
  margin: 0 var(--_margin-sz);
}
._m-tb {
  margin: var(--_margin-sz) 0;
}
._m-0 {
  --_margin-sz: 0;
}
._m-1 {
  --_margin-sz: calc(var(--_rem-body)*1);
}
._m-2 {
  --_margin-sz: calc(var(--_rem-body)*2);
}
._m-3 {
  --_margin-sz: calc(var(--_rem-body)*3);
}
._m-4 {
  --_margin-sz: calc(var(--_rem-body)*4);
}
._m-5 {
  --_margin-sz: calc(var(--_rem-body)*5);
}
._m-6 {
  --_margin-sz: calc(var(--_rem-body)*6);
}
._m-7 {
  --_margin-sz: calc(var(--_rem-body)*7);
}
._m-8 {
  --_margin-sz: calc(var(--_rem-body)*8);
}
._m-9 {
  --_margin-sz: calc(var(--_rem-body)*9);
}
._m-10 {
  --_margin-sz: calc(var(--_rem-body)*10);
}
._m-xxs {
  --_margin-sz: var(--_rem-min);
}
._m-xs {
  --_margin-sz: var(--_rem-space);
}
._m-sm {
  --_margin-sz: var(--_rem-body);
}
._m-md {
  --_margin-sz: var(--_rem-list);
}
._m-lg {
  --_margin-sz: var(--_rem-title);
}
._m-xl {
  --_margin-sz: var(--_rem-input);
}
._m-xxl {
  --_margin-sz: var(--_rem-max);
}
/*Radius*/
._r,
[class*="_r-"] {
  --_radius-sz: var(--_r);
  border-radius: var(--_radius-sz);
}
._r-0 {
  --_radius-sz: 0;
}
._r-1 {
  --_radius-sz: var(--_r);
}
._r-2 {
  --_radius-sz: calc(var(--_r)*2);
}
._r-3 {
  --_radius-sz: calc(var(--_r)*3);
}
._r-4 {
  --_radius-sz: calc(var(--_r)*4);
}
._r-5 {
  --_radius-sz: calc(var(--_r)*5);
}
._r-6 {
  --_radius-sz: calc(var(--_r)*6);
}
._r-7 {
  --_radius-sz: calc(var(--_r)*7);
}
._r-8 {
  --_radius-sz: calc(var(--_r)*8);
}
._r-9 {
  --_radius-sz: calc(var(--_r)*9);
}
._r-10 {
  --_radius-sz: calc(var(--_r)*10);
}
._r-xxs {
  --_radius-sz: var(--_rem-min);
}
._r-xs {
  --_radius-sz: var(--_rem-space);
}
._r-sm {
  --_radius-sz: var(--_rem-body);
}
._r-md {
  --_radius-sz: var(--_rem-list);
}
._r-lg {
  --_radius-sz: var(--_rem-title);
}
._r-xl {
  --_radius-sz: var(--_rem-input);
}
._r-xxl {
  --_radius-sz: var(--_rem-max);
}
._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-"] {
  --_bd-w: 1px;
  border: var(--_bd-w) 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 {
  --_bd-w: 0;
}
._bd-1 {
  --_bd-w: 1px;
}
._bd-2 {
  --_bd-w: 2px;
}
._bd-3 {
  --_bd-w: 3px;
}
._bd-4 {
  --_bd-w: 4px;
}
._bd-5 {
  --_bd-w: 5px;
}
._bd-6 {
  --_bd-w: 6px;
}
._bd-7 {
  --_bd-w: 7px;
}
._bd-8 {
  --_bd-w: 8px;
}
._bd-9 {
  --_bd-w: 9px;
}
._bd-10 {
  --_bd-w: 10px;
}
._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 {
  --_br-h: var(--_m);
  width: 100%;
  height: var(--_br-h);
  display: block;
  overflow: hidden;
}
AX-BR[size="0"] {
  --_br-h: 0;
}
AX-BR[size=xxs] {
  --_br-h: var(--_rem-min);
}
AX-BR[size=xs] {
  --_br-h: var(--_rem-space);
}
AX-BR[size=sm] {
  --_br-h: var(--_rem-body);
}
AX-BR[size=md] {
  --_br-h: var(--_rem-list);
}
AX-BR[size=lg] {
  --_br-h: var(--_rem-title);
}
AX-BR[size=xl] {
  --_br-h: var(--_rem-input);
}
AX-BR[size=xxl] {
  --_br-h: var(--_rem-max);
}
/*Break column*/
AX-BC {
  --_bc-w: var(--_m);
  width: var(--_bc-w);
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}
AX-BC[size="0"] {
  --_bc-w: 0;
}
AX-BC[size=xxs] {
  --_bc-w: var(--_rem-min);
}
AX-BC[size=xs] {
  --_bc-w: var(--_rem-space);
}
AX-BC[size=sm] {
  --_bc-w: var(--_rem-body);
}
AX-BC[size=md] {
  --_bc-w: var(--_rem-list);
}
AX-BC[size=lg] {
  --_bc-w: var(--_rem-title);
}
AX-BC[size=xl] {
  --_bc-w: var(--_rem-input);
}
AX-BC[size=xxl] {
  --_bc-w: var(--_rem-max);
}
/*Divider*/
AX-DIVIDER {
  --_divider-fs: var(--_rem-caption);
  --_divder-m: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
AX-DIVIDER [rep=wrap] {
  display: flex;
  align-items: center;
}
AX-DIVIDER [rep=start],
AX-DIVIDER [rep=end] {
  height: 1px;
  background-color: var(--_c-text-bd);
  flex: auto;
}
AX-DIVIDER [rep=label] {
  margin: auto var(--_m);
}
AX-DIVIDER[break],
AX-DIVIDER[size] {
  margin-top: var(--_divider-m);
  margin-bottom: var(--_divider-m);
}
AX-DIVIDER[break=xxs] {
  --_divider-m: var(--_rem-min);
}
AX-DIVIDER[break=xs] {
  --_divider-m: var(--_rem-space);
}
AX-DIVIDER[break=sm] {
  --_divider-m: var(--_rem-body);
}
AX-DIVIDER[break=md] {
  --_divider-m: var(--_rem-list);
}
AX-DIVIDER[break=lg] {
  --_divider-m: var(--_rem-title);
}
AX-DIVIDER[break=xl] {
  --_divider-m: var(--_rem-input);
}
AX-DIVIDER[break=xxl] {
  --_divider-m: var(--_rem-max);
}
AX-DIVIDER[fs] [rep=label],
AX-DIVIDER[size] [rep=label] {
  font-size: var(--_divider-fs);
}
AX-DIVIDER[fs=sm] {
  --_divider-fs: var(--_rem-body);
}
AX-DIVIDER[fs=md] {
  --_divider-fs: var(--_rem-caption);
}
AX-DIVIDER[fs=lg] {
  --_divider-fs: var(--_rem-subject);
}
AX-DIVIDER[size=sm] {
  --_divider-fs: var(--_rem-body);
  --_divider-m: var(--_rem-body);
}
AX-DIVIDER[size=md] {
  --_divider-fs: var(--_rem-caption);
  --_divider-m: var(--_rem-title);
}
AX-DIVIDER[size=lg] {
  --_divider-fs: var(--_rem-subject);
  --_divider-m: var(--_rem-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-show {
  visibility: visible;
  position: relative;
  pointer-events: auto;
}
._d-hide {
  visibility: hidden;
  position: absolute;
  pointer-events: none;
}
._d-full {
  width: 100%;
  box-sizing: border-box;
}
/*Width*/
[class*="_w-"] {
  box-sizing: border-box;
}
._w-0 {
  width: 0px;
}
._w-1 {
  width: calc(var(--_rem-input)*1);
}
._w-2 {
  width: calc(var(--_rem-input)*2);
}
._w-3 {
  width: calc(var(--_rem-input)*3);
}
._w-4 {
  width: calc(var(--_rem-input)*4);
}
._w-5 {
  width: calc(var(--_rem-input)*5);
}
._w-6 {
  width: calc(var(--_rem-input)*6);
}
._w-7 {
  width: calc(var(--_rem-input)*7);
}
._w-8 {
  width: calc(var(--_rem-input)*8);
}
._w-9 {
  width: calc(var(--_rem-input)*9);
}
._w-10 {
  width: calc(var(--_rem-input)*10);
}
._w-neat {
  width: var(--_w-input);
}
._w-half {
  width: 50%;
}
._w-full {
  width: 100%;
}
._w-auto {
  width: auto;
}
/*Height*/
[class*="_h-"] {
  box-sizing: border-box;
}
._h-0 {
  height: 0px;
}
._h-1 {
  height: calc(var(--_rem-input)*1);
}
._h-2 {
  height: calc(var(--_rem-input)*2);
}
._h-3 {
  height: calc(var(--_rem-input)*3);
}
._h-4 {
  height: calc(var(--_rem-input)*4);
}
._h-5 {
  height: calc(var(--_rem-input)*5);
}
._h-6 {
  height: calc(var(--_rem-input)*6);
}
._h-7 {
  height: calc(var(--_rem-input)*7);
}
._h-8 {
  height: calc(var(--_rem-input)*8);
}
._h-9 {
  height: calc(var(--_rem-input)*9);
}
._h-10 {
  height: calc(var(--_rem-input)*10);
}
._h-neat {
  height: var(--_rem-input);
}
._h-half {
  height: 50%;
}
._h-full {
  height: 100%;
}
._h-auto {
  height: auto;
}
/*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(--_px-ignore),0.5em);
  line-height: 1.2em;
  vertical-align: middle;
  text-align: justify;
  text-align-last: justify;
}
[class*="_t-diffuse"] {
  --_diffuse-g: 1.4em;
  text-align: center;
  letter-spacing: var(--_diffuse-g);
  text-indent: var(--_diffuse-g);
}
._t-diffuse-xxs {
  --_diffuse-g: 0.6em;
}
._t-diffuse-xs {
  --_diffuse-g: 0.8em;
}
._t-diffuse-sm {
  --_diffuse-g: 1em;
}
._t-diffuse-md {
  --_diffuse-g: 1.4em;
}
._t-diffuse-lg {
  --_diffuse-g: 1.8em;
}
._t-diffuse-xl {
  --_diffuse-g: 2.4em;
}
._t-diffuse-xxl {
  --_diffuse-g: 2.8em;
}
[class*="_t-blank"] {
  --_blank-g: 1.4em;
  word-spacing: var(--_blank-g);
}
._t-blank-xxs {
  --_blank-g: 0.6em;
}
._t-blank-xs {
  --_blank-g: 0.8em;
}
._t-blank-sm {
  --_blank-g: 1em;
}
._t-blank-md {
  --_blank-g: 1.4em;
}
._t-blank-lg {
  --_blank-g: 1.8em;
}
._t-blank-xl {
  --_blank-g: 2.4em;
}
._t-blank-xxl {
  --_blank-g: 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;
}
[hyphenated] {
  overflow-wrap: break-word;
  hyphens: auto;
}
/*Spin style*/
[class*="_spin-"] {
  --_spin-c: var(--_c-prim);
  --_spin-bg: var(--_c-prim-sd);
}
[class*="_spin-"]:before {
  content: '';
  animation: _rotate360 1s linear infinite;
  background: transparent;
  box-sizing: border-box;
  border: 0.2rem solid var(--_spin-bg);
  border-bottom-color: var(--_spin-c);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: inline-flex;
}
[class*="_spin-block"],
[class*="_spin-flex"] {
  min-height: calc(var(--_rem-title)*3);
}
[class*="_spin-block"]:before,
[class*="_spin-flex"]:before {
  content: '';
  width: var(--_rem-title);
  animation: _rotate360 1s linear infinite;
  background: transparent;
  box-sizing: border-box;
  border: 0.2rem solid var(--_spin-bg);
  border-bottom-color: var(--_spin-c);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: inline-flex;
}
[class*="_spin-block"] {
  display: block;
  position: relative;
}
[class*="_spin-block"]:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: calc(var(--_rem-title)/-2);
  margin-top: calc(var(--_rem-title)/-2);
}
[class*="_spin-flex"] {
  display: flex;
  justify-content: center;
  align-items: center;
}
[class*="_spin-inline"] {
  min-width: var(--_rem-list);
  min-height: var(--_rem-list);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
[class*="_spin-inline"]:before {
  content: '';
  width: 1em;
  animation: _rotate360 1s linear infinite;
  background: transparent;
  box-sizing: border-box;
  border: 0.2rem solid var(--_spin-bg);
  border-bottom-color: var(--_spin-c);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: inline-flex;
}
._spin-block-dk:before,
._spin-flex-dk:before,
._spin-inline-dk:before {
  --_spin-bg: rgba(255, 255, 255, 0.2);
  --_spin-c: var(--_c-white);
}
[rep=disk],
[rep=cube],
[rep=image] {
  --_legend-c: var(--_c-ignore);
  --_legend-bg: transparent;
  color: var(--_legend-c);
  background-color: var(--_legend-bg);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  transition: all var(--_dur-2) linear;
  position: relative;
  /*   &:empty{
        visibility: hidden;
        position: fixed;
        pointer-events: none;
    } */
}
[rep=disk] img,
[rep=cube] img,
[rep=image] img {
  width: inherit;
  height: inherit;
  border-radius: inherit;
  object-fit: cover;
  transition: all var(--_dur-2) linear;
}
[rep=disk] img[src=""],
[rep=cube] img[src=""],
[rep=image] img[src=""] {
  display: none;
}
[rep=disk]:has(img[src=""]):before,
[rep=cube]:has(img[src=""]):before,
[rep=image]:has(img[src=""]):before {
  content: "issue";
  font-family: var(--_ff-icon);
}
[rep=image]:has(img[src=""]) {
  padding: var(--_rem-space);
}
img[rep=disk],
img[rep=cube],
img[rep=image] {
  object-fit: cover;
}
[rep=disk],
[rep=cube] {
  aspect-ratio: 1/1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
[rep=disk] {
  border-radius: 100%;
}
[rep=cube] {
  border-radius: var(--_r);
}
[rep=poster] {
  --_poster-ar: 4/3;
  --_poster-fs: var(--_rem-title);
  --_poster-c: var(--_c-ignore);
  --_poster-bg: var(--_c-text-bg);
  --_poster-r: var(--_r-input);
  --_poster-d: inline-flex;
  aspect-ratio: var(--_poster-ar);
  overflow: hidden;
  border-radius: var(--_poster-r);
  background-color: var(--_poster-bg);
  display: var(--_poster-d);
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}
[rep=poster] > AX-BADGE,
[rep=poster] > AX-BUOY {
  position: absolute;
  left: var(--_rem-space);
  top: var(--_rem-space);
}
[rep=poster] > img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  transition: all var(--_dur-2) linear;
}
[rep=poster] > img[src=""] {
  display: none;
}
[rep=poster]:has(>img[src=""]):before {
  color: var(--_poster-c);
  content: "issue";
  font-family: var(--_ff-icon);
  font-size: var(--_poster-fs);
}
._char {
  font-size: var(--_rem-subject);
}
._o,
._o-0 {
  opacity: 0;
}
._o-4 {
  opacity: 0.04;
}
._o-8 {
  opacity: 0.08;
}
._o-12 {
  opacity: 0.12;
}
._o-16 {
  opacity: 0.16;
}
._o-20 {
  opacity: 0.2;
}
._o-24 {
  opacity: 0.24;
}
._o-28 {
  opacity: 0.28;
}
._o-32 {
  opacity: 0.32;
}
._o-36 {
  opacity: 0.36;
}
._o-40 {
  opacity: 0.4;
}
._o-44 {
  opacity: 0.44;
}
._o-48 {
  opacity: 0.48;
}
._o-52 {
  opacity: 0.52;
}
._o-56 {
  opacity: 0.56;
}
._o-60 {
  opacity: 0.6;
}
._o-64 {
  opacity: 0.64;
}
._o-68 {
  opacity: 0.68;
}
._o-72 {
  opacity: 0.72;
}
._o-76 {
  opacity: 0.76;
}
._o-80 {
  opacity: 0.8;
}
._o-84 {
  opacity: 0.84;
}
._o-88 {
  opacity: 0.88;
}
._o-92 {
  opacity: 0.92;
}
._o-96 {
  opacity: 0.96;
}
._o-100 {
  opacity: 1;
}
._o-active {
  opacity: var(--_o-active);
}
._o-disabled {
  opacity: var(--_o-disabled);
}
._o-mask {
  opacity: var(--_o-mask);
}
._o-stage {
  opacity: var(--_o-stage);
}
._fs-ignore {
  font-size: var(--_fs-ignore);
}
._fs-body {
  font-size: var(--_fs-body);
}
._fs-caption {
  font-size: var(--_fs-caption);
}
._fs-subject {
  font-size: var(--_fs-subject);
}
._fs-title {
  font-size: var(--_fs-title);
}
._fs-huge {
  font-size: var(--_fs-huge);
}
._fs-h1 {
  font-size: var(--_fs-h1);
}
._fs-h2 {
  font-size: var(--_fs-h2);
}
._fs-h3 {
  font-size: var(--_fs-h3);
}
._fs-h4 {
  font-size: var(--_fs-h4);
}
._fs-h5 {
  font-size: var(--_fs-h5);
}
._fs-h6 {
  font-size: var(--_fs-h6);
}
._ff-body {
  font-family: var(--_ff-body);
}
._ff-icon {
  font-family: var(--_ff-icon);
}
._ff-alt {
  font-family: var(--_ff-alt);
}
._ff-code {
  font-family: var(--_ff-code);
}
._text-huge {
  font-size: var(--_fs-huge);
  line-height: 1.318em;
}
._text-title {
  font-size: var(--_fs-title);
  line-height: 1.571em;
}
._text-subject {
  font-size: var(--_fs-subject);
  line-height: 1.778em;
}
._text-caption {
  font-size: var(--_fs-caption);
  line-height: 1.75em;
}
._text-body {
  font-size: var(--_fs-body);
  line-height: 1.571em;
}
._text-ignore {
  font-size: var(--_fs-ignore);
  line-height: 1.5em;
}
._empty {
  --_empty-c: var(--_c-ignore);
  --_empty-h-icon: var(--_px-hitbox);
  --_empty-h-img: 300px;
  font-size: var(--_px-body);
  color: var(--_empty-c);
  text-align: center;
  padding: var(--_px-title) 0;
  margin: auto;
  display: flex;
  flex-direction: column;
}
._empty > [rep=icon] {
  font-size: var(--_empty-h-icon);
  line-height: 1em;
}
._empty > [rep=icon] img {
  max-height: var(--_empty-h-img);
}
._empty > [rep=actions] {
  margin-top: var(--_px-body);
}
._empty > [rep=actions] > a {
  --_link-c: var(--_c-brief);
  margin: 0 var(--_px-space);
}
._empty > [rep=skip] {
  font-size: var(--_px-ignore);
}
._empty-hide:empty {
  display: none!important;
}
._empty-detach:empty {
  visibility: hidden!important;
  position: absolute!important;
  pointer-events: none!important;
}
._empty-collapse:empty {
  width: 0!important;
  height: 0!important;
  padding: 0!important;
  margin: 0!important;
  border-width: 0!important;
  overflow: hidden!important;
}
/*Group button*/
/*Container btns*/
._box-btns {
  display: inline-flex;
  box-sizing: border-box;
  border-radius: inherit;
  width: inherit;
}
._box-btns > * {
  margin: 0 var(--_g);
}
/*Container tools*/
._box-tools {
  --_tools-fs: var(--_rem-body);
  --_tools-gap: var(--_rem-min);
  --_tools-h: var(--_rem-list);
  --_tools-w: auto;
  --_tools-r: var(--_r);
  --_tools-m-lr: 0;
  --_tools-c: var(--_c-brief);
  --_tools-c-hov: var(--_c-prim);
  --_tools-c-foc: var(--_c-prim);
  --_tools-c-haz: var(--_tools-c);
  --_tools-c-haz-hov: var(--_c-error);
  --_tools-bg: transparent;
  --_tools-bg-hov: transparent;
  --_tools-bg-haz: var(--_tools-bg);
  --_tools-bg-hov-haz: var(--_tools-bg-hov);
  --_tools-o: 1;
  --_tools-o-hov: 1;
  font-size: var(--_tools-fs);
  line-height: var(--_tools-h);
  display: inline-flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
._box-tools > * {
  color: var(--_tools-c);
  background-color: var(--_tools-bg);
  width: var(--_tools-w);
  height: var(--_tools-h);
  text-align: center;
  padding: 0 var(--_tools-gap);
  margin: auto var(--_tools-m-lr);
  box-sizing: border-box;
  border-radius: var(--_tools-r);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: var(--_tools-o);
  transition: all var(--_dur-2) linear;
}
._box-tools > *._opened [rep=arrow] {
  rotate: 180deg;
}
._box-tools > *:hover {
  opacity: var(--_tools-o-hov);
}
._box-tools > *:hover:where(:not([rep=close],[rep=remove])) {
  color: var(--_tools-c-hov);
  background-color: var(--_tools-bg-hov);
}
._box-tools > *[rep=close],
._box-tools > *[rep=remove] {
  color: var(--_tools-c-haz);
  background-color: var(--_tools-bg-haz);
}
._box-tools > *[rep=close]:hover,
._box-tools > *[rep=remove]:hover,
._box-tools > *[rep=close]:focus,
._box-tools > *[rep=remove]:focus,
._box-tools > *[rep=close][focused],
._box-tools > *[rep=remove][focused] {
  color: var(--_tools-c-haz-hov);
  background-color: var(--_tools-bg-hov-haz);
}
._box-tools > *:focus:where(:not([rep=close],[rep=remove])),
._box-tools > *[focused]:where(:not([rep=close],[rep=remove])) {
  color: var(--_tools-c-foc);
  background-color: var(--_tools-bg-hov);
}
._box-tools [rep=arrow] {
  width: 0;
  height: 0;
  border-width: 3px 3px 0 3px;
  border-style: solid;
  border-color: var(--_c-ignore) transparent transparent transparent;
  margin-left: var(--_rem-min);
  transition: all var(--_dur-2) linear;
}
._box-tools [rep="icon"] {
  width: var(--_tools-fs);
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
._box-tools [rep="icon"] + [rep="label"] {
  margin-left: var(--_rem-min);
}
._box-tools [rep="disk"],
._box-tools [rep="cube"],
._box-tools [rep="image"] {
  height: var(--_rem-subject);
  display: inline-flex;
}
._box-tools [rep="disk"],
._box-tools [rep="cube"] {
  aspect-ratio: 1/1;
}
._box-tools [rep="disk"] img,
._box-tools [rep="cube"] img {
  object-fit: cover;
}
._box-tools [rep="disk"] {
  border-radius: 100%;
}
._box-tools [rep="cube"] {
  border-radius: var(--_r);
}
._box-tools [rep="image"] img {
  height: 100%;
}
._box-tools [rep="disk"] + [rep="label"],
._box-tools [rep="cube"] + [rep="label"],
._box-tools [rep="image"] + [rep="label"] {
  margin-left: var(--_rem-min);
}
._box-tools > *[disabled] {
  opacity: var(--_o-disabled);
  user-select: none;
  pointer-events: none;
}
/*Container*/
[class*="_box-"] [rep="caption"] {
  font-size: var(--_rem-caption);
  font-weight: bold;
  line-height: 1.5em;
  margin-bottom: var(--_rem-space);
}
[class*="_box-"] [rep="brief"] {
  color: var(--_c-brief);
  line-height: var(--_rem-subject);
  margin-top: var(--_rem-space);
}
[class*="_box-"] [rep="media"] {
  text-align: center;
  width: inherit;
}
._box-image,
._box-audio,
._box-video,
._box-iframe {
  width: inherit;
}
._box-image [rep="media"] > *,
._box-audio [rep="media"] > *,
._box-video [rep="media"] > *,
._box-iframe [rep="media"] > * {
  display: block;
  width: inherit;
}
/*Container iframe*/
._box-iframe {
  width: inherit;
  display: flex;
  flex-direction: column;
}
._box-iframe [rep="media"] {
  flex: auto;
}
._box-iframe iframe {
  border: none;
}
/*Container qrCode*/
._box-qr {
  width: inherit;
}
._box-qr [rep="media"] {
  display: flex;
  align-items: center;
  justify-content: center;
}
._box-qr [rep="media"] img {
  min-width: 8rem;
}
/*Bubble footer*/
._bubble-footer {
  overflow-y: hidden;
}
._bubble-footer._bubble-footer-wrap {
  border-radius: inherit;
}
._bubble-footer:where([layout="left"]) ._bubble-footer-wrap,
._bubble-footer:where([layout="right"]) ._bubble-footer-wrap {
  display: flex;
  padding: var(--_padding);
  box-sizing: border-box;
}
._bubble-footer:where([layout="left"]) ._bubble-footer-wrap [rep="tips"],
._bubble-footer:where([layout="right"]) ._bubble-footer-wrap [rep="tips"] {
  flex: auto;
}
._bubble-footer:where([layout="plain"]) ._bubble-footer-wrap {
  border-top: 1px solid var(--_c-text-bd);
}
._bubble-footer:where([layout="right"]) ._bubble-footer-wrap {
  flex-direction: row-reverse;
}
._bubble-footer ._box-btns {
  display: inline-flex;
}
._bubble-footer ._box-btns > * {
  margin: 0;
}
._bubble-footer:where([layout="center"]) ._box-btns,
._bubble-footer:where([layout="plain"]) ._box-btns {
  display: flex;
  justify-content: center;
}
._bubble-footer:where([layout="plain"]) ._box-btns {
  border-radius: inherit;
}
._bubble-footer:where([layout="center"]) ._box-btns {
  margin: var(--_rem-title) 0;
}
._bubble-footer:where([layout="center"]) ._box-btns > * {
  margin: 0 var(--_rem-space);
}
._bubble-footer:where([layout="left"]) ._box-btns > * {
  margin-right: var(--_rem-space);
}
._bubble-footer:where([layout="right"]) ._box-btns > * {
  margin-left: var(--_rem-space);
}
._bubble-footer:where([layout="plain"]) ._box-btns > * {
  border-radius: 0;
  flex: 1;
}
._bubble-footer:where([layout="plain"]) ._box-btns > *:where(:not(:last-child)) {
  border-right: 1px solid var(--_c-text-bd);
}
._bubble-footer [rep="tips"] {
  font-size: var(--_rem-body);
  line-height: 1.8rem;
  height: var(--_rem-input);
  display: flex;
  align-items: center;
}
._bubble-footer:where([layout="center"]) [rep="tips"],
._bubble-footer:where([layout="plain"]) [rep="tips"] {
  border-top: 1px solid var(--_c-text-bd);
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  background-color: var(--_c-text-bg);
  justify-content: center;
}
._bubble-footer:where([layout="left"]) [rep="tips"] {
  justify-content: flex-end;
  text-align: right;
}
._bubble-footer:where([layout="right"]) [rep="tips"] {
  justify-content: flex-start;
}
/*Field container*/
._field {
  --_form-h: var(--_rem-input);
  --_form-g-input: var(--_rem-space);
  --_form-p-lr: 0;
  --_form-p-tb: 0;
  --_form-m-tb: var(--_m);
  --_form-w-bd: 1px;
  --_form-w-lbl: var(--_w-label);
  width: inherit;
  margin: var(--_form-m-tb) auto;
  padding: var(--_form-p-tb) var(--_form-p-lr);
  display: flex;
  align-items: flex-start;
  position: relative;
  box-sizing: border-box;
}
._field > ._field-label {
  color: var(--_c-text);
  width: var(--_form-w-lbl);
  text-align: right;
  margin-right: var(--_rem-space);
  height: var(--_form-h);
  line-height: calc(var(--_form-h) / 2);
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
._field > ._field-label img,
._field > ._field-label [class*="icon-"] {
  width: var(--_rem-subject);
  margin-right: var(--_rem-min);
}
._field > ._field-label:emtpy {
  display: none;
}
._field > ._field-cont {
  width: var(--_w-input);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
}
._field > ._field-cont > ._field-note {
  font-size: var(--_rem-ignore);
  line-height: var(--_rem-subject);
  width: 100%;
  padding-top: var(--_rem-space);
}
._field > ._field-cont > ._field-input {
  width: 100%;
  min-height: var(--_form-h);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
._field > ._field-cont > ._field-input input:where(:not([embed]):not([type="radio"], [type="checkbox"], [type="range"], [type="reset"], [type="submit"])) {
  height: var(--_form-h);
  line-height: var(--_form-h);
}
._field > ._field-cont > ._field-input input:where(:not([embed]):not([type="radio"], [type="checkbox"], [type="range"], [type="color"], [type="reset"], [type="submit"])) {
  padding: 0 var(--_form-g-input);
}
._field > ._field-cont > ._field-input input:where([type="file"]:not([embed]))::file-selector-button,
._field > ._field-cont > ._field-input input:where([type="file"]:not([embed]))::-webkit-file-upload-button {
  line-height: calc(var(--_form-h) - 0.2rem);
}
._field > ._field-cont > ._field-input input:where([type="range"]:not([embed])) {
  margin: calc((var(--_form-h) - var(--_h-range))/2) 0;
}
._field > ._field-cont > ._field-input > label {
  line-height: var(--_form-h);
  white-space: nowrap;
}
._field > ._field-cont > ._field-input meter {
  margin: calc((var(--_form-h) - var(--_h-meter))/2) 0;
}
._field > ._field-cont > ._field-input progress {
  margin: calc((var(--_form-h) - var(--_h-progress))/2) 0;
}
._field > ._field-cont > ._field-input select:where(:not([embed])) {
  height: var(--_form-h);
  line-height: var(--_form-h);
}
._field > ._field-cont > ._field-input select:where(:not([embed])) option {
  height: var(--_form-h);
}
._field > ._field-cont > ._field-input select:where([multiple]:not([embed])) {
  min-height: calc((var(--_form-h) + 1px)*5 - 1px);
}
._field > ._field-cont > ._field-input textarea:where(:not([embed])) {
  --_field-p-tb: calc((var(--_form-h) - var(--_rem-list))/2);
  padding-left: var(--_form-g-input);
  padding-right: var(--_form-g-input);
}
._field > ._field-cont > ._field-input input:where(:not([embed]):not([type="radio"], [type="checkbox"], [type="color"], [type="submit"], [type="reset"])),
._field > ._field-cont > ._field-input select:where(:not([embed])),
._field > ._field-cont > ._field-input textarea:where(:not([embed])),
._field > ._field-cont > ._field-input progress,
._field > ._field-cont > ._field-input meter {
  min-width: auto;
  width: 100%;
}
._field > ._field-cont > ._field-input > AX-INPUT {
  --_input-w: 100%;
}
._field > ._field-cont > ._field-input > AX-FILE {
  --_file-w: 100%;
}
._field > ._field-cont > ._field-input > AX-TEXTAREA {
  --_area-w: 100%;
}
._field > ._field-cont > ._field-input > AX-DATETIME {
  --_date-w: 100%;
}
._field > ._field-cont > ._field-input > AX-NUMBER {
  --_number-w: 100%;
}
._field > ._field-cont > ._field-input > AX-SEARCH {
  --_search-w: 100%;
}
._field > ._field-cont > ._field-input > AX-RANGE {
  --_range-w: 100%;
}
._field > ._field-cont > ._field-input > AX-SELECT {
  --_select-w: 100%;
}
._field > ._field-cont > ._field-input > AX-RADIOS,
._field > ._field-cont > ._field-input > AX-CHECKBOXES {
  width: 100%;
}
._field > ._field-cont > ._field-input > AX-UPLOAD {
  width: 100%;
}
._field > ._field-cont ._field-unit {
  font-size: var(--_px-ignore);
  color: var(--_c-brief);
  background-color: var(--_c-stage);
  line-height: calc(var(--_rem-list) + 0.2rem);
  height: var(--_rem-list);
  position: absolute;
  right: var(--_rem-space);
  top: calc((var(--_form-h) - var(--_rem-list))/2);
}
._field > ._field-cont:has(>._box-tools) > ._field-input textarea:where(:not([embed])) {
  padding-right: var(--_rem-list);
}
._field > ._field-cont > ._box-tools {
  --_tools-c: var(--_c-ignore);
  --_tools-c-hov: var(--_c-text);
  position: absolute;
  right: var(--_rem-min);
  top: calc((var(--_form-h) - var(--_rem-list))/2);
  z-index: 2;
}
._field > ._field-cont > ._box-tools [rep="icon"] {
  font-size: var(--_px-ignore);
}
._field > ._field-cont:has(>._field-input>textarea) ._box-tools {
  flex-direction: column;
  right: var(--_rem-min);
}
._field > ._field-help {
  display: inline-flex;
  align-items: center;
  line-height: var(--_form-h);
  height: var(--_form-h);
}
._field > ._field-help > * {
  margin-left: var(--_rem-space);
}
._field > ._field-help [rep=text] {
  line-height: calc(var(--_form-h)/2);
  height: var(--_form-h);
  display: inline-flex;
  align-items: center;
}
._field > ._field-help [rep=disk],
._field > ._field-help [rep=cube],
._field > ._field-help [rep=image] {
  height: var(--_form-h);
  display: inline-flex;
}
._field > ._field-help [rep=disk] img,
._field > ._field-help [rep=cube] img,
._field > ._field-help [rep=image] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
._field > ._field-help [rep=disk],
._field > ._field-help [rep=cube] {
  aspect-ratio: 1/1;
}
._field > ._field-help [rep=image],
._field > ._field-help [rep=cube] {
  border-radius: var(--_r);
}
._field > ._field-help [rep=disk] {
  border-radius: 100%;
}
._field:where(:not(._field-compact)) > ._field-help AX-BTN:where(:not([size])) {
  --_btn-p-lr: var(--_form-g-input);
}
._field:where(._field-embed) > ._field-label {
  text-align: left;
  justify-content: flex-start;
  padding-left: var(--_form-g-input);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
._field:where(._field-embed)._flexible > ._field-cont {
  flex: auto;
}
._field:where(._field-embed) > ._field-cont > ._field-input input:where(:not([embed]):not([type="radio"], [type="checkbox"], [type="range"], [type="reset"], [type="submit"])),
._field:where(._field-embed) > ._field-cont > ._field-input textarea:where(:not([embed])) {
  padding-left: var(--_form-w-lbl);
}
._field:where(._field-full) > ._field-label,
._field:where(._field-apart) > ._field-label {
  width: auto;
  text-align: left;
  justify-content: flex-start;
}
._field:where(._field-full) > ._field-cont,
._field:where(._field-apart) > ._field-cont {
  width: auto;
  flex: auto;
  text-align: left;
}
:where(._field-full)._field > ._field-label {
  max-width: var(--_w-label);
}
:where(._field-apart)._field {
  position: relative;
}
:where(._field-apart)._field:where(:not(:has(._field-label)):not(:has(._field-help))) {
  margin-top: var(--_form-m-tb);
}
:where(._field-apart)._field:where(:has(._field-label, ._field-help)) {
  margin-top: calc(var(--_form-h) + var(--_form-m-tb));
}
:where(._field-apart)._field > ._field-label,
:where(._field-apart)._field > ._field-help {
  position: absolute;
  top: calc(-1*var(--_form-h));
}
:where(._field-apart)._field > ._field-label {
  left: 0;
}
:where(._field-apart)._field > ._field-help {
  right: 0;
}
:where(._field-apart)._field > ._field-help AX-BTN:where(:not([size])) {
  --_btn-h: min(calc(var(--_form-h) - 1rem), var(--_rem-title));
}
:where(._field-apart)._field > ._field-help [rep=disk],
:where(._field-apart)._field > ._field-help [rep=image],
:where(._field-apart)._field > ._field-help [rep=cube] {
  height: min(calc(var(--_form-h) - 1rem), var(--_rem-title));
}
:where(._field-compact)._field {
  --_form-g-input: 0;
  --_form-m-tb: 0;
  --_form-p-tb: var(--_rem-space);
  --_form-p-lr: var(--_rem-body);
  border-top: var(--_form-w-bd) solid var(--_c-text-bd);
  margin: 0;
}
:where(._field-compact)._field > ._field-label {
  width: auto;
  max-width: var(--_w-label);
  margin-right: 0;
  text-align: left;
  justify-content: flex-start;
}
:where(._field-compact)._field > ._field-cont {
  width: auto;
  flex: auto;
  text-align: left;
}
:where(._field-compact)._field > ._field-cont > ._box-tools {
  right: 0;
}
:where(._field-compact)._field > ._field-cont ._field-unit {
  right: 0;
  background-color: transparent;
}
:where(._field-compact)._field > ._field-cont > ._field-input input:where(:not([embed]):not([type="radio"], [type="checkbox"], [type="range"], [type="reset"], [type="submit"])),
:where(._field-compact)._field > ._field-cont > ._field-input select:where(:not([embed])),
:where(._field-compact)._field > ._field-cont > ._field-input select:where(:not([embed])) option {
  padding: 0;
}
:where(._field-compact)._field > ._field-cont > ._field-input textarea:where(:not([embed])) {
  padding-left: 0;
  padding-right: 0;
}
:where(._field-compact)._field > ._field-cont > ._field-input input:where(:not([embed]):not([type="radio"], [type="checkbox"], [type="range"], [type="reset"], [type="submit"], [type="color"])),
:where(._field-compact)._field > ._field-cont > ._field-input select:where(:not([embed])),
:where(._field-compact)._field > ._field-cont > ._field-input textarea:where(:not([embed])),
:where(._field-compact)._field > ._field-cont > ._field-input progress,
:where(._field-compact)._field > ._field-cont > ._field-input meter {
  min-width: auto;
}
:where(._field-compact)._field > ._field-cont > ._field-input input:where(:not([embed]):not([type="radio"], [type="checkbox"], [type="reset"], [type="submit"], [type="color"])),
:where(._field-compact)._field > ._field-cont > ._field-input select:where(:not([embed])),
:where(._field-compact)._field > ._field-cont > ._field-input textarea:where(:not([embed])),
:where(._field-compact)._field > ._field-cont > ._field-input input:where(:not([embed]):not([type="radio"], [type="checkbox"], [type="reset"], [type="submit"], [type="color"])):hover,
:where(._field-compact)._field > ._field-cont > ._field-input select:where(:not([embed])):hover,
:where(._field-compact)._field > ._field-cont > ._field-input textarea:where(:not([embed])):hover,
:where(._field-compact)._field > ._field-cont > ._field-input input:where(:not([embed]):not([type="radio"], [type="checkbox"], [type="reset"], [type="submit"], [type="color"])):focus,
:where(._field-compact)._field > ._field-cont > ._field-input select:where(:not([embed])):focus,
:where(._field-compact)._field > ._field-cont > ._field-input textarea:where(:not([embed])):focus {
  border-color: transparent;
  outline-color: transparent;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-INPUT {
  --_input-bd: 0;
  --_input-sd: transparent;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-INPUT [rep=wrap] {
  outline: none;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-INPUT [rep=label],
:where(._field-compact)._field > ._field-cont > ._field-input > AX-INPUT [rep=unit] {
  background-color: transparent;
  border-color: transparent;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-INPUT [rep=btn] {
  padding-right: 0;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-INPUT input {
  --_field-p-lr: 0;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-FILE {
  --_file-p-lr: 0;
  --_file-sd: transparent;
  --_file-bd: 0;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-FILE [rep=label] {
  background-color: transparent;
  border-color: transparent;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-SELECT {
  --_select-bd: 0;
  --_select-sd: transparent;
  outline: none;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-SELECT ._select {
  padding-left: 0;
  outline: none;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-TEXTAREA {
  --_area-bd: 0;
  --_area-sd: transparent;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-TEXTAREA [rep=wrap] {
  outline: none;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-TEXTAREA textarea {
  padding-left: 0;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-DATETIME ._datetime-wrap {
  --_date-sd: transparent;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-DATETIME AX-TEXTAREA {
  --_area-bd: 0;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-DATETIME AX-TEXTAREA [rep=wrap] {
  outline: none;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-DATETIME textarea {
  padding-left: 0;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-SEARCH {
  --_search-w-bd: 0;
  --_search-c-foc: transparent;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-SEARCH AX-FIELDS > [rep=wrap] > AX-BTN {
  --_btn-c-sd: transparent;
  border-top-left-radius: var(--_btn-r);
  border-bottom-left-radius: var(--_btn-r);
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-SEARCH AX-FIELDS [rep=fields]:focus-within + AX-BTN > [rep=wrap] {
  border-left-color: var(--_btn-c-bd);
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-UPLOAD ._upload {
  border-color: transparent;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-NUMBER {
  --_number-bd: 0;
  --_number-sd: transparent;
  --_number-sz-btn: var(--_rem-list);
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-NUMBER [rep=wrap] {
  outline: none;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-NUMBER [rep=decrease],
:where(._field-compact)._field > ._field-cont > ._field-input > AX-NUMBER [rep=increase] {
  font-size: var(--_rem-root);
  border-radius: 100%;
  border: 1px solid var(--_number-c-bd);
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-NUMBER [rep=decrease]:hover,
:where(._field-compact)._field > ._field-cont > ._field-input > AX-NUMBER [rep=increase]:hover {
  color: var(--_c-white);
  background-color: var(--_c-prim);
}
:where(._field-compact)._field > ._field-help AX-BTN:where(:not([size])) {
  --_btn-h: min(var(--_form-h), var(--_rem-input));
}
:where(._field-compact)._field > ._field-help [rep=disk],
:where(._field-compact)._field > ._field-help [rep=image],
:where(._field-compact)._field > ._field-help [rep=cube] {
  height: min(var(--_form-h), var(--_rem-input));
}
._field:where(._field-sm, ._field-lg) > ._field-cont > ._field-input input:where([type="reset"], [type="submit"]),
._field:where(._field-sm, ._field-lg) > ._field-cont > ._field-input button,
._field:where(._field-sm, ._field-lg) > ._field-cont > ._field-input > AX-BTN {
  --_btn-h: var(--_form-h);
}
._field:where(._field-sm) {
  --_form-h: var(--_rem-title);
  --_form-g-input: var(--_rem-space);
  --_form-m-tb: var(--_rem-space);
}
._field:where(._field-sm) > ._field-help AX-BTN:where(:not([size])) {
  --_btn-p-lr: var(--_form-g-input);
}
._field:where(._field-sm):where(:not(._field-apart, ._field-compact)) > ._field-help AX-BTN:where(:not([size])) {
  --_btn-h: var(--_form-h);
}
._field:where(._field-sm)._field-compact {
  --_form-p-tb: var(--_rem-space);
}
._field:where(._field-sm)._field-apart {
  --_form-m-tb: var(--_rem-space);
}
._field:where(._field-lg) {
  --_form-h: calc(var(--_rem-input) + 1rem);
  --_form-g-input: calc(var(--_g)*3);
}
._field:where(._field-lg) > ._field-cont > ._field-input input:where([type="reset"], [type="submit"]),
._field:where(._field-lg) > ._field-cont > ._field-input button,
._field:where(._field-lg) > ._field-cont > ._field-input > AX-BTN {
  --_btn-p-lr: 2.33em;
}
._field:where(._field-lg):where(:not(._field-apart, ._field-compact)) > ._field-help AX-BTN:where(:not([size])) {
  --_btn-h: var(--_form-h);
}
@media (any-hover: none) {
  ._field > ._field-cont > ._field-input select:where([multiple]:not([embed])) {
    min-height: auto;
  }
}
@media screen and (max-width: 900px) {
  ._field > ._field-help,
  ._field > ._field-help > * {
    font-size: var(--_rem-ignore);
  }
  ._field:where(:not(._field-apart, ._field-full, ._field-compact, ._field-embed)) {
    --_form-m-lr: var(--_p);
  }
  ._field:where(:not(._field-apart, ._field-full, ._field-compact, ._field-embed)) > ._field-label {
    text-align: left;
    width: auto;
    justify-content: flex-start;
  }
  ._field:where(:not(._field-apart, ._field-full, ._field-compact, ._field-embed)) > ._field-cont {
    width: auto;
    flex: auto;
    text-align: left;
  }
  ._field:where(:not(._field-apart, ._field-full, ._field-compact, ._field-embed)) > ._field-cont input:where(:not([embed]):not([type="radio"], [type="checkbox"], [type="range"], [type="reset"], [type="submit"], [type="color"])),
  ._field:where(:not(._field-apart, ._field-full, ._field-compact, ._field-embed)) > ._field-cont select:where(:not([embed])),
  ._field:where(:not(._field-apart, ._field-full, ._field-compact, ._field-embed)) > ._field-cont textarea:where(:not([embed])),
  ._field:where(:not(._field-apart, ._field-full, ._field-compact, ._field-embed)) > ._field-cont progress,
  ._field:where(:not(._field-apart, ._field-full, ._field-compact, ._field-embed)) > ._field-cont meter {
    min-width: auto;
  }
  ._field:where(._field-embed) > ._field-cont {
    width: auto;
    flex: auto;
    text-align: left;
  }
  ._field:where(:not(._field-compact, ._field-embed)) > ._field-help [rep=text] {
    width: auto !important;
  }
  :where(._field-full)._field > ._field-label {
    max-width: none;
  }
  ._field:where(:not(._field-apart, ._field-compact, ._field-embed)) {
    margin-top: calc(var(--_form-h) + var(--_form-m-tb));
    position: relative;
  }
  ._field:where(:not(._field-apart, ._field-compact, ._field-embed)) > ._field-label,
  ._field:where(:not(._field-apart, ._field-compact, ._field-embed)) > ._field-help {
    position: absolute;
    top: calc(-1*var(--_form-h));
  }
  ._field:where(:not(._field-apart, ._field-compact, ._field-embed)) > ._field-label {
    left: 0;
    width: auto !important;
  }
  ._field:where(:not(._field-apart, ._field-compact, ._field-embed)) > ._field-help {
    right: 0;
  }
  ._field:where(:not(._field-apart, ._field-compact, ._field-embed)) > ._field-help AX-BTN:where(:not([size])) {
    --_btn-h: calc(var(--_form-h) - 1rem);
  }
  ._field:where(:not(._field-apart, ._field-compact, ._field-embed)) > ._field-help [rep=disk],
  ._field:where(:not(._field-apart, ._field-compact, ._field-embed)) > ._field-help [rep=image],
  ._field:where(:not(._field-apart, ._field-compact, ._field-embed)) > ._field-help [rep=cube] {
    height: calc(var(--_form-h) - 1rem);
  }
}
/*Wrap*/
[class*="_container"]:where(:not(._container-full)) {
  --_container-w-1: var(--_w-lg);
  --_container-w-2: var(--_w-sm);
  --_container-w-3: 100%;
  width: min(var(--_container-w-1),var(--_container-w-2),var(--_container-w-3));
  margin: 0 auto;
  display: block;
  box-sizing: border-box;
}
._container-xxs {
  --_container-w-1: 60rem;
}
._container-xs {
  --_container-w-1: 80rem;
}
._container-sm {
  --_container-w-1: 100rem;
}
._container-md {
  --_container-w-1: var(--_w-md);
}
/* ._container-lg,
._container {
  --_container-w:var(--_w-lg);
} */
._container-xl {
  --_container-w-1: var(--_w-xl);
}
._container-xxl {
  --_container-w-1: var(--_w-xxl);
}
._container-full {
  width: 100%;
  box-sizing: border-box;
}
/*animation*/
@keyframes _rotate-360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
._rotate-360 {
  animation: _rotate-360 var(--_dur-6) linear both;
}
@keyframes _rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._rotate360 {
  animation: _rotate360 var(--_dur-6) linear both;
}
._circle-360 {
  animation: _rotate-360 var(--_dur-6) linear infinite both;
}
._circle360 {
  animation: _rotate360 var(--_dur-6) linear infinite both;
}
._rotate-180 {
  transition: rotate var(--_dur-4) var(--_bez-ease);
  rotate: -180deg;
}
._rotate180 {
  transition: rotate var(--_dur-4) var(--_bez-ease);
  rotate: 180deg;
}
._rotate-90 {
  transition: rotate var(--_dur-2) var(--_bez-ease);
  rotate: -90deg;
}
._rotate90 {
  transition: rotate var(--_dur-2) var(--_bez-ease);
  rotate: 90deg;
}
._rotate-45 {
  transition: rotate var(--_dur-2) var(--_bez-ease);
  rotate: -45deg;
}
._rotate45 {
  transition: rotate var(--_dur-2) var(--_bez-ease);
  rotate: 45deg;
}
@keyframes _remind-h {
  0% {
    transform: translateX(2px);
  }
  50% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(2px);
  }
}
@keyframes _remind-v {
  0% {
    transform: translateY(2px);
  }
  50% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(2px);
  }
}
._remind-h {
  animation: _remind-h var(--_dur-5) linear infinite both;
}
._remind-v {
  animation: _remind-v var(--_dur-5) linear infinite both;
}
@keyframes _bounce {
  from,
  20%,
  53%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
._bounceShow {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  transform-origin: center bottom;
  animation-name: _bounce;
}
@keyframes _flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
._flashShow {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _flash;
}
@keyframes _pulse {
  from,
  50%,
  to {
    transform: scale3d(1, 1, 1);
  }
  25%,
  75% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
}
._pulseShow {
  animation-duration: var(--_dur-3);
  animation-name: _pulse;
  animation-timing-function: ease-in-out;
}
@keyframes _shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
._shakeShow {
  animation-duration: var(--_dur-3);
  animation-name: _shake;
}
@keyframes _fadeIn {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._fadeIn {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeIn;
}
@keyframes _fadeOut {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
._fadeOut {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeIn;
}
@keyframes _fadeInUp {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
._fadeInUp {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeInUp;
}
@keyframes _fadeOutUp {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
}
._fadeOutUp {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeOutUp;
}
@keyframes _fadeInDown {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
._fadeInDown {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeInDown;
}
@keyframes _fadeOutDown {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }
}
._fadeOutDown {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeOutDown;
}
@keyframes _fadeInLeft {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 0;
    transform: translate3d(20%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
._fadeInLeft {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeInLeft;
}
@keyframes _fadeOutLeft {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(20%, 0, 0);
  }
}
._fadeOutLeft {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeOutLeft;
}
@keyframes _fadeInRight {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 0;
    transform: translate3d(-20%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
._fadeInRight {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeInRight;
}
@keyframes _fadeOutRight {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-20%, 0, 0);
  }
}
._fadeOutRight {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeOutRight;
}
@keyframes _springIn {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  45% {
    transform: scale(1.02);
    opacity: 1;
  }
  80% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
._springIn {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _springIn;
}
@keyframes _springOut {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(0.98);
  }
  55% {
    transform: scale(1.02);
    opacity: 1;
  }
  100% {
    transform: scale(0.7);
    opacity: 0;
  }
}
._springOut {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _springOut;
}
@keyframes _scaleIn {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
._scaleIn {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _scaleIn;
}
@keyframes _scaleOut {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
._scaleOut {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _scaleOut;
}
@keyframes _flyInLeft {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    opacity: 0;
    transform: translate3d(-50%, 50%, 0) rotate(-30deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
._flyInLeft {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _flyInLeft;
}
@keyframes _flyOutLeft {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translate3d(-50%, 50%, 0) rotate(-30deg);
  }
}
._flyOutLeft {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _flyOutLeft;
}
@keyframes _flyInRight {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    opacity: 0;
    transform: translate3d(50%, 50%, 0) rotate(30deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
._flyInRight {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _flyInRight;
}
@keyframes _flyOutRight {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translate3d(50%, 50%, 0) rotate(30deg);
  }
}
._flyOutRight {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _flyOutRight;
}
@keyframes _flyInUp {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    opacity: 0;
    transform: translate3d(0%, -100%, 0) rotate(-30deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
._flyInUp {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _flyInUp;
}
@keyframes _flyOutUp {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translate3d(0%, -100%, 0) rotate(-30deg);
  }
}
._flyOutUp {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _flyOutUp;
}
@keyframes _flyInDown {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    opacity: 0;
    transform: translate3d(0%, 100%, 0) rotate(30deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
._flyInDown {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _flyInDown;
}
@keyframes _flyOutDown {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translate3d(0%, 100%, 0) rotate(30deg);
  }
}
._flyOutDown {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _flyOutDown;
}
@keyframes _rotateIn {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    transform: scale(0.5) rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}
._rotateIn {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _rotateIn;
}
@keyframes _rotateOut {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.5) rotate(180deg);
    opacity: 0;
  }
}
._rotateOut {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _rotateOut;
}
._dur-9 {
  animation-duration: var(--_dur-9);
  transition-duration: var(--_dur-9);
}
._dur-8 {
  animation-duration: var(--_dur-8);
  transition-duration: var(--_dur-8);
}
._dur-7 {
  animation-duration: var(--_dur-7);
  transition-duration: var(--_dur-7);
}
._dur-6 {
  animation-duration: var(--_dur-6);
  transition-duration: var(--_dur-6);
}
._dur-5 {
  animation-duration: var(--_dur-5);
  transition-duration: var(--_dur-5);
}
._dur-4 {
  animation-duration: var(--_dur-4);
  transition-duration: var(--_dur-4);
}
._dur-3 {
  animation-duration: var(--_dur-3);
  transition-duration: var(--_dur-3);
}
._dur-2 {
  animation-duration: var(--_dur-2);
  transition-duration: var(--_dur-2);
}
._dur-1 {
  animation-duration: var(--_dur-1);
  transition-duration: var(--_dur-1);
}
._loop-1 {
  animation-iteration-count: 1;
}
._loop-2 {
  animation-iteration-count: 2;
}
._loop-3 {
  animation-iteration-count: 3;
}
._loop-4 {
  animation-iteration-count: 4;
}
._loop-5 {
  animation-iteration-count: 5;
}
._loop-6 {
  animation-iteration-count: 6;
}
._loop-7 {
  animation-iteration-count: 7;
}
._loop-8 {
  animation-iteration-count: 8;
}
._loop-9 {
  animation-iteration-count: 9;
}
._loop-inf {
  animation-iteration-count: infinite;
}
/*Checked animation of checkbox & radio*/
@keyframes _checked {
  0% {
    box-shadow: 0 0 0 0 var(--_c-prim-sd);
  }
  50% {
    box-shadow: 0 0 0 0.3rem var(--_c-prim-sd);
  }
  99% {
    box-shadow: 0 0 0 0.6rem var(--_c-prim-tp);
  }
  100% {
    box-shadow: none;
  }
}
/*Radio & Checkbox*/
AX-RADIO,
AX-CHECKBOX {
  --_chk-h: var(--_rem-input);
  --_chk-lh: var(--_chk-h);
  --_chk-a-v: center;
  --_chk-d: inline-flex;
  --_chk-g-l: var(--_g);
  --_chk-g-r: var(--_rem-list);
  line-height: var(--_chk-lh);
  height: var(--_chk-h);
  display: var(--_chk-d);
  vertical-align: middle;
}
AX-RADIO label,
AX-CHECKBOX label {
  box-sizing: border-box;
  height: inherit;
  display: inline-flex;
  align-items: var(--_chk-a-v);
  position: relative;
}
AX-RADIO input,
AX-CHECKBOX input {
  position: fixed;
  left: -100000px;
}
AX-RADIO:where(:not([type=chera], [type=switch])) i,
AX-CHECKBOX:where(:not([type=chera], [type=switch])) i {
  transition: all var(--_dur-2) linear;
}
AX-RADIO:where(:not([type=chera], [type=switch])):where(:not([type=text])),
AX-CHECKBOX:where(:not([type=chera], [type=switch])):where(:not([type=text])) {
  white-space: nowrap;
  text-overflow: ellipsis;
}
AX-RADIO:where(:not([type=chera], [type=switch])) u ~ i:where(:not(:empty)),
AX-CHECKBOX:where(:not([type=chera], [type=switch])) u ~ i:where(:not(:empty)) {
  margin-left: var(--_chk-g-l);
}
AX-RADIO:where(:not([type=chera], [type=switch])):where(:not([type=text], [type=btn])) u ~ i:where(:not(:empty)),
AX-CHECKBOX:where(:not([type=chera], [type=switch])):where(:not([type=text], [type=btn])) u ~ i:where(:not(:empty)) {
  margin-right: var(--_chk-g-r);
}
AX-RADIO:where(:not([type=chera], [type=switch])):hover u:before,
AX-CHECKBOX:where(:not([type=chera], [type=switch])):hover u:before {
  border-color: var(--_c-prim);
}
AX-RADIO:where(:not([type=chera], [type=switch])) input:where(:checked) + i,
AX-CHECKBOX:where(:not([type=chera], [type=switch])) input:where(:checked) + i {
  color: var(--_c-prim);
}
AX-RADIO:where(:not([type=chera], [type=switch])) input:where(:focus) ~ u:before,
AX-CHECKBOX:where(:not([type=chera], [type=switch])) input:where(:focus) ~ u:before {
  outline: none;
  border-color: var(--_c-prim);
}
AX-RADIO:where(:not([type=chera], [type=switch])) input:where(:disabled) ~ i,
AX-CHECKBOX:where(:not([type=chera], [type=switch])) input:where(:disabled) ~ i {
  color: var(--_c-disable);
  cursor: not-allowed;
}
AX-RADIO:where(:not([type=chera], [type=switch])) input:where(:disabled:checked) ~ u:before,
AX-CHECKBOX:where(:not([type=chera], [type=switch])) input:where(:disabled:checked) ~ u:before {
  background-color: var(--_c-prim-sd);
}
AX-RADIO:where(:not([type=chera], [type=switch]))[size=xs],
AX-CHECKBOX:where(:not([type=chera], [type=switch]))[size=xs] {
  height: var(--_rem-list);
  line-height: var(--_rem-list);
}
AX-RADIO:where(:not([type=chera], [type=switch]))[size=xs]:where(:not([type=text])),
AX-CHECKBOX:where(:not([type=chera], [type=switch]))[size=xs]:where(:not([type=text])) {
  --_chk-g-r: var(--_m);
}
AX-RADIO:where(:not([type=chera], [type=switch]))[size=sm],
AX-CHECKBOX:where(:not([type=chera], [type=switch]))[size=sm] {
  height: calc(var(--_rem-title));
  line-height: calc(var(--_rem-title));
}
AX-RADIO:where(:not([type=chera], [type=switch]))[size=sm]:where(:not([type=text])),
AX-CHECKBOX:where(:not([type=chera], [type=switch]))[size=sm]:where(:not([type=text])) {
  --_chk-g-r: var(--_m);
}
AX-RADIO:where(:not([type=chera], [type=switch]))[size=lg],
AX-CHECKBOX:where(:not([type=chera], [type=switch]))[size=lg] {
  height: var(--_rem-max);
  line-height: var(--_rem-max);
}
/*Radio*/
AX-RADIO:where(:not([type=chera], [type=switch])) u {
  width: var(--_rem-subject);
  aspect-ratio: 1/1;
  line-height: var(--_rem-subject);
  position: relative;
  display: inline-flex;
}
AX-RADIO:where(:not([type=chera], [type=switch])) u:before {
  content: '';
  width: inherit;
  height: inherit;
  box-sizing: border-box;
  border-radius: 100%;
  border: 1px solid var(--_c-text-bd);
  background-color: var(--_c-stage);
  transition: all var(--_dur-2) ease-out;
}
AX-RADIO:where(:not([type=chera], [type=switch])) u:after {
  content: '';
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-color: var(--_c-prim);
  display: inline-block;
  transform: scale(0);
  transition: all var(--_dur-2) ease-out;
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
}
AX-RADIO:where(:not([type=chera], [type=switch])) input:where(:checked) ~ u:before {
  border-color: var(--_c-prim);
  animation: _checked var(--_dur-3) ease-out forwards;
}
AX-RADIO:where(:not([type=chera], [type=switch])) input:where(:checked) ~ u:after {
  transform: scale(1);
}
AX-RADIO:where(:not([type=chera], [type=switch])):where([check=ing]:not(:has(input:checked))) input ~ u:before {
  border-color: var(--_c-prim);
}
AX-RADIO:where(:not([type=chera], [type=switch])):where([check=ing]:not(:has(input:checked))) input ~ u:after {
  background-color: var(--_c-prim-bd);
  transform: scale(1);
}
AX-RADIO:where(:not([type=chera], [type=switch])) input:where(:disabled) ~ u:before {
  border-color: var(--_c-text-bd);
  cursor: not-allowed;
}
AX-RADIO:where(:not([type=chera], [type=switch])) input:where(:disabled) ~ u:after {
  cursor: not-allowed;
}
AX-RADIO:where(:not([type=chera], [type=switch])) input:where(:disabled:checked) ~ u:after {
  background-color: var(--_c-disable-bg);
  transform: scale(1);
}
/*Checkbox*/
AX-CHECKBOX:where(:not([type=chera], [type=switch])) u {
  width: calc(var(--_rem-subject) - 0.2rem);
  aspect-ratio: 1/1;
  line-height: calc(var(--_rem-subject) - 0.2rem);
  position: relative;
  display: inline-flex;
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])) u:before {
  content: '';
  width: inherit;
  height: inherit;
  box-sizing: border-box;
  border-radius: var(--_r);
  border: 1px solid var(--_c-text-bd);
  background-color: var(--_c-stage);
  transition: all var(--_dur-2) ease-out;
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])) u:after {
  font-family: var(--_ff-icon);
  content: 'check';
  color: var(--_c-stage);
  font-size: var(--_rem-ignore);
  width: inherit;
  height: inherit;
  line-height: inherit;
  text-align: center;
  transform: scale(0);
  transition: all var(--_dur-2) ease-out;
  position: absolute;
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])) input:where(:checked) ~ u:before {
  border-color: var(--_c-prim);
  background-color: var(--_c-prim);
  animation: _checked var(--_dur-3) ease-out forwards;
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])) input:where(:checked) ~ u:after {
  transform: scale(0.8);
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])):where([check=ing]:not(:has(input:checked))) input ~ u:before {
  border-color: var(--_c-prim);
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])):where([check=ing]:not(:has(input:checked))) input ~ u:after {
  content: '';
  width: 1rem;
  height: 1rem;
  background-color: var(--_c-prim-bd);
  transform: none;
  top: 0.3rem;
  left: 0.3rem;
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])) input:where(:focus) ~ u:before {
  outline: none;
  border-color: var(--_c-prim);
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])) input:where(:disabled) ~ u:before {
  border-color: var(--_c-text-bd);
  background-color: var(--_c-disable-bg);
  cursor: not-allowed;
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])) input:where(:disabled:checked) ~ u:after {
  color: var(--_c-disable);
  transform: scale(0.8);
  cursor: not-allowed;
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])):has(i:empty) {
  height: var(--_rem-list);
  line-height: var(--_rem-list);
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])):has(i:empty) i {
  display: none;
}
/*Chera of checkbox & radio*/
AX-CHECKBOX[type=chera],
AX-RADIO[type=chera] {
  --_chk-d: block;
  --_chera-h: calc(var(--_chk-h) - 0.6rem);
  /*   ._chera._b-lg i {
    height: var(--_rem-input);
    line-height: calc(var(--_rem-input) - .2rem);
  } */
}
AX-CHECKBOX[type=chera] label,
AX-RADIO[type=chera] label {
  display: flex;
}
AX-CHECKBOX[type=chera] i,
AX-RADIO[type=chera] i {
  height: var(--_chera-h);
  line-height: calc(var(--_chera-h) - 0.2rem);
  padding: 0 calc(var(--_p) * 2) 0 1rem;
  background-color: var(--_c-stage);
  box-sizing: border-box;
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all var(--_dur-2) ease-out;
  flex: auto;
}
AX-CHECKBOX[type=chera] u,
AX-RADIO[type=chera] u {
  font-size: var(--_rem-ignore);
  color: var(--_c-ignore);
  transform: translate(0, -50%);
  transition: all var(--_dur-2) ease-out;
  position: absolute;
  right: 1rem;
  top: 50%;
}
AX-CHECKBOX[type=chera] u:after,
AX-RADIO[type=chera] u:after {
  font-family: var(--_ff-icon);
  content: 'check';
}
AX-CHECKBOX[type=chera]:where(:hover) i,
AX-RADIO[type=chera]:where(:hover) i {
  border-color: var(--_c-prim);
}
AX-CHECKBOX[type=chera] input:where(:checked) ~ i,
AX-RADIO[type=chera] input:where(:checked) ~ i {
  color: var(--_c-white);
  background-color: var(--_c-prim);
  border-color: var(--_c-prim);
}
AX-CHECKBOX[type=chera] input:where(:checked) ~ u,
AX-RADIO[type=chera] input:where(:checked) ~ u {
  color: var(--_c-white);
}
AX-CHECKBOX[type=chera]:where([check=ing]:not(:has(input:checked))) input ~ i,
AX-RADIO[type=chera]:where([check=ing]:not(:has(input:checked))) input ~ i {
  background-color: var(--_c-prim-bg);
}
AX-CHECKBOX[type=chera] input:where(:focus) ~ u,
AX-RADIO[type=chera] input:where(:focus) ~ u {
  border-color: var(--_c-prim);
}
AX-CHECKBOX[type=chera] input:where(:disabled) ~ i,
AX-RADIO[type=chera] input:where(:disabled) ~ i {
  color: var(--_c-disable);
  border-color: var(--_c-text-bd);
  background-color: var(--_c-disable-bg);
}
AX-CHECKBOX[type=chera] input:where(:disabled:checked) ~ i,
AX-RADIO[type=chera] input:where(:disabled:checked) ~ i {
  color: var(--_c-disable);
  border-color: var(--_c-text-bd);
  background-color: var(--_c-prim-sd);
}
AX-CHECKBOX[type=chera] input:where(:disabled:checked) ~ u,
AX-RADIO[type=chera] input:where(:disabled:checked) ~ u {
  color: var(--_c-disable);
}
AX-CHECKBOX[type=chera][size=xs],
AX-RADIO[type=chera][size=xs] {
  height: var(--_rem-list);
  line-height: var(--_rem-list);
  font-size: var(--_rem-ingore);
}
AX-CHECKBOX[type=chera][size=xs] i,
AX-RADIO[type=chera][size=xs] i {
  height: calc(var(--_rem-list) - 0.2rem);
  line-height: calc(var(--_rem-list) - 0.2rem - 0.2rem);
  padding-left: 0.4rem;
}
AX-CHECKBOX[type=chera][size=xs] u,
AX-RADIO[type=chera][size=xs] u {
  right: 0.4rem;
}
AX-CHECKBOX[type=chera][size=sm],
AX-RADIO[type=chera][size=sm] {
  height: var(--_rem-title);
  line-height: var(--_rem-title);
}
AX-CHECKBOX[type=chera][size=sm] i,
AX-RADIO[type=chera][size=sm] i {
  height: calc(var(--_rem-title) - 0.2rem);
  line-height: calc(var(--_rem-title) - 0.2rem - 0.2rem);
}
AX-CHECKBOX[type=chera][size=lg],
AX-RADIO[type=chera][size=lg] {
  height: calc(var(--_rem-input) + 1rem);
  line-height: calc(var(--_rem-input) + 1rem);
}
AX-CHECKBOX[type=chera][size=lg] i,
AX-RADIO[type=chera][size=lg] i {
  height: var(--_rem-input);
  line-height: calc(var(--_rem-input) - 0.2rem);
}
/*Text of checkbox & radio*/
AX-CHECKBOX[type=text],
AX-RADIO[type=text] {
  --_chk-lh: var(--_rem-list);
  --_chk-h: auto;
  --_chk-a-v: start;
  --_chk-d: block;
  padding: calc((var(--_rem-input) - var(--_chk-lh))/2) 0;
}
AX-CHECKBOX[type=text] label,
AX-RADIO[type=text] label {
  display: flex;
}
AX-CHECKBOX[type=text] i,
AX-RADIO[type=text] i {
  flex: auto;
  flex-wrap: wrap;
}
AX-CHECKBOX[type=text] u {
  margin-top: calc((var(--_chk-lh) - var(--_rem-subject) + 0.2rem)/2);
}
AX-RADIO[type=text] u {
  margin-top: calc((var(--_chk-lh) - var(--_rem-subject))/2);
}
/*Btn of checkbox & radio*/
AX-CHECKBOX[type=btn],
AX-RADIO[type=btn] {
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r-input);
  background-color: var(--_c-stage);
  padding: 0 var(--_em-space);
  transition: all var(--_dur-2) linear;
}
AX-CHECKBOX[type=btn]:hover,
AX-RADIO[type=btn]:hover {
  border-color: var(--_c-prim);
  background-color: var(--_c-prim-bg);
}
AX-CHECKBOX[type=btn]:has(:checked),
AX-RADIO[type=btn]:has(:checked) {
  border-color: var(--_c-prim);
}
AX-CHECKBOX[type=btn]:focus-within,
AX-RADIO[type=btn]:focus-within {
  border-color: var(--_c-prim);
  outline: var(--_w-outline) solid transparent;
  outline-offset: 0px;
  outline-color: var(--_c-prim-sd);
}
/*Switch of checkbox*/
AX-CHECKBOX[type=switch] label {
  display: inline-flex;
}
AX-CHECKBOX[type=switch] i {
  transition: all var(--_dur-2) linear;
}
AX-CHECKBOX[type=switch] u ~ i {
  margin-left: var(--_g);
}
AX-CHECKBOX[type=switch] u {
  width: 4rem;
  height: var(--_rem-list);
  box-sizing: border-box;
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_rem-list);
  margin: calc((var(--_rem-input) - var(--_rem-list))/2) 0;
  background-color: var(--_c-stage);
  transition: all var(--_dur-2) linear;
  position: relative;
}
AX-CHECKBOX[type=switch] u:before {
  content: '';
  font-size: var(--_rem-ignore);
  font-family: var(--_ff-icon);
  color: var(--_c-brief);
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  background-color: var(--_c-white);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.4);
  transition: all var(--_dur-2) linear;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
}
AX-CHECKBOX[type=switch]:where(:hover) u {
  border-color: var(--_c-prim);
}
AX-CHECKBOX[type=switch] input:where(:checked) ~ u {
  border-color: var(--_c-prim);
  background-color: var(--_c-prim);
}
AX-CHECKBOX[type=switch] input:where(:checked) ~ u:before {
  left: 1.8rem;
}
AX-CHECKBOX[type=switch]:where([check=ing]:not(:has(input:checked))) input ~ u {
  background-color: var(--_c-prim-bg);
}
AX-CHECKBOX[type=switch] input:where(:checked) + i {
  color: var(--_c-prim);
}
AX-CHECKBOX[type=switch] input:where(:disabled) ~ i {
  color: var(--_c-disable);
}
AX-CHECKBOX[type=switch] input:where(:disabled) ~ u {
  border-color: var(--_c-text-bd);
  background-color: var(--_c-disable-bg);
}
AX-CHECKBOX[type=switch] input:where(:disabled:checked) ~ u {
  background-color: var(--_c-prim-sd);
}
AX-CHECKBOX[type=switch][size=xs] {
  --_chk-h: var(--_rem-list);
}
AX-CHECKBOX[type=switch][size=sm] {
  --_chk-h: var(--_rem-title);
}
AX-CHECKBOX[type=switch][size=lg] {
  --_chk-h: var(--_rem-max);
}
/*Checkboxes & Radios group */
AX-RADIOS,
AX-CHECKBOXES,
AX-RADIOS > [rep=wrap],
AX-CHECKBOXES > [rep=wrap] {
  width: 100%;
}
AX-RADIOS[type=btn],
AX-CHECKBOXES[type=btn] {
  --_chk-btn-g: var(--_rem-body);
}
AX-RADIOS[type=btn] AX-RADIO:not(:last-child),
AX-CHECKBOXES[type=btn] AX-CHECKBOX:not(:last-child) {
  margin-right: var(--_chk-btn-g);
}
AX-RADIOS[type=btn][size=xs],
AX-CHECKBOXES[type=btn][size=xs] {
  --_chk-btn-g: var(--_rem-min);
}
AX-RADIOS[type=btn][size=sm],
AX-CHECKBOXES[type=btn][size=sm] {
  --_chk-btn-g: var(--_rem-space);
}
AX-RADIOS[type=btn][size=lg],
AX-CHECKBOXES[type=btn][size=lg] {
  --_chk-btn-g: var(--_rem-list);
}
/*Group button*/
/*Header*/
AX-HEADER {
  --_header-h: calc(var(--_rem-hitbox) + 1rem);
  --_header-gap: var(--_m);
  --_header-bd: 1px;
  --_header-bg: var(--_c-stage);
  --_header-filter: none;
  --_child-gap: var(--_rem-title);
  display: block;
  width: 100%;
  position: relative;
  z-index: 710;
  transition: all var(--_dur-2) linear;
}
AX-HEADER ._header-wrap {
  width: 100%;
  box-sizing: border-box;
  background-color: var(--_header-bg);
  backdrop-filter: var(--_header-filter);
  border-bottom: var(--_header-bd) solid var(--_c-text-bd);
  transition: all var(--_dur-2) linear;
  display: flex;
  align-items: center;
  flex: auto;
}
AX-HEADER[feature=blur] {
  --_header-bg: var(--_c-stage-88);
  --_header-filter: blur(10px);
}
AX-HEADER[feature=transparent] {
  --_header-bg: transparent;
  --_header-bd: 0;
}
AX-HEADER ._header-holder {
  height: var(--_header-h);
  overflow: hidden;
}
AX-HEADER:where(:not([inherit])) > ._header-wrap {
  position: fixed;
  left: 0;
  top: 0;
}
AX-HEADER:where([inherit]) ._header-wrap {
  position: inherit;
  left: auto;
  top: auto;
}
AX-HEADER:where([inherit]) ._header-holder {
  display: none;
}
AX-HEADER ._header-l,
AX-HEADER ._header-r {
  display: none;
  align-items: center;
}
AX-HEADER ._header-l > :where(:not(AX-DEFORM)),
AX-HEADER ._header-r > :where(:not(AX-DEFORM)) {
  height: var(--_rem-input);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
AX-HEADER ._header-l > :where(:not(AX-DEFORM)) > [class*="_icon-"],
AX-HEADER ._header-r > :where(:not(AX-DEFORM)) > [class*="_icon-"] {
  font-size: var(--_rem-subject);
  aspect-ratio: 1 / 1;
}
AX-HEADER ._header-l > :where(:not(AX-DEFORM)) > AX-BADGE,
AX-HEADER ._header-r > :where(:not(AX-DEFORM)) > AX-BADGE {
  position: absolute;
  bottom: calc(100% - 1.4rem);
  left: calc(100% - 1.4rem);
}
AX-HEADER ._header-c {
  box-sizing: border-box;
  flex: auto;
}
AX-HEADER ._header-c [class*="_container"] {
  display: flex;
  justify-content: center;
  align-items: center;
}
AX-HEADER ._header-c:where(:not(:has([class*="_container"]))) {
  display: flex;
  justify-content: center;
  align-items: center;
}
AX-HEADER ._header-head {
  flex: auto;
  margin-left: var(--_header-gap);
}
AX-HEADER ._header-body {
  display: flex;
  align-items: center;
  margin-right: var(--_header-gap);
}
AX-HEADER [rep=logo] {
  height: var(--_header-h);
  transition: all var(--_dur-2) linear;
  vertical-align: middle;
  position: relative;
  display: inline-flex;
  align-items: center;
}
AX-HEADER [rep=logo] img {
  max-width: none;
  height: inherit;
}
AX-HEADER ._header-c [class*="_container"] {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
AX-HEADER ._header-c [class*="_container"] > ._header-head {
  margin-left: 0;
}
AX-HEADER ._header-c [class*="_container"] > ._header-body {
  margin-right: 0;
}
AX-HEADER [rep=nav] {
  margin-left: var(--_child-gap);
  display: flex;
  justify-content: center;
  align-items: center;
}
AX-HEADER [rep=nav] ._group-lamp {
  --_group-height: var(--_header-h);
}
AX-HEADER [rep=nav] ._grade > [rep=host] {
  line-height: var(--_header-h);
}
AX-HEADER [rep=nav] ._menu[nav] {
  --_menu-h-1st: var(--_header-h);
}
AX-HEADER [rep=btns] {
  margin-left: var(--_child-gap);
}
AX-HEADER [rep=link] {
  color: var(--_c-text);
  margin-left: var(--_child-gap);
}
AX-HEADER [rep=link]:hover {
  color: var(--_c-prim);
}
AX-HEADER [rep=icons] {
  margin-left: var(--_child-gap);
  height: var(--_header-h);
  display: inline-flex;
  align-items: center;
}
AX-HEADER [rep=icons] > * {
  color: var(--_c-text);
  height: var(--_rem-input);
  text-align: center;
  transition: all var(--_dur-2) linear;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}
AX-HEADER [rep=icons] > *[class*="_icon-"] {
  font-size: var(--_rem-subject);
  aspect-ratio: 1 / 1;
  justify-content: center;
}
AX-HEADER [rep=icons] > *[class*="_icon-"] AX-BADGE {
  position: absolute;
  bottom: calc(100% - 1.6rem);
  left: calc(100% - 1.2rem);
}
AX-HEADER [rep=dropdown] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: var(--_child-gap);
}
AX-HEADER [rep=dropdown]:after {
  content: 'down';
  font-family: var(--_ff-icon);
  font-size: var(--_px-root);
  color: var(--_c-ignore);
  margin-left: var(--_g);
  transition: all var(--_dur-2) linear;
}
AX-HEADER [rep=dropdown]._opened:after {
  rotate: 180deg;
}
AX-HEADER [rep=search] {
  margin-left: var(--_child-gap);
}
AX-HEADER [rep=avatar] {
  margin-left: var(--_child-gap);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
AX-HEADER[justify] ._header-head {
  text-align: left;
}
._header {
  --_header-h: calc(var(--_rem-hitbox) + 1rem);
  --_header-gap: var(--_m);
  --_child-gap: var(--_rem-title);
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
  transition: all var(--_dur-2) linear;
  width: 100%;
  display: flex;
  align-items: center;
  z-index: 610;
}
._header ._header-wrap {
  display: flex;
  align-items: center;
  flex: auto;
}
._header:where(:not([inherit])) {
  position: fixed;
  left: 0;
  top: 0;
}
._header:where([inherit]) {
  position: inherit;
  left: auto;
  top: auto;
}
._header:where([inherit]) + ._header-holder {
  display: none;
}
@media screen and (max-width: 1200px) {
  AX-HEADER ._header-l,
  AX-HEADER ._header-r {
    display: flex;
  }
  AX-HEADER:where(:not([justify])) ._header-l > *,
  AX-HEADER:where(:not([justify])) ._header-r > * {
    aspect-ratio: 1 / 1;
  }
  AX-HEADER:where(:not([justify])) ._header-head {
    text-align: center;
    margin-left: 0;
  }
  AX-HEADER ._header-body {
    display: none;
  }
}
/*Footer*/
._footer a {
  color: var(--_c-text);
}
._footer a:hover {
  color: var(--_c-prim);
}
._footer [rep=signs] {
  display: inline-flex;
  font-size: var(--_rem-ignore);
  line-height: var(--_rem-list);
  flex-wrap: wrap;
}
._footer [rep=signs] > * {
  color: var(--_c-brief);
  flex: auto;
  text-align: center;
  display: inline-flex;
  flex-direction: column;
}
._footer [rep=signs] > * img {
  height: var(--_rem-list);
  aspect-ratio: 1/1;
  filter: grayscale(100%);
  transition: all var(--_dur-2) linear;
}
._footer [rep=signs] > *:hover {
  color: var(--_c-text);
}
._footer [rep=signs] > *:hover img {
  filter: grayscale(0);
}
._footer [rep=signs] > *:where(:not(:last-child)) {
  margin-right: var(--_rem-title);
}
._footer [rep=qrcode] {
  display: inline-flex;
  flex-direction: column;
  width: auto;
}
._footer [rep=qrcode] [rep=caption] {
  font-weight: bold;
}
._footer [rep=qrcode] [rep=body] {
  display: inline-flex;
}
._footer [rep=qrcode] [rep=body] img {
  max-width: var(--_w-label);
  border-radius: var(--_r);
  border: 1px solid var(--_c-divide);
}
._footer [rep=qrcode] [rep=brief] {
  font-size: var(--_rem-ignore);
}
._footer [rep=subnav] {
  display: inline-flex;
  max-width: 100%;
}
._footer [rep=subnav] > * {
  flex: auto;
  min-width: var(--_w-list);
}
._footer [rep=subnav] > * [rep=caption] {
  font-weight: bold;
}
._footer [rep=nav] {
  display: inline-flex;
  flex-wrap: wrap;
}
._footer [rep=nav] > *:where(:not(:last-child)) {
  margin-right: var(--_rem-title);
}
._footer [rep=security] {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}
._footer [rep=security] > a {
  display: inline-flex;
}
._footer [rep=security] > a:where(:not(:last-child)) {
  margin-right: var(--_px-space);
}
._footer [rep=security] img {
  height: var(--_px-title);
}
._footer [rep=icons] {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}
._footer [rep=icons] > :where(:not(:last-child)) {
  margin-right: var(--_rem-body);
}
._footer [rep=balls] {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}
._footer [rep=balls] > a {
  font-size: var(--_rem-ignore);
  color: var(--_c-white);
  background-color: hsl(var(--_h-text), var(--_s-text), 20%);
  height: var(--_rem-title);
  aspect-ratio: 1/1;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
._footer [rep=balls] > a:hover {
  color: hsla(var(--_h-stage), var(--_s-stage), 100%, 0.6);
}
._footer [rep=balls] > a:where(:not(:last-child)) {
  margin-right: var(--_rem-body);
}
._footer [rep=contact] {
  display: inline-flex;
  flex-direction: column;
}
._footer [rep=contact] [rep=caption] {
  font-weight: bold;
}
._footer [rep=contact] [rep=icon] {
  text-align: left;
  width: var(--_rem-list);
}
._footer [rep=cprt],
._footer [rep=ignore] {
  line-height: var(--_rem-list);
}
._footer [rep=cprt] a:hover,
._footer [rep=ignore] a:hover {
  color: var(--_c-prim);
}
._footer [rep=cprt] img,
._footer [rep=ignore] img {
  max-height: var(--_rem-subject);
  vertical-align: middle;
}
._footer [rep=cprt] {
  color: var(--_c-brief);
}
._footer [rep=cprt] a {
  color: var(--_c-brief);
}
._footer [rep=ignore] {
  font-size: var(--_rem-ignore);
  color: var(--_c-ignore);
}
._footer [rep=ignore] a {
  color: var(--_c-ignore);
}
@media screen and (max-width: 500px) {
  ._footer [rep=qrcode],
  ._footer [rep=subnav],
  ._footer [rep=nav],
  ._footer [rep=icons],
  ._footer [rep=security],
  ._footer [rep=balls],
  ._footer [rep=signs],
  ._footer [rep=subnav],
  ._footer [rep=cprt],
  ._footer [rep=ignore] {
    display: block;
  }
  ._footer [rep=cprt],
  ._footer [rep=nav] {
    width: auto;
  }
}
/*Deform*/
AX-DEFORM {
  --_deform-sz: var(--_rem-input);
  --_deform-w-line: 1.6rem;
  --_deform-h-line: 0.2rem;
  --_deform-c: var(--_c-text);
  --_deform-c-bd: var(--_c-text-bd);
  --_deform-c-bg: transparent;
  --_deform-r: var(--_r-input);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  border-radius: var(--_deform-r);
  height: var(--_deform-sz);
  aspect-ratio: 1 / 1;
  background-color: var(--_deform-c-bg);
  cursor: pointer;
  transition: all var(--_dur-2) linear;
  position: relative;
}
AX-DEFORM:before {
  border-radius: var(--_r);
  border-color: var(--_deform-c);
}
AX-DEFORM [rep=wrap] {
  height: var(--_rem-title);
  aspect-ratio: 1 / 1;
  display: inline-flex;
  position: relative;
}
AX-DEFORM [rep=wrap] > * {
  height: var(--_deform-h-line);
  width: var(--_deform-w-line);
  background-color: var(--_deform-c);
  border-radius: var(--_deform-h-line);
  transition: all var(--_dur-2) linear;
  position: absolute;
  left: calc((100% - var(--_deform-w-line))/2);
  top: calc((100% - var(--_deform-h-line))/2);
}
AX-DEFORM[type="info"] [rep=wrap] > :nth-child(1) {
  width: var(--_deform-h-line);
  top: calc((100% - var(--_deform-w-line))/2);
  left: calc((100% - var(--_deform-h-line))/2);
}
AX-DEFORM[type="info"] [rep=wrap] > :nth-child(2) {
  width: calc(var(--_deform-w-line) - var(--_deform-h-line));
  transform: rotate(90deg);
  top: calc(50% + var(--_deform-h-line));
  left: calc((100% - (calc(var(--_deform-w-line) - var(--_deform-h-line))))/2);
}
AX-DEFORM[type="info"] [rep=wrap] > :nth-child(3) {
  opacity: 0;
}
AX-DEFORM[type="add"] [rep=wrap] > :nth-child(2) {
  transform: rotate(90deg);
}
AX-DEFORM[type="add"] [rep=wrap] > :nth-child(3) {
  opacity: 0;
}
AX-DEFORM[type="close"] [rep=wrap] > :nth-child(1) {
  transform: rotate(-45deg);
}
AX-DEFORM[type="close"] [rep=wrap] > :nth-child(2) {
  transform: rotate(45deg);
}
AX-DEFORM[type="close"] [rep=wrap] > :nth-child(3) {
  opacity: 0;
}
AX-DEFORM[type="left"],
AX-DEFORM[type="right"],
AX-DEFORM[type="up"],
AX-DEFORM[type="down"] {
  --_deform-w-line: 1rem;
}
AX-DEFORM[type="left"] [rep=wrap] > :nth-child(1),
AX-DEFORM[type="right"] [rep=wrap] > :nth-child(1),
AX-DEFORM[type="up"] [rep=wrap] > :nth-child(1),
AX-DEFORM[type="down"] [rep=wrap] > :nth-child(1) {
  transform: rotate(-45deg);
}
AX-DEFORM[type="left"] [rep=wrap] > :nth-child(2),
AX-DEFORM[type="right"] [rep=wrap] > :nth-child(2),
AX-DEFORM[type="up"] [rep=wrap] > :nth-child(2),
AX-DEFORM[type="down"] [rep=wrap] > :nth-child(2) {
  transform: rotate(45deg);
}
AX-DEFORM[type="left"] [rep=wrap] > :nth-child(3),
AX-DEFORM[type="right"] [rep=wrap] > :nth-child(3),
AX-DEFORM[type="up"] [rep=wrap] > :nth-child(3),
AX-DEFORM[type="down"] [rep=wrap] > :nth-child(3) {
  opacity: 0;
}
AX-DEFORM[type="left"] [rep=wrap] > :nth-child(1) {
  top: calc(50% - 0.3rem);
}
AX-DEFORM[type="left"] [rep=wrap] > :nth-child(2) {
  top: calc(50% + 0.3rem);
}
AX-DEFORM[type="right"] [rep=wrap] > :nth-child(1) {
  top: calc(50% + 0.3rem);
}
AX-DEFORM[type="right"] [rep=wrap] > :nth-child(2) {
  top: calc(50% - 0.3rem);
}
AX-DEFORM[type="up"] [rep=wrap] > :nth-child(1) {
  left: calc(50% - 0.8rem);
}
AX-DEFORM[type="up"] [rep=wrap] > :nth-child(2) {
  left: calc(50% - 0.2rem);
}
AX-DEFORM[type="down"] [rep=wrap] > :nth-child(1) {
  left: calc(50% - 0.2rem);
}
AX-DEFORM[type="down"] [rep=wrap] > :nth-child(2) {
  left: calc(50% - 0.8rem);
}
AX-DEFORM[type*="menu"] [rep=wrap] > :nth-child(1) {
  top: calc(50% - 0.6rem);
}
AX-DEFORM[type*="menu"] [rep=wrap] > :nth-child(3) {
  top: calc(50% + 0.4rem);
}
AX-DEFORM[type="menuLeft"] [rep=wrap] > :nth-child(1),
AX-DEFORM[type="menuRight"] [rep=wrap] > :nth-child(1) {
  width: calc(var(--_deform-w-line)*0.625);
}
AX-DEFORM[type="menuLeft"] [rep=wrap] > :nth-child(3),
AX-DEFORM[type="menuRight"] [rep=wrap] > :nth-child(3) {
  width: calc(var(--_deform-w-line)*0.875);
}
AX-DEFORM[type="menuRight"] [rep=wrap] > * {
  left: auto;
  right: calc((100% - var(--_deform-w-line))/2);
}
AX-DEFORM[bordered]:before,
AX-DEFORM[shape]:before {
  content: "";
  box-sizing: border-box;
  border: 1px solid var(--_deform-c-bd);
  width: 100%;
  height: 100%;
  pointer-events: none;
  transform-origin: 0 0;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: var(--_deform-r);
}
AX-DEFORM[shape="square"] {
  --_deform-r: 0;
}
AX-DEFORM[shape="round"] {
  --_deform-r: 100%;
}
AX-DEFORM[size="lg"] {
  --_deform-r: var(--_r-input-lg);
  --_deform-sz: var(--_rem-max);
}
AX-DEFORM[size="sm"] {
  --_deform-w-line: 1.2rem;
  --_deform-r: var(--_r-input-sm);
  --_deform-sz: var(--_rem-title);
}
AX-DEFORM[size="sm"]:where([type*="menu"]) [rep=wrap] > :nth-child(1) {
  top: calc(50% - 0.5rem);
}
AX-DEFORM[size="sm"]:where([type*="menu"]) [rep=wrap] > :nth-child(3) {
  top: calc(50% + 0.3rem);
}
AX-DEFORM[size="sm"]:where([type="left"]),
AX-DEFORM[size="sm"]:where([type="right"]),
AX-DEFORM[size="sm"]:where([type="up"]),
AX-DEFORM[size="sm"]:where([type="down"]) {
  --_deform-w-line: 0.8rem;
}
AX-DEFORM[size="sm"]:where([type="left"]) [rep=wrap] > :nth-child(1) {
  top: calc(50% - 0.2rem);
}
AX-DEFORM[size="sm"]:where([type="left"]) [rep=wrap] > :nth-child(2) {
  top: calc(50% + 0.2rem);
}
AX-DEFORM[size="sm"]:where([type="right"]) [rep=wrap] > :nth-child(1) {
  top: calc(50% + 0.2rem);
}
AX-DEFORM[size="sm"]:where([type="right"]) [rep=wrap] > :nth-child(2) {
  top: calc(50% - 0.2rem);
}
AX-DEFORM[size="sm"]:where([type="up"]) [rep=wrap] > :nth-child(1) {
  left: calc(50% - 0.6rem);
}
AX-DEFORM[size="sm"]:where([type="up"]) [rep=wrap] > :nth-child(2) {
  left: calc(50% - 0.1rem);
}
AX-DEFORM[size="sm"]:where([type="down"]) [rep=wrap] > :nth-child(1) {
  left: calc(50% - 0.1rem);
}
AX-DEFORM[size="sm"]:where([type="down"]) [rep=wrap] > :nth-child(2) {
  left: calc(50% - 0.6rem);
}
AX-DEFORM:where(:not([filled]))[theme="prim"] {
  --_deform-c: var(--_c-prim);
}
AX-DEFORM:where(:not([filled]))[theme="succ"] {
  --_deform-c: var(--_c-succ);
}
AX-DEFORM:where(:not([filled]))[theme="error"] {
  --_deform-c: var(--_c-error);
}
AX-DEFORM:where(:not([filled]))[theme="warn"] {
  --_deform-c: var(--_c-warn);
}
AX-DEFORM:where(:not([filled]))[theme="info"] {
  --_deform-c: var(--_c-info);
}
AX-DEFORM:where(:not([filled]))[theme="issue"] {
  --_deform-c: var(--_c-issue);
}
AX-DEFORM:where(:not([filled]))[theme="text"] {
  --_deform-c: var(--_c-text);
}
AX-DEFORM:where(:not([filled]))[theme="brief"] {
  --_deform-c: var(--_c-brief);
}
AX-DEFORM:where(:not([filled]))[theme="ignore"] {
  --_deform-c: var(--_c-ignore);
}
AX-DEFORM:where([filled]) {
  --_deform-c: var(--_c-white);
  --_deform-c-bg: hsl(var(--_h-text), var(--_s-text), 20%);
}
AX-DEFORM:where([filled]):before {
  display: none;
}
AX-DEFORM:where([filled])[theme="prim"] {
  --_deform-c-bg: var(--_c-prim);
}
AX-DEFORM:where([filled])[theme="succ"] {
  --_deform-c-bg: var(--_c-succ);
}
AX-DEFORM:where([filled])[theme="error"] {
  --_deform-c-bg: var(--_c-error);
}
AX-DEFORM:where([filled])[theme="warn"] {
  --_deform-c: var(--_c-black);
  --_deform-c-bg: var(--_c-warn);
}
AX-DEFORM:where([filled])[theme="info"] {
  --_deform-c-bg: var(--_c-info);
}
AX-DEFORM:where([filled])[theme="issue"] {
  --_deform-c-bg: var(--_c-issue);
}
AX-DEFORM:where([filled])[theme="text"] {
  --_deform-c-bg: hsl(var(--_h-text), var(--_s-text), 20%);
}
AX-DEFORM:where([filled])[theme="brief"] {
  --_deform-c: var(--_c-brief);
  --_deform-c-bg: var(--_c-brief-bg);
}
AX-DEFORM:where([filled])[theme="ignore"] {
  --_deform-c: var(--_c-ignore);
  --_deform-c-bg: var(--_c-ignore-bg);
}
AX-DEFORM[disabled] {
  cursor: not-allowed;
}
AX-DEFORM[disabled] {
  opacity: var(--_o-disabled);
}
/*Spin*/
AX-SPIN {
  --_spin-sz: var(--_rem-title);
  --_spin-c: var(--_c-prim);
  --_spin-bg: var(--_c-prim-sd);
  display: inline-block;
  width: var(--_spin-sz);
  vertical-align: middle;
  animation: _rotate360 1s linear infinite;
  background: transparent;
  box-sizing: border-box;
  border: 0.2rem solid var(--_spin-bg);
  border-bottom-color: var(--_spin-c);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: inline-flex;
}
AX-SPIN[size=sm] {
  --_spin-sz: var(--_rem-body);
}
AX-SPIN[size=lg] {
  --_spin-sz: var(--_rem-max);
}
AX-SPIN[theme=succ] {
  --_spin-c: var(--_c-succ);
  --_spin-bg: var(--_c-succ-sd);
}
AX-SPIN[theme=error] {
  --_spin-c: var(--_c-error);
  --_spin-bg: var(--_c-error-sd);
}
AX-SPIN[theme=info] {
  --_spin-c: var(--_c-info);
  --_spin-bg: var(--_c-info-sd);
}
AX-SPIN[theme=warn] {
  --_spin-c: var(--_c-warn);
  --_spin-bg: var(--_c-warn-sd);
}
AX-SPIN[theme=issue] {
  --_spin-c: var(--_c-issue);
  --_spin-bg: var(--_c-issue-sd);
}
AX-SPIN[theme=text] {
  --_spin-c: var(--_c-text);
  --_spin-bg: var(--_c-text-sd);
}
AX-SPIN[theme=brief] {
  --_spin-c: var(--_c-brief);
  --_spin-bg: var(--_c-brief-sd);
}
AX-SPIN[theme=ignore] {
  --_spin-c: var(--_c-ignore);
  --_spin-bg: var(--_c-ignore-sd);
}
AX-SPIN[dark],
AX-SPIN[theme=dark] {
  --_spin-bg: rgba(255, 255, 255, 0.2);
  --_spin-c: var(--_c-white);
}
button AX-SPIN,
AX-BTN AX-SPIN {
  --_spin-sz: var(--_rem-body);
}
button:where([type=submit]) AX-SPIN {
  --_spin-bg: rgba(255, 255, 255, 0.2);
  --_spin-c: var(--_c-white);
}
/*Line*/
AX-LINE {
  --_line-sz: 1px;
  --_line-dir-s: right;
  --_line-dir-e: left;
  --_line-c-bg: var(--_c-text-bd);
  --_line-c-label: var(--_c-ignore);
  --_line-offset: 2em;
  --_line-gap: 0px;
  display: block;
  clear: both;
}
AX-LINE [rep=wrap] {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  overflow: hidden;
}
AX-LINE [rep=start],
AX-LINE [rep=end] {
  height: var(--_line-sz);
  background-color: var(--_line-c-bg);
  flex: auto;
}
AX-LINE [rep=label] {
  color: var(--_line-c-label);
  margin: auto var(--_m);
}
AX-LINE:where([align=start]:has([rep=label])) [rep=start],
AX-LINE:where([align=end]:has([rep=label])) [rep=end] {
  flex: none;
}
AX-LINE:where([align=start]:not([dir=v]):has([rep=label])) [rep=start],
AX-LINE:where([align=end]:not([dir=v]):has([rep=label])) [rep=end] {
  width: var(--_line-offset);
}
AX-LINE[type=dashed] [rep=start] {
  background: linear-gradient(to var(--_line-dir-s), var(--_line-c-bg) 0%, var(--_line-c-bg) 50%, transparent 50%, transparent 100%);
  background-position: left center;
}
AX-LINE[type=dashed] [rep=end] {
  background: linear-gradient(to var(--_line-dir-e), var(--_line-c-bg) 0%, var(--_line-c-bg) 50%, transparent 50%, transparent 100%);
  background-position: right center;
}
AX-LINE[type=dashed] [rep=start],
AX-LINE[type=dashed] [rep=end] {
  background-size: calc(var(--_line-sz)*10) var(--_line-sz);
  background-repeat: repeat-x;
}
AX-LINE[type=slash] [rep=start],
AX-LINE[type=slash] [rep=end] {
  background: linear-gradient(45deg, var(--_line-c-bg) 0, var(--_line-c-bg) 25%, transparent 25%, transparent 50%, var(--_line-c-bg) 50%, var(--_line-c-bg) 75%, transparent 75%, transparent);
  background-size: 0.6rem 0.6rem;
}
AX-LINE[size=sm] [rep=start],
AX-LINE[size=sm] [rep=end] {
  --_line-sz: 2px;
}
AX-LINE[size=md] {
  font-size: var(--_rem-caption);
}
AX-LINE[size=md] [rep=start],
AX-LINE[size=md] [rep=end] {
  --_line-sz: 4px;
}
AX-LINE[size=lg] {
  font-size: var(--_fs-lg);
}
AX-LINE[size=lg] [rep=start],
AX-LINE[size=lg] [rep=end] {
  --_line-sz: 8px;
}
AX-LINE[theme=prim] {
  --_line-c-bg: var(--_c-prim-bd);
  --_line-c-label: var(--_c-prim);
}
AX-LINE[theme=error] {
  --_line-c-bg: var(--_c-error-bd);
  --_line-c-label: var(--_c-error);
}
AX-LINE[theme=succ] {
  --_line-c-bg: var(--_c-succ-bd);
  --_line-c-label: var(--_c-succ);
}
AX-LINE[theme=info] {
  --_line-c-bg: var(--_c-info-bd);
  --_line-c-label: var(--_c-info);
}
AX-LINE[theme=warn] {
  --_line-c-bg: var(--_c-warn-bd);
  --_line-c-label: var(--_c-warn);
}
AX-LINE[theme=issue] {
  --_line-c-bg: var(--_c-issue-bd);
  --_line-c-label: var(--_c-issue);
}
AX-LINE[theme=text] {
  --_line-c-bg: var(--_c-text-bd);
  --_line-c-label: var(--_c-text);
}
AX-LINE[dir=v] {
  --_line-dir-s: bottom;
  --_line-dir-e: top;
  width: var(--_line-sz);
  height: 100%;
}
AX-LINE[dir=v] [rep=wrap] {
  width: inherit;
  height: inherit;
  flex-direction: column;
}
AX-LINE[dir=v]:has([rep=label]) {
  width: var(--_rem-title);
}
AX-LINE[dir=v] [rep=label] {
  writing-mode: vertical-rl;
  margin: var(--_m) auto;
}
AX-LINE[dir=v] [rep=start],
AX-LINE[dir=v] [rep=end] {
  width: var(--_line-sz);
  height: auto;
}
AX-LINE[dir=v]:where([align=start]:has([rep=label])) [rep=start],
AX-LINE[dir=v]:where([align=end]:has([rep=label])) [rep=end] {
  height: var(--_line-offset);
}
AX-LINE[dir=v][type=dashed] [rep=start],
AX-LINE[dir=v][type=dashed] [rep=end] {
  background-size: var(--_line-sz) calc(var(--_line-sz)*10);
  background-repeat: repeat-y;
}
AX-LINE:where(:not([dir=v])) {
  margin-top: var(--_line-gap);
  margin-bottom: var(--_line-gap);
}
AX-LINE:where([dir=v]) {
  margin-left: var(--_line-gap);
  margin-right: var(--_line-gap);
}
AX-LINE[break=xxs] {
  --_line-gap: var(--_rem-min);
}
AX-LINE[break=xs] {
  --_line-gap: var(--_rem-space);
}
AX-LINE[break=sm] {
  --_line-gap: var(--_rem-body);
}
AX-LINE[break=md] {
  --_line-gap: var(--_rem-list);
}
AX-LINE[break=lg] {
  --_line-gap: var(--_rem-title);
}
AX-LINE[break=xl] {
  --_line-gap: var(--_rem-input);
}
AX-LINE[break=xxl] {
  --_line-gap: var(--_rem-hitbox);
}
/*Badge*/
AX-BADGE {
  --_badge-bg: var(--_c-error);
  --_badge-bd: var(--_c-error);
  --_badge-c: var(--_c-white);
  --_badge-r: calc(1.5em - 2px);
  vertical-align: middle;
  display: inline-flex;
}
AX-BADGE [rep=wrap] {
  font-size: var(--_px-ignore);
  color: var(--_badge-c);
  line-height: calc(1.5em - 2px);
  height: calc(1.5em - 2px);
  padding: 0 5px;
  display: inline-block;
  border-radius: var(--_badge-r);
  box-sizing: border-box;
  background-color: var(--_badge-bg);
}
AX-BADGE:where([glassy]) {
  --_badge-bg: var(--_c-error-tl);
}
AX-BADGE:where([shadowed]) [rep=wrap] {
  box-shadow: 0 0 0 0.2rem var(--_c-stage);
}
AX-BADGE[theme=prim] {
  --_badge-bg: var(--_c-prim);
}
AX-BADGE[theme=prim]:where([glassy]) {
  --_badge-bg: var(--_c-prim-tl);
}
AX-BADGE[theme=succ] {
  --_badge-bg: var(--_c-succ);
}
AX-BADGE[theme=succ]:where([glassy]) {
  --_badge-bg: var(--_c-succ-tl);
}
AX-BADGE[theme=warn] {
  --_badge-c: var(--_c-black);
  --_badge-bg: var(--_c-warn);
}
AX-BADGE[theme=warn]:where([glassy]) {
  --_badge-bg: var(--_c-warn-tl);
}
AX-BADGE[theme=info] {
  --_badge-bg: var(--_c-info);
}
AX-BADGE[theme=info]:where([glassy]) {
  --_badge-bg: var(--_c-info-tl);
}
AX-BADGE[theme=issue] {
  --_badge-bg: var(--_c-issue);
}
AX-BADGE[theme=issue]:where([glassy]) {
  --_badge-bg: var(--_c-issue-tl);
}
AX-BADGE[theme=text] {
  --_badge-bg: var(--_c-black);
}
AX-BADGE[theme=text]:where([glassy]) {
  --_badge-bg: var(--_c-text-tl);
}
AX-BADGE[theme=brief] {
  --_badge-bg: var(--_c-brief);
}
AX-BADGE[theme=ignore] {
  --_badge-c: var(--_c-ignore);
  --_badge-bg: var(--_c-ignore-bg);
}
AX-BADGE[shape=radius] {
  --_badge-r: var(--_r);
}
AX-BADGE[shape=square] {
  --_badge-r: 0;
}
AX-BADGE[shape=drop] [rep=wrap] {
  border-bottom-left-radius: 0;
}
AX-BADGE[type=seal] {
  --_badge-c: var(--_c-error);
}
AX-BADGE[type=seal] [rep=wrap] {
  border: 1px solid var(--_badge-bd);
  line-height: calc(1.5em - 4px);
  padding: 0 4px;
  background: transparent;
}
AX-BADGE[type=seal]:where([glassy]) [rep=wrap] {
  opacity: 0.6;
}
AX-BADGE:where([theme=prim])[type=seal] {
  --_badge-c: var(--_c-prim);
  --_badge-bd: var(--_c-prim);
}
AX-BADGE:where([theme=succ])[type=seal] {
  --_badge-c: var(--_c-succ);
  --_badge-bd: var(--_c-succ);
}
AX-BADGE:where([theme=warn])[type=seal] {
  --_badge-c: var(--_c-warn);
  --_badge-bd: var(--_c-warn);
}
AX-BADGE:where([theme=info])[type=seal] {
  --_badge-c: var(--_c-info);
  --_badge-bd: var(--_c-info);
}
AX-BADGE:where([theme=issue])[type=seal] {
  --_badge-c: var(--_c-issue);
  --_badge-bd: var(--_c-issue);
}
AX-BADGE:where([theme=text])[type=seal] {
  --_badge-c: var(--_c-text);
  --_badge-bd: var(--_c-text);
}
AX-BADGE:where([theme=brief])[type=seal] {
  --_badge-c: var(--_c-brief);
  --_badge-bd: var(--_c-brief);
}
AX-BADGE:where([theme=ignore])[type=seal] {
  --_badge-c: var(--_c-ignore);
  --_badge-bd: var(--_c-ignore);
}
AX-BADGE [rep=wrap]:empty {
  width: 8px;
  height: 8px;
  padding: 0;
  border-radius: 100%;
}
/*Avatar*/
AX-AVATAR {
  --_avatar-fs: var(--_rem-body);
  --_avatar-h: var(--_rem-input);
  --_avatar-r: calc(var(--_avatar-h)/4);
  --_avatar-c: var(--_c-text-aj);
  --_avatar-c-bg: var(--_c-ignore-bg);
  border-radius: clamp(var(--_r), var(--_avatar-r), calc(var(--_r)*6));
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  position: relative;
}
AX-AVATAR > [rep=wrap] {
  font-size: var(--_avatar-fs);
  color: var(--_avatar-c);
  height: var(--_avatar-h);
  aspect-ratio: 1/1;
  background-color: var(--_avatar-c-bg);
  border-radius: inherit;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
AX-AVATAR img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  transition: all var(--_dur-2) linear;
}
AX-AVATAR img[src=""] {
  display: none;
}
AX-AVATAR AX-BADGE {
  position: absolute;
  right: calc(-1*var(--_rem-space));
  top: calc(-1*var(--_rem-space));
}
AX-AVATAR AX-BADGE:has([rep=wrap]:empty) {
  right: -0.2rem;
  top: -0.2rem;
}
AX-AVATAR [rep="tips"] {
  font-size: var(--_rem-ignore);
  color: var(--_c-white);
  width: 100%;
  height: 100%;
  line-height: var(--_em-subject-dec);
  border-radius: inherit;
  background-color: rgba(0, 0, 0, var(--_o-mask));
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  top: 0;
}
AX-AVATAR[size=xxs] {
  --_avatar-fs: var(--_rem-ignore);
  --_avatar-h: var(--_rem-list);
}
AX-AVATAR[size=xs] {
  --_avatar-fs: var(--_rem-ignore);
  --_avatar-h: var(--_rem-title);
}
AX-AVATAR[size=sm] {
  --_avatar-h: var(--_rem-input);
}
AX-AVATAR[size=md] {
  --_avatar-h: calc(var(--_rem-title)*2);
}
AX-AVATAR[size=lg] {
  --_avatar-fs: var(--_rem-caption);
  --_avatar-h: calc(var(--_rem-title)*3);
}
AX-AVATAR[size=xl] {
  --_avatar-fs: var(--_rem-subject);
  --_avatar-h: calc(var(--_rem-title)*4);
}
AX-AVATAR[size=xxl] {
  --_avatar-fs: var(--_rem-list);
  --_avatar-h: calc(var(--_rem-title)*5);
}
AX-AVATAR:where([size=xs]) [rep=mask],
AX-AVATAR:where([size=sm]) [rep=mask] {
  font-size: var(--_rem-ignore);
}
AX-AVATAR[shape=square] {
  border-radius: 0;
}
AX-AVATAR[shape=round] {
  border-radius: 100%;
}
AX-AVATAR[arrow]:after {
  content: 'down';
  font-family: var(--_ff-icon);
  font-size: var(--_px-root);
  color: var(--_c-ignore);
  transition: all var(--_dur-2) linear;
}
AX-AVATAR:where([arrow=inside]):after {
  margin-left: var(--_px-min);
}
AX-AVATAR:where(:not([arrow=inside])):after {
  position: absolute;
  right: calc(var(--_px-root)*-1 - var(--_px-min));
}
AX-AVATAR[arrow]:where(._opened):after {
  rotate: 180deg;
}
AX-AVATAR[theme=prim],
AX-AVATAR[theme=error],
AX-AVATAR[theme=succ],
AX-AVATAR[theme=info],
AX-AVATAR[theme=issue],
AX-AVATAR[theme=text] {
  --_avatar-c: var(--_c-white);
}
AX-AVATAR[theme=prim] {
  --_avatar-c-bg: var(--_c-prim);
}
AX-AVATAR[theme=error] {
  --_avatar-c-bg: var(--_c-error);
}
AX-AVATAR[theme=succ] {
  --_avatar-c-bg: var(--_c-succ);
}
AX-AVATAR[theme=info] {
  --_avatar-c-bg: var(--_c-info);
}
AX-AVATAR[theme=warn] {
  --_avatar-c-bg: var(--_c-warn);
}
AX-AVATAR[theme=issue] {
  --_avatar-c-bg: var(--_c-issue);
}
AX-AVATAR[theme=text] {
  --_avatar-c-bg: var(--_c-text);
}
AX-AVATAR[theme=prim-lt] {
  --_avatar-c-bg: var(--_c-prim-bg);
  --_avatar-c: var(--_c-prim-dp);
}
AX-AVATAR[theme=error-lt] {
  --_avatar-c-bg: var(--_c-error-bg);
  --_avatar-c: var(--_c-error-dp);
}
AX-AVATAR[theme=succ-lt] {
  --_avatar-c-bg: var(--_c-succ-bg);
  --_avatar-c: var(--_c-succ-dp);
}
AX-AVATAR[theme=info-lt] {
  --_avatar-c-bg: var(--_c-info-bg);
  --_avatar-c: var(--_c-info-dp);
}
AX-AVATAR[theme=issue-lt] {
  --_avatar-c-bg: var(--_c-issue-bg);
  --_avatar-c: var(--_c-issue-dp);
}
AX-AVATAR[theme=warn-lt] {
  --_avatar-c-bg: var(--_c-warn-bg);
  --_avatar-c: var(--_c-text);
}
AX-AVATAR[theme=text-lt] {
  --_avatar-c-bg: var(--_c-text-bg);
  --_avatar-c: var(--_c-text);
}
/*Ajax state*/
/*ajax-state=timeout/abort/error/success/before*/
._ajax-mask {
  position: relative;
}
._ajax-mask:before {
  --_spin-bg: var(--_c-prim-sd);
  --_spin-c: var(--_c-prim);
  content: '';
  width: var(--_rem-title);
  margin-left: calc(var(--_rem-title)/-2);
  margin-top: calc(var(--_rem-title)/-2);
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 9;
  animation: _rotate360 1s linear infinite;
  background: transparent;
  box-sizing: border-box;
  border: 0.2rem solid var(--_spin-bg);
  border-bottom-color: var(--_spin-c);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: inline-flex;
}
._ajax-mask:after {
  content: '';
  background-color: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), var(--_o-mask));
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 8;
  transition: all var(--_dur-2) linear;
}
/*validation*/
._valid {
  font-size: var(--_px-ignore);
  line-height: 1.5em;
  padding: calc(1em/3) 0;
  display: flex;
  position: relative;
}
._valid [class*="_icon-"] {
  font-size: var(--_px-ignore);
  margin-right: calc(1em/3);
}
input:where(._c-succ:not([disabled], [type="checkbox"], [type="radio"], [type="range"], [type="submit"], [type="reset"])),
textarea:where(._c-succ:not([disabled])),
select:where(._c-succ:not([disabled])) {
  border-color: var(--_c-succ-bd);
  background-color: var(--_c-succ-bg);
}
input:where(._c-succ:not([disabled], [type="checkbox"], [type="radio"], [type="range"], [type="submit"], [type="reset"])):hover,
textarea:where(._c-succ:not([disabled])):hover,
select:where(._c-succ:not([disabled])):hover {
  border-color: var(--_c-succ);
}
input:where(._c-succ:not([disabled], [type="checkbox"], [type="radio"], [type="range"], [type="submit"], [type="reset"])):focus,
textarea:where(._c-succ:not([disabled])):focus,
select:where(._c-succ:not([disabled])):focus {
  color: var(--_c-succ);
  border-color: var(--_c-succ);
  outline-color: var(--_c-succ-sd);
}
input:where(._c-succ:not([disabled], [type="checkbox"], [type="radio"], [type="range"], [type="submit"], [type="reset"]))::placeholder,
textarea:where(._c-succ:not([disabled]))::placeholder,
select:where(._c-succ:not([disabled]))::placeholder {
  color: var(--_c-succ-ht);
}
input:where(._c-error:not([disabled], [type="checkbox"], [type="radio"], [type="range"], [type="submit"], [type="reset"])),
textarea:where(._c-error:not([disabled])),
select:where(._c-error:not([disabled])) {
  border-color: var(--_c-error-bd);
  background-color: var(--_c-error-bg);
}
input:where(._c-error:not([disabled], [type="checkbox"], [type="radio"], [type="range"], [type="submit"], [type="reset"])):hover,
textarea:where(._c-error:not([disabled])):hover,
select:where(._c-error:not([disabled])):hover {
  border-color: var(--_c-error);
}
input:where(._c-error:not([disabled], [type="checkbox"], [type="radio"], [type="range"], [type="submit"], [type="reset"])):focus,
textarea:where(._c-error:not([disabled])):focus,
select:where(._c-error:not([disabled])):focus {
  color: var(--_c-error);
  border-color: var(--_c-error);
  outline-color: var(--_c-error-sd);
}
input:where(._c-error:not([disabled], [type="checkbox"], [type="radio"], [type="range"], [type="submit"], [type="reset"]))::placeholder,
textarea:where(._c-error:not([disabled]))::placeholder,
select:where(._c-error:not([disabled]))::placeholder {
  color: var(--_c-error-ht);
}
/*Alert*/
AX-ALERT {
  display: block;
}
._alert {
  --_alert-txt: var(--_c-issue-dp);
  --_alert-bg: var(--_c-issue-bg);
  --_alert-bd: var(--_c-issue-bd);
  --_width-bd: 1px;
  --_radius: var(--_r);
  --_p-tb: 0.333em;
  --_p-lr: 0.667em;
  font-size: var(--_px-ignore);
  color: var(--_alert-txt);
  line-height: 1.5em;
  background-color: var(--_alert-bg);
  border: var(--_width-bd) solid var(--_alert-bd);
  display: flex;
  border-radius: var(--_radius);
  padding: var(--_p-tb) var(--_p-lr);
  position: relative;
}
._alert [rep="body"] {
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
._alert [rep="caption"] {
  font-weight: bold;
  margin-bottom: 0.333em;
}
._alert [rep="icon"] {
  font-size: var(--_px-ignore);
  margin-right: 0.333em;
}
._alert [rep="close"] {
  font-size: var(--_px-ignore);
  color: var(--_c-text);
  width: 1.5em;
  aspect-ratio: 1/1;
  line-height: 1.5em;
  text-align: center;
  opacity: var(--_o-disabled);
  margin-right: -0.333em;
  transition: all var(--_dur-2) linear;
}
._alert [rep="close"]:hover {
  cursor: pointer;
  opacity: 1;
}
._alert:where([notable]) {
  padding-left: 1.167em;
  padding-top: 1.167em;
  padding-bottom: 1.167em;
}
._alert:where([notable]) [rep="icon"] {
  font-size: 2.333em;
  line-height: 1em;
  margin-right: 0.5em;
}
._alert:where([notable]) [rep="caption"] {
  font-size: 1.167em;
}
._alert:where([borderless]) {
  --_p-tb: 0.417em;
  --_width-bd: 0;
}
._alert:where([square]) {
  --_radius: 0;
}
._alert:where([theme="prim"]) {
  --_alert-txt: var(--_c-prim-dp);
  --_alert-bg: var(--_c-prim-bg);
  --_alert-bd: var(--_c-prim-bd);
}
._alert:where([theme="prim"]):where([plain]) {
  --_alert-txt: var(--_c-prim);
}
._alert:where([theme="succ"]) {
  --_alert-txt: var(--_c-succ-dp);
  --_alert-bg: var(--_c-succ-bg);
  --_alert-bd: var(--_c-succ-bd);
}
._alert:where([theme="succ"]):where([plain]) {
  --_alert-txt: var(--_c-succ);
}
._alert:where([theme="error"]) {
  --_alert-txt: var(--_c-error-dp);
  --_alert-bg: var(--_c-error-bg);
  --_alert-bd: var(--_c-error-bd);
}
._alert:where([theme="error"]):where([plain]) {
  --_alert-txt: var(--_c-error);
}
._alert:where([theme="warn"]) {
  --_alert-txt: var(--_c-warn-dp);
  --_alert-bg: var(--_c-warn-bg);
  --_alert-bd: var(--_c-warn-bd);
}
._alert:where([theme="warn"]):where([plain]) {
  --_alert-txt: var(--_c-warn);
}
._alert:where([theme="issue"]) {
  --_alert-txt: var(--_c-issue-dp);
  --_alert-bg: var(--_c-issue-bg);
  --_alert-bd: var(--_c-issue-bd);
}
._alert:where([theme="issue"]):where([plain]) {
  --_alert-txt: var(--_c-issue);
}
._alert:where([theme="info"]) {
  --_alert-txt: var(--_c-info-dp);
  --_alert-bg: var(--_c-info-bg);
  --_alert-bd: var(--_c-info-bd);
}
._alert:where([theme="info"]):where([plain]) {
  --_alert-txt: var(--_c-info);
}
._alert:where([theme="text"]) {
  --_alert-txt: var(--_c-text-dp);
  --_alert-bg: var(--_c-text-bg);
  --_alert-bd: var(--_c-text-bd);
}
._alert:where([theme="text"]):where([plain]) {
  --_alert-txt: var(--_c-text);
}
._alert:where([plain]) {
  --_p-alert: 0.833em;
  --_width-bd: 0;
  --_alert-bg: transparent;
  --_p-lr: 0;
}
/*Alert*/
AX-CALLOUT {
  --_callout-c: var(--_c-text);
  --_callout-c-icon: var(--_c-warn);
  --_callout-c-bg: var(--_c-warn-bg);
  --_callout-c-bd: var(--_c-warn-bd);
  --_callout-w-bd: 1px;
  --_callout-r: var(--_r);
  --_callout-fs: var(--_px-ignore);
  --_callout-p-tb: var(--_em-min-dec);
  --_callout-p-lr: var(--_em-space-dec);
  --_callout-lh: var(--_em-subject-dec);
  display: block;
  font-size: var(--_callout-fs);
  color: var(--_callout-c);
  /* &[hidden] {
        display: none;
    } */
}
AX-CALLOUT > [rep=wrap] {
  line-height: var(--_callout-lh);
  border: var(--_callout-w-bd) solid var(--_callout-c-bd);
  display: flex;
  align-items: flex-start;
  border-radius: var(--_callout-r);
  padding: var(--_callout-p-tb) var(--_callout-p-lr);
  position: relative;
  /*         [rep="close"] {
            font-size: var(--_px-ignore);
            color: var(--_c-text);
            width: 1.5em;
            aspect-ratio: 1/1;
            line-height: 1.5em;
            text-align: center;
            opacity: var(--_o-disabled);
            margin-right: -0.333em;
            .v3-trans-all();
            &:hover {
                cursor: pointer;
                opacity: 1;
            }
        } */
}
AX-CALLOUT > [rep=wrap] > [rep=mask] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
AX-CALLOUT > [rep=wrap] > [rep=tools] {
  --_tools-h: var(--_callout-lh);
  --_tools-fs: var(--_px-ignore);
  position: relative;
  z-index: 3;
}
AX-CALLOUT > [rep=wrap] > [rep=tools] > * {
  color: var(--_callout-c);
  opacity: var(--_o-disabled);
}
AX-CALLOUT > [rep=wrap] > [rep=tools] > *:hover {
  opacity: 1;
}
AX-CALLOUT > [rep=wrap] > [rep="body"] {
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
AX-CALLOUT > [rep=wrap] > [rep="body"] > [rep="caption"] {
  font-weight: bold;
  margin-bottom: var(--_em-min-dec);
}
AX-CALLOUT > [rep=wrap] > [rep="icon"] {
  color: var(--_callout-c-icon);
}
AX-CALLOUT > [rep=wrap] > [rep="icon"],
AX-CALLOUT > [rep=wrap] > [rep="disk"],
AX-CALLOUT > [rep=wrap] > [rep="cube"],
AX-CALLOUT > [rep=wrap] > [rep="image"] {
  display: inline-flex;
  font-size: var(--_em-body-dec);
  margin-right: var(--_em-min);
}
AX-CALLOUT > [rep=wrap] > [rep="disk"],
AX-CALLOUT > [rep=wrap] > [rep="cube"],
AX-CALLOUT > [rep=wrap] > [rep="image"] {
  height: var(--_em-body-dec);
}
AX-CALLOUT > [rep=wrap] > [rep="disk"],
AX-CALLOUT > [rep=wrap] > [rep="cube"] {
  aspect-ratio: 1/1;
}
AX-CALLOUT > [rep=wrap] > [rep="disk"] img,
AX-CALLOUT > [rep=wrap] > [rep="cube"] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
AX-CALLOUT > [rep=wrap] > [rep="disk"] {
  border-radius: 100%;
}
AX-CALLOUT > [rep=wrap] > [rep="cube"] {
  border-radius: var(--_r);
}
AX-CALLOUT > [rep=wrap] > [rep="image"] img {
  height: 100%;
}
AX-CALLOUT > [rep=wrap] > AX-RESULT {
  --_result-w: 1em;
  font-size: var(--_em-body-dec);
  margin-right: var(--_em-min);
  height: var(--_em-subject);
}
AX-CALLOUT > [rep=wrap] > AX-PROGRESS {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
AX-CALLOUT:where(:has( > [rep=wrap] > [rep=tools]:where(:not(:empty)))) > [rep=wrap] {
  padding-right: var(--_em-min-dec);
}
AX-CALLOUT[size=md] {
  --_callout-p-tb: calc((9/var(--_num-ignore)) * 1em);
  --_callout-r: var(--_r-input);
}
AX-CALLOUT[size=lg] {
  --_callout-fs: var(--_px-body);
  --_callout-r: var(--_r-input);
  --_callout-p-tb: calc((9/var(--_num-body)) * 1em);
  --_callout-p-lr: var(--_em-body);
  --_callout-lh: var(--_em-subject);
}
AX-CALLOUT[size=lg] > [rep=wrap] > [rep="disk"],
AX-CALLOUT[size=lg] > [rep=wrap] > [rep="cube"],
AX-CALLOUT[size=lg] > [rep=wrap] > [rep="image"] {
  height: var(--_em-subject);
}
AX-CALLOUT[notable] {
  --_callout-p-tb: var(--_em-body-dec);
  --_callout-p-lr: var(--_em-body-dec);
  --_callout-r: var(--_r-input);
}
AX-CALLOUT[notable] > [rep=wrap] {
  padding-right: var(--_callout-p-lr);
}
AX-CALLOUT[notable] > [rep=wrap] > [rep="icon"],
AX-CALLOUT[notable] > [rep=wrap] > [rep="disk"],
AX-CALLOUT[notable] > [rep=wrap] > [rep="cube"],
AX-CALLOUT[notable] > [rep=wrap] > [rep="image"] {
  font-size: var(--_em-title-dec);
  height: 1em;
  line-height: 1em;
  margin-right: 0.5em;
}
AX-CALLOUT[notable] > [rep=wrap] > [rep="body"] {
  min-height: var(--_em-title-dec);
}
AX-CALLOUT[notable] > [rep=wrap] > [rep="body"] > [rep="caption"] {
  font-size: var(--_em-body-dec);
}
AX-CALLOUT[notable] > [rep=wrap] > [rep=tools] {
  position: absolute;
  right: var(--_em-min-dec);
  top: var(--_em-min-dec);
}
AX-CALLOUT[notable] > [rep=wrap] > AX-RESULT {
  font-size: var(--_em-title-dec);
  margin-right: 0.5em;
  height: 1em;
}
AX-CALLOUT[borderless] {
  --_callout-w-bd: 0;
  --_callout-p-tb: calc((5/var(--_num-ignore)) * 1em);
}
AX-CALLOUT[borderless][size=md] {
  --_callout-p-tb: var(--_em-root-dec);
}
AX-CALLOUT[borderless][size=lg] {
  --_callout-p-tb: var(--_em-root);
}
AX-CALLOUT[square] {
  --_callout-r: 0;
}
AX-CALLOUT:where(:not([opaque])) > [rep=wrap] {
  background-color: var(--_callout-c-bg);
}
AX-CALLOUT:where([opaque]) > [rep=wrap] {
  background: linear-gradient(to right, var(--_callout-c-bg), var(--_callout-c-bg)), linear-gradient(to right, var(--_c-stage), var(--_c-stage));
}
AX-CALLOUT:where([theme="prim"]) {
  --_callout-c: var(--_c-prim-dp);
  --_callout-c-icon: var(--_c-prim);
  --_callout-c-bg: var(--_c-prim-bg);
  --_callout-c-bd: var(--_c-prim-bd);
}
AX-CALLOUT:where([theme="prim"]):where([feature=plain]) {
  --_callout-c: var(--_c-prim);
}
AX-CALLOUT:where([theme="succ"]) {
  --_callout-c: var(--_c-succ-dp);
  --_callout-c-icon: var(--_c-succ);
  --_callout-c-bg: var(--_c-succ-bg);
  --_callout-c-bd: var(--_c-succ-bd);
}
AX-CALLOUT:where([theme="succ"]):where([feature=plain]) {
  --_callout-c: var(--_c-succ);
}
AX-CALLOUT:where([theme="error"]) {
  --_callout-c: var(--_c-error-dp);
  --_callout-c-icon: var(--_c-error);
  --_callout-c-bg: var(--_c-error-bg);
  --_callout-c-bd: var(--_c-error-bd);
}
AX-CALLOUT:where([theme="error"]):where([feature=plain]) {
  --_callout-c: var(--_c-error);
}
AX-CALLOUT:where([theme="warn"]) {
  --_callout-c: var(--_c-text);
  --_callout-c-icon: var(--_c-warn);
  --_callout-c-bg: var(--_c-warn-bg);
  --_callout-c-bd: var(--_c-warn-bd);
}
AX-CALLOUT:where([theme="warn"]):where([feature=plain]) {
  --_callout-c: var(--_c-warn);
}
AX-CALLOUT:where([theme="issue"]) {
  --_callout-c: var(--_c-issue-dp);
  --_callout-c-icon: var(--_c-issue);
  --_callout-c-bg: var(--_c-issue-bg);
  --_callout-c-bd: var(--_c-issue-bd);
}
AX-CALLOUT:where([theme="issue"]):where([feature=plain]) {
  --_callout-c: var(--_c-issue);
}
AX-CALLOUT:where([theme="info"]) {
  --_callout-c: var(--_c-info-dp);
  --_callout-c-icon: var(--_c-info);
  --_callout-c-bg: var(--_c-info-bg);
  --_callout-c-bd: var(--_c-info-bd);
}
AX-CALLOUT:where([theme="info"]):where([feature=plain]) {
  --_callout-c: var(--_c-info);
}
AX-CALLOUT:where([theme="text"]) {
  --_callout-c: var(--_c-text-dp);
  --_callout-c-icon: var(--_c-text);
  --_callout-c-bg: var(--_c-text-bg);
  --_callout-c-bd: var(--_c-text-bd);
}
AX-CALLOUT:where([theme="text"]):where([feature=plain]) {
  --_callout-c: var(--_c-text);
}
AX-CALLOUT:where([feature=plain]) {
  --_callout-w-bd: 0;
  --_callout-c-bg: transparent;
  --_callout-p-lr: 0;
}
/*Message*/
._message {
  --_msg-w: 600px;
  width: min(var(--_msg-w),100%);
  position: fixed;
  left: 50%;
  top: 0;
  z-index: 910;
  transform: translate(-50%, 0);
}
._message AX-CALLOUT {
  margin: var(--_m) var(--_m) 0 var(--_m);
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.06);
  display: none;
}
._message AX-CALLOUT[noprogress] AX-PROGRESS {
  opacity: 0;
}
._message:where([placement="left-top"]) {
  --_msg-w: 400px;
  left: 0;
  transform: none;
}
._message:where([placement="right-top"]) {
  --_msg-w: 400px;
  left: auto;
  right: 0;
  transform: none;
}
._message:where([placement="left-center"]) {
  --_msg-w: 400px;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
._message:where([placement="center"]) {
  top: 50%;
  transform: translate(-50%, -50%);
}
._message:where([placement="right-center"]) {
  --_msg-w: 400px;
  left: auto;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
._message:where([placement="left-bottom"]) {
  --_msg-w: 400px;
  left: 0;
  top: auto;
  bottom: 0;
  transform: none;
}
._message:where([placement="center-bottom"]) {
  top: auto;
  bottom: 0;
}
._message:where([placement="right-bottom"]) {
  --_msg-w: 400px;
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
  transform: none;
}
._message:where([placement*="-center"], [placement="center"]) AX-CALLOUT {
  margin-top: calc(var(--_m)/2);
  margin-bottom: calc(var(--_m)/2);
}
._message:where([placement*="-bottom"]) AX-CALLOUT {
  margin-top: 0;
  margin-bottom: var(--_m);
}
/*Result component*/
AX-RESULT {
  --_result-w: 5.4rem;
  --_result-ani: _draw-waiting;
  --_result-c-bg: var(--_c-text-sd);
  --_result-c-icon: var(--_c-info);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
AX-RESULT [rep=wrap] {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
AX-RESULT [rep=icon] {
  color: var(--_result-c-icon);
  height: var(--_result-w);
  aspect-ratio: 1/1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
AX-RESULT svg {
  width: inherit;
  height: inherit;
}
AX-RESULT svg ._out,
AX-RESULT svg ._in-1:where(:not(._circle)),
AX-RESULT svg ._in-2:where(:not(._circle)),
AX-RESULT svg ._bg {
  stroke-width: 3.7253;
  stroke-linecap: round;
  stroke-linejoin: round;
}
AX-RESULT svg ._line {
  fill: none;
}
AX-RESULT svg ._circle {
  opacity: 0;
}
AX-RESULT:where(:not([to])) [rep=icon] ._bg {
  stroke: var(--_result-c-bg);
  animation: var(--_result-ani) 1.5s linear infinite;
}
AX-RESULT:where(:not([to])):where([bg="succ"]) {
  --_result-c-bg: var(--_c-succ);
}
AX-RESULT:where(:not([to])):where([bg="error"]) {
  --_result-c-bg: var(--_c-error);
}
AX-RESULT:where(:not([to])):where([bg="info"]) {
  --_result-c-bg: var(--_c-info);
}
AX-RESULT:where(:not([to])):where([bg="warn"]) {
  --_result-c-bg: var(--_c-warn);
}
AX-RESULT:where(:not([to])):where([bg="issue"]) {
  --_result-c-bg: var(--_c-issue);
}
AX-RESULT:where([to]) [rep=icon] ._out {
  animation: var(--_result-ani) 1.5s linear infinite;
}
AX-RESULT:where([to="warn"]) [rep=icon] ._out {
  --_result-ani: _draw-waiting2;
}
AX-RESULT[to="succ"] [rep=icon] ._out {
  stroke: var(--_c-succ);
  stroke-dasharray: 227 229;
  stroke-dashoffset: 228;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
  animation: _draw-rotate 800ms ease-out 0ms forwards;
}
AX-RESULT[to="succ"] [rep=icon] ._in-1 {
  stroke: var(--_c-succ);
  stroke-dasharray: 49 51;
  stroke-dashoffset: 50;
  animation: _draw-line 400ms ease-out 800ms forwards;
}
AX-RESULT[to="succ"] [rep=icon] ._bg {
  stroke: var(--_c-succ-bg);
}
AX-RESULT[to="error"] [rep=icon] ._out {
  stroke: var(--_c-error);
  stroke-dasharray: 227 229;
  stroke-dashoffset: 228;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
  animation: _draw-rotate 800ms ease-out 0ms forwards;
}
AX-RESULT[to="error"] [rep=icon] ._bg {
  stroke: var(--_c-error-bg);
}
AX-RESULT[to="error"] [rep=icon] ._in-1,
AX-RESULT[to="error"] [rep=icon] ._in-2 {
  stroke: var(--_c-error);
  stroke-dasharray: 42 44;
  stroke-dashoffset: -43;
}
AX-RESULT[to="error"] [rep=icon] ._in-1 {
  animation: _draw-line 400ms ease-out 800ms forwards;
}
AX-RESULT[to="error"] [rep=icon] ._in-2 {
  animation: _draw-line 400ms ease-out 1200ms forwards;
}
AX-RESULT[to="info"] [rep=icon] ._out {
  stroke: var(--_c-info);
  stroke-dasharray: 227 229;
  stroke-dashoffset: 228;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
  animation: _draw-rotate 800ms ease-out 0ms forwards;
}
AX-RESULT[to="info"] [rep=icon] ._in-1 {
  stroke: var(--_c-info);
  stroke-dasharray: 35 37;
  stroke-dashoffset: -36;
  animation: _draw-line 400ms ease-out 1200ms forwards;
}
AX-RESULT[to="info"] [rep=icon] ._in-2 {
  transform-origin: 4.33492rem 2.35856rem;
  animation: _draw-circle 400ms ease-out 800ms forwards;
}
AX-RESULT[to="info"] [rep=icon] ._bg {
  stroke: var(--_c-info-bg);
}
AX-RESULT[to="info"] [rep=icon] ._circle {
  fill: var(--_c-info);
}
AX-RESULT[to="warn"] [rep=icon] ._out {
  stroke: var(--_c-warn);
  stroke-dasharray: 248 250;
  stroke-dashoffset: 249;
  animation: _draw-line 800ms ease-out 0ms forwards;
}
AX-RESULT[to="warn"] [rep=icon] ._in-1 {
  stroke: var(--_c-warn);
  stroke-dasharray: 30 32;
  stroke-dashoffset: 31;
  animation: _draw-line 400ms ease-out 800ms forwards;
}
AX-RESULT[to="warn"] [rep=icon] ._in-2 {
  transform-origin: 4.33492rem 6.43337rem;
  animation: _draw-circle 400ms ease-out 1200ms forwards;
}
AX-RESULT[to="warn"] [rep=icon] ._bg {
  stroke: var(--_c-warn-bg);
}
AX-RESULT[to="warn"] [rep=icon] ._circle {
  fill: var(--_c-warn);
}
AX-RESULT[to="issue"] [rep=icon] ._out {
  stroke: var(--_c-issue);
  stroke-dasharray: 227 229;
  stroke-dashoffset: 228;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
  animation: _draw-rotate 800ms ease-out 0ms forwards;
}
AX-RESULT[to="issue"] [rep=icon] ._in-1 {
  stroke: var(--_c-issue);
  stroke-dasharray: 59 61;
  stroke-dashoffset: 60;
  animation: _draw-line 400ms ease-out 800ms forwards;
}
AX-RESULT[to="issue"] [rep=icon] ._in-2 {
  transform-origin: 4.46612rem 6.05502rem;
  animation: _draw-circle 400ms ease-out 1200ms forwards;
}
AX-RESULT[to="issue"] [rep=icon] ._bg {
  stroke: var(--_c-issue-bg);
}
AX-RESULT[to="issue"] [rep=icon] ._circle {
  fill: var(--_c-issue);
}
AX-RESULT[type="font"] [rep=icon] {
  font-size: var(--_result-w);
}
AX-RESULT[type="font"][to="succ"] {
  --_result-c-icon: var(--_c-succ);
}
AX-RESULT[type="font"][to="error"] {
  --_result-c-icon: var(--_c-error);
}
AX-RESULT[type="font"][to="info"] {
  --_result-c-icon: var(--_c-info);
}
AX-RESULT[type="font"][to="warn"] {
  --_result-c-icon: var(--_c-warn);
}
AX-RESULT[type="font"][to="issue"] {
  --_result-c-icon: var(--_c-issue);
}
@keyframes _draw-rotate {
  100% {
    stroke-dashoffset: 0;
    transform: rotate(0deg);
  }
}
@keyframes _draw-line {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes _draw-circle {
  0% {
    transform: scale(0.7);
    opacity: 1;
  }
  45% {
    transform: scale(1.2);
    opacity: 1;
  }
  80% {
    transform: scale(0.8);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes _draw-waiting {
  0% {
    stroke-dasharray: 0, 229;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 114, 129;
    stroke-dashoffset: -57;
  }
  100% {
    stroke-dasharray: 0, 229;
    stroke-dashoffset: -228;
  }
}
@keyframes _draw-waiting2 {
  0% {
    stroke-dasharray: 0, 250;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 125, 250;
    stroke-dashoffset: -62;
  }
  100% {
    stroke-dasharray: 0, 250;
    stroke-dashoffset: -249;
  }
}
AX-FORMAT {
  display: inline-block;
}
AX-FORMAT [rep=wrap] {
  display: inline-block;
}
/*
Last modified: 2025-03-04 23:20:59
*/
/*Ellipsis*/
._ell,
._ell-1,
[class*="_ell-"] {
  --_ell-num: 1;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
._ell-hold {
  height: calc(var(--_ell-lh)*var(--_ell-num));
}
._ell-2,
._ell-3,
._ell-3,
._ell-4,
._ell-5,
._ell-6,
._ell-7,
._ell-8,
._ell-9 {
  display: -webkit-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--_ell-num);
}
._ell-2 {
  --_ell-num: 2;
}
._ell-3 {
  --_ell-num: 3;
}
._ell-4 {
  --_ell-num: 4;
}
._ell-5 {
  --_ell-num: 5;
}
._ell-6 {
  --_ell-num: 6;
}
._ell-7 {
  --_ell-num: 7;
}
._ell-8 {
  --_ell-num: 8;
}
._ell-9 {
  --_ell-num: 9;
}
._ell-xxl,
._ell-xl,
._ell-lg,
._ell-md,
._ell-sm,
._ell-xs,
._ell-xxs {
  --_ell-lh: var(--_rem-title);
  line-height: var(--_ell-lh);
}
._ell-xxl {
  --_ell-lh: 1.375em;
  font-size: var(--_fs-h1);
}
._ell-xl {
  --_ell-lh: 1.357em;
  font-size: var(--_fs-h2);
}
._ell-lg {
  --_ell-lh: 1.273em;
  font-size: var(--_fs-h3);
}
._ell-md {
  --_ell-lh: 1.333em;
  font-size: var(--_fs-h4);
}
._ell-sm {
  --_ell-lh: 1.375em;
  font-size: var(--_fs-h5);
}
._ell-xs {
  --_ell-lh: 1.286em;
  font-size: var(--_fs-h6);
}
._ell-xxs {
  --_ell-lh: 1.33em;
  font-size: var(--_rem-ignore);
}
/*Flag Element*/
AX-FLAG {
  --_flag-c: var(--_c-white);
  --_flag-c-bg: var(--_c-prim);
  font-size: var(--_px-ignore);
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
AX-FLAG [rep=wrap] {
  display: block;
  border-radius: inherit;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
AX-FLAG [rep=label] {
  color: var(--_flag-c);
  background-color: var(--_flag-c-bg);
  overflow: hidden;
}
AX-FLAG:where(:not([type=circle], [type=horn])) {
  width: 42px;
  aspect-ratio: 1/1;
}
AX-FLAG:where(:not([type=circle], [type=horn])) [rep=label] {
  width: 60px;
  aspect-ratio: 1/1;
  line-height: 100px;
  text-align: center;
  rotate: -45deg;
  position: absolute;
  top: -30px;
  left: -30px;
}
AX-FLAG[placement=right]:where(:not([type=circle], [type=horn])) {
  left: auto;
  right: 0;
  top: 0;
}
AX-FLAG[placement=right]:where(:not([type=circle], [type=horn])) [rep=label] {
  top: -30px;
  left: auto;
  right: -30px;
  rotate: 45deg;
}
AX-FLAG[type=circle] {
  width: var(--_px-input);
  aspect-ratio: 1/1;
  border-radius: 100%;
  left: var(--_px-body);
  top: var(--_px-body);
}
AX-FLAG[type=circle] i {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
}
AX-FLAG[type=circle][placement=right] {
  left: auto;
  right: var(--_px-body);
}
AX-FLAG[type=horn] {
  width: var(--_px-max);
  height: var(--_px-list);
  left: 0;
  top: var(--_px-body);
}
AX-FLAG[type=horn] i {
  width: calc(100% - 12px);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
AX-FLAG[type=horn]:before,
AX-FLAG[type=horn]:after {
  content: '';
  width: 0;
  height: 0;
  border-width: 7px;
  border-style: solid;
  position: absolute;
  right: 0;
}
AX-FLAG[type=horn]:before {
  border-color: var(--_flag-c-bg) transparent transparent var(--_flag-c-bg);
  top: 0;
}
AX-FLAG[type=horn]:after {
  border-color: transparent transparent var(--_flag-c-bg) var(--_flag-c-bg);
  bottom: 0;
}
AX-FLAG[type=horn][placement=right] {
  left: auto;
  right: 0;
}
AX-FLAG[type=horn][placement=right] i {
  margin-left: 12px;
}
AX-FLAG[type=horn][placement=right]:before,
AX-FLAG[type=horn][placement=right]:after {
  right: auto;
  left: 0;
}
AX-FLAG[type=horn][placement=right]:before {
  border-color: var(--_flag-c-bg) var(--_flag-c-bg) transparent transparent;
}
AX-FLAG[type=horn][placement=right]:after {
  border-color: transparent var(--_flag-c-bg) var(--_flag-c-bg) transparent;
}
AX-FLAG[theme=prim] {
  --_flag-c-bg: var(--_c-prim);
}
AX-FLAG[theme=succ] {
  --_flag-c-bg: var(--_c-succ);
}
AX-FLAG[theme=error] {
  --_flag-c-bg: var(--_c-error);
}
AX-FLAG[theme=warn] {
  --_flag-c: var(--_c-black);
  --_flag-c-bg: var(--_c-warn);
}
AX-FLAG[theme=info] {
  --_flag-c-bg: var(--_c-info);
}
AX-FLAG[theme=issue] {
  --_flag-c-bg: var(--_c-issue);
}
AX-FLAG[theme=text] {
  --_flag-c: var(--_c-white);
  --_flag-c-bg: hsl(var(--_h-text), var(--_s-text), 20%);
}
AX-FLAG[theme=brief] {
  --_flag-c: var(--_c-brief);
  --_flag-c-bg: var(--_c-brief-bg);
}
AX-FLAG[theme=ignore] {
  --_flag-c: var(--_c-ignore);
  --_flag-c-bg: var(--_c-ignore-bg);
}
/*Bulletin*/
._bullet {
  --_blt-h: var(--_em-input);
  --_blt-lh: var(--_em-subject);
  --_blt-pd: var(--_em-body);
  --_blt-sz-legend: var(--_em-list);
  --_blt-align-v: center;
  color: var(--_c-text);
  height: var(--_blt-h);
  line-height: var(--_blt-lh);
  display: flex;
  align-items: var(--_blt-align-v);
  box-sizing: border-box;
  transition: all var(--_dur-1) linear;
  position: relative;
}
._bullet:where(:not([unpadded])) {
  padding: 0 var(--_blt-pd);
}
._bullet ._bullet-body {
  flex: auto;
  display: flex;
  align-items: var(--_blt-align-v);
}
._bullet ._bullet-body:has(>[rep=label]) {
  width: 0;
}
._bullet [rep=label] {
  color: inherit;
  max-width: 100%;
  transition: all var(--_dur-1) linear;
  flex: auto;
}
._bullet:where(:not([multiline])) [rep=label] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
._bullet:where(:not([disabled], [active], [selected], [checked])) [rep=label]:hover,
._bullet:where(:not(:has([checked]))) [rep=label]:hover {
  color: var(--_c-prim);
}
._bullet [rep=rank] {
  font-size: var(--_rem-root);
  color: var(--_c-text-aj);
  background-color: var(--_c-stage);
  width: var(--_rem-body);
  aspect-ratio: 1/1;
  line-height: var(--_rem-body);
  margin-right: var(--_rem-space);
  border-radius: var(--_r);
  border: 1px solid var(--_c-text-bd);
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
._bullet [rep=rank]:before {
  content: attr(data-value);
}
._bullet [rep=rank][data-value="1"] {
  color: var(--_c-white);
  background-color: var(--_c-error);
  border-color: var(--_c-error-dp);
}
._bullet [rep=rank][data-value="2"] {
  color: var(--_c-white);
  background-color: var(--_c-issue);
  border-color: var(--_c-issue-dp);
}
._bullet [rep=rank][data-value="3"] {
  color: var(--_c-white);
  background-color: var(--_c-prim);
  border-color: var(--_c-prim-dp);
}
._bullet [rep=arrow],
._bullet [rep=tips] {
  font-size: var(--_px-ignore);
  color: var(--_c-ignore);
  margin-left: var(--_rem-space);
}
._bullet AX-BADGE {
  margin-left: var(--_rem-space);
}
._bullet [rep=icon] {
  width: var(--_rem-subject);
  margin-right: var(--_rem-space);
  text-align: center;
}
._bullet [rep=check] {
  font-size: var(--_rem-ignore);
  font-family: var(--_ff-icon);
  margin-left: var(--_rem-space);
}
._bullet [rep=check]:before {
  content: 'check';
}
._bullet [rep=disk],
._bullet [rep=cube],
._bullet [rep=image] {
  height: var(--_blt-sz-legend);
  margin-right: var(--_rem-space);
}
._bullet:has(input:checked) {
  color: var(--_c-prim);
}
._bullet ._bullet-body AX-CHECKBOX,
._bullet ._bullet-body AX-RADIO {
  width: 100%;
}
._bullet ._bullet-body AX-CHECKBOX [rep=wrap],
._bullet ._bullet-body AX-RADIO [rep=wrap] {
  width: 100%;
}
._bullet ._bullet-body AX-CHECKBOX i,
._bullet ._bullet-body AX-RADIO i {
  margin-right: 0;
  flex: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
._bullet[selected]:where(:not([disabled])) {
  color: var(--_c-prim);
}
._bullet[selected]:where(:not([disabled])) [check] {
  color: var(--_c-prim);
}
._bullet[selected]:where(:not([disabled])) a {
  color: var(--_c-prim);
}
._bullet[active]:where(:not([disabled])) {
  color: var(--_c-prim);
  background-color: var(--_c-prim-bg);
}
._bullet[active]:where(:not([disabled])) [check] {
  color: var(--_c-prim);
}
._bullet[active]:where(:not([disabled])) a {
  color: var(--_c-prim);
}
._bullet:has([checked]):where(:not([disabled])),
._bullet[checked]:where(:not([disabled])) {
  color: var(--_c-prim);
}
._bullet:has([checked]):where(:not([disabled])):after,
._bullet[checked]:where(:not([disabled])):after {
  color: var(--_c-prim);
}
._bullet:has([checked]),
._bullet[checked]:after {
  content: 'check';
  font-family: var(--_ff-icon);
  font-size: var(--_rem-ignore);
  margin-left: var(--_rem-space);
}
._bullet[disabled] {
  color: var(--_c-ignore);
}
._bullet[disabled] a {
  color: var(--_c-ignore);
}
._bullet[hoverable]:where(:not([active], [disabled])):hover {
  background-color: var(--_c-ignore-bg);
}
._bullet[hoverable]:where([selected], [checked]):hover,
._bullet[hoverable]:has([checked]):hover {
  background-color: var(--_c-prim-bg);
}
._bullet[multiline] {
  --_blt-h: auto;
  --_blt-sz-legend: calc(var(--_blt-lh)*2);
  --_blt-align-v: flex-start;
  margin-top: var(--_blt-pd);
  margin-bottom: var(--_blt-pd);
}
._bullet[multiline] ._bullet-body {
  flex-direction: column;
}
._bullet[multiline] ._bullet-body AX-CHECKBOX,
._bullet[multiline] ._bullet-body AX-RADIO {
  --_chk-h: var(--_blt-h);
  --_chk-lh: var(--_blt-lh);
}
._bullet[multiline] ._bullet-body AX-CHECKBOX i,
._bullet[multiline] ._bullet-body AX-RADIO i {
  text-overflow: initial;
  white-space: initial;
}
._bullet[multiline] ._bullet-body AX-CHECKBOX[type=chera] i,
._bullet[multiline] ._bullet-body AX-RADIO[type=chera] i {
  height: auto;
  line-height: var(--_chk-lh);
  padding-top: var(--_em-space);
  padding-bottom: var(--_em-space);
}
._bullet[multiline] ._bullet-body > [rep=tips] {
  margin-left: 0;
  margin-top: var(--_rem-space);
}
@media screen and (max-width: 500px) {
  ._bullet:where(:has(._bullet-body > [rep=tips])) {
    --_blt-h: auto;
    --_blt-align-v: flex-start;
    margin-top: var(--_blt-pd);
    margin-bottom: var(--_blt-pd);
  }
  ._bullet:where(:has(._bullet-body > [rep=tips])) ._bullet-body {
    flex-direction: column;
  }
  ._bullet:where(:has(._bullet-body > [rep=tips])) ._bullet-body > [rep=tips] {
    margin-left: 0;
    margin-top: var(--_rem-space);
  }
  ._bullet:where(:has(._bullet-body > [rep=tips])) ._bullet-body > [rep=label] {
    white-space: normal;
  }
}
/*Post*/
._post {
  --_break: var(--_rem-space);
  box-sizing: border-box;
  transition: all var(--_dur-1) linear;
  position: relative;
  display: flex;
}
._post ._post-body {
  flex: auto;
  width: 0;
  position: relative;
}
._post:has([rep=posters]) {
  flex-direction: column;
}
._post:has([rep=posters]) ._post-body {
  width: auto;
}
._post [rep=caption] {
  font-size: var(--_rem-caption);
  font-weight: normal;
  margin-bottom: var(--_break, var(--_rem-space));
}
._post [rep=caption] a {
  color: var(--_c-text);
}
._post [rep=caption] a:hover {
  color: var(--_c-prim);
}
._post [rep=caption]:hover {
  color: var(--_c-prim);
}
._post [rep=brief] {
  color: var(--_c-brief);
}
._post [rep=byline] {
  color: var(--_c-brief);
  font-size: var(--_rem-ignore);
  line-height: var(--_rem-subject);
  margin-top: var(--_break, var(--_rem-space));
}
._post [rep=byline] > a {
  --_link-c: var(--_c-brief);
}
._post [rep=byline] > * {
  margin-right: var(--_rem-space);
}
._post [rep=poster] {
  --_poster-ar: 4/3;
  height: 9.6rem;
  overflow: hidden;
}
._post [rep=type] {
  color: var(--_c-ignore);
  font-size: var(--_rem-ignore);
  height: var(--_rem-body);
  line-height: var(--_rem-body);
  position: absolute;
  left: 0;
  bottom: calc(-1*var(--_rem-body));
}
._post [rep=poster]:nth-child(1) {
  margin-right: var(--_m);
}
._post ._post-body ~ [rep=poster] {
  margin-left: var(--_m);
}
._post [rep=posters]:nth-child(1) {
  margin-bottom: var(--_break);
}
._post ._post-body ~ [rep=posters] {
  margin-top: var(--_break);
}
._post [rep=posters] ._grid > * {
  border-radius: var(--_r);
}
/*Buoy*/
AX-BUOY {
  --_buoy-p: 0.6rem;
  --_buoy-h: var(--_rem-list);
  --_buoy-lh: var(--_rem-list);
  --_buoy-c-txt: var(--_c-text);
  --_buoy-c-bd: var(--_c-text-bd);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
AX-BUOY [rep=wrap] {
  font-size: var(--_rem-ignore);
  color: var(--_buoy-c-txt);
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid var(--_buoy-c-bd);
  border-radius: var(--_r);
  height: var(--_buoy-h);
  line-height: calc(var(--_buoy-lh) - 2px);
  background-color: var(--_c-stage);
  text-align: center;
  transition: all var(--_dur-1) linear;
  display: inline-flex;
}
AX-BUOY [rep=head] {
  background-color: var(--_c-ignore-bg);
  padding: 0 var(--_buoy-p);
  border-right: 1px solid var(--_buoy-c-bd);
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all var(--_dur-1) linear;
}
AX-BUOY [rep=head]:empty {
  display: none;
}
AX-BUOY [rep=head] [rep=icon],
AX-BUOY [rep=head] [rep=arrow] {
  transition: all var(--_dur-2) linear;
}
AX-BUOY [rep=head] [rep=icon] {
  font-size: var(--_rem-ignore);
}
AX-BUOY [rep=head] [rep=arrow] {
  font-size: var(--_rem-root);
  opacity: var(--_o-mask);
}
AX-BUOY [rep=head]:where(:has([rep=icon])) [rep=label] {
  margin-left: var(--_rem-min);
}
AX-BUOY [rep=head]:where(:has([rep=arrow])) [rep=label] {
  margin-right: var(--_rem-min);
}
AX-BUOY[inverted] [rep=head] {
  background-color: var(--_c-stage);
}
AX-BUOY [rep=value] {
  padding: 0 var(--_buoy-p);
  transition: all var(--_dur-1) linear;
}
AX-BUOY[inverted] [rep=value] {
  background-color: var(--_c-ignore-bg);
}
AX-BUOY._opened [rep=arrow] {
  rotate: 180deg;
}
AX-BUOY:where(:not([inverted])) [rep=head]:hover {
  color: var(--_c-ignore);
}
AX-BUOY[theme=prim] {
  --_buoy-c-txt: var(--_c-prim);
  --_buoy-c-bd: var(--_c-prim);
}
AX-BUOY[theme=succ] {
  --_buoy-c-txt: var(--_c-succ);
  --_buoy-c-bd: var(--_c-succ);
}
AX-BUOY[theme=error] {
  --_buoy-c-txt: var(--_c-error);
  --_buoy-c-bd: var(--_c-error);
}
AX-BUOY[theme=warn] {
  --_buoy-c-txt: var(--_c-warn);
  --_buoy-c-bd: var(--_c-warn);
}
AX-BUOY[theme=info] {
  --_buoy-c-txt: var(--_c-info);
  --_buoy-c-bd: var(--_c-info);
}
AX-BUOY[theme=issue] {
  --_buoy-c-txt: var(--_c-issue);
  --_buoy-c-bd: var(--_c-issue);
}
AX-BUOY[theme=text] {
  --_buoy-c-bd: var(--_c-black);
}
AX-BUOY[theme=brief] {
  --_buoy-c-txt: var(--_c-brief);
  --_buoy-c-bd: var(--_c-brief);
}
AX-BUOY[theme=prim]:where(:not([inverted])) [rep=head],
AX-BUOY[theme=prim]:where([inverted]) [rep=value] {
  background-color: var(--_c-prim);
}
AX-BUOY[theme=succ]:where(:not([inverted])) [rep=head],
AX-BUOY[theme=succ]:where([inverted]) [rep=value] {
  background-color: var(--_c-succ);
}
AX-BUOY[theme=error]:where(:not([inverted])) [rep=head],
AX-BUOY[theme=error]:where([inverted]) [rep=value] {
  background-color: var(--_c-error);
}
AX-BUOY[theme=warn]:where(:not([inverted])) [rep=head],
AX-BUOY[theme=warn]:where([inverted]) [rep=value] {
  background-color: var(--_c-warn);
}
AX-BUOY[theme=info]:where(:not([inverted])) [rep=head],
AX-BUOY[theme=info]:where([inverted]) [rep=value] {
  background-color: var(--_c-info);
}
AX-BUOY[theme=issue]:where(:not([inverted])) [rep=head],
AX-BUOY[theme=issue]:where([inverted]) [rep=value] {
  background-color: var(--_c-issue);
}
AX-BUOY[theme=text]:where(:not([inverted])) [rep=head],
AX-BUOY[theme=text]:where([inverted]) [rep=value] {
  background-color: var(--_c-black);
}
AX-BUOY[theme=brief]:where(:not([inverted])) [rep=head],
AX-BUOY[theme=brief]:where([inverted]) [rep=value] {
  background-color: var(--_c-brief);
}
AX-BUOY[theme] [rep=head] {
  border-width: 0;
}
AX-BUOY[theme]:where(:not([inverted])) [rep=head] {
  color: var(--_c-white);
}
AX-BUOY[theme]:where(:not([inverted])) [rep=head]:hover {
  color: rgba(255, 255, 255, var(--_o-active));
}
AX-BUOY[size=sm] {
  --_buoy-h: var(--_rem-subject);
  --_buoy-lh: var(--_rem-subject);
  --_buoy-p: var(--_rem-min);
}
AX-BUOY[size=lg] {
  --_buoy-h: var(--_rem-title);
  --_buoy-lh: var(--_rem-title);
  --_buoy-p: var(--_rem-space);
}
AX-BUOY[theme=prim]:where([inverted]) [rep=head] {
  color: var(--_c-prim);
}
AX-BUOY[theme=succ]:where([inverted]) [rep=head] {
  color: var(--_c-succ);
}
AX-BUOY[theme=error]:where([inverted]) [rep=head] {
  color: var(--_c-error);
}
AX-BUOY[theme=warn]:where([inverted]) [rep=head] {
  color: var(--_c-warn);
}
AX-BUOY[theme=info]:where([inverted]) [rep=head] {
  color: var(--_c-info);
}
AX-BUOY[theme=issue]:where([inverted]) [rep=head] {
  color: var(--_c-issue);
}
AX-BUOY[theme=text]:where([inverted]) [rep=head] {
  color: var(--_c-text);
}
AX-BUOY[theme=brief]:where([inverted]) [rep=head] {
  color: var(--_c-brief);
}
AX-BUOY[theme]:where([inverted]) [rep=value] {
  color: var(--_c-white);
}
AX-BUOY[inverted] [rep=value]:hover {
  color: var(--_c-text);
}
AX-BUOY[theme]:where([inverted]) [rep=value]:hover {
  color: rgba(255, 255, 255, var(--_o-active));
}
/*
Last modified: 2025-03-04 23:21:20
*/
/*Good component*/
AX-GOOD {
  text-align: center;
  margin: var(--_rem-title) auto;
  display: inline-flex;
  flex-direction: column;
  vertical-align: middle;
}
AX-GOOD [rep=wrap] {
  line-height: var(--_rem-input);
  border-radius: var(--_rem-input);
  padding: 0 var(--_rem-input);
  border: 1px solid var(--_c-text-bd);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all var(--_dur-1) linear;
  position: relative;
}
AX-GOOD:where(:not([increased])) [rep=wrap]:hover {
  color: var(--_c-white);
  background-color: var(--_c-prim);
  border-color: var(--_c-prim);
  cursor: pointer;
}
AX-GOOD:where(:not([increased])) [rep=wrap]:hover [rep=icon] {
  color: var(--_c-white);
}
AX-GOOD [rep=value] {
  transition: all var(--_dur-1) linear;
}
AX-GOOD [rep=icon] {
  color: var(--_c-prim);
  margin-right: var(--_rem-space);
  transition: all var(--_dur-1) linear;
}
AX-GOOD [rep=tips] {
  font-size: var(--_rem-ignore);
  color: var(--_c-text-aj);
  text-align: center;
}
AX-GOOD[increased] [rep=wrap],
AX-GOOD[increased] [rep=tips],
AX-GOOD[increased] [rep=label],
AX-GOOD[increased] [rep=icon] {
  color: var(--_c-ignore);
}
/*About article*/
._from {
  color: var(--_c-text-aj);
  box-sizing: border-box;
  display: flex;
  zoom: 1;
}
._from [rep=left] {
  flex: auto;
  width: 0;
  position: relative;
}
._from a {
  color: var(--_c-text-aj);
}
._from ax-avatar {
  margin-right: var(--_rem-space);
}
._author {
  box-sizing: border-box;
  display: flex;
  zoom: 1;
}
._author [rep=left] {
  line-height: var(--_rem-list);
  display: block;
  flex: auto;
  width: 0;
  position: relative;
}
._author [rep=right] {
  color: var(--_c-text-aj);
}
._author [rep=brief] {
  font-size: var(--_rem-ignore);
  color: var(--_c-text-aj);
}
._author ax-avatar {
  margin-right: var(--_rem-space);
}
/*
Last modified: 2025-03-04 23:25:49
*/
/*Anchors*/
AX-ANCHORS {
  --_anchor-right: var(--_m);
  --_anchor-top: calc(var(--_rem-hitbox) + var(--_rem-title));
  --_anchor-p: var(--_p);
  --_anchor-bg: var(--_c-stage-80);
  --_anchor-r: var(--_c-stage-80);
  --_anchor-pos: fixed;
  padding: var(--_anchor-p);
  box-sizing: border-box;
  border-radius: var(--_anchor-r);
  background-color: var(--_anchor-bg);
  display: flex;
  position: var(--_anchor-pos);
  right: var(--_anchor-right);
  top: var(--_anchor-top);
  z-index: 610;
}
AX-ANCHORS[expanded] {
  background: transparent;
}
AX-ANCHORS ul {
  border-left: 1px solid var(--_c-text-bd);
}
AX-ANCHORS li {
  padding-left: var(--_p);
  position: relative;
}
AX-ANCHORS li [rep=head] {
  line-height: var(--_rem-subject);
  padding: calc((var(--_rem-title) - var(--_rem-subject))/2) 0;
  position: relative;
}
AX-ANCHORS li [rep=head]:after {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  left: calc(-1*var(--_p) - 1px);
  top: 0;
  transition: all var(--_dur-1) linear;
}
AX-ANCHORS li [rep=head][active] {
  color: var(--_c-prim);
}
AX-ANCHORS li [rep=head][active] [rep=label] {
  color: var(--_c-prim);
}
AX-ANCHORS li [rep=head][active]:after {
  background-color: var(--_c-prim);
}
AX-ANCHORS li [rep=label] {
  color: var(--_c-text);
  cursor: pointer;
  transition: all var(--_dur-1) linear;
}
AX-ANCHORS li [rep=label]:hover {
  color: var(--_c-prim);
}
._anchor {
  position: relative;
}
._anchor ._hash {
  font-weight: normal;
  position: absolute;
  left: 0;
  width: var(--_rem-title);
  text-align: center;
  transform: translateX(-100%);
}
/*
 *Last modified: 2025-03-05 09:58:43
 */
/*Wall*/
._wall,
[class*='_wall-'] {
  --_wall-ar: 1/1;
  --_wall-fs: var(--_rem-ignore);
  --_wall-c: var(--_c-white);
  --_wall-bg: var(--_c-text-bg);
  --_wall-mask: rgba(0, 0, 0, var(--_o-mask));
  --_wall-r: 0;
}
._wall > *,
[class*='_wall-'] > * {
  aspect-ratio: var(--_wall-ar);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: var(--_wall-bg);
  border-radius: var(--_wall-r);
  box-sizing: border-box;
  position: relative;
}
._wall > * > img,
[class*='_wall-'] > * > img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  transition: all var(--_dur-2) linear;
}
._wall > * > img[src=""],
[class*='_wall-'] > * > img[src=""] {
  display: none;
}
._wall > *:has(>img[src=""]):after,
[class*='_wall-'] > *:has(>img[src=""]):after {
  color: var(--_c-ignore);
  content: "issue";
  font-family: var(--_ff-icon);
  font-size: var(--_rem-title);
}
._wall [rep=caption],
[class*='_wall-'] [rep=caption] {
  color: var(--_wall-c);
  font-size: var(--_wall-fs);
  background-color: var(--_wall-mask);
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  box-sizing: border-box;
  line-height: var(--_rem-subject);
  width: 100%;
  text-align: center;
  padding: var(--_rem-space);
  transition: all var(--_dur-2) linear;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}
._wall:where(:not(._wall-sticky)) [rep=caption],
[class*='_wall-']:where(:not(._wall-sticky)) [rep=caption] {
  transform: translateY(100%);
}
._wall [rep=tools],
[class*='_wall-'] [rep=tools] {
  transition: all var(--_dur-2) linear;
  position: absolute;
  z-index: 2;
}
._wall [rep=tools] > *,
[class*='_wall-'] [rep=tools] > * {
  --_tools-c: var(--_c-white);
  --_tools-c-hov: var(--_c-white);
}
._wall:where(._wall-sticky) [rep=tools],
[class*='_wall-']:where(._wall-sticky) [rep=tools] {
  text-align: right;
  line-height: var(--_rem-list);
  display: inline-flex;
  right: var(--_rem-space);
  top: var(--_rem-space);
}
._wall:where(:not(._wall-sticky)) [rep=tools],
[class*='_wall-']:where(:not(._wall-sticky)) [rep=tools] {
  background-color: var(--_wall-mask);
  width: 100%;
  aspect-ratio: 1/1;
  text-align: center;
  opacity: 0;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
._wall:where(:not(._wall-sticky)) [rep=tools] ._box-tools > *,
[class*='_wall-']:where(:not(._wall-sticky)) [rep=tools] ._box-tools > * {
  margin: auto var(--_rem-min);
}
._wall [rep=tags],
[class*='_wall-'] [rep=tags] {
  width: 80%;
  padding: var(--_rem-space) 0 0 var(--_rem-space);
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
}
._wall [rep=tags] > *,
[class*='_wall-'] [rep=tags] > * {
  margin-right: var(--_rem-min);
  margin-bottom: var(--_rem-min);
}
._wall [rep=icon],
[class*='_wall-'] [rep=icon] {
  font-size: var(--_rem-subject);
  color: var(--_c-white);
  line-height: 1em;
  position: absolute;
  right: var(--_rem-body);
  top: var(--_rem-body);
  z-index: 1;
}
._wall [rep=text],
[class*='_wall-'] [rep=text],
._wall [rep=tips],
[class*='_wall-'] [rep=tips],
._wall [rep=more],
[class*='_wall-'] [rep=more],
._wall ._hide-clip,
[class*='_wall-'] ._hide-clip {
  color: var(--_c-white);
  background-color: var(--_wall-mask);
  border-radius: inherit;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: var(--_p);
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
._wall [rep=text],
[class*='_wall-'] [rep=text],
._wall [rep=tips],
[class*='_wall-'] [rep=tips],
._wall [rep=more],
[class*='_wall-'] [rep=more] {
  display: flex;
}
._wall [rep=text],
[class*='_wall-'] [rep=text] {
  align-items: flex-start;
}
._wall [rep=tips],
[class*='_wall-'] [rep=tips],
._wall [rep=more],
[class*='_wall-'] [rep=more],
._wall ._hide-clip,
[class*='_wall-'] ._hide-clip {
  line-height: var(--_rem-subject);
  align-items: center;
}
._wall [rep=tips],
[class*='_wall-'] [rep=tips] {
  font-size: var(--_rem-ignore);
}
._wall [rep=count],
[class*='_wall-'] [rep=count] {
  font-size: var(--_rem-ignore);
  color: var(--_c-white);
  background-color: var(--_wall-mask);
  line-height: var(--_rem-subject);
  padding: 0 var(--_rem-min);
  border-radius: var(--_r);
  position: absolute;
  left: var(--_rem-space);
  bottom: var(--_rem-space);
  z-index: 2;
}
._wall:where(:not(._wall-sticky)) > *:hover [rep=caption],
[class*='_wall-']:where(:not(._wall-sticky)) > *:hover [rep=caption] {
  transform: translateY(0);
}
._wall:where(:not(._wall-sticky)) > *:hover [rep=tools],
[class*='_wall-']:where(:not(._wall-sticky)) > *:hover [rep=tools] {
  opacity: 1;
}
/*
Last modified: 2025-03-12 23:06:09
*/
/*Card*/
._card {
  --_card-p: var(--_p);
  --_card-br: var(--_rem-space);
  --_card-bg: var(--_c-stage);
  --_card-bd: 1px;
  --_card-r: var(--_r-input);
  --_card-ar: 16/9;
  --_card-scale: 1.05;
  --_card-fw: bold;
  --_card-m: var(--_rem-body);
  background-color: var(--_card-bg);
  border: var(--_card-bd) solid var(--_c-text-bd);
  border-radius: var(--_card-r);
  box-sizing: border-box;
  display: block;
  padding: var(--_card-p);
  position: relative;
  transition: all var(--_dur-2) linear;
}
._card [rep=caption] {
  font-size: var(--_rem-caption);
  font-weight: var(--_card-fw);
  margin-bottom: var(--_break, var(--_rem-space));
}
._card [rep=caption] a {
  color: var(--_c-text);
}
._card [rep=caption] a:hover {
  color: var(--_c-prim);
}
._card [rep=caption]:hover {
  color: var(--_c-prim);
}
._card [rep=brief] {
  color: var(--_c-brief);
}
._card [rep=byline] {
  color: var(--_c-brief);
  font-size: var(--_rem-ignore);
  line-height: var(--_rem-subject);
  margin-top: var(--_break, var(--_rem-space));
}
._card [rep=byline] > a {
  --_link-c: var(--_c-brief);
}
._card [rep=byline] > * {
  margin-right: var(--_rem-space);
}
._card [rep=poster] {
  --_poster-ar: var(--_card-ar);
  --_poster-d: flex;
  --_poster-r: 0;
  overflow: hidden;
}
._card ._card-foot {
  margin-top: var(--_card-p);
}
._card [rep=btns] {
  border-top: 1px solid var(--_c-text-bd);
  margin-bottom: calc(-1*var(--_card-p));
  text-align: center;
  line-height: var(--_rem-hitbox);
  display: flex;
}
._card [rep=btns] > * {
  width: calc((100%/24)*12);
  padding: 0;
  flex: auto;
  position: relative;
}
._card [rep=btns] > *:not(:last-child) {
  border-right: 1px solid var(--_c-text-bd);
}
._card [rep=btns] [rep=left] {
  width: 70%;
  text-align: left;
}
._card [rep=btns] [rep=right] {
  width: 30%;
}
._card [rep=posters]:where(:not(:first-child)),
._card [rep=poster]:where(:not(:first-child)) {
  margin-top: var(--_card-m);
}
._card [rep=posters]:where(:not(:last-child)),
._card [rep=poster]:where(:not(:last-child)) {
  margin-bottom: var(--_card-m);
}
._card [rep=poster] + [rep=posters] {
  margin-top: calc(-1*var(--_card-m) + 2px);
}
._card[unpadded] {
  --_card-p: 0;
  --_card-bd: 0;
}
._card[unpadded] [rep=poster] {
  --_poster-r: var(--_card-r);
}
._card[unpadded] [rep=poster]:hover > img {
  transform: scale(var(--_card-scale));
}
._card:where(:not([unpadded])):hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
._card:where(:not([unpadded])):hover [rep=poster] > img {
  transform: scale(var(--_card-scale));
}
/*Grade*/
._grade {
  --_grade-w: var(--_w-list);
  --_grade-r: var(--_r-input);
  position: relative;
}
._grade > [rep=host] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
._grade > [rep=host] [rep=label] {
  position: relative;
}
._grade > [rep=host] [rep=arrow] {
  color: var(--_c-ignore);
  font-family: var(--_ff-icon);
  font-size: var(--_px-root);
  margin-left: var(--_rem-min);
  transition: all var(--_dur-2) linear;
}
._grade > [rep=host] [rep=arrow]:before {
  content: 'down';
}
._grade:where(:not([expanded])) > [rep=host] [rep=label]:after {
  content: '';
  height: 2px;
  width: 2em;
  background-color: var(--_c-prim);
  transform: translate(-50%, 0) scaleX(0);
  transition: all var(--_dur-2) linear;
  position: absolute;
  left: 50%;
  bottom: 0;
}
._grade:where(:not([expanded])) > [rep=host] [rep=arrow] {
  margin-left: var(--_rem-min);
}
._grade:where([expanded]) > [rep=host] [rep=arrow] {
  order: -10;
  margin-right: var(--_rem-min);
}
._grade > ._grade-wrap {
  box-sizing: border-box;
}
._grade:where(:not([expanded])) > ._grade-wrap {
  background-color: var(--_c-stage);
  transform: translatex(-50%);
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 3;
}
._grade[placement="right"]:where(:not([expanded])) ._grade-wrap {
  top: 0;
  left: auto;
  right: calc(-1*var(--_grade-w) - var(--_rem-space));
  transform: none;
}
._grade[placement="right"]:where(:not([expanded])) ._grade-wrap:before {
  content: '';
  width: 1rem;
  height: var(--_rem-input);
  position: absolute;
  left: -1rem;
  top: 0;
}
._grade[placement="bottom-start"]:where(:not([expanded])) ._grade-wrap {
  transform: none;
  left: 0;
}
._grade[placement="bottom-end"]:where(:not([expanded])) ._grade-wrap {
  transform: none;
  left: auto;
  right: 0;
}
._grade:where(:not([expanded])) ._grade-wrap,
._grade:where(:not([expanded])) ul._grade-wrap ul {
  width: var(--_grade-w);
  box-sizing: border-box;
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_grade-r);
}
._grade:where(:not([expanded])) ._grade-wrap:where(:not(ul)) {
  --_grade-w: var(--_w-drawer);
}
._grade:where(:not([expanded])) ul._grade-wrap li {
  position: relative;
  border-bottom: 1px solid var(--_c-text-bd);
}
._grade:where(:not([expanded])) ul._grade-wrap li:last-child,
._grade:where(:not([expanded])) ul._grade-wrap ul li:last-child {
  border-width: 0;
}
._grade:where(:not([expanded])) ul._grade-wrap li ul {
  box-sizing: border-box;
  background-color: var(--_c-stage);
  -webkit-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
  position: absolute;
  width: 100%;
  top: -0.1rem;
  right: 0;
  display: none;
}
._grade:where([expanded]) li {
  margin-left: 2em;
}
._grade ul._grade-wrap [rep=head] {
  line-height: var(--_rem-subject);
  min-height: var(--_rem-input);
  padding: calc((var(--_rem-input) - var(--_rem-subject))/2) var(--_p);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all var(--_dur-1) linear;
}
._grade ul._grade-wrap li [rep=arrow] {
  font-family: var(--_ff-icon);
  font-size: var(--_px-root);
  color: var(--_c-ignore);
  height: 1em;
  width: 1em;
  line-height: 1em;
  text-align: center;
  transition: all var(--_dur-2) linear;
}
._grade:where(:not([expanded])) ul._grade-wrap li [rep=arrow] {
  margin-right: -1rem;
  margin-left: calc(-1em + 1rem);
}
._grade:where(:not([expanded])) ul._grade-wrap li [rep=arrow]:before {
  content: 'right';
}
._grade:where([expanded]) ul._grade-wrap [rep=head] {
  border-radius: var(--_grade-r);
  display: inline-flex;
}
._grade:where([expanded]) ul._grade-wrap [rep=head] [rep=label] {
  width: auto;
}
._grade:where([expanded]) ul._grade-wrap li [rep=arrow] {
  margin-left: -1.4rem;
  margin-right: calc(1.4rem - 1em);
  order: -10;
}
._grade:where([expanded]) ul._grade-wrap li [rep=arrow]:before {
  content: 'down';
}
._grade ul._grade-wrap [rep=label] {
  color: var(--_c-text);
  box-sizing: border-box;
  flex: auto;
  width: 0;
}
._grade ul._grade-wrap [rep=icon],
._grade ul._grade-wrap [rep=disk],
._grade ul._grade-wrap [rep=cube],
._grade ul._grade-wrap [rep=image] {
  margin-right: var(--_rem-min);
}
._grade ul._grade-wrap [rep=disk],
._grade ul._grade-wrap [rep=cube],
._grade ul._grade-wrap [rep=image] {
  height: var(--_rem-list);
  display: inline-flex;
}
._grade ul._grade-wrap [rep=disk],
._grade ul._grade-wrap [rep=cube] {
  width: var(--_rem-list);
  object-fit: cover;
}
._grade ul._grade-wrap [rep=disk] {
  border-radius: 100%;
}
._grade ul._grade-wrap [rep=cube] {
  border-radius: var(--_r);
}
._grade:where(:not([expanded])):hover > [rep=host] [rep=arrow] {
  rotate: 180deg;
}
._grade:where(:not([expanded])):hover > ._grade-wrap {
  display: block;
}
._grade:where(:not([expanded])) ul._grade-wrap li:hover > [rep=head] + ul {
  display: block;
}
._grade:where(:not([expanded])) ul._grade-wrap li:hover > [rep=head] [rep=arrow] {
  rotate: 180deg;
}
._grade > [rep=host][selected] {
  color: var(--_c-prim);
}
._grade:where(:not([expanded])) > [rep=host][selected] [rep=label]:after {
  transform: translate(-50%, 0) scaleX(1);
}
._grade ul._grade-wrap [rep=head]:where(:not([selected], [disabled])):hover {
  color: var(--_c-prim);
  background-color: var(--_c-prim-bg);
}
._grade ul._grade-wrap [rep=head]:where(:not([selected], [disabled])):hover [rep=label] {
  color: var(--_c-prim);
}
._grade ul._grade-wrap [rep=head][selected] [rep=arrow] {
  color: rgba(255, 255, 255, var(--_o-active));
}
._grade ul._grade-wrap [rep=head][selected],
._grade ul._grade-wrap [rep=head][selected]:hover {
  color: var(--_c-white);
  background-color: var(--_c-prim);
}
._grade ul._grade-wrap [rep=head][selected] [rep=label],
._grade ul._grade-wrap [rep=head][selected]:hover [rep=label] {
  color: v var(--_c-white);
}
._grade ul._grade-wrap [rep=head][disabled] {
  color: var(--_c-ignore);
}
._grade ul._grade-wrap [rep=head][disabled] [rep=label] {
  color: var(--_c-ignore);
}
/*Toggle btns*/
._toggle {
  --_toggle-color: var(--_c-text);
  --_toggle-bd: var(--_c-text-bd);
  --_toggle-bg: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.4);
  --_toggle-gap: var(--_m);
  --_toggle-sz: var(--_rem-title);
  color: var(--_toggle-color);
  width: var(--_toggle-sz);
  border: 1px solid var(--_toggle-bd);
  background-color: var(--_toggle-bg);
  border-radius: 100%;
  aspect-ratio: 1 / 1;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all var(--_dur-2) linear;
  position: fixed;
  right: var(--_toggle-gap);
  top: calc(50% - var(--_toggle-sz) / 2);
  z-index: 610;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: var(--_dur-5);
  animation-fill-mode: both;
  animation-name: _remind-h;
  /*     &[placement=right] {
      right: var(--_toggle-gap);
      top: calc(50% - var(--_toggle-sz) / 2);
      &:before {
          content: 'left';
      }
      &[done] {
          right: calc(-1*var(--_toggle-sz));
          &:before {
              content: 'right';
          }
      }
  } */
}
._toggle:before {
  font-family: var(--_ff-icon);
  content: 'arrow-left';
}
._toggle[done] {
  right: calc(-1*var(--_toggle-sz) - 4px);
}
._toggle[done]:before {
  content: 'arrow-right';
}
._toggle[placement=left] {
  right: auto;
  bottom: auto;
  left: var(--_toggle-gap);
  top: calc(50% - var(--_toggle-sz) / 2);
}
._toggle[placement=left]:before {
  content: 'arrow-right';
}
._toggle[placement=left][done] {
  left: calc(-1*var(--_toggle-sz) - 4px);
}
._toggle[placement=left][done]:before {
  content: 'arrow-left';
}
._toggle[placement=top] {
  right: auto;
  bottom: auto;
  left: calc(50% - var(--_toggle-sz) / 2);
  top: var(--_toggle-gap);
}
._toggle[placement=top]:before {
  content: 'arrow-down';
}
._toggle[placement=top][done] {
  top: calc(-1*var(--_toggle-sz) - 4px);
}
._toggle[placement=top][done]:before {
  content: 'arrow-up';
}
._toggle[placement=bottom] {
  right: auto;
  top: auto;
  left: calc(50% - var(--_toggle-sz) / 2);
  bottom: var(--_toggle-gap);
}
._toggle[placement=bottom]:before {
  content: 'arrow-up';
}
._toggle[placement=bottom][done] {
  bottom: calc(-1*var(--_toggle-sz) - 4px);
}
._toggle[placement=bottom][done]:before {
  content: 'arrow-down';
}
._toggle[placement=top]:not([done]),
._toggle[placement=bottom]:not([done]) {
  animation-name: _remind-v;
}
._toggle[placement=left]:not([done]),
._toggle[placement=right]:not([done]) {
  animation-name: _remind-h;
}
._toggle[theme=prim] {
  --_toggle-color: var(--_c-prim);
  --_toggle-bd: var(--_c-prim);
  --_toggle-bg: var(--_c-prim-ac);
}
._toggle[theme=error] {
  --_toggle-color: var(--_c-error);
  --_toggle-bd: var(--_c-error);
  --_toggle-bg: var(--_c-error-ac);
}
._toggle[theme=succ] {
  --_toggle-color: var(--_c-succ);
  --_toggle-bd: var(--_c-succ);
  --_toggle-bg: var(--_c-succ-ac);
}
._toggle[theme=info] {
  --_toggle-color: var(--_c-info);
  --_toggle-bd: var(--_c-info);
  --_toggle-bg: var(--_c-info-ac);
}
._toggle[theme=issue] {
  --_toggle-color: var(--_c-issue);
  --_toggle-bd: var(--_c-issue);
  --_toggle-bg: var(--_c-issue-ac);
}
._toggle[theme=warn] {
  --_toggle-color: var(--_c-warn);
  --_toggle-bd: var(--_c-warn);
  --_toggle-bg: var(--_c-warn-ac);
}
._toggle:where(:not([theme])):hover {
  --_toggle-color: var(--_c-prim);
  --_toggle-bd: var(--_c-prim);
  --_toggle-bg: var(--_c-prim-ac);
}
._toggle:where([theme]):hover {
  color: var(--_c-white);
  --_toggle-bg: var(--_toggle-color);
}
/*Masonry layout*/
._masonry {
  --_masonry-cols: 4;
  display: grid;
  grid-template-columns: repeat(var(--_masonry-cols), 1fr);
  align-items: start;
  justify-content: center;
  grid-auto-rows: 1px;
}
._masonry > * {
  box-sizing: border-box;
  position: relative;
}
._masonry > * video {
  display: block;
}
/*
Last modified: 2025-03-04 23:45:00
*/
/*Infinite Scroll*/
._inf ._inf-item {
  content-visibility: auto;
  contain: layout paint;
}
._inf ._inf-status {
  text-align: center;
  padding: 1.4rem 0;
}
._inf ._inf-status [rep=tips] {
  color: var(--_c-ignore);
}
._inf ._inf-status [rep=spin] {
  padding: var(--_rem-body);
}
._inf ._inf-status:where(:not([status=finish])) ._pagination,
._inf ._inf-status:where(:not([status=finish])) [rep=page] {
  display: none;
}
._inf ._inf-status:where([status=finish]) [rep=next] {
  display: none;
}
._inf ._inf-status:where([status=finish]) [rep=spin],
._inf ._inf-status:where([status=loaded]) [rep=spin] {
  display: none;
}
._inf:where([trigger=click]) ._inf-status:where(:not([status=preload])) [rep=next] {
  display: none;
}
._inf:where(:not([trigger=scroll])) ._inf-status:where([status=preload]) [rep=spin] {
  display: none;
}
/*Virtualize*/
._virt > ._virt-wrap {
  position: relative;
}
._virt ._virt-space {
  height: 0;
  overflow: hidden;
}
._virt[axis=x] {
  overflow-y: hidden;
  overflow-x: auto;
}
._virt[axis=x] > ._virt-wrap {
  display: flex;
  width: 10000000000vw;
}
._virt[axis=y] {
  overflow-x: hidden;
  overflow-y: auto;
}
._virt[axis=y] > ._virt-wrap {
  height: 10000000000vh;
}
/*table*/
._table-wrap {
  border-top: 1px solid var(--_c-text-bd);
  border-bottom: 1px solid var(--_c-text-bd);
  overflow: auto;
  position: relative;
}
._table {
  --_table-ell: 16rem;
}
._table th ._cell {
  display: flex;
}
._table tr:where([selected]) td {
  background-color: var(--_c-prim-bg);
}
._table th:where([selected]),
._table td:where([selected]) {
  background-color: var(--_c-prim-bg);
}
._table tr td:where([focus]) {
  color: var(--_c-prim);
  box-shadow: inset 0 0 0 2px var(--_c-prim);
}
._table tr:where([disabled]) td:where([focus]) {
  color: var(--_c-ignore);
  box-shadow: inset 0 0 0 2px var(--_c-prim-bd);
}
._table tr:where([disabled]) {
  opacity: var(--_o-disabled);
}
._table td[disabled] {
  opacity: var(--_o-disabled);
}
._table:where([stripe='']) tbody tr:nth-child(odd),
._table:where([stripe="odd"]) tbody tr:nth-child(odd) {
  background-color: var(--_c-ignore-bg);
}
._table:where([stripe="even"]) tbody tr:nth-child(even) {
  background-color: var(--_c-ignore-bg);
}
._table:where([hoverable]) tbody tr:where(:not([selected], [disabled])):hover {
  background-color: var(--_c-text-bg);
}
._table:where([focus]) tbody tr td:where(:not([focus], [name='check'], [name='tools'])):hover {
  box-shadow: inset 0 0 0 2px var(--_c-ignore);
}
._table:where([nowrap]) td,
._table:where([nowrap]) th {
  white-space: nowrap;
}
._table ._sort-arrow {
  width: var(--_rem-subject);
  height: var(--_rem-subject);
  text-align: center;
  position: relative;
}
._table ._sort-arrow:before {
  content: '';
  height: 0;
  width: 0;
  margin: auto 0;
  border-color: transparent transparent var(--_c-ignore) transparent;
  border-style: solid;
  border-width: 0 0.4rem 0.4rem 0.4rem;
  transition: all var(--_dur-2) linear;
  position: absolute;
  top: calc(var(--_rem-subject) / 2 - 0.1rem - 0.4rem);
  left: calc(var(--_rem-subject) / 2 - 0.4rem);
}
._table ._sort-arrow:after {
  content: '';
  height: 0;
  width: 0;
  margin: auto 0;
  border-color: var(--_c-text-bd) transparent transparent transparent;
  border-style: solid;
  border-width: 0.4rem 0.4rem 0 0.4rem;
  transition: all var(--_dur-2) linear;
  position: absolute;
  top: calc(var(--_rem-subject) / 2 + 0.1rem);
  left: calc(var(--_rem-subject) / 2 - 0.4rem);
}
._table label ~ * {
  font-size: var;
  color: var(--_c-text-bg);
  width: var(--_rem-subject);
  text-align: center;
  cursor: pointer;
  transition: all var(--_dur-2) linear;
}
._table label ~ *:hover {
  color: var(--_c-text);
}
._table [order="asc"] ._sort-arrow:before {
  border-color: transparent transparent var(--_c-text) transparent;
}
._table [order="desc"] ._sort-arrow:after {
  border-color: var(--_c-text) transparent transparent transparent;
}
._table ._avatar {
  margin-top: calc((-1*var(--_rem-list) + var(--_rem-biref))/2);
  margin-bottom: calc((-1*var(--_rem-list) + var(--_rem-biref))/2);
}
._table ._b-xs {
  margin-top: calc((-1*var(--_rem-list) + var(--_rem-biref))/2);
  margin-bottom: calc((-1*var(--_rem-list) + var(--_rem-biref))/2);
}
._table ._b-xs._b-seal {
  position: relative;
}
._table ._operate {
  margin-top: calc((-1*var(--_rem-list) + var(--_rem-biref))/2);
  margin-bottom: calc((-1*var(--_rem-list) + var(--_rem-biref))/2);
}
._table ._operate [class*="icon-"] {
  color: var(--_c-ignore);
  font-size: 1.4rem;
  height: var(--_rem-list);
  line-height: var(--_rem-list);
  width: var(--_rem-list);
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
._table ._operate [class*="icon-"]._c-ignore {
  cursor: not-allowed;
}
._table ._operate [class*="icon-"] ._dot {
  position: absolute;
  right: 0;
  top: 0;
}
._table tbody tr:hover ._operate [class*="icon-"] {
  color: var(--_c-text-aj);
}
._table ._operate [class*="icon-"]:hover {
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
  line-height: calc(var(--_rem-list) - 0.2rem);
  border-radius: var(--_r);
}
._table ._operate [class*="icon-"]:hover ._badge {
  right: -0.1rem;
  top: -0.1rem;
}
._table ._ell,
._table [class*="_ell-"] {
  max-width: var(--_table-ell);
}
._table ._form-input,
._table ._form-con {
  width: 100%;
}
._table ._radio._xs,
._table ._checkbox._xs,
._table select._xs,
._table ._form-group._xs,
._table td > input._xs {
  margin-top: calc((-1*var(--_rem-list) + var(--_rem-biref))/2);
  margin-bottom: calc((-1*var(--_rem-list) + var(--_rem-biref))/2);
}
._table ._select._xs + span {
  margin-top: calc(((-1*var(--_rem-list) + var(--_rem-biref))/2) - 0.4rem);
  margin-bottom: calc((-1*var(--_rem-list) + var(--_rem-biref))/2);
}
._table ._select,
._table select {
  width: 12rem;
}
._table th > input[type='text'],
._table td > input[type='text'],
._table th > input[type='password'],
._table td > input[type='password'] {
  width: 12rem;
  max-width: 100%;
}
._table td > input[type='text'][editing] {
  background: transparent;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 2px var(--_c-prim);
  border-radius: 0;
  border: none;
  position: absolute;
  left: 0;
  top: 0;
}
._table td > textarea[editing] {
  background: transparent;
  width: calc(100% + 2rem);
  margin: -1rem;
  box-shadow: inset 0 0 0 2px var(--_c-prim);
  border-radius: 0;
  border: none;
}
._table ._form-group ._col {
  width: auto;
}
._table[display="border"],
._table-wrap[display="border"] {
  border-left: 1px solid var(--_c-text-bd);
  border-right: 1px solid var(--_c-text-bd);
}
._table[display="grid"],
._table-wrap[display="grid"] {
  border-left: 1px solid var(--_c-text-bd);
  box-shadow: inset -1px 0 0 0 var(--_c-text-bd);
  position: relative;
}
._table[display="grid"] td,
._table-wrap[display="grid"] td,
._table[display="grid"] th,
._table-wrap[display="grid"] th {
  position: relative;
  box-shadow: inset -1px 0 0 0 var(--_c-text-bd);
}
._table[display="grid"] td[selected],
._table-wrap[display="grid"] td[selected] {
  position: relative;
  box-shadow: inset 0 0 0 2px var(--_c-prim);
}
._table-wrap {
  border-top: 1px solid var(--_c-text-bd);
  border-bottom: 1px solid var(--_c-text-bd);
  overflow: auto;
  position: relative;
}
._table-wrap ._table {
  border-top: none;
  border-bottom: none;
}
._table-wrap[fixed*="head"] thead tr:last-child {
  border: none;
}
._table-wrap[fixed*="head"] thead th {
  background-color: var(--_c-stage);
  box-shadow: inset 0 -1px 0 0 var(--_c-text-bd);
  position: sticky;
  top: 0;
  z-index: 3;
}
._table-wrap[fixed*="head"] tbody tr:last-child {
  border-bottom: 1px solid var(--_c-text-bd);
}
._table-wrap[display="grid"][fixed*="head"] thead th {
  box-shadow: inset 0 -1px 0 0 var(--_c-text-bd), inset -1px 0 0 0 var(--_c-text-bd);
}
._table-wrap[fixed*="left"] th:first-child,
._table-wrap[fixed*="left"] td:first-child {
  background-color: var(--_c-stage);
  box-shadow: inset -1px 0 0 0 var(--_c-text-bd);
  position: sticky;
  left: 0;
  z-index: 3;
}
._table-wrap[stripe][fixed*="left"] tbody tr:nth-child(odd) td:first-child {
  background-color: var(--_c-ignore-bg);
}
._table-wrap[stripe][fixed*="left"] tbody tr[selected] td:first-child {
  background-color: var(--_c-prim-bg);
}
._table-wrap[hoverable][fixed*="left"] tbody tr:not([selected]):hover td:first-child {
  background-color: var(--_c-text-bg);
}
._table-wrap[fixed*="right"] th:last-child,
._table-wrap[fixed*="right"] td:last-child {
  background-color: var(--_c-stage);
  position: sticky;
  right: 0;
  z-index: 3;
}
._table-wrap[fixed*="right"] th:last-child:before,
._table-wrap[fixed*="right"] td:last-child:before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: var(--_c-text-bd);
  position: absolute;
  left: -1px;
  top: 0;
}
._table-wrap[stripe][fixed*="right"] tbody tr:nth-child(odd) td:last-child {
  background-color: var(--_c-ignore-bg);
}
._table-wrap[stripe][fixed*="right"] tbody tr[selected] td:last-child {
  background-color: var(--_c-prim-bg);
}
._table-wrap[hoverable][fixed*="right"] tbody tr:not([selected]):hover td:last-child {
  background-color: var(--_c-text-bg);
}
._table-wrap[fixed*="head"][fixed*="left"] tr th:first-child {
  box-shadow: inset 0 -1px 0 0 var(--_c-text-bd), inset -1px 0 0 0 var(--_c-text-bd);
  z-index: 4;
}
._table-wrap[fixed*="head"][fixed*="right"] tr th:last-child {
  z-index: 4;
}
._table-wrap[fixed*="head"][fixed*="right"] tr th:last-child:before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: var(--_c-text-bd);
  position: absolute;
  left: -1px;
  top: 0;
}
._table-wrap *[fixed] {
  position: sticky;
  z-index: 3;
}
._table-wrap[fixed*="head"] *[fixed] {
  z-index: 4;
}
._table-tools {
  display: flex;
}
._table-tools [toolsright] {
  text-align: right;
  flex: auto;
}
._table-tools [toolsright] > a,
._table-tools [toolsright] > ._btn-group {
  margin-left: 0.8rem;
}
._table-tools ._table-search {
  width: 20rem;
}
._table-tools ._table-search ._form-input,
._table-tools ._table-search ._form-con {
  width: 100%;
}
/*Alarm*/
AX-ALARM {
  --_alarm-sz: var(--_rem-body);
  --_alarm-c: var(--_c-white);
  --_alarm-c-bg: var(--_c-error);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
AX-ALARM [rep=wrap] {
  color: var(--_alarm-c);
  aspect-ratio: 1 / 1;
  max-width: var(--_w-list);
  line-height: 1em;
  border-radius: 100%;
  padding: var(--_rem-space);
  background-color: var(--_alarm-c-bg);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  transition: all var(--_dur-2) linear;
}
AX-ALARM [rep=wrap] * {
  position: relative;
  z-index: 2;
}
AX-ALARM [rep=wrap]:before,
AX-ALARM [rep=wrap]:after {
  content: '';
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: inherit;
  background-color: var(--_alarm-c-bg);
  transform: scale(3);
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
AX-ALARM [rep=image] {
  width: var(--_rem-input);
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: inherit;
}
AX-ALARM [rep=wrap]:before {
  animation: _wave-3 1s infinite;
}
AX-ALARM [rep=wrap]:after {
  animation: _wave-5 1s infinite;
}
AX-ALARM[size=sm] [rep=wrap]:before {
  animation-name: _wave-2;
}
AX-ALARM[size=sm] [rep=wrap]:after {
  animation-name: _wave-3;
}
AX-ALARM[size=md] [rep=wrap]:before {
  animation-name: _wave-3;
}
AX-ALARM[size=md] [rep=wrap]:after {
  animation-name: _wave-5;
}
AX-ALARM[size=lg] [rep=wrap]:before {
  animation-name: _wave-4;
}
AX-ALARM[size=lg] [rep=wrap]:after {
  animation-name: _wave-7;
}
AX-ALARM[theme=prim] [rep=wrap],
AX-ALARM[theme=prim] [rep=wrap]:before,
AX-ALARM[theme=prim] [rep=wrap]:after {
  background-color: var(--_c-prim);
}
AX-ALARM[theme=error] [rep=wrap],
AX-ALARM[theme=error] [rep=wrap]:before,
AX-ALARM[theme=error] [rep=wrap]:after {
  background-color: var(--_c-error);
}
AX-ALARM[theme=succ] [rep=wrap],
AX-ALARM[theme=succ] [rep=wrap]:before,
AX-ALARM[theme=succ] [rep=wrap]:after {
  background-color: var(--_c-succ);
}
AX-ALARM[theme=warn] {
  --_alarm-c: var(--_c-black);
}
AX-ALARM[theme=warn] [rep=wrap],
AX-ALARM[theme=warn] [rep=wrap]:before,
AX-ALARM[theme=warn] [rep=wrap]:after {
  background-color: var(--_c-warn);
}
AX-ALARM[theme=info] [rep=wrap],
AX-ALARM[theme=info] [rep=wrap]:before,
AX-ALARM[theme=info] [rep=wrap]:after {
  background-color: var(--_c-info);
}
AX-ALARM[theme=issue] [rep=wrap],
AX-ALARM[theme=issue] [rep=wrap]:before,
AX-ALARM[theme=issue] [rep=wrap]:after {
  background-color: var(--_c-issue);
}
@keyframes _wave-2 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes _wave-3 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes _wave-4 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
@keyframes _wave-5 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}
@keyframes _wave-6 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(6);
    opacity: 0;
  }
}
@keyframes _wave-7 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(7);
    opacity: 0;
  }
}
/*statstics*/
AX-STATS {
  --_stats-fs: var(--_rem-title);
  --_stats-lh: var(--_rem-input);
  --_stats-h-legend: calc(var(--_rem-input) + var(--_rem-subject));
  display: inline-flex;
  vertical-align: middle;
}
AX-STATS [rep=wrap] {
  display: inline-flex;
}
AX-STATS [rep=main] {
  flex: auto;
  display: inline-flex;
  flex-direction: column;
}
AX-STATS [rep=label] {
  font-size: var(--_stats-fs);
  position: relative;
  line-height: var(--_stats-lh);
  font-family: var(--_ff-alt);
}
AX-STATS [rep=label] AX-BADGE {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(100%, 0);
}
AX-STATS [rep=unit] {
  color: var(--_c-brief);
  font-size: var(--_rem-ignore);
  line-height: var(--_rem-ignore);
  margin-left: var(--_rem-space);
}
AX-STATS [rep=tips] {
  color: var(--_c-brief);
}
AX-STATS [rep=icon],
AX-STATS [rep=disk],
AX-STATS [rep=cube],
AX-STATS [rep=image] {
  height: var(--_stats-h-legend);
  margin-right: var(--_rem-body);
}
AX-STATS [rep=icon] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  font-size: var(--_rem-list);
  border-radius: 100%;
  background-color: var(--_c-text-bg);
}
AX-STATS:where([dir=v]):where(:not(:has([rep=unit]))) {
  text-align: center;
}
AX-STATS:where([dir=v]):where(:has([rep=icon])),
AX-STATS:where([dir=v]):where(:has([rep=icon])),
AX-STATS:where([dir=v]):where(:has([rep=icon])) {
  text-align: left;
}
AX-STATS:where([dir=v]) [rep=head] {
  flex: auto;
}
AX-STATS:where([dir=v]) [rep=tips] {
  line-height: var(--_rem-subject);
}
AX-STATS:where([dir=v])[inverted] [rep=main] {
  flex-direction: column-reverse;
}
AX-STATS:where([dir=v]):not(:has([rep=tips])) {
  --_stats-fs: var(--_rem-input);
  --_stats-h-legend: var(--_rem-input);
}
AX-STATS:where([dir=h]) {
  --_stats-fs: var(--_rem-input);
  --_stats-lh: var(--_rem-input);
  --_stats-h-legend: var(--_rem-input);
}
AX-STATS:where([dir=h]) [rep=main] {
  flex-direction: row;
  align-items: center;
}
AX-STATS:where([dir=h]) [rep=tips] {
  flex: auto;
  text-align: left;
  line-height: var(--_rem-subject);
  margin-left: var(--_rem-body);
}
AX-STATS:where([dir=h]) [rep=label] AX-BADGE {
  transform: translate(100%, -50%);
}
/*Icon*/
AX-ICON {
  --_icon-fs-tips: var(--_rem-body);
  --_icon-fs-legend: var(--_em-title);
  display: inline-flex;
  vertical-align: middle;
}
AX-ICON [rep=wrap] {
  display: inline-flex;
  align-items: center;
}
AX-ICON [rep=head] {
  display: inline-flex;
  position: relative;
}
AX-ICON [rep=head] AX-BADGE {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
}
AX-ICON [rep=icon],
AX-ICON [rep=cube],
AX-ICON [rep=disk] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
AX-ICON [rep=cube],
AX-ICON [rep=disk] {
  height: var(--_em-subject);
}
AX-ICON[dir=h] [rep=tips] {
  margin-left: var(--_rem-min);
}
AX-ICON[dir=v] [rep=wrap] {
  text-align: center;
  flex-direction: column;
}
AX-ICON[dir=v] [rep=icon],
AX-ICON[dir=v] [rep=cube],
AX-ICON[dir=v] [rep=disk] {
  font-size: var(--_icon-fs-legend);
  height: 1em;
  line-height: 1em;
}
AX-ICON[dir=v] [rep=tips] {
  font-size: var(--_icon-fs-tips);
  line-height: var(--_rem-subject);
  margin-top: var(--_rem-min);
}
AX-ICON[dir=v][bg] {
  --_icon-fs-legend: var(--_em-ignore);
}
AX-ICON[dir=v][bg] [rep=icon],
AX-ICON[dir=v][bg] [rep=disk],
AX-ICON[dir=v][bg] [rep=cube] {
  height: 2.33em;
  line-height: 2.33em;
}
AX-ICON[dir=v][bg] [rep=icon] {
  aspect-ratio: 1/1;
  border-radius: 100%;
}
AX-ICON[dir=v][bg] [rep=icon]._bg-prim,
AX-ICON[dir=v][bg] [rep=icon]._bg-error,
AX-ICON[dir=v][bg] [rep=icon]._bg-info,
AX-ICON[dir=v][bg] [rep=icon]._bg-issue,
AX-ICON[dir=v][bg] [rep=icon]._bg-text,
AX-ICON[dir=v][bg] [rep=icon]._bg-brief {
  color: var(--_c-white);
}
AX-ICON[dir=v][bg] [rep=icon]._bg-warn,
AX-ICON[dir=v][bg] [rep=icon]._bg-warn-lt,
AX-ICON[dir=v][bg] [rep=icon]._bg-text-lt,
AX-ICON[dir=v][bg] [rep=icon]._bg-ignore {
  color: var(--_c-text);
}
AX-ICON[dir=v][bg] [rep=icon]._bg-prim-lt {
  color: var(--_c-prim);
}
AX-ICON[dir=v][bg] [rep=icon]._bg-error-lt {
  color: var(--_c-error);
}
AX-ICON[dir=v][bg] [rep=icon]._bg-info-lt {
  color: var(--_c-info);
}
AX-ICON[dir=v][bg] [rep=icon]._bg-issue-lt {
  color: var(--_c-issue);
}
AX-ICON[dir=v][bg] [rep=cube] img,
AX-ICON[dir=v][bg] [rep=disk] img {
  height: 1em;
}
/*Drag & drop*/
._holder-drop {
  --_holder-r: var(--_r);
  --_holder-h: auto;
  --_holder-w: auto;
  --_holder-m: auto;
  --_holder-c-bd: var(--_c-ignore);
  --_holder-c-txt: var(--_c-ignore);
  color: var(--_holder-c-txt);
  height: var(--_holder-h);
  width: var(--_holder-w);
  border: 2px dashed var(--_holder-c-bd);
  border-radius: var(--_holder-r);
  margin: var(--_holder-m);
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
._holder-drop {
  transition: all var(--_dur-1) linear;
}
._holder-drop[dropping] {
  --_holder-c-bd: var(--_c-prim);
  --_holder-c-txt: var(--_c-prim);
}
._holder-empty {
  color: var(--_c-ignore);
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  pointer-events: none;
}
._drag-wait {
  opacity: 0.5;
}
._drag-ghost {
  opacity: 0.5;
  pointer-events: none;
  position: fixed !important;
  z-index: 720;
}
._drop-arrow {
  font-size: var(--_rem-ignore);
  color: var(--_c-prim);
  line-height: 1em;
  height: 1em;
  pointer-events: none;
  position: absolute;
}
._drop-arrow[placement=left] {
  left: 0;
}
._drop-arrow[placement=left][point=before] {
  top: 0;
  translate: -100% -50%;
}
._drop-arrow[placement=left][point=after] {
  bottom: 0;
  translate: -100% 50%;
}
._drop-arrow[placement=left][point=inside] {
  top: 50%;
  translate: -100% -50%;
}
._drop-arrow[placement=right] {
  rotate: 180deg;
  right: 0;
}
._drop-arrow[placement=right][point=before] {
  top: 0;
  translate: 100% -50%;
}
._drop-arrow[placement=right][point=after] {
  bottom: 0;
  translate: 100% 50%;
}
._drop-arrow[placement=right][point=inside] {
  top: 50%;
  translate: 100% -50%;
}
._drop-arrow[placement=top] {
  rotate: 90deg;
  top: 0;
}
._drop-arrow[placement=top][point=before] {
  left: 0;
  translate: -50% -100%;
}
._drop-arrow[placement=top][point=after] {
  right: 0;
  translate: 50% -100%;
}
._drop-arrow[placement=top][point=inside] {
  left: 50%;
  translate: -50% -100%;
}
._drop-arrow[placement=bottom] {
  rotate: -90deg;
  bottom: 0;
}
._drop-arrow[placement=bottom][point=before] {
  left: 0;
  translate: -50% 100%;
}
._drop-arrow[placement=bottom][point=after] {
  right: 0;
  translate: 50% 100%;
}
._drop-arrow[placement=bottom][point=inside] {
  left: 50%;
  translate: -50% 100%;
}
[dragbody] {
  cursor: grabbing;
}
:where([dragnode]:not(:has([handle]))),
:where([dragnode]) [handle] {
  touch-action: none;
  cursor: grab;
}
[dragbody] :where([dragnode]:not(:has([handle]))),
[dragbody] :where([dragnode]) [handle] {
  cursor: inherit;
}
/*BreadCrumb*/
._crumb {
  --_crumb-fs: var(--_rem-body);
  --_crumb-m: var(--_rem-space);
  font-size: var(--_crumb-fs);
}
._crumb [rep=head] {
  color: var(--_c-text-aj);
}
._crumb [rep=head][class*='icon'] {
  margin-right: var(--_crumb-m);
}
._crumb a {
  color: var(--_c-text-aj);
}
._crumb a:hover {
  color: var(--_c-prim);
}
._crumb [rep=label] [class*='icon'] {
  width: auto;
  margin-right: var(--_rem-min);
}
._crumb [rep=hyphen] {
  color: var(--_c-ignore);
  text-align: center;
  margin: auto var(--_crumb-m);
  display: inline;
}
._crumb [rep=hyphen]:where(:not(._char, [class*='icon'])) {
  font-size: var(--_rem-ignore);
}
._crumb [rep=hyphen][class*='icon'] {
  font-size: 1rem;
}
/*Pagination*/
AX-PAGINATION {
  --_pgn-br-top: var(--_rem-body);
  --_pgn-br-btm: var(--_rem-body);
  display: block;
  vertical-align: middle;
}
:not(AX-SELECT) ._pagination {
  --_pgn-br-top: var(--_rem-body);
  --_pgn-br-btm: var(--_rem-body);
}
._pagination {
  --_pgn-c-sel: var(--_c-prim);
  --_pgn-c-txt: var(--_c-text);
  --_pgn-h: var(--_rem-title);
  --_pgn-fs: var(--_rem-ignore);
  --_pgn-p: 0.9rem;
  --_pgn-m: 0.2rem;
  --_pgn-a: center;
  color: var(--_pgn-c-txt);
  font-size: var(--_pgn-fs);
  line-height: var(--_pgn-h);
  margin: var(--_pgn-br-top) auto var(--_pgn-br-btm) auto;
  display: flex;
  align-items: center;
  justify-content: var(--_pgn-a);
  flex-wrap: wrap;
  /* 
  [rep=first] *:not([class*="icon"]),
  [rep=prev] *:not([class*="icon"]) {
    margin-right: var(--_pgn-m);
    margin-left: calc(-1*var(--_pgn-m));
  }
  [rep=last] *:not([class*="icon"]),
  [rep=next] *:not([class*="icon"]) {
    margin-left: var(--_pgn-m);
    margin-right: calc(-1*var(--_pgn-m));
  } */
  /*  &[type=plain] a:where(:not([rep=total]))[selected] {
    height: var(--_rem-title);
    min-width: var(--_rem-title);
    text-align: center;
    line-height: var(--_rem-title);
    border-radius: var(--_rem-title);
    border-width: 0;
    padding: 0;
  } */
}
._pagination [rep=pages],
._pagination [rep=main],
._pagination [rep=other] {
  display: inline-flex;
  align-items: center;
}
._pagination [rep=pages]:empty,
._pagination [rep=main]:empty {
  display: none;
}
._pagination[align=left] {
  --_pgn-a: flex-start;
}
._pagination[align=left] [rep=other] {
  flex: auto;
  text-align: right;
}
._pagination[align=right] {
  --_pgn-a: flex-end;
}
._pagination[align=right] [rep=other] {
  flex: auto;
  text-align: left;
}
._pagination[align=left] > *:first-child,
._pagination[align=left] > [rep=pages]:first-child > *:first-child,
._pagination[align=left] [rep=main]:first-child > *:first-child,
._pagination[align=left] [rep=main]:first-child > [rep=pages]:first-child > *:first-child {
  margin-left: 0;
}
._pagination[align=right] > *:last-child,
._pagination[align=right] > [rep=pages]:last-child > *:last-child,
._pagination[align=right] [rep=main]:last-child > *:last-child,
._pagination[align=right] [rep=main]:last-child > [rep=pages]:last-child > *:last-child {
  margin-right: 0;
}
._pagination[flexible] [rep=main] {
  flex: auto;
}
._pagination[flexible] [rep=main]:first-child {
  justify-content: flex-start;
}
._pagination[flexible] [rep=main]:last-child {
  justify-content: flex-end;
}
._pagination [class*="icon"] {
  font-size: 1rem;
}
._pagination a,
._pagination[type=group] [rep=main] > span:where(:not([rep=pages])),
._pagination[type=group] [rep=pages] > span {
  color: var(--_pgn-c-txt);
  height: var(--_pgn-h);
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r);
  background-image: none;
  padding: 0 var(--_pgn-p);
  margin: 0 var(--_pgn-m);
  box-sizing: border-box;
  background-color: var(--_c-stage);
  transition: all var(--_dur-1) linear;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._pagination > span:where(:not([rep=pages])),
._pagination [rep=main] > span:where(:not([rep=pages])),
._pagination [rep=pages] > span {
  margin: 0 var(--_pgn-m);
}
._pagination [selected] {
  color: var(--_c-white);
  border-color: var(--_pgn-c-sel);
  background-color: var(--_pgn-c-sel);
}
._pagination [disabled] {
  opacity: var(--_o-disabled);
}
._pagination a:where(:not([rep=total], [selected])):hover {
  color: var(--_pgn-c-sel);
  border-color: var(--_pgn-c-sel);
  text-decoration: none;
  background-color: var(--_c-prim-bg);
  z-index: 2;
  cursor: pointer;
}
._pagination[type=group] {
  --_pgn-m: 0;
}
._pagination[type=group] [rep=main] > *:where(:not([rep=pages])) {
  border-radius: 0;
}
._pagination[type=group] [rep=main] > *:where(:not([rep=pages])):not(:last-child) {
  margin-right: -1px;
}
._pagination[type=group] [rep=main] > *:where(:not([rep=pages])):first-child {
  border-radius: var(--_r) 0 0 var(--_r);
}
._pagination[type=group] [rep=main] > *:where(:not([rep=pages])):last-child {
  border-radius: 0 var(--_r) var(--_r) 0;
}
._pagination[type=group] [rep=main] [rep=pages]:not(:last-child) {
  margin-right: -1px;
}
._pagination[type=group] [rep=pages] > * {
  border-radius: 0;
}
._pagination[type=group] [rep=pages] > *:not(:last-child) {
  margin-right: -1px;
}
._pagination[type=group] [rep=pages]:first-child *:first-child {
  border-radius: var(--_r) 0 0 var(--_r);
}
._pagination[type=group] [rep=pages]:last-child *:last-child {
  border-radius: 0 var(--_r) var(--_r) 0;
}
._pagination[type=plain] a:not([selected]),
._pagination[type=plain] span:not([selected]),
._pagination[type=plain] a:not([selected]):hover,
._pagination[type=plain] span:not([selected]):hover {
  background: transparent;
  border: none;
}
._pagination li {
  display: inline-block;
}
._pagination .pagination {
  text-align: center;
}
._pagination [rep=locate],
._pagination [rep=count] {
  margin: 0 var(--_pgn-m);
  display: inline-flex;
}
._pagination [rep=locate] input,
._pagination [rep=count] input {
  width: 3em;
  text-align: center;
}
._pagination[turning] {
  padding: calc(var(--_rem-title)/2) 0;
}
._pagination[size=sm] {
  --_pgn-h: var(--_rem-list);
  --_pgn-p: 0.6rem;
}
._pagination[size=lg] {
  --_pgn-h: var(--_rem-input);
  --_pgn-p: 1.4rem;
}
/*Tag & Tags*/
._tags {
  --_tags-h: var(--_rem-title);
  --_tags-m: var(--_rem-space);
  margin-right: calc(-1*var(--_tags-m));
  margin-bottom: calc(-1*var(--_tags-m));
  display: flex;
  flex-wrap: wrap;
}
._tags:empty {
  --_tags-m: 0;
}
._tags input[type="text"] {
  width: 1em;
  min-width: 6em;
  border-radius: 0;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  padding: 0;
  margin-bottom: var(--_tags-m);
  height: var(--_tags-h);
  line-height: var(--_tags-h);
  transition-property: color, border-color;
}
._tags input[type="text"]:focus {
  outline-width: 0;
}
._tags [rep=empty] {
  margin-bottom: var(--_tags-m);
  line-height: var(--_tags-h);
}
._tags a {
  color: inherit;
}
._tags ._tag {
  margin-right: var(--_tags-m);
  margin-bottom: var(--_tags-m);
}
._tag {
  --_tag-p: var(--_rem-space);
  --_tag-h: var(--_tags-h);
  --_tag-c-txt: var(--_rem-text);
  --_tag-c-bd: var(--_c-text-bd);
  --_tag-c-bg: transparent;
  --_tag-r: var(--_r);
  --_tag-bd-w: 1px;
  --_tag-h-img: var(--_rem-subject);
  --_tag-gap: var(--_rem-min);
  --_tag-fs: var(--_rem-body);
  font-size: var(--_tag-fs);
  color: var(--_tag-c-txt);
  height: var(--_tag-h);
  line-height: var(--_tag-h);
  box-sizing: border-box;
  padding: 0 var(--_tag-p);
  border: var(--_tag-bd-w) solid var(--_tag-c-bd);
  background-color: var(--_tag-c-bg);
  border-radius: var(--_tag-r);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._tag [rep=icon],
._tag [rep=disk],
._tag [rep=cube],
._tag [rep=image] {
  margin-right: var(--_tag-gap);
}
._tag [rep=disk],
._tag [rep=cube] {
  height: var(--_tag-h-img);
  aspect-ratio: 1/1;
  object-fit: cover;
}
._tag [rep=disk] {
  border-radius: 100%;
}
._tag [rep=cube] {
  border-radius: var(--_r);
}
._tag [rep=image] {
  max-height: var(--_tag-h-img);
}
._tag [rep=remove] {
  font-family: var(--_ff-icon);
  margin-right: calc(-1*var(--_tag-p) + 0.286em);
  margin-left: var(--_tag-p);
}
._tag [rep=remove]:hover:before {
  color: var(--_c-error);
  opacity: 1;
  cursor: pointer;
}
._tag [rep=remove]:before {
  content: 'close';
  display: inline-block;
  opacity: var(--_o-disabled);
  scale: 0.8;
  transition: all var(--_dur-2) linear;
}
._tag:hover,
._tag:focus {
  color: var(--_tag-c-txt);
  border-color: var(--_tag-c-bd);
  background-color: var(--_tag-c-bg);
}
._tag[selected] {
  border-color: var(--_tag-c);
}
._tag[disabled] {
  opacity: var(--_o-disabled);
}
._tags[theme=prim] ._tag,
._tag[theme=prim] {
  --_tag-c-txt: var(--_c-prim-dp);
  --_tag-c-bd: var(--_c-prim-bd);
  --_tag-c-bg: var(--_c-prim-bg);
}
._tags[theme=succ] ._tag,
._tag[theme=succ] {
  --_tag-c-txt: var(--_c-succ-dp);
  --_tag-c-bd: var(--_c-succ-bd);
  --_tag-c-bg: var(--_c-succ-bg);
}
._tags[theme=error] ._tag,
._tag[theme=error] {
  --_tag-c-txt: var(--_c-error-dp);
  --_tag-c-bd: var(--_c-error-bd);
  --_tag-c-bg: var(--_c-error-bg);
}
._tags[theme=warn] ._tag,
._tag[theme=warn] {
  --_tag-c-txt: var(--_c-warn-dp);
  --_tag-c-bd: var(--_c-warn-bd);
  --_tag-c-bg: var(--_c-warn-bg);
}
._tags[theme=issue] ._tag,
._tag[theme=issue] {
  --_tag-c-txt: var(--_c-issue-dp);
  --_tag-c-bd: var(--_c-issue-bd);
  --_tag-c-bg: var(--_c-issue-bg);
}
._tags[theme=info] ._tag,
._tag[theme=info] {
  --_tag-c-txt: var(--_c-info-dp);
  --_tag-c-bd: var(--_c-info-bd);
  --_tag-c-bg: var(--_c-info-bg);
}
._tags[theme=text] ._tag,
._tag[theme=text] {
  --_tag-c-bg: var(--_c-text-bg);
}
._tags[theme=brief] ._tag,
._tag[theme=brief] {
  --_tag-c-txt: var(--_c-brief);
  --_tag-c-bd: var(--_c-brief-bd);
  --_tag-c-bg: var(--_c-brief-bg);
}
._tags[theme=ignore] ._tag,
._tag[theme=ignore] {
  --_tag-c-txt: var(--_c-ignore);
  --_tag-c-bd: var(--_c-ignore-bd);
  --_tag-c-bg: var(--_c-ignore-bg);
}
._tags[type=borderless] ._tag,
._tag[type=borderless] {
  --_tag-bd-w: 0;
}
._tags[shape=square] ._tag,
._tag[shape=square] {
  --_tag-r: 0;
}
._tags[shape=round] ._tag,
._tag[shape=round] {
  --_tag-r: var(--_tag-h);
}
._tags[size=sm] {
  --_tags-h: var(--_rem-list);
  --_tags-m: var(--_rem-min);
}
._tags[size=sm] ._tag {
  --_tag-p: var(--_rem-min);
  --_tag-h-img: var(--_rem-body);
  --_tag-fs: var(--_rem-ignore);
}
._tags[size=lg] {
  --_tags-h: var(--_rem-input);
  --_tags-m: var(--_rem-body);
}
._tags[size=lg] ._tag {
  --_tag-p: var(--_rem-body);
}
._tags[compact] {
  --_tags-m: var(--_rem-min);
}
._tags[compact] ._tag {
  margin-right: var(--_tags-m);
  margin-bottom: var(--_tags-m);
}
._tags[compact] ._tag,
._tag[compact] {
  --_tag-p: var(--_rem-min);
}
._tags[compact] input[type="text"],
._tags[compact] [rep=empty] {
  margin-bottom: var(--_tags-m);
}
._tags[type=plain] {
  --_tags-m: 0;
}
._tags[type=plain] ._tag,
._tag[type=plain] {
  --_tag-p: 0;
  --_tag-bd-w: 0;
  font-size: inherit;
}
._tags[type=plain] ._tag {
  margin-right: var(--_rem-space);
}
/*Filter*/
AX-FILTER {
  --_filter-h: var(--_rem-input);
  --_filter-lh: var(--_rem-title);
  --_filter-fs: var(--_rem-body);
  --_filter-bg: transparent;
  --_filter-gap: 0px;
  --_filter-bd: 0px;
  --_filter-d: none;
  display: block;
  border: var(--_filter-bd) solid var(--_c-text-bd);
}
AX-FILTER ._filter-wrap {
  font-size: var(--_filter-fs);
  background-color: var(--_filter-bg);
  box-sizing: border-box;
  position: relative;
  z-index: 3;
}
AX-FILTER a {
  --_link-c: var(--_c-text);
  --_link-c-hov: var(--_c-prim);
}
AX-FILTER ._filter-other {
  display: var(--_filter-d);
}
AX-FILTER section {
  line-height: var(--_filter-lh);
  position: relative;
  padding: calc((var(--_filter-h) - var(--_filter-lh))/2) var(--_filter-gap);
  box-sizing: border-box;
  display: flex;
}
AX-FILTER section [rep=head] {
  color: var(--_c-ignore);
  margin-right: var(--_rem-root);
  padding-right: var(--_rem-root);
  position: relative;
}
AX-FILTER section [rep=head]:before {
  content: '';
  width: 1px;
  height: var(--_px-ignore);
  background-color: var(--_c-text-bd);
  position: absolute;
  right: 0;
  top: calc((var(--_filter-lh) - var(--_px-ignore))/2);
}
AX-FILTER section [rep=body] {
  flex: auto;
  width: 0;
}
AX-FILTER section [rep=body] [disabled] {
  pointer-events: none;
  opacity: var(--_o-disabled);
}
AX-FILTER section [rep=level1] a {
  padding: 0 var(--_rem-root);
  border-radius: calc(var(--_filter-lh)/2);
}
AX-FILTER section [rep=level1] a:hover {
  background-color: var(--_c-text-bg);
}
AX-FILTER section [rep=level1] a[selected] {
  color: var(--_c-white);
  background-color: var(--_c-prim);
}
AX-FILTER section [rep=level2] {
  font-size: var(--_rem-ignore);
  line-height: var(--_rem-list);
  background-color: var(--_c-text-bg);
  padding: var(--_rem-space) var(--_rem-min);
  border-radius: var(--_r-input);
  margin-top: var(--_rem-space);
}
AX-FILTER section [rep=level2] > * {
  padding: 0 var(--_rem-space);
}
AX-FILTER section [rep=level2] a[selected] {
  color: var(--_c-prim);
}
AX-FILTER ._filter-search [rep=body] {
  display: flex;
  align-items: center;
}
AX-FILTER ._filter-search [rep=hot] {
  font-size: var(--_rem-ignore);
  color: var(--_c-brief);
  margin-left: var(--_rem-body);
}
AX-FILTER ._filter-search [rep=hot] a {
  --_link-c: var(--_c-brief);
  padding: 0 var(--_rem-root);
  border-radius: calc(var(--_filter-lh)/2);
}
AX-FILTER ._filter-search [rep=hot] a:hover {
  background-color: var(--_c-text-bg);
}
AX-FILTER ._filter-toggle {
  color: var(--_c-ignore);
  cursor: pointer;
}
AX-FILTER ._filter-toggle [class*='_icon-'] {
  font-size: var(--_px-root);
  margin-left: var(--_px-min);
  transition: all var(--_dur-2) linear;
}
AX-FILTER ._filter-toggle._opened [class*='_icon-'] {
  rotate: 180deg;
}
AX-FILTER ._filter-banner {
  margin-bottom: var(--_rem-space);
}
AX-FILTER ._filter-banner a {
  display: block;
}
AX-FILTER ._filter-banner picture,
AX-FILTER ._filter-banner img {
  display: block;
  width: 100%;
}
AX-FILTER[padded] {
  --_filter-gap: var(--_rem-body);
}
AX-FILTER[padded] ._filter-banner {
  margin-top: var(--_rem-body);
  margin-left: var(--_rem-body);
  margin-right: var(--_rem-body);
}
AX-FILTER[padded] section {
  padding-left: var(--_rem-body);
  padding-right: var(--_rem-body);
}
AX-FILTER[padded] section:first-child:where(:not(._filter-banner)) {
  margin-top: var(--_rem-space);
}
AX-FILTER[padded] section:last-child {
  margin-bottom: var(--_rem-space);
}
AX-FILTER[bordered] {
  --_filter-bd: 1px;
  padding-bottom: var(--_rem-space);
}
AX-FILTER[bordered]:where(:not(:has(._filter-banner))) {
  padding-top: var(--_rem-space);
}
AX-FILTER[bordered] section {
  padding-left: var(--_rem-body);
  padding-right: var(--_rem-body);
}
@media screen and (max-width: 500px) {
  AX-FILTER section [rep=level1],
  AX-FILTER section [rep=level2] {
    white-space: nowrap;
    overflow-x: auto;
  }
  AX-FILTER ._filter-search [rep=body] {
    display: block;
  }
  AX-FILTER ._filter-search [rep=hot] {
    margin-top: var(--_rem-min);
    margin-left: 0;
  }
}
/*Comment*/
._comment {
  --_cmt-fs: var(--_px-body);
  --_cmt-m: var(--_rem-body);
  --_cmt-r-media: var(--_r);
  font-size: var(--_cmt-fs);
}
._comment ._comment-head {
  line-height: var(--_px-title);
  display: flex;
  align-items: center;
}
._comment ._comment-total {
  flex: auto;
  display: flex;
  align-items: center;
}
._comment ._comment-total > * {
  margin-right: var(--_rem-body);
}
._comment ._comment-sort > [class*="_group-"] {
  --_group-h: var(--_px-input);
  --_group-fs: var(--_cmt-fs);
}
._comment ._comment-body {
  --_cmt-left-w: var(--_px-input);
  --_cmt-left-m: var(--_px-space);
  line-height: var(--_px-list);
}
._comment ._comment-wrap {
  display: flex;
}
._comment ._comment-item {
  margin: var(--_cmt-m) 0;
}
._comment ._comment-item > ._comment-wrap > ._comment-left {
  margin-right: var(--_cmt-left-m);
}
._comment ._comment-item > ._comment-wrap > ._comment-left [rep=disk],
._comment ._comment-item > ._comment-wrap > ._comment-left [rep=cube],
._comment ._comment-item > ._comment-wrap > ._comment-left [rep=image] {
  width: var(--_cmt-left-w);
}
._comment ._comment-item > ._comment-wrap > ._comment-left ax-avatar {
  --_avatar-h: var(--_cmt-left-w);
}
._comment ._comment-item > ._comment-wrap > ._comment-right {
  flex: auto;
}
._comment ._comment-item > ._comment-wrap > ._comment-right > ._comment-item:last-of-type {
  margin-bottom: 0;
}
._comment ._comment-more {
  font-size: var(--_px-ignore);
  color: var(--_c-prim);
  margin-left: calc(var(--_cmt-left-m) + var(--_cmt-left-w));
}
._comment ._comment-br {
  height: 1px;
  overflow: hidden;
  background-color: var(--_c-text-bd);
  margin-left: calc(var(--_cmt-left-m) + var(--_cmt-left-w));
}
._comment ._comment-item ._comment-br:first-child {
  margin-bottom: var(--_cmt-m);
}
._comment ._comment-item ._comment-br:last-child {
  margin-top: var(--_cmt-m);
}
._comment[dividable] ._comment-body > ._comment-item > ._comment-wrap > ._comment-right {
  border-bottom: 1px solid var(--_c-text-bd);
  padding-bottom: var(--_cmt-m);
}
._comment ._comment-author {
  display: flex;
  align-items: center;
}
._comment ._comment-author > ._comment-left {
  flex: auto;
  display: flex;
  align-items: center;
}
._comment ._comment-author > ._comment-left > * {
  margin-right: var(--_px-space);
}
._comment ._comment-author ._comment-right {
  color: var(--_c-ignore);
  font-size: var(--_px-ignore);
  display: flex;
  align-items: center;
}
._comment ._comment-author ._comment-right > * {
  margin-left: var(--_rem-space);
}
._comment ._comment-author [rep=name] {
  color: var(--_c-text);
  font-weight: bold;
}
._comment ._comment-cont {
  line-height: var(--_px-list);
  overflow-wrap: break-word;
  hyphens: auto;
}
._comment ._comment-cont i,
._comment ._comment-cont u,
._comment ._comment-cont s,
._comment ._comment-cont a,
._comment ._comment-cont span {
  display: inline;
}
._comment ._comment-cont img,
._comment ._comment-cont video,
._comment ._comment-cont iframe,
._comment ._comment-cont picture {
  border-radius: var(--_cmt-r-media);
}
._comment ._comment-cont iframe {
  border: 1px solid var(--_c-text-bd);
  background-color: var(--_c-stage);
}
._comment ._comment-cont video,
._comment ._comment-cont audio,
._comment ._comment-cont iframe,
._comment ._comment-cont picture {
  margin: var(--_px-space) 0;
}
._comment ._comment-byline {
  color: var(--_c-ignore);
  font-size: var(--_px-ignore);
  line-height: var(--_px-list);
  display: flex;
  align-items: center;
}
._comment ._comment-byline > ._comment-left {
  flex: auto;
  display: flex;
  align-items: center;
}
._comment ._comment-byline > ._comment-left > * {
  margin-right: var(--_rem-space);
}
._comment ._comment-byline > ._comment-right {
  display: flex;
  align-items: center;
}
._comment ._comment-byline > ._comment-right > * {
  margin-left: var(--_rem-space);
}
._comment ._comment-body > ._comment-item > ._comment-wrap > ._comment-right {
  --_cmt-left-w: var(--_px-title);
}
._comment ._comment-body > ._comment-item ._comment-item {
  font-size: var(--_px-ignore);
}
._comment ._comment-body > ._comment-item ._comment-item > ._comment-wrap > ._comment-left {
  width: var(--_cmt-left-w);
}
._comment ._comment-body > ._comment-item ._comment-item ._comment-cont {
  line-height: var(--_px-subject);
}
._comment ._comment-foot {
  color: var(--_c-ignore);
  font-size: var(--_px-ignore);
  text-align: center;
  padding: var(--_rem-title) 0;
}
@media screen and (max-width: 500px) {
  ._comment ._comment-body {
    --_cmt-left-w: var(--_px-title);
    --_cmt-left-n: var(--_px-space);
  }
  ._comment ._comment-body > ._comment-item > ._comment-wrap > ._comment-right {
    --_cmt-left-w: var(--_px-list);
  }
}
/*
Last modified: 2025-03-12 21:49:44
*/
/*Panel*/
AX-PANEL {
  display: block;
}
._panel {
  --_panel-bd-w: 1px;
  --_panel-bd-c: var(--_c-text-bd);
  --_panel-fs: var(--_fs-body);
  --_panel-r: var(--_r-input);
  --_panel-r-win: var(--_r);
  --_panel-c: var(--_c-text);
  --_panel-c-bg: transparent;
  --_panel-c-lamp: var(--_c-prim);
  --_panel-h: var(--_rem-input);
  --_panel-lh: var(--_rem-list);
  --_panel-gap: var(--_rem-min);
  --_panel-d: block;
  --_panel-p: var(--_rem-body);
  --_panel-h-legend: var(--_panel-lh);
  color: var(--_panel-c);
  border: var(--_panel-bd-w) solid var(--_panel-bd-c);
  border-radius: var(--_panel-r);
  background-color: var(--_panel-c-bg);
}
._panel ._panel-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}
._panel ._panel-head {
  position: relative;
  padding: calc((var(--_panel-h) - var(--_panel-lh))/2) var(--_panel-p);
  line-height: var(--_panel-lh);
  display: flex;
  align-items: flex-start;
}
._panel ._panel-head > ._panel-inner {
  display: flex;
  flex-direction: column;
  flex: auto;
}
._panel[headclosable] ._panel-head {
  cursor: pointer;
}
._panel ._panel-caption {
  display: flex;
  align-items: center;
  flex: auto;
}
._panel ._panel-caption > [rep=group] {
  flex: auto;
  display: flex;
  align-items: center;
}
._panel ._panel-caption > [rep=group] > [rep=label] {
  font-size: var(--_panel-fs);
  position: relative;
  margin-right: var(--_rem-space);
}
._panel ._panel-caption > [rep=group] > [rep=annot] {
  font-size: var(--_rem-ignore);
  color: var(--_c-ignore);
  display: flex;
  align-items: center;
}
._panel ._panel-caption > [rep=tips] {
  font-size: var(--_rem-ignore);
  color: var(--_c-ignore);
  margin-left: var(--_rem-body);
}
._panel ._panel-caption > AX-BADGE {
  margin-left: var(--_rem-body);
}
._panel ._panel-caption > [rep=custom] {
  text-align: right;
  display: flex;
  align-items: center;
  margin-left: var(--_rem-body);
}
._panel ._panel-caption > ._box-tools {
  color: var(--_c-brief);
}
._panel ._panel-caption > ._box-tools:last-child {
  margin-right: calc(-1*var(--_rem-space));
}
._panel ._panel-caption > [rep=icon],
._panel ._panel-head > [rep=icon] {
  color: var(--_c-brief);
  width: var(--_panel-h-legend);
  text-align: center;
  margin-right: var(--_panel-gap);
  transition: all var(--_dur-2) linear;
}
._panel ._panel-caption > [rep=cube],
._panel ._panel-head > [rep=cube],
._panel ._panel-caption > [rep=disk],
._panel ._panel-head > [rep=disk],
._panel ._panel-caption > [rep=image],
._panel ._panel-head > [rep=image] {
  height: var(--_panel-h-legend);
  margin-right: var(--_panel-gap);
  display: inline-flex;
}
._panel ._panel-caption > [rep=cube],
._panel ._panel-head > [rep=cube],
._panel ._panel-caption > [rep=disk],
._panel ._panel-head > [rep=disk] {
  aspect-ratio: 1/1;
}
._panel ._panel-caption > [rep=cube],
._panel ._panel-head > [rep=cube],
._panel ._panel-caption > [rep=disk],
._panel ._panel-head > [rep=disk] {
  object-fit: cover;
}
._panel ._panel-caption > [rep=image],
._panel ._panel-head > [rep=image] {
  height: var(--_panel-h-legend);
  display: inline-flex;
}
._panel ._panel-caption > [rep=arrow],
._panel > [rep=arrow] {
  font-size: var(--_rem-root);
  color: var(--_c-ignore);
  font-family: var(--_ff-icon);
  text-align: center;
  width: var(--_panel-lh);
  height: var(--_panel-lh);
  line-height: var(--_panel-lh);
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--_rem-body);
  cursor: pointer;
  transition: all var(--_dur-2) linear;
  position: relative;
}
._panel ._panel-caption > [rep=arrow][spinning]:before,
._panel > [rep=arrow][spinning]:before {
  content: "";
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background: var(--_spin) no-repeat scroll center;
  background-size: cover;
}
._panel ._panel-caption > [rep=arrow]:last-child {
  margin-right: calc(-1*var(--_rem-space));
}
._panel ._panel-caption > [rep=arrow]:first-child,
._panel > [rep=arrow] {
  margin-left: calc(-1*var(--_rem-min));
}
._panel ._panel-brief {
  font-size: var(--_rem-ignore);
  color: var(--_c-ignore);
}
._panel[lamp=bottom] ._panel-brief {
  margin-top: var(--_rem-body);
}
._panel ._panel-body {
  display: var(--_panel-d);
  box-sizing: border-box;
}
._panel ._panel-body:has(>._panel-inner) {
  padding: var(--_panel-p);
}
._panel[max] {
  --_panel-c-bg: var(--_c-stage);
  width: calc(100% - var(--_rem-body)*2);
  height: calc(100% - var(--_rem-body)*2);
  position: absolute;
  left: var(--_rem-body);
  top: var(--_rem-body);
  z-index: 21;
}
._panel[max] ._panel-body {
  flex: auto;
}
._panel[lamp=left] ._panel-head:before,
._panel[lamp=right] ._panel-head:before {
  content: '';
  width: 2px;
  height: var(--_rem-body);
  background-color: var(--_panel-c-lamp);
  position: absolute;
  top: calc((var(--_panel-h) - var(--_rem-body))/2);
}
._panel[lamp=left] ._panel-head:before {
  left: 0;
}
._panel[lamp=right] ._panel-head:before {
  right: 0;
}
._panel[lamp=top] ._panel-caption > [rep=group] > [rep=label]:before,
._panel[lamp=bottom] ._panel-caption > [rep=group] > [rep=label]:before {
  content: '';
  width: var(--_rem-title);
  height: 2px;
  background-color: var(--_panel-c-lamp);
  position: absolute;
  left: 0;
}
._panel[lamp=top] ._panel-caption > [rep=group] > [rep=label]:before {
  top: calc((var(--_panel-h) - var(--_panel-lh))/-2);
}
._panel[lamp=bottom] ._panel-caption > [rep=group] > [rep=label]:before {
  bottom: calc((var(--_panel-h) - var(--_panel-lh))/-2);
}
._panel[collapsed] {
  --_panel-d: none;
}
._panel[feature=loose] {
  --_panel-h: calc(var(--_rem-hitbox) + 1rem);
  --_panel-fs: var(--_fs-caption);
  --_panel-p: var(--_rem-list);
}
._panel[feature=loose] ._panel-head > [rep=icon],
._panel[feature=loose] ._panel-head > [rep=disk],
._panel[feature=loose] ._panel-head > [rep=cube],
._panel[feature=loose] ._panel-head > [rep=image] {
  margin-right: var(--_rem-space);
}
._panel[feature=loose]:where(:not([lamp=bottom]):has(._panel-brief)) {
  --_panel-h-legend: var(--_rem-hitbox);
}
._panel[feature=loose][lamp=bottom] ._panel-brief {
  margin-top: var(--_rem-list);
}
._panel[feature=window] {
  --_panel-c-bg: var(--_c-ignore-bg);
}
._panel[feature=window] ._panel-body {
  border: 1px solid var(--_panel-bd-c);
  border-radius: var(--_panel-r-win);
  background-color: var(--_c-stage);
  margin: 0 var(--_px-space) var(--_px-space) var(--_px-space);
}
._panel[theme=prim] {
  --_panel-c: var(--_c-prim);
  --_panel-bd-c: var(--_c-prim-bd);
  --_panel-c-bg: var(--_c-prim-bg);
}
._panel[theme=error] {
  --_panel-c: var(--_c-error);
  --_panel-bd-c: var(--_c-error-bd);
  --_panel-c-bg: var(--_c-error-bg);
  --_panel-c-lamp: var(--_c-error);
}
._panel[theme=succ] {
  --_panel-c: var(--_c-succ);
  --_panel-bd-c: var(--_c-succ-bd);
  --_panel-c-bg: var(--_c-succ-bg);
  --_panel-c-lamp: var(--_c-succ);
}
._panel[theme=warn] {
  --_panel-bd-c: var(--_c-warn-bd);
  --_panel-c-bg: var(--_c-warn-bg);
  --_panel-c-lamp: var(--_c-warn);
}
._panel[theme=info] {
  --_panel-c: var(--_c-info);
  --_panel-bd-c: var(--_c-info-bd);
  --_panel-c-bg: var(--_c-info-bg);
  --_panel-c-lamp: var(--_c-info);
}
._panel[theme=issue] {
  --_panel-c: var(--_c-issue);
  --_panel-bd-c: var(--_c-issue-bd);
  --_panel-c-bg: var(--_c-issue-bg);
  --_panel-c-lamp: var(--_c-issue);
}
._panel[theme=text] {
  --_panel-c-bg: var(--_c-text-bg);
  --_panel-c-lamp: var(--_c-text);
}
/*Group button*/
[class*="_group-btn"] {
  --_group-r-btn: var(--_r-input);
  display: inline-flex;
}
[class*="_group-btn"] AX-BTN {
  border-radius: 0;
}
[class*="_group-btn"] AX-BTN:where(:first-child) {
  border-top-left-radius: var(--_group-r-btn);
  border-bottom-left-radius: var(--_group-r-btn);
}
[class*="_group-btn"] AX-BTN:where(:last-child) {
  border-top-right-radius: var(--_group-r-btn);
  border-bottom-right-radius: var(--_group-r-btn);
}
[class*="_group-btn"] AX-BTN:where(:not(:first-of-type)) {
  margin-left: -1px;
}
[class*="_group-btn"] AX-BTN:where(:not([disabled])):hover {
  z-index: 2;
}
[class*="_group-btn"] AX-BTN:where([selected], :focus-within),
[class*="_group-btn"] AX-BTN:has([rep=wrap]:active) {
  z-index: 3;
}
[class*="_group-btn"] AX-BTN:where([selected]) [rep=wrap] {
  color: var(--_c-white);
  background-color: var(--_c-prim);
  border-color: var(--_c-prim);
}
[class*="_group-btn"] AX-BTN:where([disabled][selected]) {
  opacity: var(--_o-disabled);
}
[class*="_group-btn"]:where([dividable]) AX-BTN:where(:not(:first-child)):after {
  content: '';
  height: 100%;
  width: 1px;
  background-color: var(--_c-divide);
  position: absolute;
  left: 0;
  top: 0;
}
/*Group lamp*/
._group-lamp {
  --_group-h: var(--_rem-input);
  --_group-fs: var(--_fs-body);
  --_group-c: var(--_c-text);
  --_group-c-bg: var(--_c-prim);
  --_group-p: var(--_rem-body);
  font-size: var(--_group-fs);
  display: flex;
  overflow: auto;
}
._group-lamp [rep=label] {
  color: var(--_group-c);
  position: relative;
}
._group-lamp [rep=tools]:where(:not(:empty)) {
  --_tools-c: var(--_group-c);
  margin-left: var(--_rem-min);
  margin-right: calc(-1*var(--_p));
}
._group-lamp [rep=tools] > * {
  font-size: var(--_px-root);
  width: var(--_p);
  padding: 0;
  opacity: var(--_o-disabled);
}
._group-lamp [rep=tools] > *:hover {
  opacity: 1;
}
._group-lamp [rep=remove]:hover {
  color: var(--_c-error);
}
._group-lamp[size=xs] {
  --_group-h: var(--_rem-list);
  --_group-fs: var(--_fs-ignore);
  --_group-p: var(--_rem-min);
}
._group-lamp[size=sm] {
  --_group-h: var(--_rem-title);
  --_group-fs: var(--_fs-ignore);
  --_group-p: var(--_rem-space);
}
._group-lamp[size=md] {
  --_group-h: var(--_rem-input);
}
._group-lamp[size=lg] {
  --_group-h: var(--_rem-hitbox);
}
ul:where(._group-lamp),
ol:where(._group-lamp) {
  padding-inline-start: 0;
}
ul:where(._group-lamp) li:before,
ol:where(._group-lamp) li:before {
  display: none;
}
._group-lamp > * {
  color: var(--_group-c);
  line-height: var(--_group-h);
  text-align: center;
  padding: 0 var(--_group-p);
  min-width: 2em;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all var(--_dur-2) linear;
}
._group-lamp > *:where(:visited) {
  color: var(--_group-c);
}
._group-lamp > *:where(:not([disabled])) {
  cursor: pointer;
}
._group-lamp > *:where(:not([disabled])):hover,
._group-lamp > *:where([selected], :focus),
._group-lamp > *:where(:not([disabled])):hover [rep=label],
._group-lamp > *:where([selected], :focus) [rep=label] {
  color: var(--_group-c-bg);
}
._group-lamp > *:where(:not(:has([rep=label]))):after,
._group-lamp > *:where(:has([rep=label])) [rep=label]:after {
  content: '';
  height: 2px;
  width: 2em;
  background-color: var(--_c-prim);
  transform: translate(-50%, 0) scaleX(0);
  transition: all var(--_dur-2) linear;
  position: absolute;
  left: 50%;
  bottom: 0;
}
._group-lamp > *:where([selected]:not(:has([rep=label]))):after,
._group-lamp > *:where([selected]:has([rep=label])) [rep=label]:after {
  transform: translate(-50%, 0) scaleX(1);
}
._group-lamp > *:where([disabled]) {
  opacity: var(--_o-disabled);
}
._group-lamp > *:where([disabled][selected]:not(:has([rep=label]))):after,
._group-lamp > *:where([disabled][selected]:has([rep=label])) [rep=label]:after {
  background-color: var(--_c-ignore);
}
._group-lamp > * > [rep=icon],
._group-lamp > * > [rep=disk],
._group-lamp > * > [rep=cube],
._group-lamp > * > [rep=image] {
  margin-right: var(--_rem-min);
}
._group-lamp > * > [rep=disk],
._group-lamp > * > [rep=cube] {
  height: var(--_rem-subject);
  width: var(--_rem-subject);
  object-fit: cover;
}
._group-lamp > * > [rep=disk] {
  border-radius: 100%;
}
._group-lamp > * > [rep=cube] {
  border-radius: var(--_r);
}
._group-lamp > * > [rep=image] {
  height: var(--_rem-subject);
  object-fit: cover;
}
._group-lamp > * [rep=tips] {
  margin-left: var(--_rem-min);
  color: var(--_c-ignore);
}
._group-lamp > * AX-BADGE {
  margin-left: var(--_rem-min);
}
/*Group page*/
._group-page {
  --_group-h: var(--_rem-input);
  --_group-fs: var(--_fs-body);
  --_group-c: var(--_c-text);
  --_group-p: var(--_rem-body);
  font-size: var(--_group-fs);
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  box-shadow: 0 -0.1rem 0 0 var(--_c-text-bd) inset;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  overflow: auto;
}
._group-page [rep=label] {
  color: var(--_group-c);
  position: relative;
}
._group-page [rep=tools]:where(:not(:empty)) {
  --_tools-c: var(--_group-c);
  margin-right: calc(-1*var(--_rem-space));
}
._group-page [rep=tools] > * {
  font-size: var(--_px-root);
  width: var(--_p);
  padding: 0;
  margin-left: var(--_rem-min);
  opacity: var(--_o-disabled);
}
._group-page [rep=tools] > *:hover {
  opacity: 1;
}
._group-page [rep=remove]:hover {
  color: var(--_c-error);
}
._group-page[size=xs] {
  --_group-h: var(--_rem-list);
  --_group-fs: var(--_fs-ignore);
  --_group-p: var(--_rem-space);
}
._group-page[size=sm] {
  --_group-h: var(--_rem-title);
  --_group-fs: var(--_fs-ignore);
}
._group-page[size=md] {
  --_group-h: var(--_rem-input);
}
._group-page[size=lg] {
  --_group-h: var(--_rem-hitbox);
}
ul:where(._group-page),
ol:where(._group-page) {
  padding-inline-start: 0;
}
ul:where(._group-page) li:before,
ol:where(._group-page) li:before {
  display: none;
}
._group-page > * {
  color: var(--_group-c);
  align-items: center;
  background-color: var(--_c-stage);
  height: var(--_group-h);
  line-height: var(--_group-h);
  padding: 0 var(--_group-p);
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  border-top: 1px solid var(--_c-text-bd);
  border-left: 1px solid var(--_c-text-bd);
  border-bottom: 1px solid var(--_c-text-bd);
  transition: all var(--_dur-2) linear;
}
._group-page > *:hover {
  color: var(--_c-prim);
}
._group-page > *:where(:not([disabled])) {
  cursor: pointer;
}
._group-page > *:first-child {
  border-top-left-radius: inherit;
}
._group-page > *:last-child {
  border-top-right-radius: inherit;
  border-right: 1px solid var(--_c-text-bd);
}
._group-page > *:where([selected], :focus-within),
._group-page > *:where([selected], :focus-within) [rep=label] {
  color: var(--_c-prim);
}
._group-page > *:where([selected]) {
  border-bottom-color: transparent;
}
._group-page > *:where([disabled]) {
  color: var(--_c-ignore);
  cursor: not-allowed;
  user-select: none;
  pointer-events: none;
}
._group-page > *:where([disabled]) [rep=label] {
  color: var(--_c-ignore);
}
._group-page > * > [rep=icon],
._group-page > * > [rep=disk],
._group-page > * > [rep=cube],
._group-page > * > [rep=image] {
  margin-right: var(--_rem-min);
}
._group-page > * > [rep=disk],
._group-page > * > [rep=cube] {
  height: var(--_rem-subject);
  width: var(--_rem-subject);
  object-fit: cover;
}
._group-page > * > [rep=disk] {
  border-radius: 100%;
}
._group-page > * > [rep=cube] {
  border-radius: var(--_r);
}
._group-page > * > [rep=image] {
  height: var(--_rem-subject);
  object-fit: cover;
}
._group-page > * [rep=tips] {
  margin-left: var(--_rem-min);
  color: var(--_c-ignore);
}
._group-page > * AX-BADGE {
  margin-left: var(--_rem-min);
}
:where([class*="_bd"], [class*="_sd"]) > ._group-page {
  background-color: var(--_c-ignore-bg);
}
:where([class*="_bd"], [class*="_sd"]) > ._group-page > * {
  border-top-width: 0;
}
:where([class*="_bd"], [class*="_sd"]) > ._group-page > *:first-child {
  border-radius: inherit;
  border-left-width: 0;
}
:where([class*="_bd"], [class*="_sd"]) > ._group-page > *:last-child {
  border-radius: 0;
}
/*Group flex*/
._group-flex {
  --_group-h: var(--_rem-input);
  --_group-fs: var(--_fs-body);
  --_group-c: var(--_c-text);
  --_group-c-bg: var(--_c-prim);
  --_group-p: var(--_rem-body);
  font-size: var(--_group-fs);
  line-height: var(--_group-h);
  display: flex;
  overflow: auto;
}
._group-flex [rep="label"] {
  color: var(--_group-c);
  flex: auto;
  transition: all var(--_dur-2) linear;
}
._group-flex [rep="label"] + * {
  margin-left: var(--_rem-space);
}
._group-flex [rep=tips] {
  color: var(--_c-ignore);
}
._group-flex [rep=tools]:where(:empty) {
  margin-left: 0;
}
._group-flex [rep=tools] {
  --_tools-c: var(--_group-c);
}
._group-flex [rep=tools] > * {
  font-size: var(--_px-root);
  width: var(--_p);
  padding: 0;
  margin-left: var(--_rem-space);
  opacity: var(--_o-disabled);
}
._group-flex [rep=tools] > *:hover {
  opacity: 1;
}
._group-flex [rep=remove]:hover {
  color: var(--_c-error);
}
._group-flex[size=xs] {
  --_group-h: var(--_rem-list);
  --_group-fs: var(--_fs-ignore);
}
._group-flex[size=sm] {
  --_group-h: var(--_rem-title);
  --_group-fs: var(--_fs-ignore);
}
._group-flex[size=md] {
  --_group-h: var(--_rem-input);
}
._group-flex[size=lg] {
  --_group-h: var(--_rem-hitbox);
  --_group-p: var(--_rem-body);
}
ul:where(._group-flex),
ol:where(._group-flex) {
  padding-inline-start: 0;
}
ul:where(._group-flex) li:before,
ol:where(._group-flex) li:before {
  display: none;
}
._group-flex > * {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  justify-content: left;
  align-items: center;
}
._group-flex > *:where(:not(:last-child)) {
  margin-right: var(--_group-p);
}
._group-flex > *:hover [rep="label"] {
  color: var(--_group-c-bg);
}
._group-flex > * > [rep=icon],
._group-flex > * > [rep=disk],
._group-flex > * > [rep=cube],
._group-flex > * > [rep=image] {
  margin-right: var(--_rem-min);
}
._group-flex > * > [rep=disk],
._group-flex > * > [rep=cube] {
  height: var(--_rem-subject);
  width: var(--_rem-subject);
  object-fit: cover;
}
._group-flex > * > [rep=disk] {
  border-radius: 100%;
}
._group-flex > * > [rep=cube] {
  border-radius: var(--_r);
}
._group-flex > * > [rep=image] {
  height: var(--_rem-subject);
  object-fit: cover;
}
._group-flex > *:where([selected]),
._group-flex > *:where([selected]) [rep="label"] {
  color: var(--_group-c-bg);
}
._group-flex > *:after {
  content: '';
  height: 2px;
  width: 100%;
  background-color: var(--_group-c-bg);
  transform: translate(-50%, 0);
  opacity: 0;
  transition: all var(--_dur-1) linear;
  position: absolute;
  left: 50%;
  bottom: 0;
}
._group-flex > *:where([selected]):after {
  opacity: 1;
}
._group-flex > *:where([disabled]) {
  user-select: none;
  pointer-events: none;
  color: var(--_c-ignore);
}
._group-flex > *:where([disabled]) [rep="label"] {
  color: var(--_c-ignore);
}
._group-flex > *:where([disabled][selected]):after {
  background-color: var(--_c-ignore);
}
:where([class*="_bd"], [class*="_sd"]) > ._group-flex > *:first-child {
  margin-left: var(--_m);
}
/*Group grade*/
._group-grade {
  display: inline-flex;
}
._group-grade ._grade {
  margin-left: var(--_m);
  margin-right: var(--_m);
}
/*Group input*/
._group-input [rep=content] {
  position: relative;
}
._group-input [rep=content] ._box-tools {
  --_tools-c: var(--_c-ignore);
  --_tools-c-hov: var(--_c-text);
  position: absolute;
  right: var(--_g);
  top: calc((var(--_form-h) - var(--_rem-list))/2);
  z-index: 2;
}
._group-input [rep=content] ._box-tools [rep="icon"] {
  font-size: var(--_px-ignore);
}
/*tree*/
AX-TREE {
  display: block;
  content-visibility: auto;
}
._tree {
  --_tree-h: var(--_rem-title);
  --_tree-lh: var(--_rem-list);
  --_tree-gap: var(--_rem-min);
  --_tree-bg-hov: var(--_c-text-bg);
  --_tree-c: var(--_c-text);
  --_tree-theme: var(--_c-prim);
  --_tree-theme-bg: var(--_c-prim-bg);
  --_tree-theme-sd: var(--_c-prim-sd);
  --_tree-c-hl: var(--_c-white);
  --_tree-bg-hl: var(--_tree-theme);
  --_tree-c-arrow: var(--_c-brief);
  content-visibility: auto;
  /*line节点连线*/
}
._tree > * ._tree-children {
  display: none;
}
._tree ._tree-head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: var(--_tree-h);
  transition: all var(--_dur-2) linear;
  /*edit编辑*/
  /*expand展开*/
  /*selected已选择*/
  /*drag拖拽节点*/
  /*focus聚焦，新增和拖拽成为焦点，如果本身是已选择状态则不做改变*/
}
._tree ._tree-head [rep=holder] {
  flex: auto;
}
._tree ._tree-head [rep=gap] {
  width: var(--_tree-gap);
}
._tree ._tree-head > [rep=arrow] {
  color: var(--_tree-c-arrow);
  font-family: var(--_ff-icon);
  text-align: center;
  width: var(--_tree-lh);
  height: var(--_tree-h);
  line-height: var(--_tree-h);
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--_rem-body);
  position: relative;
}
._tree ._tree-head > [rep=arrow][type=icon] {
  font-size: var(--_rem-root);
}
._tree ._tree-head > [rep=arrow]:not(._none) {
  cursor: pointer;
  transition: all var(--_dur-2) linear;
}
._tree ._tree-head > [rep=arrow][spinning]:before {
  content: "";
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background: var(--_spin) no-repeat scroll center;
  background-size: cover;
}
._tree ._tree-head > [rep=check] {
  width: var(--_tree-lh);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
._tree ._tree-head > [rep=legend] {
  color: var(--_c-brief);
  width: var(--_tree-lh);
  height: var(--_tree-lh);
  line-height: var(--_tree-lh);
  text-align: center;
  background-position: center;
  background-size: var(--_rem-body);
  background-repeat: no-repeat;
}
._tree ._tree-head > [rep=group] > [rep=icon],
._tree ._tree-head > [rep=icon] {
  color: var(--_c-brief);
  width: var(--_tree-lh);
  text-align: center;
  margin-right: var(--_tree-gap);
  transition: all var(--_dur-2) linear;
}
._tree ._tree-head > [rep=group] > [rep=disk],
._tree ._tree-head > [rep=disk] {
  height: var(--_tree-lh);
  width: var(--_tree-lh);
  margin-right: var(--_tree-gap);
  object-fit: cover;
  border-radius: 100%;
}
._tree ._tree-head > [rep=group] > [rep=cube],
._tree ._tree-head > [rep=cube] {
  height: var(--_tree-lh);
  width: var(--_tree-lh);
  margin-right: var(--_tree-gap);
  object-fit: cover;
  border-radius: var(--_r);
}
._tree ._tree-head > [rep=group] > [rep=image],
._tree ._tree-head > [rep=image] {
  max-width: calc(var(--_tree-lh)*2);
  margin-right: var(--_tree-gap);
}
._tree ._tree-head > [rep=group] > [rep=label],
._tree ._tree-head > [rep=label] {
  color: var(--_tree-c);
  line-height: var(--_tree-lh);
  padding: 0 var(--_tree-gap);
  margin-right: var(--_tree-gap);
  border-radius: var(--_r);
  box-sizing: border-box;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
  transition: all var(--_dur-2) linear;
}
._tree ._tree-head > [rep=group] > [rep=label] [rep=mark],
._tree ._tree-head > [rep=label] [rep=mark] {
  color: var(--_c-issue);
}
._tree ._tree-head > [rep=group] > [rep=tips],
._tree ._tree-head > [rep=tips] {
  font-size: var(--_rem-ignore);
  color: var(--_c-ignore);
  margin-left: var(--_tree-gap);
}
._tree ._tree-head > [rep=group] > [rep=badge],
._tree ._tree-head > [rep=group] > [rep=AX-BADGE],
._tree ._tree-head > [rep=badge],
._tree ._tree-head > AX-BADGE {
  margin-left: var(--_tree-gap);
}
._tree ._tree-head > [rep=group] > [rep=custom],
._tree ._tree-head > [rep=custom] {
  margin-left: var(--_tree-gap);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
._tree ._tree-head > [rep=tools] {
  --_tools-c-hov: var(--_tree-c-hl);
  --_tools-c-haz-hov: var(--_tree-c-hl);
  --_tools-bg-hov: var(--_tree-bg-hl);
  --_tools-bg-hov-haz: var(--_c-error);
  margin-left: var(--_tree-gap);
}
._tree ._tree-head input[type='text'] {
  width: 9.2rem;
  height: var(--_tree-lh);
  line-height: var(--_tree-lh);
  padding: 0 0.4rem;
}
._tree ._tree-head[editing] > [rep=group] > [rep=label],
._tree ._tree-head[editing] > [rep=label] {
  padding: 0;
}
._tree ._tree-head[editing] > [rep=tools] {
  position: absolute;
  left: -100000px;
}
._tree ._tree-head[expanded] > [rep=group] > [rep=arrow][type=icon],
._tree ._tree-head[expanded] > [rep=arrow][type=icon] {
  color: var(--_tree-theme);
}
._tree ._tree-head:where([selected]:not([editing])) > [rep=group] > [rep=label],
._tree ._tree-head:where([selected]:not([editing])) > [rep=label] {
  color: var(--_tree-c-hl);
  background: var(--_tree-bg-hl);
}
._tree ._tree-head[drop=ing] > [rep=group] > [rep=label],
._tree ._tree-head[drop=ing] > [rep=label] {
  color: var(--_tree-theme);
  background: transparent;
}
._tree ._tree-head[drop=ing] > [rep=group] > [rep=label]:before,
._tree ._tree-head[drop=ing] > [rep=label]:before {
  content: '';
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid;
  border-color: transparent transparent transparent var(--_tree-theme);
  position: absolute;
  left: -4px;
  display: none;
}
._tree ._tree-head[drop=ing]:where([point=before]) > [rep=group] > [rep=label]:before,
._tree ._tree-head[drop=ing]:where([point=before]) > [rep=label]:before {
  display: block;
  top: -6px;
}
._tree ._tree-head[drop=ing]:where([point=after]) > [rep=group] > [rep=label]:before,
._tree ._tree-head[drop=ing]:where([point=after]) > [rep=label]:before {
  display: block;
  bottom: -6px;
}
._tree ._tree-head[drop=ing]:where([point=inside]) > [rep=group] > [rep=label]:before,
._tree ._tree-head[drop=ing]:where([point=inside]) > [rep=label]:before {
  display: block;
  top: 7px;
}
._tree ._tree-head[drop=ing]:where([point=inside]) > [rep=group] > [rep=label]:after,
._tree ._tree-head[drop=ing]:where([point=inside]) > [rep=label]:after {
  content: '';
  border: 1px solid var(--_tree-theme);
  border-radius: var(--_r);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
}
._tree ._tree-head ._tree-head:where(:focus:not([selected])) > [rep=group] > [rep=label],
._tree ._tree-head ._tree-head:where(:focus:not([selected])) > [rep=label] {
  color: var(--_tree-theme);
}
._tree ._tree-head:hover {
  background-color: var(--_tree-bg-hov);
}
._tree ._tree-head:where([readonly]) > [rep=tools] {
  opacity: var(--_o-disabled);
  pointer-events: none;
}
._tree:where([check]:not([select])) ._tree-head:where([exceeded], [uncheckable]),
._tree ._tree-head:where([disabled]),
._tree ._tree-head:where([uncheckable][unselectable]),
._tree ._tree-head:where([unselectable][exceeded]) {
  opacity: var(--_o-disabled);
  pointer-events: none;
}
._tree:where([check]:not([select])) ._tree-head:where([exceeded], [uncheckable]) ~ ._tree-body,
._tree ._tree-head:where([disabled]) ~ ._tree-body,
._tree ._tree-head:where([uncheckable][unselectable]) ~ ._tree-body,
._tree ._tree-head:where([unselectable][exceeded]) ~ ._tree-body,
._tree:where([check]:not([select])) ._tree-head:where([exceeded], [uncheckable]) ~ ._tree-foot,
._tree ._tree-head:where([disabled]) ~ ._tree-foot,
._tree ._tree-head:where([uncheckable][unselectable]) ~ ._tree-foot,
._tree ._tree-head:where([unselectable][exceeded]) ~ ._tree-foot {
  opacity: var(--_o-disabled);
  pointer-events: none;
}
._tree:where([check]:not([select])) ._tree-head:where([exceeded], [uncheckable]):where([readonly]) > [rep=tools],
._tree ._tree-head:where([disabled]):where([readonly]) > [rep=tools],
._tree ._tree-head:where([uncheckable][unselectable]):where([readonly]) > [rep=tools],
._tree ._tree-head:where([unselectable][exceeded]):where([readonly]) > [rep=tools],
._tree:where([check]:not([select])) ._tree-head:where([exceeded], [uncheckable]) > [rep=check]:where([disabled]),
._tree ._tree-head:where([disabled]) > [rep=check]:where([disabled]),
._tree ._tree-head:where([uncheckable][unselectable]) > [rep=check]:where([disabled]),
._tree ._tree-head:where([unselectable][exceeded]) > [rep=check]:where([disabled]),
._tree:where([check]:not([select])) ._tree-head:where([exceeded], [uncheckable]):where([readonly]) > [rep=group] > [rep=tools],
._tree ._tree-head:where([disabled]):where([readonly]) > [rep=group] > [rep=tools],
._tree ._tree-head:where([uncheckable][unselectable]):where([readonly]) > [rep=group] > [rep=tools],
._tree ._tree-head:where([unselectable][exceeded]):where([readonly]) > [rep=group] > [rep=tools],
._tree:where([check]:not([select])) ._tree-head:where([exceeded], [uncheckable]) > [rep=group] > [rep=check]:where([disabled]),
._tree ._tree-head:where([disabled]) > [rep=group] > [rep=check]:where([disabled]),
._tree ._tree-head:where([uncheckable][unselectable]) > [rep=group] > [rep=check]:where([disabled]),
._tree ._tree-head:where([unselectable][exceeded]) > [rep=group] > [rep=check]:where([disabled]) {
  opacity: 1;
}
._tree ._tree-wrap {
  /*disabled禁止勾选*/
  /*  &[disabled] {
      opacity: .5;
    } */
  /*    &:where(:not([disabled])) [disabled] {
      opacity: .5;
      &~._tree-body,
      &~._tree-foot {
        opacity: .5;
        pointer-events: none;
      }
    } */
  /*readonly只读，禁止编辑*/
  /*   &:where(:not([disabled])) ._tree-head[readonly]>[rep=tools] {
      opacity: .5;
      pointer-events: none;
    } */
}
._tree ._tree-wrap:has(>._tree-children) > ._tree-head > [rep=legend] {
  cursor: pointer;
}
._tree ._tree-body {
  --_tree-body-lh: var(--_rem-list);
  --_tree-body-c: var(--_c-brief);
  line-height: var(--_rem-subject);
  display: flex;
}
._tree ._tree-body > ._none {
  width: var(--_tree-lh);
  position: relative;
}
._tree ._tree-brief {
  color: var(--_tree-body-c);
  font-size: var(--_rem-ignore);
  flex: auto;
  box-sizing: border-box;
  margin: 0 0 var(--_rem-space) var(--_p);
  position: relative;
}
._tree ._tree-brief:before {
  content: 'corner-left-up';
  /*       width: var(--_tree-body-dot);
      height: var(--_tree-body-dot); 
      border-radius: var(--_tree-body-dot);
      background-color: var(--_c-text-sd);*/
  font-family: var(--_ff-icon);
  font-size: var(--_px-root);
  color: var(--_c-ignore);
  position: absolute;
  left: calc(var(--_p)*-1 + var(--_tree-gap));
  top: 0;
}
._tree ._tree-body:where(:has(._tree-brief:empty)) {
  display: none;
}
._tree ._tree-foot {
  line-height: var(--_tree-body-lh);
}
._tree ._tree-foot > ._none {
  width: var(--_tree-lh);
  position: relative;
}
._tree ._tree-foot:has([rep=info]:empty) {
  display: none;
}
._tree ._tree-foot [rep=info] {
  color: var(--_c-brief);
}
._tree ._tree-foot [rep=more],
._tree ._tree-foot [rep=next],
._tree ._tree-foot [rep=first] {
  margin-left: var(--_rem-space);
  cursor: pointer;
}
._tree ._tree-foot [rep=more],
._tree ._tree-foot [rep=next] {
  color: var(--_tree-theme);
}
._tree li ._tree-foot {
  display: none;
}
._tree > ._tree-foot,
._tree ._tree-head[expanded] ~ ._tree-foot {
  display: flex;
}
._tree ._tree-result {
  padding: calc((var(--_tree-h) - var(--_tree-lh))/2) 0;
  box-sizing: border-box;
}
._tree ._tree-result [rep=holder] {
  color: var(--_c-ignore);
}
._tree ._tree-page {
  padding-left: var(--_rem-space);
  flex: auto;
  box-sizing: border-box;
}
._tree ._tree-page [disabled] {
  opacity: 0.5;
}
._tree ._tree-children:empty + ._tree-foot {
  display: none;
}
._tree[tools-trigger="hover"] ._tree-head > [rep=tools],
._tree[tools-trigger="click"] ._tree-head > [rep=tools] {
  display: none;
}
._tree[tools-trigger="hover"] ._tree-head:hover > [rep=tools] {
  display: inline-flex;
}
._tree[feature=check] {
  --_tree-h: var(--_rem-input);
}
._tree[feature=check] ._tree-head {
  padding: 0 var(--_rem-body);
}
._tree[feature=check] ._tree-head [rep=check] {
  margin-right: var(--_tree-gap);
}
._tree[feature=check] ._tree-head[checked] {
  color: var(--_tree-theme);
  background-color: var(--_tree-theme-bg);
}
._tree[feature=check] ._tree-head[checked] > [rep=label],
._tree[feature=check] ._tree-head[checked] > [rep=group] > [rep=label] {
  color: var(--_tree-theme);
}
._tree[feature=select],
._tree[feature=dropdown] {
  --_tree-h: var(--_rem-input);
}
._tree[feature=select] ._tree-head,
._tree[feature=dropdown] ._tree-head {
  padding: 0 var(--_rem-body);
}
._tree[feature=select] ._tree-head > [rep=label],
._tree[feature=dropdown] ._tree-head > [rep=label],
._tree[feature=select] ._tree-head > [rep=group] > [rep=label],
._tree[feature=dropdown] ._tree-head > [rep=group] > [rep=label] {
  padding: 0;
}
._tree[feature=select] ._tree-head[checked],
._tree[feature=dropdown] ._tree-head[checked] {
  color: var(--_tree-theme);
  background-color: var(--_tree-theme-bg);
}
._tree[feature=select] ._tree-head[checked] > [rep=label],
._tree[feature=dropdown] ._tree-head[checked] > [rep=label],
._tree[feature=select] ._tree-head[checked] > [rep=group] > [rep=label],
._tree[feature=dropdown] ._tree-head[checked] > [rep=group] > [rep=label] {
  color: var(--_tree-theme);
}
._tree[feature=select] ._tree-head[checked]:after,
._tree[feature=dropdown] ._tree-head[checked]:after {
  content: 'check';
  font-family: var(--_ff-icon);
  color: var(--_tree-theme);
  font-size: var(--_rem-ignore);
  margin-left: var(--_tree-gap);
}
._tree[feature=select] {
  box-sizing: border-box;
  width: var(--_w-input);
  height: calc((var(--_rem-input) + 1px)*5 - 1px);
  overflow: auto;
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r-input);
}
._tree[feature=select]:focus {
  border-color: var(--_tree-theme);
  outline: var(--_w-outline) solid var(--_tree-theme-sd);
  outline-offset: 0px;
}
._tree[feature=select] > ._tree-children > li:where(:not(:last-child)) > ._tree-head,
._tree[feature=select] > ._tree-children > li li > ._tree-head {
  border-bottom: 1px solid var(--_c-text-bd);
}
._tree[feature=button] ._tree-children {
  display: flow-root !important;
}
._tree[feature=button] ._tree-wrap:where(:not(:has(._tree-children))) {
  display: inline-flex;
  float: left;
}
._tree[feature=button] ._tree-head > [rep=label],
._tree[feature=button] ._tree-head > [rep=group] > [rep=label] {
  padding: 0;
}
._tree[feature=button] ._tree-head:where(:not(:has(+._tree-children))) {
  display: inline-flex;
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r);
  padding: 0 var(--_rem-space);
  margin: 0 var(--_rem-space) var(--_rem-space) 0;
  position: relative;
}
._tree[feature=button] ._tree-head:where(:not(:has(+._tree-children)))[checked] {
  color: var(--_tree-theme);
  background-color: var(--_tree-theme-bg);
  border-color: var(--_tree-theme);
}
._tree[feature=button] ._tree-head:where(:not(:has(+._tree-children)))[checked] > [rep=label],
._tree[feature=button] ._tree-head:where(:not(:has(+._tree-children)))[checked] > [rep=group] > [rep=label] {
  color: var(--_tree-theme);
}
._tree[feature=button] ._tree-head:where(:not(:has(+._tree-children)))[checked]:after {
  content: '';
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid;
  border-color: transparent var(--_tree-theme) var(--_tree-theme) transparent;
  position: absolute;
  right: 0;
  bottom: 0;
}
._tree[feature=button] ._tree-head:where(:has(+._tree-children)) {
  background-color: transparent;
  margin-bottom: var(--_rem-space);
}
._tree[feature=button] ._tree-head:where(:has(+._tree-children))[checked] > [rep=group] > [rep=label],
._tree[feature=button] ._tree-head:where(:has(+._tree-children))[checked] > [rep=label] {
  color: var(--_tree-theme);
}
._tree[feature=button] ._tree-head:where(:has(+._tree-children))[checked]:after {
  content: 'check';
  font-family: var(--_ff-icon);
  color: var(--_tree-theme);
  font-size: var(--_rem-ignore);
}
._tree[feature=list] {
  --_tree-h: auto;
}
._tree[feature=list] ._tree-head {
  padding: var(--_rem-space) var(--_rem-body);
}
._tree[feature=list] ._tree-head > [rep=label],
._tree[feature=list] ._tree-head > [rep=group] > [rep=label] {
  padding: 0;
}
._tree[feature=list] ._tree-head[checked] {
  background-color: var(--_tree-theme-bg);
}
._tree[feature=list] ._tree-head[checked] > [rep=label],
._tree[feature=list] ._tree-head[checked] > [rep=group] > [rep=label] {
  color: var(--_tree-theme);
}
._tree[feature=list] ._tree-head[checked]:after {
  content: 'check';
  font-family: var(--_ff-icon);
  color: var(--_tree-theme);
  font-size: var(--_rem-ignore);
  line-height: var(--_rem-subject);
  margin-left: var(--_tree-gap);
}
._tree[feature=list] ._tree-head [rep=group] {
  flex: auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
._tree[feature=list] ._tree-head [rep=tips],
._tree[feature=list] ._tree-head [rep=custom] {
  line-height: var(--_rem-subject);
  width: 100%;
  margin-left: 0;
}
._tree[feature=list] ._tree-head [rep=custom] {
  color: var(--_c-brief);
}
._tree[chain] ._tree-head [rep=arrow]._none:before,
._tree[chain] ._tree-head [rep=arrow]._none:after {
  content: '';
  width: calc(var(--_tree-lh) / 2);
  height: calc(var(--_tree-h) / 2);
  position: absolute;
  right: 0;
}
._tree[chain] ._tree-head [rep=arrow]._none:before {
  box-shadow: inset 1px -1px 0 0 var(--_c-text-fc);
  top: 0;
}
._tree[chain] ._tree-head [rep=arrow]._none:after {
  box-shadow: inset 1px 0 0 0 var(--_c-text-fc);
  bottom: 0;
}
._tree[chain] > ._tree-children > li:first-child > ._tree-head [rep=arrow]._none:before {
  box-shadow: inset 0 -1px 0 0 var(--_c-text-fc);
}
._tree[chain] ._tree-children > li:last-child > ._tree-head [rep=arrow]._none:after {
  display: none;
}
._tree[chain] ._tree-body > ._none:before,
._tree[chain] ._tree-foot > ._none:before {
  content: '';
  width: calc(var(--_tree-lh) / 2);
  height: 100%;
  box-shadow: inset 1px 0 0 0 var(--_c-text-fc);
  position: absolute;
  top: 0;
  right: 0;
}
._tree[chain] ._tree-children > li:last-child > ._tree-body > ._none:before,
._tree[chain] ._tree-children > li:last-child > ._tree-foot > ._none:before {
  display: none;
}
._tree ._tree-head > [rep=indent] i,
._tree ._tree-body > [rep=indent] i,
._tree ._tree-foot > [rep=indent] i {
  width: var(--_tree-lh);
}
._tree[chain] ._tree-head > [rep=indent],
._tree[chain] ._tree-body > [rep=indent],
._tree[chain] ._tree-foot > [rep=indent] {
  position: relative;
}
._tree[chain] ._tree-head > [rep=indent] i,
._tree[chain] ._tree-body > [rep=indent] i,
._tree[chain] ._tree-foot > [rep=indent] i {
  height: 100%;
  position: relative;
}
._tree[chain] ._tree-head > [rep=indent] i:before,
._tree[chain] ._tree-body > [rep=indent] i:before,
._tree[chain] ._tree-foot > [rep=indent] i:before {
  content: '';
  width: calc(var(--_tree-lh) / 2);
  height: 100%;
  box-shadow: inset 1px 0 0 0 var(--_c-text-fc);
  position: absolute;
  top: 0;
  right: 0;
}
._tree[chain] ._tree-head > [rep=indent] {
  height: var(--_tree-h);
}
._tree[chain] ._tree-body > [rep=indent],
._tree[chain] ._tree-foot > [rep=indent] {
  height: auto;
}
/*ax popup*/
._popup:where(:not(._plain)) {
  --_popup-r: var(--_r-bubble);
  --_popup-w: var(--_w-bubble);
  background-color: var(--_c-stage);
  min-width: var(--_rem-input);
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_popup-r);
  box-sizing: border-box;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  animation-duration: var(--_dur-1);
  animation-fill-mode: both;
  position: absolute;
  z-index: 880;
}
._popup:where(:not(._plain)):where([size="sm"]) {
  width: calc(var(--_popup-w)/2);
}
._popup:where(:not(._plain)):where([size="md"]) {
  width: var(--_popup-w);
}
._popup:where(:not(._plain)):where([size="lg"]) {
  width: calc(var(--_popup-w)*2);
}
._popup:where(:not(._plain)):where([size="xl"]) {
  width: calc(var(--_popup-w)*3);
}
._popup:where(:not(._plain)):where([size="xxl"]) {
  width: calc(var(--_popup-w)*4);
}
._popup:where(:not(._plain)) > [rep="arrow"] {
  width: 1rem;
  height: 1rem;
  box-shadow: 1px 1px 0 var(--_c-text-bd);
  background-color: inherit;
}
._popup:where(:not(._plain)) ._popup-wrap {
  border-radius: inherit;
  position: relative;
  z-index: 2;
}
._popup:where(:not(._plain)) ._popup-padding {
  box-sizing: border-box;
}
._popup:where(:not(._plain)):where(:not(:has(._popup-head))) ._popup-padding {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
._popup:where(:not(._plain)):where(:not(:has(._popup-foot))) ._popup-padding {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
._popup:where(:not(._plain)) ._popup-body {
  box-sizing: border-box;
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}
._popup:where(:not(._plain)):where(:not(:has(._popup-head)):not(:has(._popup-padding))) ._popup-body {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
._popup:where(:not(._plain)):where(:not(:has(._popup-foot)):not(:has(._popup-padding))) ._popup-body {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
._popup:where(:not(._plain)):where(:not([placement="center-max"], [placement="left-max"], [placement="right-max"])) ._popup-body {
  max-height: calc(100vh - var(--_g-full)*2);
}
._popup:where(:not(._plain)) ._popup-body ._popup-cont {
  border-radius: inherit;
}
._popup:where(:not(._plain)):where([placement="center-max"], [placement="left-max"], [placement="right-max"]) {
  display: flex;
  flex-direction: column;
}
._popup:where(:not(._plain)):where([placement="center-max"], [placement="left-max"], [placement="right-max"]) ._popup-wrap {
  display: flex;
  flex-direction: column;
  flex: auto;
}
._popup:where(:not(._plain)):where([placement="center-max"], [placement="left-max"], [placement="right-max"]) ._popup-body {
  flex: auto;
  max-height: auto;
}
._popup:where(:not(._plain)) ._popup-head {
  font-size: var(--_rem-body);
  font-weight: bold;
  line-height: var(--_rem-input);
  padding: 0 var(--_p);
  margin: 0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
._popup:where(:not(._plain)) ._popup-foot,
._popup:where(:not(._plain)) ._bubble-footer {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
._popup:where(:not(._plain)) ._popup-wrap > ._box-tools {
  --_tools-c: var(--_c-text);
  --_tools-o: var(--_o-disabled);
  width: auto;
  position: absolute;
}
._popup:where(:not(._plain)) ._popup-wrap > ._box-tools [rep="icon"] {
  font-size: var(--_fs-ignore);
}
._popup:where(:not(._plain)) ._popup-wrap > ._box-tools > * {
  width: var(--_rem-list);
  aspect-ratio: 1/1;
  line-height: var(--_rem-list);
  padding: 0;
}
._popup:where(:not(._plain)) ._popup-wrap > ._box-tools > *[rep="close"]:hover,
._popup:where(:not(._plain)) ._popup-wrap > ._box-tools > *[rep="remove"]:hover {
  color: var(--_c-error);
}
._popup:where(:not(._plain))[toolsplace="inside"] ._popup-wrap > ._box-tools {
  right: var(--_g);
  top: calc((var(--_rem-title) - var(--_rem-list))/2);
}
._popup:where(:not(._plain))[toolsplace="outside"] ._popup-wrap > ._box-tools {
  top: 0;
  right: 0;
  flex-direction: column;
  transform: translateX(100%);
}
._popup:where(:not(._plain))[conttype="image"] ._popup-cont,
._popup:where(:not(._plain))[conttype="video"] ._popup-cont,
._popup:where(:not(._plain))[conttype="audio"] ._popup-cont {
  text-align: center;
}
._popup:where(:not(._plain)) [class*="_box-"] img,
._popup:where(:not(._plain)) [class*="_box-"] video,
._popup:where(:not(._plain)) [class*="_box-"] audio {
  max-width: 100%;
}
._popup:where(:not(._plain)) [class*="_box-"] video,
._popup:where(:not(._plain)) [class*="_box-"] audio {
  width: 100%;
  display: block;
}
._popup:where(:not(._plain)) iframe {
  min-height: 40rem;
}
/*menu*/
AX-MENU {
  display: block;
}
._menu {
  --_menu-w: min(100%,var(--_w-menu));
  --_menu-h: auto;
  --_menu-h-item: var(--_rem-input);
  --_menu-h-1st: var(--_menu-h-item);
  --_menu-r: var(--_r-input);
  --_menu-gap: var(--_g);
  --_menu-c: var(--_c-text);
  --_menu-c-hov: var(--_c-prim);
  --_menu-c-sel: var(--_c-prim);
  --_menu-theme: var(--_c-prim);
  --_menu-theme-bg: var(--_c-prim-bg);
  --_menu-bg: transparent;
  --_menu-fw: bold;
  --_tree-h: var(--_menu-h-item);
  --_tree-gap: var(--_menu-gap);
  --_tree-c: var(--_menu-c);
  --_tree-theme: var(--_menu-theme);
  --_tree-theme-bg: var(--_menu-theme-bg);
  --_tree-c-hl: inherit;
  --_tree-bg-hl: transparent;
  --_tree-bg-hov: transparent;
  --_tree-c-arrow: var(--_c-ignore);
  color: var(--_menu-c);
  background-color: var(--_menu-bg);
  width: var(--_menu-w);
  height: var(--_menu-h);
  display: flex;
  flex-direction: column;
  content-visibility: visible;
  min-height: var(--_rem-title);
}
._menu [ajax-message] {
  width: 100%;
  min-height: var(--_rem-title);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
._menu:where(:not([nav], [spill])) {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
._menu:where(:not([expose])) > ul ul {
  display: none;
}
._menu li {
  box-sizing: border-box;
  transition: all var(--_dur-2) ease-out;
}
._menu li > ._tree-head {
  color: var(--_menu-c);
}
._menu li > ._tree-head:where(:not([disabled])) {
  cursor: pointer;
}
._menu > ul > li {
  border-bottom: none;
}
._menu > ul > li:before {
  content: '';
  width: 0.3rem;
  height: 0;
  background-color: var(--_menu-theme);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all var(--_dur-2) ease-out;
}
._menu > ul > li:where(:has(>._tree-head[expanded])):before {
  height: 100%;
}
._menu:where(:not([lamp], [unpadded])) > ul > li:before {
  display: block;
}
._menu:where(:not([unpadded])) ._tree-head,
._menu:where(:not([unpadded])) ._tree-body {
  padding-left: var(--_rem-body);
  padding-right: var(--_rem-body);
}
._menu ._tree-body ._none {
  display: none;
}
._menu ._tree-brief:before {
  left: calc(-1*var(--_rem-body));
}
._menu ._tree-head > [rep=label],
._menu ._tree-head > [rep=group] > [rep=label] {
  line-height: var(--_rem-subject);
  display: -webkit-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding: 0;
  flex: auto;
  border-radius: 0;
}
._menu > ul > li > ._tree-head > [rep=label] {
  font-weight: var(--_menu-fw);
}
._menu > ._tree-head {
  height: var(--_menu-h-1st);
}
._menu[trigger=hover] ._tree-head > [rep=arrow],
._menu[trigger=hover] ._tree-head > [rep=group] > [rep=arrow] {
  pointer-events: none;
}
._menu:where([expose]) ._tree-head > [rep=arrow],
._menu:where([expose]) ._tree-head > [rep=group] > [rep=arrow] {
  display: none;
}
._menu:where(:not([unpadded])) ._tree-head > [rep=arrow]:last-child {
  margin-right: calc(-1*var(--_rem-body));
}
._menu ._none[rep=arrow] {
  display: none;
}
._menu ._tree-head > [rep=tips],
._menu ._tree-head > [rep=group] > [rep=tips] {
  font-size: var(--_rem-ignore);
  color: var(--_c-ignore);
}
._menu ._tree-head[selected]:where(:not([disabled])) {
  color: var(--_c-white);
  background-color: var(--_menu-theme-bg);
}
._menu ._tree-head[selected]:where(:not([disabled])):hover {
  background-color: var(--_menu-theme-bg);
}
._menu ._tree-head[selected]:where(:not([disabled])) > [rep=label],
._menu ._tree-head[selected]:where(:not([disabled])) > [rep=icon],
._menu ._tree-head[selected]:where(:not([disabled])) > [rep=group] > [rep=label],
._menu ._tree-head[selected]:where(:not([disabled])) > [rep=group] > [rep=icon] {
  color: var(--_menu-c-sel);
}
._menu ._tree-head[disabled] {
  background-color: var(--_c-text-bg);
}
._menu li:hover > ._tree-head:where(:not([disabled])) > [rep=label],
._menu li:hover > ._tree-head:where(:not([disabled])) > [rep=icon],
._menu li:hover > ._tree-head:where(:not([disabled])) > [rep=arrow],
._menu li:hover > ._tree-head:where(:not([disabled])) > [rep=group] > [rep=label],
._menu li:hover > ._tree-head:where(:not([disabled])) > [rep=group] > [rep=icon],
._menu li:hover > ._tree-head:where(:not([disabled])) > [rep=group] > [rep=arrow] {
  color: var(--_menu-c-hov);
}
._menu[theme=dark] {
  --_menu-c: rgba(255, 255, 255, 0.5);
  --_menu-bg: var(--_c-prim-sg);
  --_menu-c-hov: var(--_c-white);
  --_menu-c-sel: var(--_c-white);
  --_tree-c-arrow: rgba(255, 255, 255, 0.2);
}
._menu[theme=dark] > ul > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
._menu[theme=dark] > ul > li > ._tree-head [rep=label] {
  font-weight: normal;
}
._menu[theme=dark] ._tree-head[selected] {
  background-color: var(--_c-prim-sd);
}
._menu[theme=dark] ._tree-head[disabled] {
  background-color: var(--_c-text-sd);
}
._menu[theme=dark] ._tree-head[expanded] > [rep=group] > [rep=arrow][type=icon],
._menu[theme=dark] ._tree-head[expanded] > [rep=arrow][type=icon] {
  color: var(--_menu-c);
}
._menu[theme=dark][lamp=block] ._tree-head[selected] {
  border-radius: 0;
}
._menu[full] {
  --_menu-w: 100%;
}
._menu[unpadded] > ul > li:before {
  display: none;
}
._menu[lamp=dot] ._tree-head[selected]:before {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  background-color: var(--_menu-theme);
  content: '';
  position: absolute;
  top: calc((100% - 0.5rem)/2);
}
._menu[lamp=dot] > ul > li > ._tree-head[selected]:before {
  left: var(--_rem-min);
}
._menu[lamp=dot][unpadded] > ul > li li > ._tree-head[selected]:before {
  left: calc(var(--_rem-body) - 0.4rem);
}
._menu[lamp=dot]:where(:not([unpadded])) > ul > li li > ._tree-head[selected]:before {
  left: calc(var(--_rem-body)*2 - 0.4rem);
}
._menu[lamp=line] ._tree-head[selected]:before {
  position: absolute;
  background-color: var(--_menu-theme);
  content: '';
  width: 2px;
  height: 100%;
  left: 0;
  top: 0;
}
._menu[lamp=block] ._tree-head[selected] {
  border-radius: var(--_menu-r);
  background-color: var(--_menu-theme);
}
._menu[lamp=block] ._tree-head[selected] > [rep=tips],
._menu[lamp=block] ._tree-head[selected] > [rep=group] > [rep=tips] {
  color: rgba(255, 255, 255, 0.5);
}
._menu[lamp=block] ._tree-head[selected] > [rep=label],
._menu[lamp=block] ._tree-head[selected] > [rep=icon],
._menu[lamp=block] ._tree-head[selected] > [rep=group] > [rep=label],
._menu[lamp=block] ._tree-head[selected] > [rep=group] > [rep=icon] {
  color: var(--_c-white);
}
._menu[align=left] [rep=label] {
  justify-content: flex-start;
}
._menu[align=center] [rep=label] {
  justify-content: center;
}
._menu[align=right] [rep=label] {
  justify-content: flex-end;
}
._menu[spill]:where(:not([nav])) {
  position: relative;
  z-index: 610;
}
._menu[spill]:where(:not([nav])) > ul > li > ul {
  right: calc(var(--_w-list)*-1 - 0.6rem);
  top: -1px;
}
._menu[spill]:where(:not([nav])) > ul ul {
  width: var(--_w-list);
  position: absolute;
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_menu-r);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
._menu[spill]:where(:not([nav])) > ul ul > li:first-child,
._menu[spill]:where(:not([nav])) > ul ul > li:first-child > :first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
._menu[spill]:where(:not([nav])) > ul ul > li:last-child,
._menu[spill]:where(:not([nav])) > ul ul > li:last-child > :first-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
._menu[spill]:where(:not([nav])) > ul ul [rep=indent] {
  display: none;
}
._menu[spill]:where(:not([nav])) > ul > li > ul > li ul {
  right: calc(-100% - 0.1rem - 0.6rem);
  top: -0.1rem;
}
._menu[spill]:where(:not([nav])) > ul > li li {
  border-bottom: 1px solid var(--_c-text-bd);
}
._menu[spill]:where(:not([nav])) > ul > li ul li:last-child {
  border-bottom: 0;
}
._menu[spill]:where(:not([nav])) > ul > li li:hover > :first-child:where(:not([disabled], [selected])) {
  background-color: var(--_c-text-bg);
}
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])),
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])):hover {
  background-color: var(--_menu-theme);
}
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])) > [rep=tips],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])):hover > [rep=tips],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])) > [rep=group] > [rep=tips],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])):hover > [rep=group] > [rep=tips] {
  color: rgba(255, 255, 255, 0.5);
}
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])) > [rep=label],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])):hover > [rep=label],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])) > [rep=icon],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])):hover > [rep=icon],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])) > [rep=group] > [rep=label],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])):hover > [rep=group] > [rep=label],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])) > [rep=group] > [rep=icon],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])):hover > [rep=group] > [rep=icon] {
  color: var(--_c-white);
}
._menu[nav] {
  --_menu-w: auto;
  --_menu-fw: normal;
  display: inline-flex;
  flex-direction: row;
  min-height: var(--_menu-h-1st);
  position: relative;
  z-index: 610;
}
._menu[nav] > ul > li {
  display: inline-flex;
}
._menu[nav] > ul > li:before {
  display: none;
}
._menu[nav] > ul > li > ._tree-head {
  height: var(--_menu-h-1st);
}
._menu[nav] > ul > li > ._tree-head [rep=indent] {
  display: none;
}
._menu[nav] > ul > li > ._tree-head > [rep=label],
._menu[nav] > ul > li > ._tree-head > [rep=group] > [rep=label] {
  height: var(--_menu-h-1st);
  position: relative;
  flex: none;
  width: auto;
  display: inline-flex;
  align-items: center;
}
._menu[nav] > ul > li > ._tree-head > [rep=label]:after,
._menu[nav] > ul > li > ._tree-head > [rep=group] > [rep=label]:after {
  content: '';
  height: 2px;
  width: 2em;
  background-color: var(--_c-prim);
  transform: translate(-50%, 0) scaleX(0);
  transition: all var(--_dur-2) linear;
  position: absolute;
  left: 50%;
  bottom: 0;
}
._menu[nav] > ul > li > ._tree-head[expanded] > [rep=label],
._menu[nav] > ul > li > ._tree-head[expanded] > [rep=group] > [rep=label] {
  color: var(--_menu-theme);
}
._menu[nav] > ul > li > ._tree-head[expanded] > [rep=label]:after,
._menu[nav] > ul > li > ._tree-head[expanded] > [rep=group] > [rep=label]:after {
  transform: translate(-50%, 0) scaleX(1);
}
._menu[nav] > ul > li > [selected],
._menu[nav] > ul > li > [disabled] {
  background: transparent;
}
._menu[nav] > ul > li > [expanded] > [rep=label],
._menu[nav] > ul > li > [expanded] > [rep=group] > [rep=label] {
  color: var(--_menu-theme);
}
._menu[nav] > ul > li > ._tree-head > [rep=arrow],
._menu[nav] > ul > li > ._tree-head > [rep=grou] > [rep=arrow] {
  width: var(--_rem-body);
  margin-right: 0;
}
._menu[nav] > ul > li > ul {
  left: -0.1rem;
  top: calc(100% + 0.6rem);
}
._menu[nav] > ul ul {
  width: var(--_w-list);
  position: absolute;
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_menu-r);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
._menu[nav] > ul ul > li:first-child,
._menu[nav] > ul ul > li:first-child > :first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
._menu[nav] > ul ul > li:last-child,
._menu[nav] > ul ul > li:last-child > :first-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
._menu[nav] > ul ul [rep=indent] {
  display: none;
}
._menu[nav] > ul > li > ul > li ul {
  right: calc(-100% - 0.1rem - 0.6rem);
  top: -0.1rem;
}
._menu[nav] > ul > li li {
  border-bottom: 1px solid var(--_c-text-bd);
}
._menu[nav] > ul > li ul li:last-child {
  border-bottom: 0;
}
._menu[nav] > ul > li li:hover > :first-child:where(:not([disabled], [selected])) {
  background-color: var(--_c-text-bg);
}
._menu[nav] > ul > li ul [selected]:where(:not([disabled])),
._menu[nav] > ul > li ul [selected]:where(:not([disabled])):hover {
  background-color: var(--_menu-theme);
}
._menu[nav] > ul > li ul [selected]:where(:not([disabled])) > [rep=tips],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])):hover > [rep=tips],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])) > [rep=group] > [rep=tips],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])):hover > [rep=group] > [rep=tips] {
  color: rgba(255, 255, 255, 0.5);
}
._menu[nav] > ul > li ul [selected]:where(:not([disabled])) > [rep=label],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])):hover > [rep=label],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])) > [rep=icon],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])):hover > [rep=icon],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])) > [rep=group] > [rep=label],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])):hover > [rep=group] > [rep=label],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])) > [rep=group] > [rep=icon],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])):hover > [rep=group] > [rep=icon] {
  color: var(--_c-white);
}
._menu[nav] > ul > li > ul li > :first-child > [rep=arrow] {
  rotate: -90deg;
}
._menu[nav] > ul > li > ul li > :first-child:where([expanded]) > [rep=arrow] {
  rotate: 90deg;
}
._menu[align=center] > ul > li ul ._tree-head > [rep=arrow],
._menu[align=center] > ul > li ul ._tree-head > [rep=group] > [rep=arrow] {
  margin-left: calc(var(--_p) - var(--_rem-title));
}
._menu[align=center]:where(:not([nav])) > ul > li > ._tree-head > [rep=arrow],
._menu[align=center]:where(:not([nav])) > ul > li > ._tree-head > [rep=group] > [rep=arrow] {
  margin-left: calc(var(--_p) - var(--_rem-title));
}
/*Tab & Panel*/
._tab {
  min-height: var(--_rem-title);
}
._tab [ajax-message] {
  width: 100%;
  min-height: var(--_rem-title);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
._tab > ._tab-head:where(ul),
._tab ._panel-head ._tab-head:where(ul) {
  padding-inline-start: 0;
}
._tab > ._tab-head:where(ul) > li:before,
._tab ._panel-head ._tab-head:where(ul) > li:before {
  display: none;
}
._tab > ._tab-head ._slide,
._tab ._panel-head ._tab-head ._slide {
  width: auto;
}
._tab > ._tab-head [rep=tips],
._tab ._panel-head ._tab-head [rep=tips] {
  color: var(--_c-ignore);
}
._tab > ._tab-body,
._tab ._panel-body > ._tab-body,
._tab ._panel-body > ._panel-inner > ._tab-body {
  position: relative;
  box-sizing: border-box;
  transition: all var(--_dur-2) linear;
  min-height: var(--_rem-title);
}
._tab > ._tab-body [ajax-message],
._tab ._panel-body > ._tab-body [ajax-message],
._tab ._panel-body > ._panel-inner > ._tab-body [ajax-message] {
  width: 100%;
  min-height: var(--_rem-title);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
._tab > ._tab-body:where(ul),
._tab ._panel-body > ._tab-body:where(ul),
._tab ._panel-body > ._panel-inner > ._tab-body:where(ul) {
  padding-inline-start: 0;
}
._tab > ._tab-body:where(ul) > li:before,
._tab ._panel-body > ._tab-body:where(ul) > li:before,
._tab ._panel-body > ._panel-inner > ._tab-body:where(ul) > li:before {
  display: none;
}
._tab > ._tab-body > *:where(:not([selected])),
._tab ._panel-body > ._tab-body > *:where(:not([selected])),
._tab ._panel-body > ._panel-inner > ._tab-body > *:where(:not([selected])) {
  width: 100%;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
}
._tab > ._tab-body iframe,
._tab ._panel-body > ._tab-body iframe,
._tab ._panel-body > ._panel-inner > ._tab-body iframe {
  width: 100%;
  min-height: 40rem;
}
._tab:where([embed]) > ._tab-body,
._tab:where([embed]) ._panel-body > ._tab-body,
._tab:where([embed]) ._panel-body > ._panel-inner > ._tab-body {
  padding: var(--_p);
}
._tab:where([embed]) > ._tab-head._group-page,
._tab:where([embed]) > ._tab-head ._group-page,
._tab:where([embed]) ._panel-head ._tab-head._group-page,
._tab:where([embed]) ._panel-head ._tab-head ._group-page {
  background-color: var(--_c-ignore-bg);
}
._tab:where([embed]) > ._tab-head._group-page > *,
._tab:where([embed]) > ._tab-head ._group-page > *,
._tab:where([embed]) ._panel-head ._tab-head._group-page > *,
._tab:where([embed]) ._panel-head ._tab-head ._group-page > * {
  border-top-width: 0;
}
._tab:where([embed]) > ._tab-head._group-page > *:first-child,
._tab:where([embed]) > ._tab-head ._group-page > *:first-child,
._tab:where([embed]) ._panel-head ._tab-head._group-page > *:first-child,
._tab:where([embed]) ._panel-head ._tab-head ._group-page > *:first-child {
  border-left-width: 0;
}
._tab:where([embed]) > ._tab-head._group-flex > *:first-child,
._tab:where([embed]) > ._tab-head ._group-flex > *:first-child,
._tab:where([embed]) ._panel-head ._tab-head._group-flex > *:first-child,
._tab:where([embed]) ._panel-head ._tab-head ._group-flex > *:first-child {
  margin-left: var(--_m);
}
/*ax drawer*/
._drawer {
  --_drawer-sz-x-sm: min(40rem, 30%);
  --_drawer-sz-x-md: min(60rem, 50%);
  --_drawer-sz-x-lg: min(80rem, 70%);
  --_drawer-sz-x-max: calc(100% - var(--_rem-input));
  --_drawer-sz-y-sm: min(20rem, 30%);
  --_drawer-sz-y-md: min(40rem, 50%);
  --_drawer-sz-y-lg: min(60rem, 70%);
  --_drawer-sz-y-max: calc(100% - var(--_rem-input));
  --_drawer-w: var(--_w-drawer);
  height: 100%;
  width: 100%;
  position: fixed;
  left: -1000rem;
  top: 0;
  z-index: 810;
  /*   &:where([placement=top][size=sm]) ._drawer-wrap ._drawer-body {
    max-height: var(--_drawer-sz-y-sm);
  }
  &:where([placement=top][size=md]) ._drawer-wrap ._drawer-body {
    max-height: var(--_drawer-sz-y-md);
  }
  &:where([placement=top][size=lg]) ._drawer-wrap ._drawer-body {
    max-height: var(--_drawer-sz-y-lg);
  } */
  /*   &:where([placement=top][size=max]) ._drawer-wrap ._drawer-body {
    max-height: var(--_drawer-sz-y-max);
  } */
  /*   &:where([placement=bottom][size=sm]) ._drawer-wrap ._drawer-body {
    max-height: var(--_drawer-sz-y-sm);
  }
  &:where([placement=bottom][size=md]) ._drawer-wrap ._drawer-body {
    max-height: var(--_drawer-sz-y-md);
  }
  &:where([placement=bottom][size=lg]) ._drawer-wrap ._drawer-body {
    max-height: var(--_drawer-sz-y-lg);
  }
  &:where([placement=bottom][size=max]) ._drawer-wrap ._drawer-body {
    max-height: var(--_drawer-sz-y-max);
  } */
}
._drawer:where([restrict]) {
  position: absolute;
}
._drawer ._drawer-mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, var(--_o-mask));
  opacity: 0;
  transition: all var(--_dur-2) ease-out;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
._drawer ._drawer-wrap {
  width: var(--_drawer-w);
  background-color: var(--_c-stage);
  opacity: 1;
  transition: all var(--_dur-2) ease-out;
  box-sizing: border-box;
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  position: absolute;
  right: calc(-1*var(--_w-drawer));
  top: 0;
  z-index: 9;
}
._drawer ._drawer-padding {
  box-sizing: border-box;
}
._drawer:where([show]) {
  left: 0;
  top: 0;
}
._drawer:where([show]) ._drawer-mask {
  opacity: 1;
}
._drawer:where([size=sm][placement=left], [size=sm][placement=right]) ._drawer-wrap {
  width: var(--_drawer-sz-x-sm);
}
._drawer:where([size=md][placement=left], [size=md][placement=right]) ._drawer-wrap {
  width: var(--_drawer-sz-x-md);
}
._drawer:where([size=lg][placement=left], [size=lg][placement=right]) ._drawer-wrap {
  width: var(--_drawer-sz-x-lg);
}
._drawer:where([size=max][placement=left], [size=max][placement=right]) ._drawer-wrap {
  width: var(--_drawer-sz-x-max);
}
._drawer:where([size=sm][placement=top], [size=sm][placement=bottom]) ._drawer-wrap {
  height: var(--_drawer-sz-y-sm);
}
._drawer:where([size=md][placement=top], [size=md][placement=bottom]) ._drawer-wrap {
  height: var(--_drawer-sz-y-md);
}
._drawer:where([size=lg][placement=top], [size=lg][placement=bottom]) ._drawer-wrap {
  height: var(--_drawer-sz-y-lg);
}
._drawer:where([size=max][placement=top], [size=max][placement=bottom]) ._drawer-wrap {
  height: var(--_drawer-sz-y-max);
}
._drawer:where([placement=right]) ._drawer-wrap,
._drawer:where([placement=left]) ._drawer-wrap {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
._drawer:where([placement=right]) ._drawer-wrap {
  right: calc(-1*var(--_drawer-sz-x-sm));
}
._drawer:where([placement=right][size=sm]) ._drawer-wrap {
  right: calc(-1*var(--_drawer-sz-x-sm));
}
._drawer:where([placement=right][size=md]) ._drawer-wrap {
  right: calc(-1*var(--_drawer-sz-x-md));
}
._drawer:where([placement=right][size=lg]) ._drawer-wrap {
  right: calc(-1*var(--_drawer-sz-x-lg));
}
._drawer:where([placement=right][size=max]) ._drawer-wrap {
  right: calc(-1*var(--_drawer-sz-x-max));
}
._drawer:where([placement=right][show]) ._drawer-wrap {
  right: 0;
}
._drawer:where([placement=left]) ._drawer-wrap {
  left: calc(-1*var(--_drawer-sz-x-sm));
}
._drawer:where([placement=left][size=sm]) ._drawer-wrap {
  left: calc(-1*var(--_drawer-sz-x-sm));
}
._drawer:where([placement=left][size=md]) ._drawer-wrap {
  left: calc(-1*var(--_drawer-sz-x-md));
}
._drawer:where([placement=left][size=lg]) ._drawer-wrap {
  left: calc(-1*var(--_drawer-sz-x-lg));
}
._drawer:where([placement=left][size=max]) ._drawer-wrap {
  left: calc(-1*var(--_drawer-sz-x-max));
}
._drawer:where([placement=left][show]) ._drawer-wrap {
  left: 0;
}
._drawer:where([placement=top]) ._drawer-wrap {
  width: 100%;
  left: auto;
  right: auto;
  bottom: auto;
  transform: translateY(-100%);
}
._drawer:where([placement=top][show]) ._drawer-wrap {
  transform: translateY(0);
}
._drawer:where([placement=bottom]) ._drawer-wrap {
  width: 100%;
  left: auto;
  right: auto;
  top: auto;
  bottom: 0;
  transform: translateY(100%);
}
._drawer:where([placement=bottom][show]) ._drawer-wrap {
  transform: translateY(0);
}
._drawer ._drawer-body {
  flex: auto;
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  overscroll-behavior: contain;
}
._drawer[placement=right] ._drawer-body,
._drawer[placement=left] ._drawer-body {
  height: 0;
}
._drawer ._drawer-cont {
  overflow: hidden;
}
._drawer ._drawer-head {
  font-size: var(--_rem-body);
  font-weight: bold;
  line-height: var(--_rem-input);
  padding: 0 var(--_p);
  margin: 0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
._drawer ._drawer-foot {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
._drawer ._box-tools {
  pointer-events: auto;
  opacity: 0;
  width: auto;
  padding: calc((var(--_rem-input) - var(--_rem-list))/2);
  position: absolute;
}
._drawer ._box-tools [rep="icon"] {
  font-size: var(--_fs-ignore);
}
._drawer ._box-tools > * {
  color: var(--_c-stage);
  width: var(--_rem-list);
  aspect-ratio: 1/1;
  line-height: var(--_rem-list);
  padding: 0;
}
._drawer:where(:has(._drawer-mask)) ._box-tools > *[rep="close"]:hover {
  color: var(--_c-error);
}
._drawer[placement=right] ._box-tools {
  top: 0;
  left: 0;
  transform: translateX(-100%);
  flex-direction: column;
}
._drawer[placement=left] ._box-tools {
  top: 0;
  right: 0;
  transform: translateX(100%);
  flex-direction: column;
}
._drawer[placement=top] ._box-tools {
  right: 0;
  bottom: 0;
  transform: translateY(100%);
}
._drawer[placement=bottom] ._box-tools {
  right: 0;
  top: 0;
  transform: translateY(-100%);
}
._drawer[show] ._box-tools {
  opacity: 1;
}
._drawer[conttype="image"] ._drawer-cont,
._drawer[conttype="video"] ._drawer-cont,
._drawer[conttype="audio"] ._drawer-cont {
  text-align: center;
}
._drawer [class*="_box-"] img,
._drawer [class*="_box-"] video,
._drawer [class*="_box-"] audio {
  max-width: 100%;
}
._drawer [class*="_box-"] video,
._drawer [class*="_box-"] audio {
  width: 100%;
  display: block;
}
._drawer iframe {
  min-height: 40rem;
}
._drawer ._menu {
  width: 100%;
}
._drawer:where([conttype="iframe"])[size] ._drawer-padding {
  flex: auto;
  display: flex;
  flex-direction: column;
}
._drawer:where([conttype="iframe"])[size] ._drawer-cont {
  display: flex;
  flex-direction: column;
  flex: auto;
}
._drawer:where([conttype="iframe"])[size] ._drawer-cont [class*="_box-"] {
  flex: auto;
}
._drawer:where([conttype="iframe"])[size] ._drawer-cont [class*="_box-"] iframe {
  min-height: auto;
  height: 100%;
}
._drawer:not(:has(._drawer-mask)) {
  pointer-events: none;
}
._drawer:not(:has(._drawer-mask)) ._box-tools {
  --_tools-bg: rgba(0, 0, 0, var(--_o-disabled));
  --_tools-r: 100%;
}
._drawer:not(:has(._drawer-mask))[placement=left] ._drawer-wrap {
  border-right: 1px solid var(--_c-text-bd);
}
._drawer:not(:has(._drawer-mask))[placement=right] ._drawer-wrap {
  border-left: 1px solid var(--_c-text-bd);
}
._drawer:not(:has(._drawer-mask))[placement=top] ._drawer-wrap {
  border-bottom: 1px solid var(--_c-text-bd);
}
._drawer:not(:has(._drawer-mask))[placement=bottom] ._drawer-wrap {
  border-top: 1px solid var(--_c-text-bd);
}
._drawer:not(:has(._drawer-mask)) ._drawer-wrap {
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 900px) {
  ._drawer {
    --_drawer-sz-x-sm: 70%;
    --_drawer-sz-x-md: 70%;
    --_drawer-sz-x-lg: 70%;
  }
}
/*ax dialog*/
._dialog {
  --_dialog-row: center;
  --_dialog-col: center;
  --_dialog-r: var(--_r-bubble);
  --_dialog-w: 100vw;
  --_dialog-h: 100vh;
  --_dialog-sz: auto;
  --_dialog-g: var(--_g-full);
  height: var(--_dialog-h);
  width: var(--_dialog-w);
  display: flex;
  justify-content: var(--_dialog-row);
  align-items: var(--_dialog-col);
  position: fixed;
  left: -10000rem;
  top: 0;
  z-index: 840;
}
._dialog:where([restrict]) {
  --_dialog-w: 100%;
  --_dialog-h: 100%;
  position: absolute;
}
._dialog ._dialog-mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, var(--_o-mask));
  opacity: 0;
  transition: all var(--_dur-2) ease-out;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
._dialog[feature=confirm] ._dialog-mask,
._dialog[feature=alert] ._dialog-mask,
._dialog[feature=prompt] ._dialog-mask {
  opacity: 0;
}
._dialog ._dialog-wrap {
  width: var(--_dialog-sz);
  background-color: var(--_c-stage);
  opacity: 1;
  border-radius: var(--_dialog-r);
  transition: all var(--_dur-2) ease-out;
  box-sizing: border-box;
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  position: relative;
  z-index: 9;
}
._dialog:where([size="sm"]) ._dialog-wrap {
  --_dialog-sz: calc(var(--_w-bubble)/2);
}
._dialog:where([size="md"]) ._dialog-wrap {
  --_dialog-sz: var(--_w-bubble);
}
._dialog:where([size="lg"]) ._dialog-wrap {
  --_dialog-sz: calc(var(--_w-bubble)*2);
}
._dialog:where([size="xl"]) ._dialog-wrap {
  --_dialog-sz: calc(var(--_w-bubble)*3);
}
._dialog:where([size="xxl"]) ._dialog-wrap {
  --_dialog-sz: calc(var(--_w-bubble)*4);
}
._dialog:where([size="max"]) ._dialog-wrap {
  --_dialog-sz: calc(100vw - var(--_dialog-g)*2);
}
._dialog ._dialog-padding {
  box-sizing: border-box;
}
._dialog:where(:not(:has(._dialog-head))) ._dialog-padding {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
._dialog:where(:not(:has(._dialog-foot))) ._dialog-padding {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
._dialog:where(:not(:has(._dialog-head)):not(:has(._dialog-padding))) ._dialog-body {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
._dialog:where(:not(:has(._dialog-foot)):not(:has(._dialog-padding))) ._dialog-body {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
._dialog:where(:not([placement="center-max"])) ._dialog-body {
  max-height: calc(100vh - var(--_g-full)*2);
}
._dialog:where([show]) {
  left: 0;
  top: 0;
}
._dialog:where([show]:not([feature=confirm],[feature=alert],[feature=prompt])) ._dialog-mask {
  opacity: 1;
}
._dialog:where([placement=center]) {
  --_dialog-row: center;
  --_dialog-col: center;
}
._dialog:where([placement=left-top]) {
  --_dialog-row: flex-start;
  --_dialog-col: flex-start;
}
._dialog:where([placement=left-top]) ._dialog-wrap {
  margin-left: var(--_dialog-g);
  margin-top: var(--_dialog-g);
}
._dialog:where([placement=center-top]) {
  --_dialog-row: center;
  --_dialog-col: flex-start;
}
._dialog:where([placement=center-top]) ._dialog-wrap {
  margin-top: var(--_dialog-g);
}
._dialog:where([placement=right-top]) {
  --_dialog-row: flex-end;
  --_dialog-col: flex-start;
}
._dialog:where([placement=right-top]) ._dialog-wrap {
  margin-right: var(--_dialog-g);
  margin-top: var(--_dialog-g);
}
._dialog:where([placement=left-bottom]) {
  --_dialog-row: flex-start;
  --_dialog-col: flex-end;
}
._dialog:where([placement=left-bottom]) ._dialog-wrap {
  margin-left: var(--_dialog-g);
  margin-bottom: var(--_dialog-g);
}
._dialog:where([placement=center-bottom]) {
  --_dialog-row: center;
  --_dialog-col: flex-end;
}
._dialog:where([placement=center-bottom]) ._dialog-wrap {
  margin-bottom: var(--_dialog-g);
}
._dialog:where([placement=right-bottom]) {
  --_dialog-row: flex-end;
  --_dialog-col: flex-end;
}
._dialog:where([placement=right-bottom]) ._dialog-wrap {
  margin-right: var(--_dialog-g);
  margin-bottom: var(--_dialog-g);
}
._dialog:where([placement=center-max]) ._dialog-wrap {
  width: calc(100vw - var(--_g-full)*2);
  height: calc(100vh - var(--_g-full)*2);
  display: flex;
  flex-direction: column;
}
._dialog:where([placement=center-max]) ._dialog-wrap ._dialog-body {
  flex: auto;
  max-height: auto;
}
._dialog ._dialog-body {
  box-sizing: border-box;
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}
._dialog ._dialog-cont {
  border-radius: inherit;
}
._dialog ._dialog-head {
  font-size: var(--_rem-body);
  font-weight: bold;
  line-height: var(--_rem-input);
  padding: 0 var(--_p);
  margin: 0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
._dialog ._dialog-foot {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
._dialog ._dialog-wrap > ._box-tools {
  width: auto;
  position: absolute;
}
._dialog ._dialog-wrap > ._box-tools [rep="icon"] {
  font-size: var(--_fs-ignore);
}
._dialog ._dialog-wrap > ._box-tools > * {
  color: var(--_c-text);
  width: var(--_rem-list);
  aspect-ratio: 1/1;
  line-height: var(--_rem-list);
  padding: 0;
  opacity: var(--_o-disabled);
}
._dialog ._dialog-wrap > ._box-tools > :hover {
  opacity: 1;
}
._dialog ._dialog-wrap > ._box-tools > *[rep="close"]:hover,
._dialog ._dialog-wrap > ._box-tools > *[rep="remove"]:hover {
  color: var(--_c-error);
}
._dialog[toolsplace="inside"] ._dialog-wrap > ._box-tools {
  right: var(--_g);
  top: calc((var(--_rem-title) - var(--_rem-list))/2);
}
._dialog[toolsplace="outside"] ._dialog-wrap > ._box-tools {
  top: 0;
  right: 0;
  flex-direction: column;
  transform: translateX(100%);
}
._dialog[conttype="image"] ._dialog-cont,
._dialog[conttype="video"] ._dialog-cont,
._dialog[conttype="audio"] ._dialog-cont {
  text-align: center;
}
._dialog [class*="_box-"] img,
._dialog [class*="_box-"] video,
._dialog [class*="_box-"] audio {
  max-width: 100%;
}
._dialog [class*="_box-"] video,
._dialog [class*="_box-"] audio {
  width: 100%;
  display: block;
}
._dialog iframe {
  min-height: 40rem;
  width: 100%;
}
._dialog ._menu {
  width: 100%;
}
._dialog:where([conttype="iframe"])[size] ._dialog-padding {
  flex: auto;
  display: flex;
  flex-direction: column;
}
._dialog:where([conttype="iframe"])[size] ._dialog-cont {
  display: flex;
  flex-direction: column;
  flex: auto;
}
._dialog:where([conttype="iframe"])[size] ._dialog-cont [class*="_box-"] {
  flex: auto;
}
._dialog:where([conttype="iframe"])[size] ._dialog-cont [class*="_box-"] iframe {
  min-height: auto;
  height: 100%;
}
._dialog:not(:has(._dialog-mask)) {
  pointer-events: none;
}
._dialog:not(:has(._dialog-mask)) ._dialog-wrap {
  border: 1px solid var(--_c-text-bd);
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.12);
}
._dialog[feature=confirm] ._dialog-wrap,
._dialog[feature=alert] ._dialog-wrap,
._dialog[feature=prompt] ._dialog-wrap {
  border: 1px solid var(--_c-text-bd);
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.12);
}
/*ax tooltip*/
._tooltip {
  --_tooltip-c-bd: var(--_c-text);
  --_tooltip-c-bg: var(--_c-stage);
  --_tooltip-c: var(--_c-text);
  border-color: var(--_tooltip-c-bd);
  background-color: var(--_tooltip-c-bg);
  --_popup-r: var(--_r-input);
}
._tooltip ._popup-cont {
  color: var(--_tooltip-c);
  font-size: var(--_rem-ignore);
  line-height: var(--_rem-subject);
  padding: 0.5rem 1rem;
  box-sizing: border-box;
}
._tooltip:where([theme*='-']) > [rep=arrow] {
  box-shadow: 1px 1px 0 var(--_tooltip-c-bd);
}
._tooltip:where(:not([theme*='-'])) > [rep=arrow] {
  box-shadow: none;
}
._tooltip[placement^='top'] > [rep=arrow] {
  background: linear-gradient(135deg, transparent 50%, var(--_tooltip-c-bg) 50%, var(--_tooltip-c-bg) 100%);
}
._tooltip[placement^='bottom'] > [rep=arrow] {
  background: linear-gradient(135deg, transparent 50%, var(--_tooltip-c-bg) 50%, var(--_tooltip-c-bg) 100%);
}
._tooltip[placement^='left'] > [rep=arrow] {
  background: linear-gradient(135deg, transparent 50%, var(--_tooltip-c-bg) 50%, var(--_tooltip-c-bg) 100%);
}
._tooltip[placement^='right'] > [rep=arrow] {
  background: linear-gradient(135deg, transparent 50%, var(--_tooltip-c-bg) 50%, var(--_tooltip-c-bg) 100%);
}
._tooltip[theme="prim"] {
  --_tooltip-c-bd: var(--_c-prim);
  --_tooltip-c-bg: var(--_c-prim);
  --_tooltip-c: var(--_c-white);
}
._tooltip[theme="succ"] {
  --_tooltip-c-bd: var(--_c-succ);
  --_tooltip-c-bg: var(--_c-succ);
  --_tooltip-c: var(--_c-white);
}
._tooltip[theme="error"] {
  --_tooltip-c-bd: var(--_c-error);
  --_tooltip-c-bg: var(--_c-error);
  --_tooltip-c: var(--_c-white);
}
._tooltip[theme="info"] {
  --_tooltip-c-bd: var(--_c-info);
  --_tooltip-c-bg: var(--_c-info);
  --_tooltip-c: var(--_c-white);
}
._tooltip[theme="warn"] {
  --_tooltip-c-bd: var(--_c-warn);
  --_tooltip-c-bg: var(--_c-warn);
  --_tooltip-c: var(--_c-black);
}
._tooltip[theme="issue"] {
  --_tooltip-c-bd: var(--_c-issue);
  --_tooltip-c-bg: var(--_c-issue);
  --_tooltip-c: var(--_c-white);
}
._tooltip[theme="text"] {
  --_tooltip-c-bd: var(--_c-text);
  --_tooltip-c-bg: var(--_c-text);
  --_tooltip-c: var(--_c-stage);
}
._tooltip[theme="prim-lit"] {
  --_tooltip-c-bd: var(--_c-prim);
}
._tooltip[theme="succ-lit"] {
  --_tooltip-c-bd: var(--_c-succ);
}
._tooltip[theme="error-lit"] {
  --_tooltip-c-bd: var(--_c-error);
}
._tooltip[theme="info-lit"] {
  --_tooltip-c-bd: var(--_c-info);
}
._tooltip[theme="warn-lit"] {
  --_tooltip-c-bd: var(--_c-warn);
}
._tooltip[theme="issue-lit"] {
  --_tooltip-c-bd: var(--_c-issue);
}
._tooltip[theme="text-lit"] {
  --_tooltip-c-bd: var(--_c-text);
}
/*ax dropdown*/
._dropdown ._popup-cont ul > li:last-child > ._bullet + hr {
  display: none;
}
._dropdown:where(:not([size])) ._popup-cont ul > li ._bullet-body {
  width: fit-content;
}
._dropdown[feature=button] ._bullet {
  text-align: center;
}
._dropdown ._bullet:where(:not(:has(input))) ._bullet-body > [rep=label] {
  cursor: pointer;
}
/*File input*/
AX-FILE {
  --_file-h: var(--_em-input);
  --_file-p-lr: var(--_em-space);
  --_file-r: var(--_r-input);
  --_file-w: var(--_w-input);
  --_file-sd: var(--_c-prim-sd);
  --_file-bd: 1px;
  --_file-bg: var(--_c-stage);
  flex-direction: column;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
}
AX-FILE[full] {
  display: flex;
}
AX-FILE:where(:not([full])) {
  display: inline-flex;
  width: var(--_file-w);
}
AX-FILE [rep=wrap] {
  font-size: var(--_rem-body);
  background-color: var(--_file-bg);
  width: 100%;
  height: var(--_file-h);
  border: var(--_file-bd) solid var(--_c-text-bd);
  border-radius: var(--_file-r);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  transition: all var(--_dur-2) linear;
}
AX-FILE [rep=wrap]:hover {
  border-color: var(--_c-prim);
}
AX-FILE [rep=wrap]:focus-within {
  color: var(--_c-prim);
  border-color: var(--_c-prim);
  outline: var(--_w-outline) solid var(--_file-sd);
  outline-offset: 0px;
}
AX-FILE [rep=wrap]:focus-within [rep=names] {
  color: var(--_c-prim);
}
AX-FILE input {
  opacity: 0;
  position: absolute;
  left: -100000px;
}
AX-FILE [rep=label] {
  color: var(--_c-brief);
  line-height: calc(var(--_file-h) - 2px);
  background-color: var(--_c-text-bg);
  padding: 0 var(--_file-p-lr);
  box-sizing: border-box;
  border-right: 1px solid var(--_c-text-bd);
  white-space: nowrap;
  overflow: hidden;
  max-width: 60%;
  text-overflow: ellipsis;
}
AX-FILE [rep=placeholder] {
  color: var(--_c-ignore);
  line-height: calc(var(--_file-h) - 2px);
  padding-left: var(--_file-p-lr);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex: auto;
}
AX-FILE [rep=tools] {
  --_tools-c: var(--_c-ignore);
  --_tools-c-hov: var(--_c-prim);
  width: auto;
  margin-right: calc((var(--_rem-title) - var(--_rem-list))/2);
}
AX-FILE [rep=tools] > * {
  font-size: var(--_rem-ignore);
}
AX-FILE [rep=names] {
  text-align: left;
  width: 100%;
  overflow: hidden;
  flex: auto;
  padding-left: var(--_file-p-lr);
}
AX-FILE [rep=names]:empty {
  display: none;
}
AX-FILE [rep=names]:where(:not(:empty)) + [rep=placeholder] {
  display: none;
}
AX-FILE:where(:not([multiple])) [rep=names] {
  text-overflow: ellipsis;
  white-space: nowrap;
}
AX-FILE:where([multiple]) [rep=names] {
  word-break: break-all;
  line-height: 1em;
  display: -webkit-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
AX-FILE [rep=mean] {
  color: var(--_c-ignore);
  content: 'file';
  font-family: var(--_ff-icon);
  cursor: pointer;
  width: var(--_rem-title);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all var(--_dur-2) linear;
}
AX-FILE [rep=mean]:hover {
  color: var(--_c-prim);
}
AX-FILE[size=sm] {
  --_file-h: var(--_em-title);
  --_file-r: var(--_r);
}
AX-FILE[size=lg] {
  --_file-h: var(--_em-max);
  --_file-p-lr: var(--_em-body);
  --_file-r: calc(var(--_r)*3);
}
AX-FILE[size=lg][multiple] [rep=names] {
  line-height: var(--_em-subject);
}
/*Text input*/
AX-INPUT {
  --_input-h: var(--_em-input);
  --_input-w: var(--_w-input);
  --_input-p-lr: var(--_em-space);
  --_input-p-btn: calc(var(--_em-space)*1.5);
  --_input-bd: 1px;
  --_input-c-bd: var(--_c-text-bd);
  --_input-r: var(--_r-input);
  --_input-sd: var(--_c-prim-sd);
  --_input-bg: var(--_c-stage);
  --_input-foc: var(--_c-prim);
  --_input-hov: var(--_c-prim);
  --_input-foc-bd: var(--_input-foc);
  --_input-bg-label: var(--_c-text-bg);
  --_input-bg-unit: var(--_c-text-bg);
  --_input-bd-label: 1px;
  --_input-bd-unit: 1px;
  flex-direction: column;
  border-radius: var(--_input-r);
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
  /*
    input::-webkit-calendar-picker-indicator,
    input[type="search"]::-webkit-search-cancel-button,
    input[type="date"]::-webkit-inner-spin-button,
    input[type="date"]::-webkit-calendar-picker-indicator,
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        display: none;
    }
     input[type="number"] {
        -moz-appearance: textfield;
    } */
}
AX-INPUT[full] {
  display: flex;
}
AX-INPUT:where(:not([full])) {
  display: inline-flex;
  width: var(--_input-w);
}
AX-INPUT > [rep=wrap] {
  font-size: var(--_rem-body);
  color: var(--_c-ignore);
  background-color: var(--_input-bg);
  border-radius: inherit;
  border: var(--_input-bd) solid var(--_input-c-bd);
  width: 100%;
  height: var(--_input-h);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
  transition: all var(--_dur-2) linear;
}
AX-INPUT > [rep=wrap]:focus-within {
  color: var(--_input-foc);
  border-color: var(--_input-foc-bd);
  outline: var(--_w-outline) solid var(--_input-sd);
  outline-offset: 0px;
}
AX-INPUT > [rep=wrap] > [rep=icon],
AX-INPUT > [rep=wrap] > [rep=disk],
AX-INPUT > [rep=wrap] > [rep=cube],
AX-INPUT > [rep=wrap] > [rep=image] {
  margin-left: var(--_input-p-lr);
}
AX-INPUT > [rep=wrap] > [rep=icon] {
  width: 1em;
}
AX-INPUT > [rep=wrap] > [rep=disk],
AX-INPUT > [rep=wrap] > [rep=cube],
AX-INPUT > [rep=wrap] > [rep=image] {
  height: var(--_rem-subject);
}
AX-INPUT > [rep=wrap] > [rep=label],
AX-INPUT > [rep=wrap] > [rep=unit] {
  color: var(--_c-brief);
  line-height: calc(var(--_input-h) - 2px);
  padding: 0 var(--_input-p-lr);
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  max-width: 60%;
  text-overflow: ellipsis;
}
AX-INPUT > [rep=wrap] > [rep=label] {
  background-color: var(--_input-bg-label);
  border-right: var(--_input-bd-label) solid var(--_input-c-bd);
}
AX-INPUT > [rep=wrap] > [rep=unit] {
  background-color: var(--_input-bg-unit);
  border-left: var(--_input-bd-unit) solid var(--_input-c-bd);
}
AX-INPUT > [rep=wrap] > [rep=custom] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 var(--_input-p-lr);
  height: var(--_input-h);
}
AX-INPUT > [rep=wrap] > [rep=btn] {
  text-align: center;
  line-height: max(calc(var(--_input-h) - 2rem),var(--_rem-subject));
  padding: 0 var(--_input-p-btn);
  border-left: 1px solid var(--_input-c-bd);
  transition: all var(--_dur-1) linear;
}
AX-INPUT > [rep=wrap] > [rep=btn]:hover {
  cursor: pointer;
  color: var(--_input-hov);
}
AX-INPUT > [rep=wrap] > [rep=btn][disabled] {
  color: var(--_c-ignore);
}
AX-INPUT > [rep=wrap] > [rep=mean] {
  color: var(--_c-ignore);
  font-family: var(--_ff-icon);
  cursor: pointer;
  width: var(--_rem-title);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all var(--_dur-2) linear;
}
AX-INPUT > [rep=wrap] > [rep=mean]:hover {
  color: var(--_input-hov);
}
AX-INPUT > [rep=wrap] > [rep=tools] {
  --_tools-fs: var(--_rem-ignore);
  --_tools-c: var(--_c-ignore);
  width: auto;
  margin-right: calc((var(--_rem-title) - var(--_rem-list))/2);
}
AX-INPUT > [rep=wrap] > input {
  width: 100%;
  min-width: auto;
  height: 100%;
  border-width: 0;
  border-radius: var(--_input-r);
  outline: none;
  box-shadow: none;
  flex: auto;
}
AX-INPUT > [rep=limit] {
  font-size: var(--_px-ignore);
  color: var(--_c-ignore);
  line-height: 1.5em;
  padding: calc(1em / 3) 0;
}
AX-INPUT[exceeded] > [rep=limit] {
  color: var(--_c-error);
}
AX-INPUT[iconholder] > [rep=wrap] > input::placeholder {
  font-family: var(--_ff-icon);
}
AX-INPUT[align=left] > [rep=wrap] > input,
AX-INPUT[align=left] > [rep=wrap] > input::-webkit-input-placeholder {
  text-align: left;
}
AX-INPUT[align=center] > [rep=wrap] > input,
AX-INPUT[align=center] > [rep=wrap] > input::-webkit-input-placeholder {
  text-align: center;
}
AX-INPUT[align=right] > [rep=wrap] > input,
AX-INPUT[align=right] > [rep=wrap] > input::-webkit-input-placeholder {
  text-align: right;
}
AX-INPUT:hover {
  border-color: var(--_input-hov);
}
AX-INPUT[size=sm] {
  --_input-h: var(--_em-title);
  --_input-p-btn: var(--_input-p-lr);
  --_input-r: var(--_r-input-sm);
}
AX-INPUT[size=lg] {
  --_input-h: var(--_em-max);
  --_input-p-lr: var(--_em-body);
  --_input-r: var(--_r-input-lg);
}
AX-INPUT[feature=plain] {
  --_input-bg-label: transparent;
  --_input-bg-unit: transparent;
  --_input-bd-label: 0px;
  --_input-bd-unit: 0px;
}
/*Textarea input*/
AX-TEXTAREA {
  --_area-p-lr: var(--_em-space);
  --_area-fs: var(--_rem-body);
  --_area-r: var(--_r-input);
  --_area-w: var(--_w-input);
  --_area-h: var(--_em-input);
  --_area-lh: var(--_em-list);
  --_area-sd: var(--_c-prim-sd);
  --_area-bd: 1px;
  --_area-bg: var(--_c-stage);
  --_area-rows: 5;
  --_area-g-tools: calc((var(--_rem-title) - var(--_rem-list))/2);
  flex-direction: column;
  width: var(--_area-w);
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
}
AX-TEXTAREA[full] {
  display: flex;
}
AX-TEXTAREA:where(:not([full])) {
  display: inline-flex;
  width: var(--_area-w);
}
AX-TEXTAREA [rep=wrap] {
  color: var(--_c-ignore);
  background-color: var(--_area-bg);
  border-radius: var(--_area-r);
  border: var(--_area-bd) solid var(--_c-text-bd);
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  transition: all var(--_dur-2) linear;
}
AX-TEXTAREA [rep=wrap]:focus-within {
  border-color: var(--_c-prim);
  outline: var(--_w-outline) solid var(--_area-sd);
  outline-offset: 0px;
}
AX-TEXTAREA [rep=wrap]:focus-within textarea {
  color: var(--_c-prim);
}
AX-TEXTAREA [rep=wrap] > [rep=mean],
AX-TEXTAREA [rep=wrap] > [rep=head] > [rep=mean] {
  color: var(--_c-ignore);
  font-family: var(--_ff-icon);
  cursor: pointer;
  width: var(--_rem-title);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all var(--_dur-2) linear;
}
AX-TEXTAREA [rep=wrap] > [rep=mean]:hover,
AX-TEXTAREA [rep=wrap] > [rep=head] > [rep=mean]:hover {
  color: var(--_c-prim);
}
AX-TEXTAREA [rep=wrap] > [rep=head] {
  display: inline-flex;
  color: var(--_c-brief);
  background-color: var(--_c-text-bg);
}
AX-TEXTAREA [rep=wrap] > [rep=head] [rep=label] {
  flex: auto;
  padding: 0 var(--_area-p-lr);
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
AX-TEXTAREA [rep=wrap] > [rep=head] [rep=mean] + [rep=label] {
  padding-left: 0;
}
AX-TEXTAREA [rep=wrap] > [rep=head] [rep=tools] {
  width: auto;
}
AX-TEXTAREA [rep=limit] {
  font-size: var(--_px-ignore);
  color: var(--_c-ignore);
  line-height: 1.5em;
  padding: calc(1em / 3) 0;
}
AX-TEXTAREA[exceeded] [rep=limit] {
  color: var(--_c-error);
}
AX-TEXTAREA textarea {
  --_field-p-lr: var(--_area-p-lr);
  --_field-fs: var(--_area-fs);
  --_field-lh: var(--_area-lh);
  --_field-h: var(--_area-h);
  --_field-rows: var(--_area-rows);
  --_field-r: var(--_area-r);
  width: 100%;
  min-width: auto;
  border-width: 0;
  outline: none;
  box-shadow: none;
  flex: auto;
}
AX-TEXTAREA[iconholder] textarea::placeholder {
  font-family: var(--_ff-icon);
}
AX-TEXTAREA [rep=tools] {
  --_tools-fs: var(--_rem-ignore);
  --_tools-c: var(--_c-ignore);
}
AX-TEXTAREA:where([single]) {
  --_area-p-tb: 0;
  --_area-lh: var(--_em-input);
}
AX-TEXTAREA:where([single]) [rep=wrap] {
  flex-direction: row;
  align-items: center;
}
AX-TEXTAREA:where([single]) textarea {
  height: var(--_area-h);
  line-height: var(--_area-h);
  white-space: nowrap;
  overflow: hidden;
}
AX-TEXTAREA:where([single]) [rep=tools] {
  width: auto;
}
AX-TEXTAREA:where(:not([single])):not(:has([rep=label])) [rep=tools] {
  width: auto;
  position: absolute;
  right: var(--_area-g-tools);
}
AX-TEXTAREA:where(:not([single])):has([rep=label]) [rep=tools] {
  margin-right: var(--_area-g-tools);
}
AX-TEXTAREA:where(:not([single])) textarea:has(+[rep=tools]) {
  padding-right: var(--_rem-title);
}
AX-TEXTAREA:where(:not([single])) [rep=wrap][scrollable] [rep=tools] {
  right: var(--_rem-space);
}
AX-TEXTAREA:where([single]) [rep=tools] {
  margin-right: var(--_area-g-tools);
}
AX-TEXTAREA:where(:not([single]):not(:has([rep=label]))) [rep=tools] {
  top: var(--_area-g-tools);
  flex-direction: column;
}
AX-TEXTAREA:where(:not([single]):has([rep=label])) [rep=tools] {
  top: 0;
}
AX-TEXTAREA:where([scrollable]:not([single]):not(:has([rep=label]))) [rep=tools] {
  right: var(--_rem-space);
}
AX-TEXTAREA:where([single]) [rep=wrap] > [rep=head] {
  line-height: var(--_area-h);
  border-right: 1px solid var(--_c-text-bd);
  max-width: 60%;
}
AX-TEXTAREA:where(:not([single])) [rep=wrap] > [rep=head] {
  width: 100%;
  line-height: var(--_rem-title);
  border-bottom: 1px solid var(--_c-text-bd);
  display: flex;
  align-items: center;
}
AX-TEXTAREA[size=sm] {
  --_area-h: var(--_em-title);
  --_area-rows: 3;
}
AX-TEXTAREA[size=sm]:where([single]) {
  --_area-lh: var(--_area-h);
}
AX-TEXTAREA[size=lg] {
  --_area-p-lr: var(--_em-body);
  --_area-r: var(--_r-input-lg);
  --_area-h: var(--_em-max);
  --_area-rows: 10;
}
AX-TEXTAREA[size=lg]:where([single]) {
  --_area-lh: var(--_area-h);
}
AX-TEXTAREA:hover {
  border-color: var(--_c-prim);
}
/*Number input*/
AX-NUMBER {
  --_number-h: var(--_em-input);
  --_number-w: calc(var(--_rem-input)*5);
  --_number-p-lr: 0;
  --_number-bd: 1px;
  --_number-c-bd: var(--_c-text-bd);
  --_number-bg: var(--_c-stage);
  --_number-sd: var(--_c-prim-sd);
  --_number-r: var(--_r-input);
  --_number-sz-btn: 100%;
  flex-direction: column;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
}
AX-NUMBER[full] {
  display: flex;
}
AX-NUMBER:where(:not([full])) {
  display: inline-flex;
  width: var(--_number-w);
}
AX-NUMBER [rep=wrap] {
  font-size: var(--_rem-body);
  color: var(--_c-ignore);
  width: 100%;
  height: var(--_number-h);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
}
AX-NUMBER [rep=wrap]:focus-within input {
  color: var(--_c-prim);
}
AX-NUMBER:where(:not([layout=plain])) [rep=wrap] {
  border: var(--_number-bd) solid var(--_number-c-bd);
  background-color: var(--_number-bg);
  border-radius: var(--_number-r);
  transition: all var(--_dur-2) linear;
}
AX-NUMBER:where(:not([layout=plain])) [rep=wrap]:hover {
  border-color: var(--_c-prim);
}
AX-NUMBER:where(:not([layout=plain])) [rep=wrap]:focus-within {
  border-color: var(--_c-prim);
  outline: var(--_w-outline) solid var(--_number-sd);
  outline-offset: 0px;
}
AX-NUMBER [rep=label] {
  color: var(--_c-brief);
  line-height: calc(var(--_number-h) - 2px);
  background-color: var(--_c-text-bg);
  padding: 0 var(--_rem-space);
  box-sizing: border-box;
  border-right: 1px solid var(--_number-c-bd);
  white-space: nowrap;
  overflow: hidden;
  max-width: 60%;
  text-overflow: ellipsis;
}
AX-NUMBER [rep=tips] {
  font-size: var(--_px-ignore);
  color: var(--_c-ignore);
  line-height: 1.5em;
  padding: calc(1em / 3) 0;
}
AX-NUMBER[exceeded] [rep=tips] {
  color: var(--_c-error);
}
AX-NUMBER input {
  min-width: 0;
  height: 100%;
  text-align: center;
  padding: 0 var(--_number-p-lr);
  flex: auto;
  -moz-appearance: textfield;
}
AX-NUMBER:where(:not([layout=plain])) input {
  border-width: 0;
  outline: none;
}
AX-NUMBER input::-webkit-input-placeholder {
  text-align: center;
}
AX-NUMBER input::-webkit-outer-spin-button,
AX-NUMBER input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
AX-NUMBER[iconholder] input::placeholder {
  font-family: var(--_ff-icon);
}
AX-NUMBER [rep=decrease],
AX-NUMBER [rep=increase] {
  font-family: var(--_ff-icon);
  background-color: var(--_c-text-bg);
  height: var(--_number-sz-btn);
  aspect-ratio: 1 / 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: all var(--_dur-2) linear;
}
AX-NUMBER [rep=decrease][disabled],
AX-NUMBER [rep=increase][disabled] {
  opacity: var(--_o-disabled);
}
AX-NUMBER [rep=decrease] {
  border-right: 1px solid var(--_number-c-bd);
}
AX-NUMBER [rep=increase] {
  border-left: 1px solid var(--_number-c-bd);
}
AX-NUMBER[disabled] {
  opacity: var(--_o-disabled);
}
AX-NUMBER:where(:not([layout=plain])) [rep=decrease]:hover,
AX-NUMBER:where(:not([layout=plain])) [rep=increase]:hover {
  color: var(--_c-prim);
}
AX-NUMBER:where([layout=plain]) [rep=decrease],
AX-NUMBER:where([layout=embed]) [rep=decrease],
AX-NUMBER:where([layout=plain]) [rep=increase],
AX-NUMBER:where([layout=embed]) [rep=increase] {
  font-size: var(--_rem-root);
  border-radius: 100%;
  border: 1px solid var(--_number-c-bd);
  margin: 0 var(--_rem-space);
}
AX-NUMBER:where([layout=plain]) [rep=decrease]:hover,
AX-NUMBER:where([layout=embed]) [rep=decrease]:hover,
AX-NUMBER:where([layout=plain]) [rep=increase]:hover,
AX-NUMBER:where([layout=embed]) [rep=increase]:hover {
  color: var(--_c-white);
  background-color: var(--_c-prim);
}
AX-NUMBER:where([layout=plain]) {
  --_number-sz-btn: var(--_rem-list);
}
AX-NUMBER:where([layout=embed]) {
  --_number-sz-btn: var(--_rem-subject);
}
AX-NUMBER:hover {
  border-color: var(--_c-prim);
}
AX-NUMBER[size=sm] {
  --_number-h: var(--_em-title);
  --_number-w: calc(var(--_rem-input)*3);
}
AX-NUMBER[size=lg] {
  --_number-h: var(--_em-max);
  --_number-w: calc(var(--_rem-input)*7);
  --_number-r: var(--_r-input-lg);
}
/*Range module*/
AX-RANGE {
  --_range-w: var(--_w-input);
  box-sizing: border-box;
  vertical-align: middle;
  width: var(--_range-w);
  display: inline-flex;
}
AX-RANGE:where(:has(._range[full])) {
  --_range-w: 100%;
  display: block;
}
AX-RANGE > ._range {
  --_range-w: 100%;
}
._range {
  --_range-w: var(--_w-input);
  --_range-sz: var(--_rem-input);
  --_range-sz-handle: 1.6rem;
  --_range-sz-track: 5px;
  --_range-sz-major: var(--_rem-body);
  --_range-sz-minor: var(--_rem-space);
  --_range-sz-h: 20rem;
  --_range-sz-w: 9.4rem;
  user-select: none;
  font-size: var(--_rem-ignore);
  height: var(--_range-sz);
  position: relative;
  align-items: center;
  justify-content: center;
}
._range[full] {
  display: flex;
}
._range:where(:not([full])) {
  display: inline-flex;
  width: var(--_range-w);
}
._range ._range-wrap {
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: center;
}
._range ._range-main {
  position: relative;
  flex: auto;
}
._range ._range-track {
  height: var(--_range-sz-track);
  border-radius: var(--_range-sz-track);
  position: relative;
  z-index: 1;
}
._range ._range-track [rep=base] {
  background-color: var(--_c-text-ac);
  width: 100%;
  height: inherit;
  border-radius: inherit;
  transition: background-color var(--_dur-1) ease-out;
  position: relative;
}
._range ._range-track [rep=base]:before {
  content: '';
  width: 100%;
  height: calc(var(--_range-sz-track)*5);
  position: absolute;
  left: 0;
  top: calc(-1*var(--_range-sz-track)*2);
}
._range ._range-track [rep=thumb] {
  width: 0;
  height: inherit;
  border-radius: inherit;
  background-color: var(--_c-prim);
  position: absolute;
  left: 0;
  top: 0;
}
._range ._range-track [rep=thumb]:before {
  content: '';
  width: 100%;
  height: calc(var(--_range-sz-track)*5);
  position: absolute;
  left: 0;
  top: calc(-1*var(--_range-sz-track)*2);
}
._range ._range-btn {
  color: var(--_c-prim);
  font-size: var(--_rem-body);
  cursor: pointer;
  transition: all var(--_dur-2) linear;
}
._range ._range-btn[rep=increase] {
  margin-left: var(--_rem-space);
}
._range ._range-btn[rep=decrease] {
  margin-right: var(--_rem-space);
}
._range ._range-btn[inert] {
  color: var(--_c-ignore);
}
._range ._range-btn:hover {
  scale: 1.2;
}
._range ._range-result {
  margin-left: var(--_rem-space);
  min-width: var(--_rem-title);
  text-align: right;
}
._range ._range-handle > * {
  width: var(--_range-sz-handle);
  height: var(--_range-sz-handle);
  border-radius: var(--_range-sz-handle);
  border: 2px solid var(--_c-prim);
  background-color: var(--_c-stage);
  box-shadow: none;
  transition: box-shadow var(--_dur-1) linear, background-color var(--_dur-1) linear, border-color var(--_dur-1) linear, scale var(--_dur-1) linear;
  box-sizing: border-box;
  position: absolute;
  top: calc(-1*var(--_range-sz-handle)/2 + var(--_range-sz-track)/2);
  z-index: 1;
}
._range ._range-handle > :where(:not([inert]):hover) {
  cursor: col-resize;
  box-shadow: 0 0 0 var(--_range-sz-track) var(--_c-prim-sd);
  scale: 1.2;
}
._range ._range-handle > [rep=from] {
  left: 0;
}
._range ._range-handle > [rep=to] {
  left: calc(100% - var(--_range-sz-handle));
  z-index: 2;
}
._range ._range-handle > [rep=single] {
  left: 0;
}
._range ._range-handle > [active] {
  z-index: 3;
}
._range:where(:not([inert])) ._range-handle > *:where(:not([inert]):focus) {
  outline: none;
  box-shadow: 0 0 0 var(--_range-sz-track) var(--_c-prim-sd);
  scale: 1.2;
}
._range ._range-bubble > * {
  font-size: var(--_rem-ignore);
  line-height: var(--_rem-subject);
  padding: 0 0.5rem;
  border-radius: var(--_r);
  display: inline-flex;
  position: absolute;
  top: calc(-1*var(--_rem-subject) - (var(--_range-sz-handle) - var(--_range-sz-track))/2 - 0.6rem);
  z-index: 1;
}
._range ._range-bubble [rep=from],
._range ._range-bubble [rep=to],
._range ._range-bubble [rep=single],
._range ._range-bubble [rep=merge] {
  color: var(--_c-white);
  background-color: var(--_c-prim);
  transform: translateX(calc(-50% + var(--_range-sz-handle)/2));
}
._range ._range-bubble [rep=from]:before,
._range ._range-bubble [rep=to]:before,
._range ._range-bubble [rep=single]:before,
._range ._range-bubble [rep=merge]:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: var(--_c-prim);
  position: absolute;
  bottom: -6px;
  left: 50%;
}
._range ._range-bubble [rep=to] {
  z-index: 2;
}
._range ._range-bubble [rep=merge] {
  visibility: hidden;
}
._range ._range-bubble [rep=min],
._range ._range-bubble [rep=max] {
  color: var(--_c-text-aj);
  background-color: var(--_c-text-ac);
}
._range ._range-bubble [rep=min] {
  left: 0;
}
._range ._range-bubble [rep=max] {
  right: 0;
}
._range ._range-bubble [active] {
  z-index: 3;
}
._range ._range-ruler {
  width: calc(100% - var(--_range-sz-handle));
  margin: 0 calc(var(--_range-sz-handle)/2);
  position: absolute;
  left: 0;
  top: var(--_range-sz-track);
}
._range ._range-ruler ul {
  position: relative;
}
._range ._range-ruler li {
  position: absolute;
  top: 0;
}
._range ._range-ruler li:before {
  content: '';
  width: 1px;
  height: var(--_range-sz-major);
  background-color: var(--_c-text-bd);
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
._range ._range-ruler li:not([data-content]):before {
  height: var(--_range-sz-minor);
}
._range ._range-ruler li:after {
  content: attr(data-content);
  color: var(--_c-ignore);
  font-size: var(--_rem-ignore);
  line-height: var(--_rem-ignore);
  white-space: nowrap;
  text-align: center;
  position: absolute;
  top: calc(var(--_range-sz-major) + 0.2rem);
  left: 0;
  transform: translateX(-50%);
}
._range ._range-ruler div {
  height: 0.2rem;
  background-color: var(--_c-text-bd);
  position: absolute;
  top: calc(var(--_range-sz-minor) - 0.2rem);
}
._range:not([inert])[multiple] [rep=thumb]:hover {
  cursor: w-resize;
}
._range[merged] ._range-bubble [rep=from],
._range[merged] ._range-bubble [rep=to] {
  visibility: hidden;
}
._range[merged] ._range-bubble [rep=merge] {
  visibility: visible;
}
._range[hidemin] ._range-bubble [rep=min] {
  visibility: hidden;
}
._range[hidemax] ._range-bubble [rep=max] {
  visibility: hidden;
}
._range:not([inert]):hover ._range-track [rep=base] {
  background-color: var(--_c-prim-bd);
}
._range[inert] ._range-wrap {
  user-select: none;
  pointer-events: none;
}
._range[inert] ._range-wrap ._range-btn {
  color: var(--_c-prim-fc);
}
._range[inert] ._range-wrap ._range-track [rep=thumb] {
  background-color: var(--_c-prim-fc);
}
._range[inert] ._range-wrap ._range-bubble [rep=from],
._range[inert] ._range-wrap ._range-bubble [rep=to],
._range[inert] ._range-wrap ._range-bubble [rep=single],
._range[inert] ._range-wrap ._range-bubble [rep=merge] {
  background-color: var(--_c-prim-fc);
}
._range[inert] ._range-wrap ._range-bubble [rep=from]:before,
._range[inert] ._range-wrap ._range-bubble [rep=to]:before,
._range[inert] ._range-wrap ._range-bubble [rep=single]:before,
._range[inert] ._range-wrap ._range-bubble [rep=merge]:before {
  border-top-color: var(--_c-prim-fc);
}
._range[inert] ._range-wrap ._range-handle > * {
  border-color: var(--_c-prim-fc);
  box-shadow: none;
}
._range[axis=y] {
  display: inline-flex;
  min-width: var(--_range-sz-w);
  min-height: var(--_range-sz-h);
}
._range[axis=y] ._range-wrap {
  height: 100%;
  flex-direction: column-reverse;
}
._range[axis=y] ._range-main {
  width: var(--_range-sz-track);
}
._range[axis=y] ._range-track {
  height: 100%;
  width: var(--_range-sz-track);
  border-radius: var(--_range-sz-track);
}
._range[axis=y] ._range-track [rep=base] {
  width: inherit;
  height: inherit;
}
._range[axis=y] ._range-track [rep=thumb] {
  width: inherit;
  top: auto;
  bottom: 0;
}
._range[axis=y] ._range-track [rep=base]:before,
._range[axis=y] ._range-track [rep=thumb]:before {
  height: 100%;
  width: calc(var(--_range-sz-track)*5);
  top: 0;
  left: calc(-1*var(--_range-sz-track)*2);
}
._range[axis=y] ._range-bubble > * {
  top: auto;
  left: auto;
  right: auto;
  transform: translateX(calc(-100% - var(--_range-sz-handle)/2 - 0.6rem));
}
._range[axis=y] ._range-bubble [rep=max] {
  top: 0;
}
._range[axis=y] ._range-bubble [rep=min] {
  bottom: 0;
}
._range[axis=y] ._range-bubble [rep=from]:before,
._range[axis=y] ._range-bubble [rep=to]:before,
._range[axis=y] ._range-bubble [rep=single]:before,
._range[axis=y] ._range-bubble [rep=merge]:before {
  border: 3px solid transparent;
  border-top-color: transparent;
  border-left-color: var(--_c-prim);
  left: auto;
  bottom: auto;
  top: calc(50% - 3px);
  right: -6px;
}
._range[axis=y] ._range-bubble [rep=merge] {
  transform: translate(calc(-100% - var(--_range-sz-handle)/2 - 0.6rem), calc(50% - var(--_range-sz-handle)/2));
}
._range[axis=y] ._range-bubble [rep=merge] i {
  text-align: center;
  display: block;
  transform: rotate(90deg);
  margin: -0.6rem auto;
}
._range[axis=y] ._range-handle > * {
  left: calc((var(--_range-sz-handle) - var(--_range-sz-track))/-2);
  top: auto;
}
._range[axis=y] ._range-handle > *:not([inert]):hover {
  cursor: row-resize;
}
._range[axis=y] ._range-ruler {
  height: calc(100% - var(--_range-sz-handle));
  margin: calc(var(--_range-sz-handle)/2) 0;
  left: var(--_range-sz-track);
  top: 0;
}
._range[axis=y] ._range-ruler ul {
  height: 100%;
}
._range[axis=y] ._range-ruler li {
  top: auto;
  left: 0;
  bottom: 0;
}
._range[axis=y] ._range-ruler li:before {
  height: 1px;
  width: var(--_range-sz-major);
  top: auto;
  bottom: 0;
  left: 0;
}
._range[axis=y] ._range-ruler li:not([data-content]):before {
  width: var(--_range-sz-minor);
}
._range[axis=y] ._range-ruler li:after {
  text-align: left;
  top: 0;
  left: calc(var(--_range-sz-major) + 0.2rem);
  transform: translateY(-50%);
}
._range[axis=y] ._range-ruler [rep=fence] {
  height: 0;
  width: 0.2rem;
  top: auto;
  left: calc(var(--_range-sz-minor) - 0.2rem);
}
._range[axis=y] ._range-btn[rep=increase],
._range[axis=y] ._range-btn[rep=decrease],
._range[axis=y] ._range-result {
  line-height: var(--_rem-body);
}
._range[axis=y] ._range-btn[rep=increase] {
  margin-bottom: var(--_rem-space);
  margin-left: 0;
}
._range[axis=y] ._range-btn[rep=decrease] {
  margin-top: var(--_rem-space);
  margin-right: 0;
}
._range[axis=y] ._range-result {
  margin-left: 0;
  margin-bottom: var(--_rem-space);
  min-width: auto;
  text-align: center;
}
._range[axis=y]:not([inert])[multiple] [rep=thumb]:hover {
  cursor: s-resize;
}
._range[size=sm] {
  --_range-sz: var(--_rem-title);
  --_range-sz-track: 3px;
  --_range-sz-major: var(--_rem-space);
  --_range-sz-minor: var(--_rem-min);
  --_range-sz-h: 20rem;
  --_range-sz-w: 9.4rem;
}
._range[size=lg] {
  --_range-sz: var(--_rem-max);
  --_range-sz-handle: var(--_rem-list);
  --_range-sz-track: var(--_rem-ignore);
  --_range-sz-major: var(--_rem-subject);
  --_range-sz-minor: var(--_rem-space);
  --_range-sz-h: 30rem;
  --_range-sz-w: 12.4rem;
}
._range[size=lg] ._range-btn {
  font-size: var(--_rem-subject);
}
@-moz-document url-prefix() {
  ._range ._range-bubble [rep=from]:before,
  ._range ._range-bubble [rep=to]:before,
  ._range ._range-bubble [rep=single]:before,
  ._range ._range-bubble [rep=merge]:before {
    bottom: -5px;
  }
}
/*Autocomplete*/
._autocomplete ._retrieval-status {
  color: var(--_c-ignore);
  font-size: var(--_rem-ignore);
  line-height: var(--_rem-subject);
}
._autocomplete._popup ._retrieval-status {
  padding: var(--_rem-space) var(--_p);
  border-bottom: 1px solid var(--_c-text-bd);
}
._autocomplete ._bullet {
  cursor: pointer;
}
._autocomplete[size=md] {
  --_popup-w: var(--_w-input);
}
/*Gesture*/
/*Scroll and Swipe*/
._scroll {
  --_scroll-bar-sz: var(--_rem-min);
  --_scroll-bar-between: 0px;
  --_scroll-bar-end: 0px;
  --_scroll-bar-c-track: var(--_c-mask-4);
  --_scroll-bar-c-thumb: var(--_c-mask-28);
  --_scroll-bar-c-hov: var(--_c-mask-36);
  --_scroll-bar-c-act: var(--_c-mask-44);
  --_scroll-bar-r: 0px;
  --_scroll-w: 100%;
  --_scroll-h: 100%;
  position: relative;
  width: var(--_scroll-w);
  height: var(--_scroll-h);
}
._scroll > ._scroll-wrap {
  position: relative;
}
._scroll > ._scroll-bar {
  background-color: var(--_scroll-bar-c-track);
  border-radius: var(--_scroll-bar-r);
  width: var(--_scroll-bar-sz);
  height: calc(100% - var(--_scroll-bar-between)*2);
  opacity: 0;
  pointer-events: none;
  transition: all var(--_dur-1) linear;
  position: absolute;
  z-index: 2;
}
._scroll > ._scroll-bar span {
  background-color: var(--_scroll-bar-c-thumb);
  border-radius: inherit;
  transition: all var(--_dur-1) linear;
  position: absolute;
}
._scroll > ._scroll-bar span:hover {
  background-color: var(--_scroll-bar-c-hov);
}
._scroll > ._scroll-bar:hover,
._scroll > ._scroll-bar[scrolling] {
  --_scroll-bar-sz: var(--_rem-space);
}
._scroll > ._scroll-bar[scrolling] span {
  background-color: var(--_scroll-bar-c-act);
}
._scroll:hover > ._scroll-bar,
._scroll > ._scroll-bar[shown] {
  opacity: 1;
  pointer-events: initial;
}
._scroll[axis=x] {
  display: flex;
  overflow-x: hidden;
}
._scroll[axis=x] > ._scroll-wrap {
  height: 100%;
  display: inline-flex;
}
._scroll[axis=x] > ._scroll-bar {
  height: var(--_scroll-bar-sz);
  width: calc(100% - var(--_scroll-bar-between)*2);
  left: var(--_scroll-bar-between);
  bottom: var(--_scroll-bar-end);
}
._scroll[axis=x] > ._scroll-bar span {
  height: 100%;
}
._scroll[axis=y] {
  min-height: var(--_rem-title);
  overflow-y: hidden;
}
._scroll[axis=y] > ._scroll-bar {
  right: var(--_scroll-bar-end);
  top: var(--_scroll-bar-between);
}
._scroll[axis=y] > ._scroll-bar span {
  width: 100%;
}
._scroll[axis='x']:where([gridded]) > ._scroll-wrap {
  flex-wrap: wrap;
  writing-mode: vertical-lr;
}
._scroll[axis='x']:where([gridded]) > ._scroll-wrap > * {
  writing-mode: horizontal-tb;
}
._scroll[axis='y']:where([gridded]) > ._scroll-wrap {
  display: flex;
  flex-wrap: wrap;
}
/*Swipe*/
._swipe-prev,
._swipe-next {
  --_swipe-nav-c: var(--_c-prim);
  --_swipe-nav-bg: transparent;
  --_swipe-nav-o: 0.8;
  --_swipe-nav-h: var(--_rem-input);
  --_swipe-nav-fs: var(--_rem-subject);
  --_swipe-nav-r: 100%;
  --_swipe-nav-ff: var(--_ff-icon);
  font-family: var(--_swipe-nav-ff);
  color: var(--_swipe-nav-c);
  background-color: var(--_swipe-nav-bg);
  border-radius: var(--_swipe-nav-r);
  box-sizing: border-box;
  font-size: var(--_swipe-nav-fs);
  opacity: var(--_swipe-nav-o);
  height: var(--_swipe-nav-h);
  aspect-ratio: 1/1;
  cursor: pointer;
  user-select: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all var(--_dur-1) linear;
}
._swipe-prev[disabled],
._swipe-next[disabled] {
  --_swipe-nav-c: var(--_c-text);
  --_swipe-nav-o: 0.2;
}
._swipe-prev[filled],
._swipe-next[filled] {
  --_swipe-nav-c: rgba(255, 255, 255, 0.8);
  --_swipe-nav-bg: var(--_c-prim);
}
._swipe-prev[filled][disabled],
._swipe-next[filled][disabled] {
  --_swipe-nav-bg: var(--_c-text);
}
._swipe-prev:hover,
._swipe-next:hover {
  opacity: 1;
}
._swipe-nav {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
._swipe-nav ._swipe-prev,
._swipe-nav ._swipe-next,
._swipe-nav ._swipe-pgn {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
}
._swipe-nav ._swipe-prev,
._swipe-nav ._swipe-next {
  --_swipe-nav-fs: var(--_rem-ignore);
  --_swipe-nav-h: var(--_rem-subject);
}
._swipe-pgn {
  --_swipe-pgn-c: var(--_c-stage);
  --_swipe-pgn-bg: rgba(0, 0, 0, 0.5);
  --_swipe-pgn-act: var(--_c-prim);
  --_swipe-pgn-o: 0.2;
  --_swipe-pgn-w: var(--_rem-root);
  --_swipe-pgn-h: var(--_rem-root);
  --_swipe-pgn-r: 100%;
  --_swipe-pgn-fs: var(--_rem-ignore);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: var(--_dur-3) opacity;
  user-select: none;
}
._swipe-pgn > * {
  transition: all var(--_dur-2) linear;
  object-fit: cover;
  cursor: pointer;
}
._swipe-pgn img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
._swipe-pgn[type='lamp'] > * {
  width: var(--_swipe-pgn-w);
  height: var(--_swipe-pgn-h);
  margin: 0 var(--_rem-min);
  display: inline-block;
  border-radius: var(--_swipe-pgn-r);
  background: var(--_swipe-pgn-bg);
  opacity: var(--_swipe-pgn-o);
  transition: all var(--_dur-1) linear;
}
._swipe-pgn[type='lamp'] [active] {
  opacity: 1;
  background-color: var(--_swipe-pgn-act);
}
._swipe-pgn[type='lamp'] > *:not([active]):hover {
  opacity: 0.4;
}
._swipe-pgn[type="thumb"] {
  --_swipe-pgn-w: calc(var(--_rem-input) * 2);
  --_swipe-pgn-h: var(--_rem-input);
}
._swipe-pgn[type="thumb"] > * {
  width: var(--_swipe-pgn-w);
  height: var(--_swipe-pgn-h);
  border: 4px solid rgba(255, 255, 255, 0.5);
}
._swipe-pgn[type="thumb"] > [active] {
  border-color: var(--_c-prim);
}
._swipe-pgn[type="thumb"] > * img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}
._swipe-pgn[type="index"] {
  --_swipe-pgn-bg: rgba(0, 0, 0, 0.2);
  --_swipe-pgn-r: var(--_r);
  --_swipe-pgn-w: var(--_rem-list);
  --_swipe-pgn-h: var(--_rem-list);
  justify-content: flex-end;
  font-size: var(--_swipe-pgn-fs);
}
._swipe-pgn[type="index"] > * {
  width: var(--_swipe-pgn-w);
  height: var(--_swipe-pgn-h);
  color: var(--_swipe-pgn-c);
  margin-left: var(--_rem-min);
  line-height: var(--_swipe-pgn-h);
  text-align: center;
  display: inline-block;
  border-radius: var(--_swipe-pgn-r);
  background-color: var(--_swipe-pgn-bg);
  transition: all var(--_dur-1) linear;
}
._swipe-pgn[type="index"] [active] {
  background-color: var(--_swipe-pgn-act);
}
._swipe-pgn[type="index"] > *:not([active]):hover {
  background-color: rgba(0, 0, 0, 0.5);
}
._swipe-pgn[type="text"] {
  --_swipe-pgn-bg: rgba(0, 0, 0, 0.2);
  --_swipe-pgn-h: auto;
  width: 100%;
  display: flex;
  font-size: var(--_swipe-pgn-fs);
}
._swipe-pgn[type="text"] > * {
  width: 0;
  height: var(--_swipe-pgn-h);
  color: var(--_swipe-pgn-c);
  background-color: var(--_swipe-pgn-bg);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
}
._swipe-pgn[type="text"] [active] {
  background-color: var(--_swipe-pgn-act);
}
._swipe-pgn[type="text"] > *:not([active]):hover {
  background-color: rgba(0, 0, 0, 0.5);
}
._swipe {
  min-height: var(--_rem-title);
  min-width: var(--_rem-title);
  overflow: hidden;
  position: relative;
  transition: all var(--_dur-2) linear;
}
._swipe[spinning] {
  pointer-events: none;
  min-height: var(--_rem-title);
  background-image: var(--_spin);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto min(var(--_rem-input),100%);
}
._swipe:hover {
  cursor: grab;
}
._swipe:hover:where(:has(>._swipe-wrap[gesture])) {
  cursor: grabbing;
}
._swipe [unbound] {
  cursor: auto;
}
._swipe._initiating {
  min-height: var(--_rem-title);
  background-image: var(--_spin);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto min(var(--_rem-input),100%);
}
._swipe._initiating > ._swipe-wrap {
  opacity: 0;
}
._swipe > ._swipe-wrap > * {
  position: relative;
  /* >.ax-cage {
                width: 100%;
                height: 100%;
                overflow: hidden;
            } */
}
._swipe > ._swipe-wrap > *[spinning] {
  min-height: var(--_rem-title);
  background-image: var(--_spin);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto min(var(--_rem-input),100%);
}
._swipe > ._swipe-wrap > * > ._swipe {
  width: 100%;
  height: 100%;
}
._swipe > ._swipe-wrap > [type="image"] > img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: inherit;
}
._swipe > ._swipe-wrap > * > iframe {
  width: 100%;
  min-height: 40rem;
}
._swipe:where([gridded][axis="y"]) {
  height: 100%;
}
._swipe > ._swipe-pgn {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: var(--_rem-body);
  z-index: 10;
}
._swipe > ._swipe-pgn[type="index"] {
  width: auto;
  left: auto;
  right: var(--_rem-body);
  bottom: var(--_rem-body);
}
._swipe > ._swipe-pgn[type="text"] {
  left: 0;
  bottom: 0;
}
._swipe > ._swipe-prev,
._swipe > ._swipe-next {
  position: absolute;
  z-index: 11;
}
._swipe > ._progress {
  width: auto;
  position: absolute;
  left: var(--_rem-body);
  top: var(--_rem-body);
  z-index: 10;
}
._swipe > ._swipe-total {
  line-height: var(--_rem-input);
}
._swipe > ._swipe-total[placement] {
  position: absolute;
  z-index: 10;
}
._swipe > ._swipe-total[placement="left-top"] {
  left: var(--_rem-body);
  top: 0;
}
._swipe > ._swipe-total[placement="left-bottom"] {
  left: var(--_rem-body);
  bottom: 0;
}
._swipe > ._swipe-total[placement="right-top"] {
  right: var(--_rem-body);
  top: 0;
}
._swipe > ._swipe-total[placement="right-bottom"] {
  right: var(--_rem-body);
  bottom: 0;
}
._swipe > ._swipe-tools {
  position: absolute;
  top: calc((var(--_rem-input) - var(--_rem-list))/2);
  right: calc((var(--_rem-input) - var(--_rem-list))/2);
  z-index: 10;
}
._swipe > ._swipe-tools > * {
  min-width: var(--_rem-list);
  height: var(--_rem-list);
  margin-left: var(--_rem-space);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
._swipe > ._swipe-tools > [inert] {
  opacity: var(--_o-disabled);
}
._swipe[axis="x"][slides="auto"] > ._swipe-wrap {
  white-space: nowrap;
}
._swipe[axis="x"] > ._swipe-prev,
._swipe[axis="x"] > ._swipe-next {
  top: 50%;
  transform: translate(0, -50%);
}
._swipe[axis="x"] > ._swipe-prev:not([filled]) {
  left: 0;
}
._swipe[axis="x"] > ._swipe-next:not([filled]) {
  right: 0;
}
._swipe[axis="x"] > ._swipe-prev[filled] {
  left: var(--_rem-body);
}
._swipe[axis="x"] > ._swipe-next[filled] {
  right: var(--_rem-body);
}
._swipe[axis="x"] > ._swipe-pgn[type="lamp"],
._swipe[axis="x"] > ._swipe-pgn[type="thumb"] {
  width: 100%;
}
._swipe[axis="x"] > ._swipe-pgn[type="lamp"] > *,
._swipe[axis="x"] > ._swipe-pgn[type="thumb"] > * {
  margin: auto var(--_rem-min);
}
._swipe[axis="x"] > ._swipe-nav {
  position: absolute;
  left: 50%;
  bottom: var(--_rem-body);
  transform: translate(-50%, 0);
}
._swipe[axis="x"] > ._swipe-nav ._swipe-prev,
._swipe[axis="x"] > ._swipe-nav ._swipe-next {
  margin: 0 0.4rem;
}
._swipe[axis="y"] > ._swipe-prev,
._swipe[axis="y"] > ._swipe-next {
  font-size: var(--_rem-ignore);
  width: var(--_rem-subject);
  height: var(--_rem-subject);
  right: 1rem;
}
._swipe[axis="y"] > ._swipe-prev {
  top: 1rem;
}
._swipe[axis="y"] > ._swipe-next {
  bottom: 1rem;
}
._swipe[axis="y"] > ._swipe-pgn[type="lamp"],
._swipe[axis="y"] > ._swipe-pgn[type="thumb"] {
  width: auto;
  flex-flow: column;
  transform: translate(0, -50%);
  left: auto;
  bottom: auto;
  right: var(--_rem-body);
  top: 50%;
}
._swipe[axis="y"] > ._swipe-pgn[type="lamp"] > *,
._swipe[axis="y"] > ._swipe-pgn[type="thumb"] > * {
  margin: var(--_rem-min) 0;
}
._swipe[axis="y"] > ._swipe-nav {
  flex-flow: column;
  position: absolute;
  top: 50%;
  right: var(--_rem-body);
  transform: translate(0, -50%);
}
._swipe[axis="y"] > ._swipe-nav ._swipe-prev,
._swipe[axis="y"] > ._swipe-nav ._swipe-next {
  margin: var(--_rem-min) 0;
}
._swipe[axis="y"] > ._swipe-nav ._swipe-pgn[type="lamp"],
._swipe[axis="y"] > ._swipe-nav ._swipe-pgn[type="thumb"] {
  flex-flow: column;
}
._swipe[axis="y"] > ._swipe-nav ._swipe-pgn[type="lamp"] > *,
._swipe[axis="y"] > ._swipe-nav ._swipe-pgn[type="thumb"] > * {
  margin: var(--_rem-min) 0;
}
/*Lazy*/
[lazy-src] {
  min-height: var(--_rem-title);
  background-image: var(--_spin);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto min(var(--_rem-input),100%);
}
/*
Last modified: 2025-03-04 23:45:29
*/
/*Progress*/
AX-PROGRESS {
  --_prog-time: var(--_dur-2);
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  width: 100%;
}
._progress {
  --_prog-c: var(--_c-prim);
  --_prog-grad: var(--_c-prim-aj);
  --_prog-bg: var(--_c-text-bg);
  --_prog-w: calc(var(--_rem-input)*3);
  --_prog-thk: 0.6rem;
  --_prog-fs: var(--_rem-body);
  --_prog-lh: var(--_rem-list);
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._progress svg {
  width: var(--_prog-w);
}
._progress svg path {
  fill: none;
  stroke-width: var(--_prog-thk);
}
._progress svg path[rep=track] {
  stroke: var(--_prog-bg);
}
._progress svg path[rep=bar] {
  stroke: var(--_prog-c);
  transition: stroke var(--_prog-time, --_dur-2) var(--_bez-eo), stroke-width var(--_dur-3) var(--_bez-eo);
}
._progress [rep=label] {
  font-size: var(--_prog-fs);
  line-height: var(--_prog-lh);
}
._progress [rep=control] {
  font-size: var(--_prog-fs);
  transition: all var(--_dur-2) linear;
}
._progress [rep=control]:hover {
  color: var(--_c-prim);
  cursor: pointer;
}
._progress [rep=control][disabled] {
  opacity: 0.5;
}
._progress [rep=complete] {
  display: none;
}
._progress[completed] [rep=complete] {
  color: var(--_prog-c);
  display: inline-block;
}
._progress[completed] [rep=unit],
._progress[completed] [rep=number],
._progress[completed] [rep=tips] {
  display: none;
}
._progress[type=line] [rep=text] {
  display: flex;
}
._progress[type=line] [rep=label],
._progress[type=line] [rep=control] {
  margin-left: var(--_rem-space);
}
._progress[type=line]:has([rep=tips]) {
  flex-direction: column;
  align-items: flex-start;
}
._progress[type=line]:has([rep=tips]) [rep=track] {
  width: 100%;
}
._progress[type=line]:has([rep=tips]) [rep=text] {
  width: 100%;
}
._progress[type=line]:has([rep=tips]) [rep=label] {
  margin-left: 0;
  flex: auto;
  display: flex;
}
._progress[type=line]:has([rep=tips]) [rep=tips] {
  flex: auto;
}
._progress[type=line] [rep=track] {
  height: var(--_prog-thk);
  border-radius: var(--_prog-thk);
  background-color: var(--_prog-bg);
  flex: auto;
  display: block;
}
._progress[type=line][simple] [rep=track] {
  background: transparent;
}
._progress[type=line] [rep=bar] {
  height: 100%;
  background-color: var(--_prog-c);
  border-radius: var(--_prog-thk);
  transition: width var(--_prog-time, --_dur-2) var(--_bez-eo), background-color var(--_prog-time, --_dur-2) var(--_bez-eo);
}
._progress[type=line][linecap=square] [rep=track],
._progress[type=line][linecap=square] [rep=bar] {
  border-radius: 0;
}
._progress[type*=circle] [rep=text] {
  text-align: center;
  position: absolute;
  left: 50%;
}
._progress[type=circle] path {
  transform: rotate(90deg);
  transform-origin: 50% 50%;
}
._progress[type=circle] [rep=text] {
  transform: translate(-50%, -50%);
  top: 50%;
}
._progress[type=semicircle] [rep=text] {
  transform: translate(-50%, 0);
  bottom: var(--_rem-space);
}
._progress[type=gapcircle] [rep=text] {
  transform: translate(-50%, -50%);
  top: 60%;
}
._progress[thk=xxs] {
  --_prog-thk: 0.1rem;
}
._progress[thk=xs] {
  --_prog-thk: 0.2rem;
}
._progress[thk=sm] {
  --_prog-thk: var(--_rem-min);
}
._progress[thk=md] {
  --_prog-thk: var(--_rem-root);
}
._progress[thk=lg] {
  --_prog-thk: var(--_rem-ignore);
}
._progress[thk=xl] {
  --_prog-thk: var(--_rem-body);
}
._progress[thk=xxl] {
  --_prog-thk: var(--_rem-subject);
}
._progress:where([size][type=line]) {
  width: var(--_prog-w);
}
._progress[size=xxs] {
  --_prog-w: var(--_rem-title);
  --_prog-fs: var(--_rem-ignore);
  --_prog-lh: var(--_rem-subject);
}
._progress[size=xxs][type=semicircle] [rep=text] {
  bottom: 0;
}
._progress[size=xs] {
  --_prog-w: var(--_rem-input);
  --_prog-fs: var(--_rem-ignore);
  --_prog-lh: var(--_rem-subject);
}
._progress[size=xs][type=semicircle] [rep=text] {
  bottom: 0;
}
._progress[size=sm] {
  --_prog-w: calc(var(--_rem-input)*2);
  --_prog-fs: var(--_rem-ignore);
  --_prog-lh: var(--_rem-subject);
}
._progress[size=sm][type=semicircle] [rep=text] {
  bottom: 0;
}
._progress[size=md] {
  --_prog-w: calc(var(--_rem-input)*4);
}
._progress[size=md][type=semicircle] [rep=text] {
  bottom: var(--_rem-space);
}
._progress[size=lg] {
  --_prog-w: calc(var(--_rem-input)*5);
}
._progress[size=lg][type=semicircle] [rep=text] {
  bottom: var(--_rem-ignore);
}
._progress[size=xl] {
  --_prog-w: calc(var(--_rem-input)*5);
}
._progress[size=xl][type=semicircle] [rep=text] {
  bottom: var(--_rem-subject);
}
._progress[size=xxl] {
  --_prog-w: calc(var(--_rem-input)*6);
}
._progress[size=xxl][type=semicircle] [rep=text] {
  bottom: var(--_rem-list);
}
._progress[type*=circle] [rep=bar]:hover {
  stroke-width: calc(var(--_prog-thk)*1.2);
}
._progress[gradient]:where([type=line]) [rep=bar] {
  background: linear-gradient(to right, var(--_prog-c), var(--_prog-grad));
}
._progress[theme=prim] {
  --_prog-bg: var(--_c-prim-bg);
  --_prog-c: var(--_c-prim);
  --_prog-grad: var(--_c-prim-aj);
}
._progress[theme=prim]:where([type*=circle][gradient]) [rep=bar] {
  stroke: url(#svgbar-prim);
}
._progress[theme=error] {
  --_prog-bg: var(--_c-error-bg);
  --_prog-c: var(--_c-error);
  --_prog-grad: var(--_c-error-aj);
}
._progress[theme=error]:where([type*=circle][gradient]) [rep=bar] {
  stroke: url(#svgbar-error);
}
._progress[theme=succ] {
  --_prog-bg: var(--_c-succ-bg);
  --_prog-c: var(--_c-succ);
  --_prog-grad: var(--_c-succ-aj);
}
._progress[theme=succ]:where([type*=circle][gradient]) [rep=bar] {
  stroke: url(#svgbar-succ);
}
._progress[theme=warn] {
  --_prog-bg: var(--_c-warn-bg);
  --_prog-c: var(--_c-warn);
  --_prog-grad: var(--_c-warn-aj);
}
._progress[theme=warn]:where([type*=circle][gradient]) [rep=bar] {
  stroke: url(#svgbar-warn);
}
._progress[theme=info] {
  --_prog-bg: var(--_c-info-bg);
  --_prog-c: var(--_c-info);
  --_prog-grad: var(--_c-info-aj);
}
._progress[theme=info]:where([type*=circle][gradient]) [rep=bar] {
  stroke: url(#svgbar-info);
}
._progress[theme=issue] {
  --_prog-bg: var(--_c-issue-bg);
  --_prog-c: var(--_c-issue);
  --_prog-grad: var(--_c-issue-aj);
}
._progress[theme=issue]:where([type*=circle][gradient]) [rep=bar] {
  stroke: url(#svgbar-issue);
}
._progress[theme=text] {
  --_prog-bg: var(--_c-text-bg);
  --_prog-c: var(--_c-text);
  --_prog-grad: var(--_c-text-aj);
}
._progress[theme=text]:where([type*=circle][gradient]) [rep=bar] {
  stroke: url(#svgbar-text);
}
/*
Last modified: 2025-03-04 23:44:21
*/
/*Date and datetime picker*/
._datetime {
  --_label-h: calc(var(--_rem-input) - var(--_rem-min));
  --_panel-w: calc(var(--_rem-input)*10 - 2px);
  height: auto;
  position: relative;
  display: inline-flex;
  background-color: var(--_c-stage);
  box-sizing: border-box;
}
._datetime[disabled] {
  opacity: 0.5;
}
._datetime[display=inline] {
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r-input);
  margin-top: var(--_rem-space);
  overflow: hidden;
}
._datetime[display=popup],
._datetime[display=dialog],
._datetime[display=drawer] {
  border-radius: inherit;
  --_panel-w: min(calc(var(--_rem-input) * 10),100wv);
}
._datetime > [rep=wrap] {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  box-sizing: border-box;
}
._datetime [rep=menu] {
  border-right: 1px solid var(--_c-text-bd);
  width: calc(var(--_rem-body)*10);
  padding: var(--_rem-space);
}
._datetime [rep=menu] > * {
  height: var(--_rem-input);
  line-height: calc(var(--_rem-input)/2);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: all var(--_dur-2) linear;
}
._datetime [rep=menu] > [selected],
._datetime [rep=menu] > *:hover {
  color: var(--_c-prim);
}
._datetime [rep=menu] > *:hover {
  cursor: pointer;
}
._datetime [rep=detail] {
  border-left: 1px solid var(--_c-text-bd);
  width: 24rem;
  padding: var(--_rem-space);
  box-sizing: border-box;
}
._datetime [rep=detail] [rep=heading] {
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--_c-text-bd);
}
._datetime [rep=detail] [rep=lunar] {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--_c-text-bd);
}
._datetime [rep=detail] [rep=event] {
  padding-top: 0.8rem;
}
._datetime [rep=foot] {
  box-sizing: border-box;
  overflow: hidden;
}
._datetime [rep=foot]:where(:not(:has([layout=plain]))) {
  border-top: 1px solid var(--_c-text-bd);
  padding: var(--_rem-space);
}
._datetime [rep=foot]:where(:not(:has([layout=plain]))) [rep=search] {
  --_input-w: min(100%,16rem);
  --_input-sd: transparent;
}
._datetime [rep=foot]:where(:has([layout=plain])) [rep=search] {
  --_input-bd: 0;
  --_input-r: 0;
  --_input-sd: transparent;
}
._datetime [rep=foot] [rep=tips] > * {
  padding: 0;
}
._datetime:not([type=daytime]) [rep=foot] [rep=time]:after {
  width: auto;
  display: inline-block !important;
  position: inherit !important;
  transform-origin: center !important;
  border-width: 0 !important;
  font-family: var(--_ff-icon);
  font-size: var(--_rem-ignore);
  color: var(--_c-ignore);
  transform: scale(0.6);
  content: 'up';
  transition: all var(--_dur-2) linear;
}
._datetime [rep=head] {
  line-height: var(--_rem-input);
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
._datetime [rep=head] > * {
  margin: 0 var(--_rem-min);
}
._datetime [rep=head] [rep=year],
._datetime [rep=head] [rep=month] {
  cursor: pointer;
}
._datetime [rep=head] [rep=year]:after,
._datetime [rep=head] [rep=month]:after {
  display: inline-block;
  font-family: var(--_ff-icon);
  font-size: var(--_rem-ignore);
  color: var(--_c-ignore);
  scale: 0.6;
  content: 'down';
  transition: all var(--_dur-2) linear;
}
._datetime [rep=head] ._opened:after {
  rotate: 180deg;
}
._datetime[type=year] [rep=head] [rep=year] {
  cursor: auto;
}
._datetime[type=year] [rep=head] [rep=year]:after {
  display: none;
}
._datetime [rep=result] {
  box-sizing: border-box;
  padding: 0.8rem;
}
._datetime [rep=outer] {
  position: relative;
}
._datetime [rep=result] + [rep=outer] {
  border-top: 1px solid var(--_c-text-bd);
}
._datetime [rep=prev],
._datetime [rep=next] {
  position: relative;
  z-index: 3;
}
._datetime [rep=prev] > *,
._datetime [rep=next] > * {
  font-size: var(--_rem-ignore);
  line-height: var(--_rem-input);
  width: var(--_rem-input);
  text-align: center;
  transition: all var(--_dur-2) linear;
  position: absolute;
  top: 0;
}
._datetime [rep=prevYear] {
  left: var(--_rem-space);
}
._datetime [rep=nextYear] {
  right: var(--_rem-space);
}
._datetime [rep=prevMonth] {
  text-align: left;
  left: calc(var(--_rem-input) + var(--_rem-space));
}
._datetime [rep=nextMonth] {
  text-align: right;
  right: calc(var(--_rem-input) + var(--_rem-space));
}
._datetime [rep=prev] > *:hover,
._datetime [rep=next] > *:hover {
  cursor: pointer;
  color: var(--_c-prim);
}
._datetime [rep=tools] {
  --_tools-c: var(--_c-ignore);
  --_tools-c-hov: var(--_c-text);
  padding: 0 var(--_rem-space);
  align-items: center;
  text-align: center;
  height: var(--_rem-input);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  display: none;
}
._datetime [rep=tools] > * {
  font-family: var(--_ff-icon);
  font-size: var(--_rem-ignore);
  text-align: center;
  transition: all var(--_dur-2) linear;
  display: inline-block;
  width: var(--_rem-subject);
  height: var(--_rem-subject);
  line-height: var(--_rem-subject);
}
._datetime [rep=tools] > *:hover {
  cursor: pointer;
}
._datetime [rep=tools] [rep=restore]:before {
  content: "corner-up-left";
}
._datetime [rep=tools] [rep=reset]:before {
  content: "refresh";
}
._datetime [rep=tools] [rep=close]:before {
  content: "close";
}
._datetime [rep=tools] [rep=now]:before {
  content: "clock";
}
._datetime [panels='hms'] > li:hover [rep=tools] {
  display: flex;
}
._datetime [rep=main] {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  min-width: var(--_panel-w);
  flex: auto;
  position: relative;
}
._datetime [rep=main] [rep=body] {
  min-height: 28rem;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 var(--_rem-space) var(--_rem-space) var(--_rem-space);
  position: relative;
}
._datetime [rep=main] [rep=body] [rep=pages] {
  width: calc(100% - 1.6rem);
  text-align: center;
  position: absolute;
  left: 0.8rem;
  bottom: 0;
}
._datetime [rep=main] [rep=body] [rep=pages] > * {
  height: 4.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._datetime [rep=main] [rep=body] [rep=pages] [rep=prev],
._datetime [rep=main] [rep=body] [rep=pages] [rep=next] {
  cursor: pointer;
  transition: all var(--_dur-2) linear;
}
._datetime [rep=main] [rep=body] [rep=pages] [rep=prev]:hover,
._datetime [rep=main] [rep=body] [rep=pages] [rep=next]:hover {
  color: var(--_c-prim);
}
._datetime [rep=main] [rep=panels] {
  width: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  text-align: center;
  position: relative;
}
._datetime [rep=main] [panel] {
  width: var(--_panel-w);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background-color: var(--_c-stage);
  position: relative;
  z-index: 3;
}
._datetime [rep=main] [rep=column],
._datetime [rep=main] [rep=list] {
  box-sizing: border-box;
  display: grid;
}
._datetime [rep=main] [rep=column] > *,
._datetime [rep=main] [rep=list] > * {
  text-align: center;
  position: relative;
}
._datetime [rep=main] [rep=column] > * {
  font-size: var(--_rem-ignore);
  border-bottom: 1px solid var(--_c-text-bd);
  padding-bottom: 0.8rem;
  margin-bottom: 0.8rem;
}
._datetime[full] {
  display: block;
}
._datetime[full] [rep=panels] {
  display: grid;
  width: 100%;
}
._datetime[full] [panel] {
  width: 100%;
}
._datetime:not([type=daytime]) [rep=main] [panels=hms] {
  position: absolute;
  left: 0;
  bottom: calc(var(--_rem-input) + 1.9rem);
  z-index: 3;
  display: none;
}
._datetime[type=daytime] [panels=hms] [rep=close] {
  display: none;
}
._datetime [rep=outer] > [panel=year],
._datetime [rep=outer] > [panel=month] {
  display: none;
  position: absolute;
}
._datetime:not([type=daytime]):has([layout=plain]) [rep=main] [panels=hms] {
  bottom: calc(var(--_rem-input) + 0.1rem);
}
._datetime [rep=list] [rep=content] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: var(--_label-h);
  line-height: var(--_rem-subject);
  border-radius: var(--_label-h);
  position: relative;
}
._datetime [rep=list] :not([disabled]) > [rep=content] {
  cursor: pointer;
}
._datetime [rep=list] [exceed],
._datetime [rep=list] [disabled] {
  opacity: 0.3;
}
._datetime [rep=list] [disabled] {
  cursor: not-allowed;
}
._datetime [rep=list] [busy] > [rep=content]:after {
  content: '';
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 100%;
  background-color: var(--_c-prim);
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 2px;
  margin-left: -0.2rem;
}
._datetime [rep=list] [busy][selected] > [rep=content]:after {
  background-color: var(--_c-stage);
}
._datetime [rep=list] > :not([selected]) > [rep=content] s[rep=rest] {
  color: var(--_c-succ);
}
._datetime [rep=list] > :not([selected]) > [rep=content] s[rep=work] {
  color: var(--_c-issue);
}
._datetime [rep=list] :not([selected]) > [rep=content] u[rep=term] {
  color: var(--_c-prim);
}
._datetime [rep=list] :not([selected]) > [rep=content]:hover {
  background-color: var(--_c-text-bg);
}
._datetime [rep=list] :not([selected])[rep=now] [rep=label] {
  color: var(--_c-prim);
}
._datetime [rep=list] [selected] [rep=content] {
  color: var(--_c-white);
  background-color: var(--_c-prim);
}
._datetime [panel=date] [rep=content] {
  width: var(--_label-h);
  margin: 0.2rem;
}
._datetime [panel=lunar] [rep=content] {
  width: calc(var(--_rem-ignore)*4);
  height: calc(var(--_rem-ignore)*4);
  border-radius: var(--_r);
  margin: 0.2rem 0;
}
._datetime [panel=lunar] [rep=content] u {
  font-size: var(--_rem-ignore);
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._datetime [rep=content] s {
  font-size: var(--_rem-ignore);
  line-height: var(--_rem-ignore);
  position: absolute;
  right: 1px;
  top: 1px;
}
._datetime [panel=year] [rep=content] {
  width: calc(26.6rem / 3);
  margin: calc((4.8rem - var(--_label-h))/2) 0;
}
._datetime [panel=month] [rep=content] {
  width: calc(26.6rem / 3);
  margin: calc((6.8rem - var(--_label-h))/2) 0;
}
._datetime[lunar] [rep=main] [rep=body] {
  min-height: 36.4rem;
}
._datetime[lunar] [panel=year] [rep=content],
._datetime[lunar] [panel=month] [rep=content] {
  width: calc(33.6rem / 3);
}
._datetime[lunar] [panel=year] [rep=content] {
  margin: 1.4rem 0;
}
._datetime[lunar] [panel=month] [rep=content] {
  margin: 2.7rem 0;
}
._datetime [panel=daytime] [rep=content] {
  width: var(--_rem-title);
  height: var(--_rem-title);
  line-height: var(--_rem-title);
  margin: 0;
}
._datetime [panel=daytime] [rep=list] {
  margin: 0.2rem 0;
}
._datetime [panel=daytime] [rep=list] > * {
  height: calc(var(--_rem-title)*8);
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
._datetime [panel=daytime] [rep=list] > * > * {
  display: flex;
}
._datetime [panel=daytime] [rep=list] > * > :nth-child(odd) {
  justify-content: flex-end;
  padding-left: 0.4rem;
}
._datetime [panel=daytime] [rep=list] > * > :nth-child(even) {
  justify-content: flex-start;
}
._datetime [panel=daytime] [rep=list] > *::-webkit-scrollbar {
  width: 4px;
}
._datetime [panel=daytime] [rep=list] > *::-webkit-scrollbar-track {
  display: none;
}
._datetime [panel=daytime] [rep=list] > *::-webkit-scrollbar-thumb {
  display: none;
}
._datetime [panel=daytime] [rep=list] > *:hover::-webkit-scrollbar-track {
  display: block;
}
._datetime [panel=daytime] [rep=list] > *:hover::-webkit-scrollbar-thumb {
  display: block;
}
._datetime[lunar] [panel=daytime] [rep=list] > * {
  height: calc(var(--_rem-title)*11);
}
._datetime [rep=list] [start] [rep=content] {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
._datetime [rep=list] [start]:where(:not([selected][end])) [rep=content] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
._datetime [rep=list] [end] [rep=content] {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
._datetime [rep=list] [end]:where(:not([selected][start])) [rep=content] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
._datetime [rep=list] [contain] [rep=content] {
  width: 100%;
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
  background-color: var(--_c-text-bg);
}
._bind-datetime[disabled] {
  opacity: 0.5;
}
._datetime-wrap {
  --_date-sd: var(--_c-prim-sd);
}
._datetime-wrap._opened AX-TEXTAREA [rep=wrap] {
  border-color: var(--_c-prim);
  outline: var(--_w-outline) solid var(--_date-sd);
}
._datetime-wrap._opened AX-TEXTAREA textarea {
  color: var(--_c-prim);
}
AX-DATETIME {
  --_date-w: var(--_w-input);
  width: var(--_date-w);
  display: inline-flex;
  flex-direction: column;
  vertical-align: middle;
}
AX-DATETIME ._datetime-wrap,
AX-DATETIME AX-TEXTAREA {
  width: 100%;
}
/*Rate*/
AX-RATE {
  display: inline-flex;
  vertical-align: middle;
}
AX-RATE > ._rate {
  width: 100%;
}
._rate {
  --_rate-p: calc((var(--_em-input) - var(--_em-subject))/2);
  --_rate-sz: var(--_em-subject);
  --_rate-fs: var(--_em-body);
  --_rate-gap: 0.2rem;
  padding: var(--_rate-p) 0;
  line-height: var(--_rate-sz);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
._rate input {
  display: none;
}
._rate ul {
  display: flex;
  flex: auto;
}
._rate li {
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._rate li [rep=legend] {
  height: var(--_rate-sz);
  aspect-ratio: 1/1;
  line-height: var(--_rate-sz);
  margin: 0 var(--_rate-gap);
  cursor: pointer;
  position: relative;
}
._rate li [rep=legend] i {
  font-size: var(--_rate-sz);
  color: var(--_c-issue);
  text-align: left;
  height: 100%;
  overflow: hidden;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
}
._rate li [rep=legend] i img {
  height: 100%;
  aspect-ratio: 1/1;
  max-width: none;
}
._rate li [rep=legend] i:first-child {
  width: 0;
  z-index: 2;
  transition: width var(--_dur-1) linear;
}
._rate li [rep=legend] i._half:first-child {
  width: 50%;
}
._rate li [rep=legend] i._full:first-child {
  width: 100%;
}
._rate li [rep=legend] i:last-child {
  width: 100%;
  opacity: 0.3;
}
._rate li [rep=label] {
  text-align: center;
  line-height: var(--_rem-title);
}
._rate:where([omitted]) [selected] ~ li {
  display: none;
}
._rate:where([size=sm]) {
  --_rate-p: calc((var(--_em-title) - var(--_em-body))/2);
  --_rate-sz: var(--_em-body);
  --_rate-fs: var(--_em-ignore);
  --_rate-gap: 0.1rem;
}
._rate:where([size=lg]) {
  --_rate-p: calc((var(--_em-max) - var(--_em-input))/2);
  --_rate-sz: var(--_em-input);
  --_rate-gap: 0.4rem;
}
._rate [rep=clear] {
  font-size: var(--_rate-fs);
  color: #ccc;
  margin-right: var(--_rem-min);
  transition: all var(--_dur-1) linear;
}
._rate [rep=clear]:hover {
  cursor: pointer;
  color: var(--_c-error);
}
._rate [rep=result] {
  font-size: var(--_rate-fs);
  margin-left: var(--_rem-min);
}
._rate:where([disabled]) {
  opacity: var(--_o-disabled);
}
/*Accordion*/
AX-ACCORDION {
  display: block;
  content-visibility: auto;
}
._accordion {
  --_acc-h: var(--_rem-input);
  --_acc-lh: var(--_rem-list);
  --_acc-gap: var(--_rem-min);
  --_acc-r: var(--_r);
}
._accordion ._accordion-wrap {
  /*disabled禁止勾选*/
}
._accordion ._accordion-wrap[disabled] {
  opacity: var(--_o-disabled);
}
._accordion ._accordion-wrap:where(:not([disabled])) [disabled] {
  opacity: var(--_o-disabled);
}
._accordion ._accordion-wrap:where(:not([disabled])) [disabled] ~ ._accordion-body {
  opacity: var(--_o-disabled);
}
._accordion ._accordion-wrap:where(:not([disabled])) ._accordion-head[readonly] > [rep=tools] {
  opacity: var(--_o-disabled);
  pointer-events: none;
}
._accordion ._accordion-body {
  box-sizing: border-box;
  display: none;
}
._accordion ._accordion-head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: var(--_acc-h);
  transition: background-color var(--_dur-2);
  position: relative;
  /*expand展开*/
}
._accordion ._accordion-head:hover {
  background-color: var(--_c-text-bg);
}
._accordion ._accordion-head > [rep=group] {
  display: flex;
  flex: auto;
  justify-content: flex-start;
  align-items: center;
}
._accordion ._accordion-head > [rep=holder],
._accordion ._accordion-head > [rep=group] > [rep=holder] {
  flex: auto;
}
._accordion ._accordion-head > [rep=gap],
._accordion ._accordion-head > [rep=group] > [rep=gap] {
  width: var(--_acc-gap);
}
._accordion ._accordion-head > [rep=arrow],
._accordion ._accordion-head > [rep=group] > [rep=arrow] {
  color: var(--_c-brief);
  font-family: var(--_ff-icon);
  text-align: center;
  width: var(--_acc-lh);
  height: var(--_acc-lh);
  line-height: var(--_acc-lh);
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--_rem-body);
  cursor: pointer;
  transition: all var(--_dur-2) linear;
  position: relative;
}
._accordion ._accordion-head > [rep=arrow]:where([type=icon]),
._accordion ._accordion-head > [rep=group] > [rep=arrow]:where([type=icon]) {
  font-size: var(--_rem-root);
}
._accordion ._accordion-head > [rep=arrow][spinning]:before,
._accordion ._accordion-head > [rep=group] > [rep=arrow][spinning]:before {
  content: "";
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background: var(--_spin) no-repeat scroll center;
  background-size: cover;
}
._accordion ._accordion-head > [rep=check],
._accordion ._accordion-head > [rep=group] > [rep=check] {
  width: var(--_acc-lh);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
._accordion ._accordion-head > [rep=icon],
._accordion ._accordion-head > [rep=group] > [rep=icon] {
  color: var(--_c-brief);
  width: var(--_acc-lh);
  text-align: center;
  margin-right: var(--_acc-gap);
  transition: all var(--_dur-2) linear;
}
._accordion ._accordion-head > [rep=disk],
._accordion ._accordion-head > [rep=group] > [rep=disk] {
  height: var(--_acc-lh);
  width: var(--_acc-lh);
  margin-right: var(--_acc-gap);
  object-fit: cover;
  border-radius: 100%;
}
._accordion ._accordion-head > [rep=cube],
._accordion ._accordion-head > [rep=group] > [rep=cube] {
  height: var(--_acc-lh);
  width: var(--_acc-lh);
  margin-right: var(--_acc-gap);
  object-fit: cover;
  border-radius: var(--_r);
}
._accordion ._accordion-head > [rep=label],
._accordion ._accordion-head > [rep=group] > [rep=label] {
  color: var(--_c-text);
  line-height: var(--_acc-lh);
  margin-right: var(--_acc-gap);
  box-sizing: border-box;
  white-space: nowrap;
  position: relative;
}
._accordion ._accordion-head > [rep=tips],
._accordion ._accordion-head > [rep=group] > [rep=tips] {
  font-size: var(--_rem-ignore);
  color: var(--_c-ignore);
  margin-left: var(--_acc-gap);
}
._accordion ._accordion-head > [rep=badge],
._accordion ._accordion-head > AX-BADGE,
._accordion ._accordion-head > [rep=group] > [rep=badge],
._accordion ._accordion-head > [rep=group] > AX-BADGE {
  margin-left: var(--_acc-gap);
}
._accordion ._accordion-head > [rep=custom],
._accordion ._accordion-head > [rep=group] > [rep=custom] {
  margin-left: var(--_acc-gap);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
._accordion ._accordion-head > :first-child[rep=check] {
  margin-right: var(--_acc-gap);
}
._accordion ._accordion-head > [rep=tools],
._accordion ._accordion-head > [rep=group] > [rep=tools] {
  margin-left: var(--_acc-gap);
}
._accordion ._accordion-head > [rep=tools] > *,
._accordion ._accordion-head > [rep=group] > [rep=tools] > * {
  border-radius: var(--_r);
}
._accordion ._accordion-head > [rep=tools] > *:hover,
._accordion ._accordion-head > [rep=group] > [rep=tools] > *:hover {
  color: var(--_c-white);
  background-color: var(--_c-prim);
}
._accordion ._accordion-head:where([expanded]) > [rep=arrow][type=icon],
._accordion ._accordion-head:where([expanded]) > [rep=group] > [rep=arrow][type=icon] {
  color: var(--_c-prim);
}
._accordion[lamp=left] > ._accordion-wrap > ._accordion-head:before,
._accordion[lamp=right] > ._accordion-wrap > ._accordion-head:before {
  content: '';
  background-color: var(--_c-prim);
  width: 2px;
  height: 14px;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
._accordion[lamp=left] > ._accordion-wrap > ._accordion-head:before {
  left: 0;
}
._accordion[lamp=right] > ._accordion-wrap > ._accordion-head:before {
  right: 0;
}
._accordion[lamp=top] > ._accordion-wrap > ._accordion-head > [rep=label]:before,
._accordion[lamp=bottom] > ._accordion-wrap > ._accordion-head > [rep=label]:before,
._accordion[lamp=top] > ._accordion-wrap > ._accordion-head > [rep=group] > [rep=label]:before,
._accordion[lamp=bottom] > ._accordion-wrap > ._accordion-head > [rep=group] > [rep=label]:before {
  background-color: var(--_c-prim);
  content: '';
  height: 2px;
  width: 28px;
  position: absolute;
  left: 0;
}
._accordion[lamp=top] > ._accordion-wrap > ._accordion-head > [rep=label]:before,
._accordion[lamp=top] > ._accordion-wrap > ._accordion-head > [rep=group] > [rep=label]:before {
  top: calc((var(--_acc-lh) - var(--_acc-h))/2);
}
._accordion[lamp=bottom] > ._accordion-wrap > ._accordion-head > [rep=label]:before,
._accordion[lamp=bottom] > ._accordion-wrap > ._accordion-head > [rep=group] > [rep=label]:before {
  bottom: calc((var(--_acc-lh) - var(--_acc-h))/2);
}
._accordion:where([rounded]:not([gapped])),
._accordion:where([rounded][gapped]) > ._accordion-wrap {
  border-radius: var(--_acc-r);
}
._accordion:where([divided]:not([gapped])) > ._accordion-wrap > ._accordion-head {
  border-bottom: 1px solid var(--_c-text-bd);
}
._accordion:where([divided]) > ._accordion-wrap > ._accordion-body {
  padding: var(--_rem-body) 0;
}
._accordion:where([divided][bordered]:not([gapped])) > ._accordion-wrap:where(:last-child) > ._accordion-head:where(:not([expanded])) {
  border-width: 0;
}
._accordion:where([divided][bordered]:not([gapped])) > ._accordion-wrap:where(:not(:last-child)) > ._accordion-body {
  border-bottom: 1px solid var(--_c-text-bd);
}
._accordion:where([divided][gapped]) > ._accordion-wrap > ._accordion-body {
  border-top: 1px solid var(--_c-text-bd);
}
._accordion:where([gapped]) > ._accordion-wrap:where(:not(:last-child)) {
  margin-bottom: var(--_rem-space);
}
._accordion:where([bordered]) > ._accordion-wrap > ._accordion-head {
  padding: 0 var(--_rem-body);
}
._accordion:where([bordered]) > ._accordion-wrap > ._accordion-head > :last-child[rep=arrow] {
  margin-right: calc(-1*var(--_rem-space));
}
._accordion:where([bordered]) > ._accordion-wrap > ._accordion-head > :first-child[rep=arrow] {
  margin-left: calc(-1*var(--_rem-space));
}
._accordion:where([bordered]) > ._accordion-wrap > ._accordion-body {
  padding: var(--_rem-body);
}
._accordion:where([bordered]:not([gapped])),
._accordion:where([bordered][gapped]) > ._accordion-wrap {
  border: 1px solid var(--_c-text-bd);
}
._accordion[tools-trigger="hover"] > ._accordion-wrap > ._accordion-head > [rep=tools],
._accordion[tools-trigger="hover"] > ._accordion-wrap > ._accordion-head > [rep=group] > [rep=tools] {
  display: none;
}
._accordion[tools-trigger="hover"] > ._accordion-wrap:hover > ._accordion-head > [rep=tools],
._accordion[tools-trigger="hover"] > ._accordion-wrap:hover > ._accordion-head > [rep=group] > [rep=tools] {
  display: inline-flex;
}
/*Accordion*/
AX-EDITOR {
  --_editor-r: 0;
  display: block;
  content-visibility: auto;
  border-radius: var(--_editor-r);
}
._editor {
  --_editor-row: 20;
  --_editor-h: calc(var(--_rem-title) * var(--_editor-row));
  --_editor-bg: var(--_c-stage);
  border-radius: inherit;
  background-color: var(--_editor-bg);
}
._editor[bordered] {
  border: 1px solid var(--_c-text-bd);
}
._editor[rounded] {
  border-radius: var(--_r-input);
}
._editor > input,
._editor > textarea {
  display: none;
}
._editor ._editor-head {
  border-bottom: 1px solid var(--_c-text-bd);
  padding: var(--_rem-space);
  box-sizing: border-box;
}
._editor ._editor-head ._box-tools {
  --_tools-gap: var(--_rem-space);
  --_tools-h: var(--_rem-title);
  --_tools-bg-hov: var(--_c-prim-bg);
  --_tools-bg-hov-haz: var(--_c-error-bg);
}
._editor ._editor-body {
  box-sizing: border-box;
  position: relative;
}
._editor ._editor-body[spinning]:before {
  content: '';
  background-image: var(--_spin);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto min(var(--_rem-input),100%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--_c-stage-60);
  z-index: 3;
}
._editor[bordered] ._editor-body {
  display: flex;
}
._editor ._editor-source {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  outline-width: 0;
  border-radius: 0;
  border: none;
  background-color: var(--_c-text-bg);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
._editor ._editor-source:focus {
  color: var(--_c-text);
}
._editor ._editor-cont {
  padding: var(--_rem-space);
  box-sizing: border-box;
  width: 100%;
  min-height: calc(var(--_rem-title) * 5);
  max-height: var(--_editor-h);
  overflow: auto;
}
._editor ._editor-cont > * {
  max-width: 100%;
}
._editor ._editor-cont:empty:before {
  content: attr(placeholder);
  pointer-events: none;
  color: var(--_c-ignore);
}
._editor ._editor-cont:focus-visible {
  outline: 1px solid var(--_c-prim);
}
._editor ._editor-cont p:empty {
  height: var(--_rem-title);
}
._editor[mode=source] ._editor-cont {
  visibility: hidden;
}
._editor[mode=source] ._editor-source {
  display: block;
}
._editor[mode=source] ._editor-source:focus-visible {
  outline: 1px solid var(--_c-ignore);
}
._editor[mode=source] ._editor-head ._box-tools > :not([rep=source]) {
  opacity: var(--_o-disabled);
  pointer-events: none;
}
._editor[mode=editor] ._editor-source {
  display: none;
}
._editor ._editor-mask {
  display: none;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
._editor[deferred] ._editor-cont {
  visibility: hidden;
}
._editor[deferred] ._editor-head > * {
  opacity: var(--_o-disabled);
  pointer-events: none;
}
._editor[deferred] ._editor-mask {
  display: flex;
}
._editor ._editor-foot {
  font-size: 12px;
  color: var(--_c-ignore);
  box-sizing: border-box;
  padding: 0 var(--_rem-space);
  line-height: 28px;
  border-top: 1px solid var(--_c-text-bd);
  display: flex;
}
._editor ._editor-path {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._editor ._editor-state {
  margin-left: var(--_rem-body);
}
._editor[inert] {
  opacity: var(--_o-disabled);
}
._editor ._editor-head[inert] ~ ._editor-body {
  user-select: none;
}
/*Select*/
AX-SELECT {
  --_select-w: var(--_w-input);
  --_select-r: var(--_r-input);
  --_select-bd: 1px;
  --_select-sd: var(--_c-prim-sd);
  content-visibility: auto;
  border: var(--_select-bd) solid var(--_c-text-bd);
  vertical-align: middle;
  border-radius: var(--_select-r);
  transition: all var(--_dur-2) linear;
}
AX-SELECT:where(:has(._select[full])) {
  display: flex;
}
AX-SELECT:where(:not(:has(._select[full]))) {
  display: inline-flex;
  width: var(--_select-w);
}
AX-SELECT:where(:not(:has(._select[full]))) > ._select {
  width: 100%;
}
AX-SELECT:focus-within,
AX-SELECT:has(._opened._select) {
  border-color: var(--_c-prim);
  outline: var(--_w-outline) solid var(--_select-sd);
  outline-offset: 0px;
}
AX-SELECT:hover {
  border-color: var(--_c-prim);
}
AX-SELECT > ._select {
  flex: auto;
  border-radius: inherit;
  border-width: 0;
}
AX-SELECT > ._select:focus-within {
  outline: none;
}
:not(AX-SELECT) ._select:focus-within,
:not(AX-SELECT) ._select._opened {
  border-color: var(--_c-prim);
  outline: var(--_w-outline) solid var(--_select-sd);
  outline-offset: 0px;
}
:not(AX-SELECT) ._select:hover {
  border-color: var(--_c-prim);
}
._select {
  --_select-h: var(--_rem-input);
  --_select-r: var(--_r-input);
  --_select-w: var(--_w-input);
  --_select-p-tb: var(--_em-min);
  --_select-p-lr: var(--_rem-min);
  --_select-sd: var(--_c-prim-sd);
  --_select-bg: var(--_c-stage);
  background-color: var(--_select-bg);
  min-height: var(--_select-h);
  box-sizing: border-box;
  align-items: center;
  padding: var(--_select-p-tb) 0 var(--_select-p-tb) var(--_select-p-lr);
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_select-r);
  transition: all var(--_dur-2) linear;
}
._select[full] {
  display: flex;
}
._select:where(:not([full])) {
  display: inline-flex;
  width: var(--_select-w);
}
._select > [rep=input] {
  display: none;
}
._select > ._tags {
  flex: auto;
}
._select > ._tags [rep=empty] {
  color: var(--_c-ignore);
  pointer-events: none;
}
._select > ._tags input {
  border-width: 0;
}
._select > ._tags > input:first-child,
._select > ._tags > [rep=empty] {
  padding-left: var(--_rem-min);
}
._select[manual] > ._tags input {
  flex: auto;
  background-color: transparent;
}
._select:where(:not([multiple]):not([manual])) > ._tags {
  flex: auto;
}
._select:where(:not([multiple]):not([manual])) ._tag {
  border-width: 0;
  flex: auto;
  width: 0;
}
._select:where(:not([multiple]):not([manual])) ._tag [rep=label] {
  flex: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
._select > [rep=arrow] {
  width: var(--_rem-list);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  transition: all var(--_dur-2) linear;
}
._select > [rep=arrow]:after {
  content: '';
  height: 0;
  width: 0;
  margin: auto 0;
  border-color: var(--_c-ignore) transparent transparent transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
}
._select._opened > [rep=arrow] {
  rotate: 180deg;
}
._select > [rep=tools] {
  --_tools-c: var(--_c-ignore);
  --_tools-c: hover:var(--_c-prim);
  width: auto;
}
._select > [rep=tools] > * {
  font-size: var(--_rem-ignore);
}
._select[inert] {
  pointer-events: none;
  opacity: var(--_o-disabled);
}
._select[size=sm] {
  --_select-h: var(--_em-title);
  --_select-p-tb: calc((var(--_em-title) - var(--_rem-list))/2);
  --_select-p-lr: calc((var(--_rem-title) - var(--_rem-list))/2);
}
._select[size=lg] {
  --_select-h: var(--_em-max);
  --_select-p-tb: calc((var(--_em-max) - var(--_rem-input))/2);
  --_select-p-lr: calc((var(--_rem-max) - var(--_rem-input))/2);
}
._select-popup {
  --_popup-r: var(--_r-input);
  min-width: var(--_h-input);
}
._select-popup[size=md] {
  --_popup-w: var(--_w-input);
}
._select-wrap {
  position: relative;
}
._select-wrap > ._select-search {
  display: flex;
  flex-direction: column;
  padding: 0 var(--_rem-body);
}
._select-wrap > ._select-search:has([rep=keys]) {
  padding-top: var(--_rem-body);
}
._select-wrap > ._select-search [rep=result] {
  color: var(--_c-brief);
  line-height: var(--_rem-subject);
  font-size: var(--_rem-ignore);
  padding: var(--_rem-space) 0;
}
._select-wrap > ._select-list {
  max-height: calc((var(--_rem-input) + 1px)*5 - 1px);
  overflow: auto;
}
._select-wrap > ._select-list:where([feature=button]) {
  padding: var(--_rem-body);
}
._select-wrap > ._select-list:where([feature=button]) > ul {
  margin-bottom: calc(var(--_rem-space)*-1);
}
._select-wrap > ._select-list:where(:not([feature=button])) > ._tree-children > li > ._tree-head,
._select-wrap > ._select-list:where(:not([feature=button])) > ._tree-children > li li > ._tree-head {
  border-top: 1px solid var(--_c-text-bd);
}
._select-wrap:where(:not(:has(._select-search))) > ._select-list:where(:not([feature=button])) > ._tree-children > li:first-child > ._tree-head {
  border-top-width: 0;
}
._select-wrap > ._select-status {
  width: 100%;
  box-sizing: border-box;
  padding: 0 var(--_rem-body);
  border-top: 1px solid var(--_c-text-bd);
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
}
._select-wrap > ._select-status [rep=stats] {
  color: var(--_c-brief);
  flex: auto;
  text-align: right;
}
._select-wrap > ._select-holder {
  height: var(--_rem-input);
}
/*Upload*/
AX-UPLOAD {
  display: block;
  content-visibility: auto;
}
._upload {
  --_upload-img-h: calc(var(--_rem-title)*5);
  --_upload-grid-cols: 4;
  --_upload-grid-gap: var(--_rem-space): position: relative;
  position: relative;
}
._upload[inert] {
  opacity: 0.5;
}
._upload input {
  display: none;
}
._upload:where(:not([feature])) [rep=upload],
._upload:where(:not([feature])) [rep=clear] {
  margin-left: var(--_rem-space);
}
._upload ._upload-foot {
  box-sizing: border-box;
  display: flex;
}
._upload ._upload-foot ._upload-info {
  font-size: var(--_rem-ignore);
  color: var(--_c-text-aj);
  line-height: var(--_rem-subject);
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
._upload:where(:not([status])) ._upload-foot {
  display: none;
}
._upload:where(:not([feature])) ._upload-foot {
  margin-bottom: var(--_rem-space);
}
._upload:where(:not([feature])[status]) ._upload-head,
._upload:where(:not([feature]):not([status]):not(:has(._upload-list:empty))) ._upload-head {
  margin-bottom: var(--_rem-space);
}
._upload:where(:not([type=table])) li[progress=received] [rep=progress],
._upload:where(:not([type=table])) li[valid=failed] [rep=progress],
._upload:where(:not([type=table])) li[progress=received] [rep=percent],
._upload:where(:not([type=table])) li[valid=failed] [rep=percent] {
  display: none;
}
._upload:where(:not([type=table])) li[progress=received] [rep=message] {
  display: none;
}
._upload:where(:not([type=table])) li:where(:not([progress=received])) [rep=sign] {
  display: none;
}
._upload[type=text] ._upload-head:empty,
._upload[type=bullet] ._upload-head:empty,
._upload[type=table] ._upload-head:empty {
  display: none;
}
._upload[type=text] li ._upload-info,
._upload[type=bullet] li ._upload-info,
._upload[type=table] tr ._upload-info {
  flex: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
._upload[type=text] li ._upload-info [rep=size],
._upload[type=bullet] li ._upload-info [rep=size],
._upload[type=table] tr ._upload-info [rep=size],
._upload[type=text] li ._upload-info [rep=url],
._upload[type=bullet] li ._upload-info [rep=url],
._upload[type=table] tr ._upload-info [rep=url] {
  font-size: var(--_rem-ignore);
  color: var(--_c-brief);
  line-height: var(--_rem-subject);
}
._upload[type=text] li [rep=title],
._upload[type=bullet] li [rep=title],
._upload[type=table] tr [rep=title] {
  color: var(--_c-text);
}
._upload[type=text] li [rep=sign],
._upload[type=bullet] li [rep=sign],
._upload[type=table] tr [rep=sign],
._upload[type=text] li [rep=pause],
._upload[type=bullet] li [rep=pause],
._upload[type=table] tr [rep=pause],
._upload[type=text] li [rep=upload],
._upload[type=bullet] li [rep=upload],
._upload[type=table] tr [rep=upload],
._upload[type=text] li [rep=remove],
._upload[type=bullet] li [rep=remove],
._upload[type=table] tr [rep=remove] {
  text-align: center;
  width: var(--_rem-title);
}
._upload[type=text] li [rep=upload],
._upload[type=bullet] li [rep=upload],
._upload[type=table] tr [rep=upload] {
  cursor: pointer;
}
._upload[type=text] li [rep=upload]:hover,
._upload[type=bullet] li [rep=upload]:hover,
._upload[type=table] tr [rep=upload]:hover {
  color: var(--_c-prim);
}
._upload[type=text] li [rep=remove],
._upload[type=bullet] li [rep=remove],
._upload[type=table] tr [rep=remove] {
  cursor: pointer;
}
._upload[type=text] li [rep=remove]:hover,
._upload[type=bullet] li [rep=remove]:hover,
._upload[type=table] tr [rep=remove]:hover {
  color: var(--_c-error);
}
._upload[type=text] li[valid=success][progress=received] [rep=sign],
._upload[type=bullet] li[valid=success][progress=received] [rep=sign],
._upload[type=table] tr[valid=success][progress=received] [rep=sign] {
  color: var(--_c-prim);
}
._upload[type=text] li[valid=failed],
._upload[type=bullet] li[valid=failed],
._upload[type=table] tr[valid=failed],
._upload[type=text] li[valid=failed] [rep=title],
._upload[type=bullet] li[valid=failed] [rep=title],
._upload[type=table] tr[valid=failed] [rep=title] {
  color: var(--_c-error);
}
._upload[type=text] li[progress=received] [rep=upload],
._upload[type=bullet] li[progress=received] [rep=upload],
._upload[type=table] tr[progress=received] [rep=upload],
._upload[type=text] li[valid=failed] [rep=upload],
._upload[type=bullet] li[valid=failed] [rep=upload],
._upload[type=table] tr[valid=failed] [rep=upload] {
  opacity: 0.5;
  pointer-events: none;
}
._upload[type=text] li,
._upload[type=bullet] li {
  display: flex;
  align-items: center;
  width: 100%;
  transition: all var(--_dur-2) linear;
  box-sizing: border-box;
  position: relative;
}
._upload[type=text] li [rep=progress],
._upload[type=bullet] li [rep=progress] {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
._upload[type=text] li [rep=message],
._upload[type=bullet] li [rep=message],
._upload[type=text] li [rep=percent],
._upload[type=bullet] li [rep=percent],
._upload[type=text] li [rep=state],
._upload[type=bullet] li [rep=state] {
  margin-right: var(--_rem-space);
}
._upload[type=text] ._upload-list {
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r);
}
._upload[type=text] ._upload-list:empty {
  display: none;
}
._upload[type=text] li {
  padding: 0 var(--_rem-space);
  line-height: var(--_rem-input);
}
._upload[type=text] li:where(:not(:last-child)) {
  border-bottom: 1px solid var(--_c-text-bd);
}
._upload[type=text] li [rep=title] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
._upload[type=text] li [rep=icon] {
  margin-right: var(--_rem-min);
}
._upload[type=text] li:hover {
  background-color: var(--_c-text-bg);
}
._upload[type=bullet] li {
  border: 1px solid var(--_c-text-bd);
  background-color: var(--_c-stage);
  border-radius: var(--_r);
  height: calc(var(--_rem-subject) * 3 + 1.6rem);
  overflow: hidden;
  padding: var(--_rem-space);
  justify-content: flex-start;
  align-items: center;
}
._upload[type=bullet] li ._upload-file {
  color: var(--_c-brief);
  height: calc(var(--_rem-subject) * 3);
  width: calc(var(--_rem-subject) * 3);
  overflow: hidden;
  margin-right: var(--_rem-space);
  display: flex;
  justify-content: center;
  align-items: center;
}
._upload[type=bullet] li ._upload-file img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._upload[type=bullet] li ._upload-file [rep=icon] {
  font-size: var(--_rem-input);
}
._upload[type=bullet] li ._upload-info {
  line-height: var(--_rem-subject);
}
._upload[type=bullet] li [rep=title] {
  width: 100%;
  max-height: calc(var(--_rem-subject) * 2);
  overflow: hidden;
  display: -webkit-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
._upload[type=bullet] li[valid=failed] {
  border-color: var(--_c-error);
}
._upload[type=bullet] li[valid=failed] [rep=icon] {
  color: var(--_c-error);
}
._upload[type=bullet] li:hover {
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.06);
}
._upload[type=bullet] ._upload-list li:where(:not(:last-child)) {
  margin-bottom: var(--_rem-space);
}
._upload[type=cube] [rep=progress],
._upload[type=card] [rep=progress] {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
._upload[type=cube] [rep=sign],
._upload[type=card] [rep=sign] {
  color: var(--_c-white);
  font-size: var(--_px-root);
  background-color: var(--_c-prim);
  width: var(--_px-list);
  height: var(--_px-list);
  border-radius: var(--_px-list);
  line-height: var(--_px-list);
  text-align: center;
  transform: translate(-50%, -50%) scale(0.8);
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
}
._upload[type=cube] li[progress=received] [rep=progress],
._upload[type=card] li[progress=received] [rep=progress] {
  display: none;
}
._upload[type=cube] li[progress=received] [rep=sign],
._upload[type=card] li[progress=received] [rep=sign] {
  transform: scale(0.8);
  left: auto;
  top: auto;
  right: var(--_rem-space);
  bottom: var(--_rem-space);
}
._upload[type=cube] [rep=message],
._upload[type=card] [rep=message] {
  color: var(--_c-white);
  background-color: var(--_c-error);
  font-size: var(--_rem-ignore);
  line-height: var(--_rem-subject);
  width: 100%;
  text-align: center;
  padding: var(--_rem-space);
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
._upload[type=cube] ._upload-mask,
._upload[type=card] ._upload-mask {
  width: 100%;
  color: var(--_c-white);
  background-color: rgba(0, 0, 0, var(--_o-mask));
  text-align: center;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
._upload[type=cube] ._upload-mask *,
._upload[type=card] ._upload-mask * {
  color: var(--_c-white);
  text-align: center;
  width: var(--_rem-input);
  height: var(--_rem-input);
  line-height: var(--_rem-input);
  cursor: pointer;
}
._upload[type=cube] li:hover ._upload-mask,
._upload[type=card] li:hover ._upload-mask {
  visibility: visible;
}
._upload[type=cube] li:not([progress=received]) [rep=download],
._upload[type=card] li:not([progress=received]) [rep=download],
._upload[type=cube] li:not([progress=received]) [rep=view],
._upload[type=card] li:not([progress=received]) [rep=view],
._upload[type=cube] li[progress=received] [rep=upload],
._upload[type=card] li[progress=received] [rep=upload],
._upload[type=cube] li[valid=failed] [rep=upload],
._upload[type=card] li[valid=failed] [rep=upload] {
  opacity: var(--_o-disabled);
  cursor: not-allowed;
}
._upload[type=cube] li[valid=success] [rep=message],
._upload[type=card] li[valid=success] [rep=message],
._upload[type=cube] li [rep=state],
._upload[type=card] li [rep=state] {
  display: none;
}
._upload[type=cube] ._upload-list {
  display: flex;
  flex-wrap: wrap;
}
._upload[type=cube] li {
  color: var(--_c-text-aj);
  border: 1px solid var(--_c-text-bd);
  width: calc(var(--_rem-title)*5);
  height: calc(var(--_rem-title)*5);
  border-radius: var(--_r);
  background-color: var(--_c-stage);
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 var(--_rem-space) var(--_rem-space) 0;
  transition: all var(--_dur-2) linear;
  display: inline-block;
  position: relative;
}
._upload[type=cube] li ._upload-file {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
._upload[type=cube] li ._upload-file img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._upload[type=cube] li ._upload-file [rep=icon] {
  color: var(--_c-text-aj);
  font-size: var(--_rem-max);
}
._upload[type=cube] li:hover {
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.06);
}
._upload[type=cube] li[valid=failed] {
  color: var(--_c-error);
  border: 1px solid var(--_c-error);
}
._upload[type=cube] li[valid=failed] [rep=icon] {
  color: var(--_c-error);
}
._upload[type=card] ul > * {
  min-width: 0;
}
._upload[type=card] [rep=size] {
  font-size: var(--_rem-ignore);
  color: var(--_c-brief);
}
._upload[type=card] li ._upload-file {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: var(--_r);
  border: 1px solid var(--_c-text-bd);
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
._upload[type=card] li ._upload-file img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._upload[type=card] li ._upload-file audio,
._upload[type=card] li ._upload-file video {
  width: 100%;
}
._upload[type=card] li ._upload-file [rep=icon] {
  color: var(--_c-text-aj);
  font-size: var(--_rem-max);
}
@supports not (aspect-ratio: 1 / 1) {
  ._upload[type=card] li ._upload-file {
    height: 14rem;
  }
}
._upload[type=card] li ._upload-info {
  line-height: var(--_rem-subject);
  margin: var(--_rem-min) auto var(--_rem-space) auto;
  display: flex;
  flex-direction: column;
}
._upload[type=card] li ._upload-info > * {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
._upload[type=card] li[valid=failed] {
  color: var(--_c-error);
}
._upload[type=card] li[valid=failed] ._upload-file {
  color: var(--_c-error);
  border-color: var(--_c-error);
}
._upload[type=card] li[valid=failed] ._upload-file [rep=icon] {
  color: var(--_c-error);
}
._upload[type=card] li:hover ._upload-file {
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.06);
}
._upload[type=table] ._upload-file {
  max-width: calc(var(--_rem-title) * 2);
  height: var(--_rem-title);
  overflow: hidden;
}
._upload[type=table] ._upload-file img {
  height: 100%;
  object-fit: contain;
}
._upload[type=table] ._upload-file [rep=icon] {
  font-size: var(--_rem-subject);
}
._upload[type=table] td {
  line-height: var(--_rem-title);
}
._upload[type=table] td:has([rep=remove]) {
  text-align: right;
}
._upload[type=table] [rep=state] {
  white-space: nowrap;
}
._upload[type=table]:has(tbody:empty) table {
  display: none;
}
._upload[type=table] tr[valid=failed] [rep=progress] {
  opacity: 0.5;
}
._upload[feature=picture] li[rep=choose],
._upload[feature=picture] li[rep=upload],
._upload[feature=picture] li[rep=clear] {
  color: var(--_c-ignore);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._upload[feature=picture] li[rep=choose] [rep=icon],
._upload[feature=picture] li[rep=upload] [rep=icon],
._upload[feature=picture] li[rep=clear] [rep=icon] {
  font-size: var(--_rem-title);
  color: var(--_c-ignore);
  transition: all var(--_dur-2) linear;
}
._upload[feature=picture] li[rep=choose]:hover,
._upload[feature=picture] li[rep=upload]:hover {
  color: var(--_c-prim);
  border-color: var(--_c-prim);
}
._upload[feature=picture] li[rep=choose]:hover [rep=icon],
._upload[feature=picture] li[rep=upload]:hover [rep=icon] {
  color: var(--_c-prim);
}
._upload[feature=picture] li[rep=choose]:focus-within,
._upload[feature=picture] li[rep=upload]:focus-within {
  border-color: var(--_c-prim);
}
._upload[feature=picture] li[rep=clear]:hover {
  color: var(--_c-error);
  border-color: var(--_c-error);
}
._upload[feature=picture] li[rep=clear]:hover [rep=icon] {
  color: var(--_c-error);
}
._upload[feature=picture] li[rep=clear]:focus-within {
  border-color: var(--_c-error);
  outline-color: var(--_c-error-sd);
}
._upload[feature=picture] li ._upload-foot {
  margin-top: var(--_rem-space);
}
._upload[feature=picture][dragging] [rep=choose] {
  border-color: var(--_c-prim);
  color: var(--_c-prim);
}
._upload[feature=picture][dragging] [rep=choose] [rep=icon] {
  color: var(--_c-prim);
}
._upload[feature=gallery] {
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r);
  box-sizing: border-box;
  transition: all var(--_dur-2) linear;
}
._upload[feature=gallery]:focus-within {
  border-color: var(--_c-prim);
}
._upload[feature=gallery] [rep=ctrlv] {
  font-size: var(--_rem-ignore);
  color: var(--_c-ignore);
  padding: 0 var(--_rem-space);
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
._upload[feature=gallery] [rep=ctrlv]:focus {
  outline: none;
}
._upload[feature=gallery][type=card] ul {
  padding: 0 var(--_rem-space) var(--_rem-space) var(--_rem-space);
}
._upload[feature=gallery]:where(:not([type=card])) ul {
  margin: 0 var(--_rem-space) var(--_rem-space) var(--_rem-space);
}
._upload[feature=gallery] [rep=choose] {
  color: var(--_c-ignore);
  cursor: pointer;
  text-align: center;
  padding: 1.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._upload[feature=gallery] [rep=choose] [rep=icon] {
  font-size: calc(var(--_rem-hitbox));
  line-height: calc(var(--_rem-hitbox));
}
._upload[feature=gallery] [rep=choose]:hover,
._upload[feature=gallery] [rep=choose]:hover [rep=icon] {
  color: var(--_c-prim);
}
._upload[feature=gallery]:hover {
  border-color: var(--_c-prim);
}
._upload[feature=gallery]:hover [rep=ctrlv] {
  display: block;
}
._upload[feature=gallery] ._upload-foot {
  background-color: var(--_c-text-bg);
  border-top: 1px solid var(--_c-text-bd);
  padding: var(--_rem-space);
}
._upload[feature=gallery] ._upload-foot [rep=clear],
._upload[feature=gallery] ._upload-foot [rep=upload] {
  margin-left: var(--_rem-space);
}
._upload[feature=gallery]:where(:not([status]):not([manual])) ._upload-foot {
  display: none;
}
._upload[feature=gallery][progress=ready] [rep=choose] {
  padding-top: calc(var(--_rem-body)*2);
  padding-bottom: calc(var(--_rem-body)*2);
}
._upload[feature=gallery][progress=processing] [rep=choose] [rep=icon] {
  display: none;
}
._upload[feature=gallery][dragging] {
  border-color: var(--_c-prim);
}
._upload[feature=gallery][dragging] [rep=choose] {
  color: var(--_c-prim);
}
._upload[feature=gallery][dragging] [rep=choose] [rep=icon] {
  color: var(--_c-prim);
}
/*Fields*/
AX-FIELDS {
  --_fields-h: var(--_em-input);
  --_fields-w: var(--_w-input);
  --_fields-p-lr: var(--_em-space);
  --_fields-bd: 1px;
  --_fields-c-bd: 1px;
  --_fields-r: var(--_r-input);
  --_fields-sd: var(--_c-prim-sd);
  --_fields-c-foc: var(--_c-prim);
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
}
AX-FIELDS[full] {
  display: flex;
}
AX-FIELDS[shape=round] {
  --_fields-r: var(--_fields-h);
}
AX-FIELDS[shape=square] {
  --_fields-r: 0;
}
AX-FIELDS:where(:not([full])) {
  display: inline-flex;
  width: var(--_fields-w);
}
AX-FIELDS > [rep=wrap] {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  /* >[comp] {
            flex: auto;
            >[rep=wrap] {
                border: none;
                box-shadow: none;
                outline: none;
            }
        } */
}
AX-FIELDS > [rep=wrap] > [rep=label],
AX-FIELDS > [rep=wrap] > [rep=unit] {
  color: var(--_c-brief);
  line-height: calc(var(--_fields-h) - 2px);
  border-top: var(--_fields-bd) solid var(--_c-text-bd);
  border-bottom: var(--_fields-bd) solid var(--_c-text-bd);
  background: linear-gradient(to right, var(--_c-text-bg), var(--_c-text-bg)), linear-gradient(to right, var(--_c-stage), var(--_c-stage));
  padding: 0 var(--_fields-p-lr);
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  max-width: 60%;
  text-overflow: ellipsis;
}
AX-FIELDS > [rep=wrap] > [rep=label] {
  border-left: var(--_fields-bd) solid var(--_c-text-bd);
  border-top-left-radius: var(--_fields-r);
  border-bottom-left-radius: var(--_fields-r);
}
AX-FIELDS > [rep=wrap] > [rep=unit]:last-child {
  border-right: var(--_fields-bd) solid var(--_c-text-bd);
  border-top-right-radius: var(--_fields-r);
  border-bottom-right-radius: var(--_fields-r);
}
AX-FIELDS > [rep=wrap] > [rep=fields] {
  background-color: var(--_c-stage);
  border: var(--_fields-bd) solid var(--_c-text-bd);
  height: var(--_fields-h);
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex: auto;
  position: relative;
  transition: all var(--_dur-2) linear;
  /* &:where(:not(:only-child):focus-within):before {
                content: '';
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                border: 1px solid var(--_c-prim);
                outline: 1px solid var(--_c-prim);
                border-radius: inherit;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 3;
                pointer-events: none;
                .v3-trans-all();
            } */
}
AX-FIELDS > [rep=wrap] > [rep=fields]:focus-within {
  border-color: var(--_fields-c-foc);
}
AX-FIELDS > [rep=wrap] > [rep=fields]:where(:only-child:focus-within) {
  outline: var(--_w-outline) solid var(--_fields-sd);
  outline-offset: 0px;
}
AX-FIELDS > [rep=wrap] > [rep=fields]:where(:not(:only-child):focus-within) {
  box-shadow: 0 0 0 1px var(--_fields-c-foc) inset;
}
AX-FIELDS > [rep=wrap] > [rep=fields]:where(:first-child) {
  border-top-left-radius: var(--_fields-r);
  border-bottom-left-radius: var(--_fields-r);
}
AX-FIELDS > [rep=wrap] > [rep=fields]:where(:last-child) {
  border-top-right-radius: var(--_fields-r);
  border-bottom-right-radius: var(--_fields-r);
}
AX-FIELDS > [rep=wrap] > [rep=fields] > [rep=connector] {
  color: var(--_c-ignore);
  pointer-events: none;
}
AX-FIELDS > [rep=wrap] > [rep=fields] > AX-INPUT,
AX-FIELDS > [rep=wrap] > [rep=fields] > AX-SELECT,
AX-FIELDS > [rep=wrap] > [rep=fields] > AX-TEXTAREA,
AX-FIELDS > [rep=wrap] > [rep=fields] > AX-FILE,
AX-FIELDS > [rep=wrap] > [rep=fields] > AX-NUMBER,
AX-FIELDS > [rep=wrap] > [rep=fields] > AX-DATETIME {
  flex: auto;
}
AX-FIELDS > [rep=wrap] > [rep=fields] AX-INPUT {
  --_input-bd: 0;
  --_input-r: 0;
  --_input-sd: transparent;
  --_input-bg: transparent;
}
AX-FIELDS > [rep=wrap] > [rep=fields] AX-SELECT {
  --_select-r: 0;
  --_select-bd: 0;
  --_select-sd: transparent;
}
AX-FIELDS > [rep=wrap] > [rep=fields] AX-SELECT ._select {
  --_select-bg: transparent;
}
AX-FIELDS > [rep=wrap] > [rep=fields] AX-TEXTAREA {
  --_area-r: 0;
  --_area-bd: 0;
  --_area-sd: transparent;
  --_area-bg: transparent;
}
AX-FIELDS > [rep=wrap] > [rep=fields] ._datetime-wrap {
  --_date-sd: transparent;
}
AX-FIELDS > [rep=wrap] > [rep=fields] AX-FILE {
  --_file-r: 0;
  --_file-bd: 0;
  --_file-sd: transparent;
  --_file-bg: transparent;
}
AX-FIELDS > [rep=wrap] > [rep=fields] AX-NUMBER {
  --_number-r: 0;
  --_number-bd: 0;
  --_number-sd: transparent;
  --_number-bg: transparent;
}
AX-FIELDS > [rep=wrap] > [rep=fields] AX-NUMBER input {
  border: none;
  outline: none;
}
AX-FIELDS > [rep=wrap] > [rep=fields] AX-RADIO,
AX-FIELDS > [rep=wrap] > [rep=fields] AX-CHECKBOX {
  --_chk-g-r: 0;
  margin: auto var(--_rem-body);
}
AX-FIELDS > [rep=wrap] > [rep=fields] input,
AX-FIELDS > [rep=wrap] > [rep=fields] textarea {
  background-color: transparent;
}
AX-FIELDS > [rep=wrap] > AX-BTN {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
AX-FIELDS > [rep=wrap]:has(>[rep=fields] + AX-BTN) > [rep=fields] {
  border-right: 0;
}
AX-FIELDS > [rep=wrap] > [rep=fields]:focus-within + AX-BTN > [rep=wrap] {
  border-left-color: var(--_fields-c-foc);
}
AX-FIELDS[dividable] [rep=fields] > [comp]:where(:not(:first-child)) {
  border-left: 1px solid var(--_c-text-bd);
}
AX-FIELDS[size=sm] {
  --_fields-h: var(--_em-title);
  --_fields-r: var(--_r);
}
AX-FIELDS[size=lg] {
  --_fields-h: var(--_em-max);
  --_fields-r: calc(var(--_r) * 3);
}
AX-FIELDS[disabled] {
  opacity: var(--_o-disabled);
}
/*Search*/
AX-SEARCH {
  --_search-w: var(--_w-input);
  --_search-w-bd: 1px;
  --_search-c-foc: var(--_c-prim);
  vertical-align: middle;
  display: inline-flex;
}
AX-SEARCH[full] {
  display: flex;
}
AX-SEARCH:where(:not([full])) {
  width: var(--_search-w);
}
AX-SEARCH > AX-FIELDS {
  --_fields-w: 100%;
  --_fields-bd: var(--_search-w-bd);
  --_fields-c-foc: var(--_search-c-foc);
}
AX-SEARCH [rep=fields] > ._box-tools {
  --_tools-fs: var(--_rem-ignore);
  --_tools-c: var(--_c-ignore);
  --_tools-c-hov: var(--_search-c-foc);
  margin: 0 var(--_rem-min);
}
AX-SEARCH[notable] > AX-FIELDS {
  border-radius: var(--_fields-r);
  box-shadow: 0 0 0 2px var(--_search-c-foc) inset;
  background-color: var(--_c-stage);
}
AX-SEARCH[notable] > AX-FIELDS > [rep=wrap] > [rep=label],
AX-SEARCH[notable] > AX-FIELDS > [rep=wrap] > [rep=unit] {
  background-color: transparent;
  background: transparent;
  border-color: transparent;
}
AX-SEARCH[notable] > AX-FIELDS [rep=fields] {
  border-color: var(--_search-c-foc);
  background-color: transparent;
}
AX-SEARCH[notable] > AX-FIELDS [rep=fields] > [comp]:where(:not(:first-child)) {
  border-left-color: var(--_search-c-foc);
}
AX-SEARCH[notable] > AX-FIELDS [rep=fields] > [comp]:where(:not(:first-child)) {
  border-left-color: var(--_search-c-foc);
}
AX-SEARCH[notable] > AX-FIELDS [rep=fields]:where(:not(:only-child):focus-within) {
  box-shadow: none;
}
AX-SEARCH[notable] > AX-FIELDS [rep=fields]:focus-within + AX-BTN > [rep=wrap] {
  border-left-color: transparent;
}
/*Twilight*/
AX-TWILIGHT {
  --_twilight-h: var(--_rem-list);
  --_twilight-p: var(--_rem-space);
  --_twilight-c: var(--_c-issue);
  --_twilight-c-bd: var(--_c-text-bd);
  --_twilight-bd: 1px;
  vertical-align: middle;
  display: inline-flex;
  user-select: none;
  cursor: pointer;
}
AX-TWILIGHT [rep=wrap] {
  background-color: var(--_c-stage);
  height: var(--_twilight-h);
  padding: 0 var(--_twilight-p);
  border: var(--_twilight-bd) solid var(--_twilight-c-bd);
  border-radius: calc(var(--_twilight-h)/2);
  line-height: var(--_twilight-h);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--_dur-2) linear;
}
AX-TWILIGHT [rep=label] {
  font-size: var(--_rem-ignore);
  color: var(--_c-brief);
  margin-right: var(--_rem-min);
}
AX-TWILIGHT [rep=legend] {
  height: min(70%,var(--_rem-subject));
  aspect-ratio: 1/1;
  display: inline-flex;
}
AX-TWILIGHT:where(:not(:has([rep=label]))) [rep=wrap] {
  aspect-ratio: 1/1;
  padding-left: 0;
  padding-right: 0;
}
AX-TWILIGHT svg {
  height: 100%;
  aspect-ratio: 1/1;
  color: var(--_twilight-c);
}
AX-TWILIGHT svg,
AX-TWILIGHT ._twilight-mask,
AX-TWILIGHT ._twilight-main,
AX-TWILIGHT ._twilight-rays {
  transform-origin: center;
  transition: all 250ms ease-out;
}
AX-TWILIGHT[size=sm] {
  --_twilight-h: var(--_rem-subject);
  --_twilight-p: var(--_rem-min);
}
AX-TWILIGHT[size=lg] {
  --_twilight-h: var(--_rem-title);
}
AX-TWILIGHT[feature=plain] {
  --_twilight-bd: 0;
}
AX-TWILIGHT[feature=plain] [rep=wrap] {
  background-color: transparent;
}
AX-TWILIGHT:hover {
  --_twilight-c-bd: var(--_c-ignore);
}
[scheme=dark] AX-TWILIGHT {
  --_twilight-c: var(--_c-white);
}
[scheme=dark] AX-TWILIGHT ._twilight-main {
  transform: scale(1.5);
}
[scheme=dark] AX-TWILIGHT ._twilight-mask {
  transform: translateX(-8px);
}
[scheme=dark] AX-TWILIGHT ._twilight-rays {
  opacity: 0;
}
[scheme=dark] AX-TWILIGHT svg {
  transform: rotate(-45deg);
}
/*Step*/
AX-STEP {
  --_step-c-node: var(--_c-prim);
  --_step-c-label: var(--_c-text);
  --_step-c-brief: var(--_c-brief);
  --_step-c-head: var(--_c-text);
  --_step-c-tips: var(--_c-white);
  --_step-bg-track: var(--_c-prim);
  --_step-bg-node: transparent;
  --_step-h-track: 0.2rem;
  --_step-lh-track: 0.6rem;
  --_step-fs-label: var(--_rem-caption);
  --_step-fs-tips: var(--_rem-ignore);
  --_step-fs-node: var(--_rem-ignore);
  --_step-fs-brief: var(--_rem-ignore);
  --_step-w-tips: 6rem;
  text-align: center;
  box-sizing: border-box;
  display: block;
  /**/
  /**/
}
AX-STEP [rep=wrap] {
  box-sizing: border-box;
  display: flex;
}
AX-STEP ._step-item {
  flex: auto;
  width: calc((100%/24)*2);
  position: relative;
}
AX-STEP ._step-item ._step-head {
  color: var(--_step-c-head);
  font-size: var(--_step-fs-tips);
  line-height: var(--_rem-subject);
  padding: 0.2rem 0.6rem;
  border-radius: var(--_r);
  position: relative;
  margin-bottom: 0.8rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
AX-STEP ._step-item ._step-track {
  width: 100%;
  line-height: var(--_step-lh-track);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  zoom: 1;
}
AX-STEP ._step-item [rep=node] {
  font-size: var(--_step-fs-node);
  color: var(--_step-c-node);
  width: var(--_step-lh-track);
  height: var(--_step-lh-track);
  border-radius: 100%;
  border: 0.2rem solid var(--_step-bg-track);
  background-color: var(--_step-bg-node);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
AX-STEP ._step-item ._step-track div {
  flex: auto;
  width: 0;
  height: var(--_step-h-track);
  background-color: var(--_step-bg-track);
}
AX-STEP ._step-item [rep=label] {
  color: var(--_step-c-label);
  font-size: var(--_step-fs-label);
  line-height: 1em;
  margin: var(--_rem-space) auto;
}
AX-STEP ._step-item [rep=brief] {
  font-size: var(--_step-fs-brief);
  color: var(--_step-c-brief);
  line-height: var(--_rem-subject);
  margin: 0 var(--_rem-body);
}
AX-STEP ._step-item[active] ~ ._step-item ._step-track div {
  background-color: var(--_c-ignore);
}
AX-STEP ._step-item[active] ~ ._step-item [rep=node] {
  border-color: var(--_c-ignore);
  color: var(--_c-ignore);
}
AX-STEP ._step-item[active] ~ ._step-item [rep=label],
AX-STEP ._step-item[active] ~ ._step-item [rep=brief],
AX-STEP ._step-item[active] ~ ._step-item ._step-head {
  color: var(--_c-ignore);
}
AX-STEP ._step-item[active] ~ ._step-item [rep=label] a,
AX-STEP ._step-item[active] ~ ._step-item [rep=brief] a,
AX-STEP ._step-item[active] ~ ._step-item ._step-head a {
  --_link-c: var(--_c-ignore);
}
AX-STEP[type="dot-fill"] ._step-item[active] ~ ._step-item [rep=node] {
  background-color: var(--_c-ignore);
}
AX-STEP[type="circle-fill"] ._step-item[active] ~ ._step-item [rep=node] {
  background-color: var(--_c-ignore);
  color: var(--_c-white);
}
AX-STEP ._step-item[active] ._step-head {
  color: var(--_step-c-tips);
  background-color: var(--_step-bg-track);
}
AX-STEP ._step-item[active] ._step-head:before {
  content: '';
  width: 0;
  height: 0;
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  border-top: 0.5rem solid var(--_step-bg-track);
  margin-left: -0.5rem;
  position: absolute;
  left: 50%;
  bottom: -0.4rem;
}
AX-STEP[justify]:not([dir=v]) ._step-item:first-child {
  text-align: left;
}
AX-STEP[justify]:not([dir=v]) ._step-item:first-child [rep=brief] {
  margin-left: 0;
}
AX-STEP[justify]:not([dir=v]) ._step-item:last-child {
  text-align: right;
}
AX-STEP[justify]:not([dir=v]) ._step-item:last-child [rep=brief] {
  margin-right: 0;
}
AX-STEP[justify]:not([dir=v]) ._step-item:first-child ._step-track div:first-child,
AX-STEP[justify]:not([dir=v]) ._step-item:last-child ._step-track div:last-child {
  display: none;
}
AX-STEP[justify]:not([dir=v]) ._step-item:first-child ._step-track div:last-child,
AX-STEP[justify]:not([dir=v]) ._step-item:last-child ._step-track div:first-child {
  width: 100%;
}
AX-STEP[justify]:not([dir=v]) ._step-item[active] ._step-track div:last-child {
  background-color: var(--_c-ignore);
}
AX-STEP[justify]:not([dir=v]) ._step-item:first-child:not([active]) ._step-head {
  padding-left: 0;
}
AX-STEP[justify]:not([dir=v]) ._step-item:last-child:not([active]) ._step-head {
  padding-right: 0;
}
AX-STEP[justify]:not([dir=v]) ._step-item:first-child[active] ._step-head:before {
  left: 0.5rem;
}
AX-STEP[justify]:not([dir=v]) ._step-item:last-child[active] ._step-head:before {
  left: auto;
  right: 0;
}
AX-STEP[type="dot-fill"] {
  --_step-bg-node: var(--_step-bg-track);
}
AX-STEP[type=circle],
AX-STEP[type="circle-fill"] {
  --_step-lh-track: var(--_rem-subject);
}
AX-STEP[type=circle][justify] ._step-item:first-child[active] ._step-head:before,
AX-STEP[type="circle-fill"][justify] ._step-item:first-child[active] ._step-head:before {
  left: 1.1rem;
}
AX-STEP[type=circle][justify] ._step-item:last-child[active] ._step-head:before,
AX-STEP[type="circle-fill"][justify] ._step-item:last-child[active] ._step-head:before {
  left: auto;
  right: 0.6rem;
}
AX-STEP[type=circle] ._step-item [rep=node] img,
AX-STEP[type="circle-fill"] ._step-item [rep=node] img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
AX-STEP[type="circle-fill"] {
  --_step-bg-node: var(--_step-bg-track);
  --_step-c-node: var(--_c-white);
}
AX-STEP[type=plain] {
  --_step-lh-track: var(--_rem-input);
  --_step-fs-node: var(--_rem-list);
}
AX-STEP[type=plain] ._step-item [rep=node] {
  width: auto;
  border-radius: 0;
  border: none;
  padding: 0 var(--_rem-body);
}
AX-STEP[type=plain] ._step-item [rep=node] img {
  max-width: var(--_step-lh-track);
}
AX-STEP[type=plain][justify] ._step-item:first-child[active] ._step-head:before {
  left: 2.2rem;
}
AX-STEP[type=plain][justify] ._step-item:last-child[active] ._step-head:before {
  left: auto;
  right: 1.7rem;
}
AX-STEP[dir=v] [rep=wrap] {
  flex-direction: column;
}
AX-STEP[dir=v] ._step-item {
  display: flex;
}
AX-STEP[dir=v] ._step-item:where(:has(._step-body)) {
  width: 100%;
}
AX-STEP[dir=v] ._step-item ._step-track {
  height: 100%;
  width: auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
AX-STEP[dir=v] ._step-item ._step-track div {
  width: 0.2rem;
  height: 6rem;
}
AX-STEP[dir=v] ._step-item ._step-track div:first-child {
  height: 0.7rem;
}
AX-STEP[dir=v]:where([type*="circle"], [type=plain]) ._step-item ._step-track div:first-child {
  height: 0;
}
AX-STEP[dir=v]:where(:not([inverted])) ._step-item:last-child ._step-track div:last-child {
  height: 0;
}
AX-STEP[dir=v]:where(:not([inverted])) ._step-item:first-child ._step-track div:first-child {
  background: transparent;
}
AX-STEP[dir=v] ._step-item[active] ._step-track div:last-child {
  background-color: var(--_c-ignore);
}
AX-STEP[dir=v] ._step-body {
  text-align: left;
  margin-left: var(--_rem-body);
  flex: auto;
  width: 0;
}
AX-STEP[dir=v] ._step-body [rep=label] {
  line-height: var(--_rem-list);
  margin: 0;
}
AX-STEP[dir=v] ._step-body [rep=brief] {
  margin: var(--_rem-min) 0 0 0;
}
AX-STEP[dir=v] ._step-head {
  width: var(--_step-w-tips);
  margin-bottom: 0;
  margin-right: 0.8rem;
  padding: 0.2rem 0;
  height: fit-content;
}
AX-STEP[dir=v] ._step-item[active] ._step-head:before {
  width: 0;
  height: 0;
  margin-left: 0;
  border-right: 0;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-left: 0.5rem solid var(--_step-bg-track);
  left: auto;
  bottom: auto;
  top: 0.6rem;
  right: -0.5rem;
}
AX-STEP[dir=v][type=plain] ._step-item [rep=node] {
  padding: 0;
  width: var(--_rem-hitbox);
}
AX-STEP[dir=v][type=plain] ._step-item ._step-head,
AX-STEP[dir=v][type=plain] ._step-item [rep=label] {
  margin-top: calc((var(--_step-lh-track) - var(--_rem-list))/2);
}
AX-STEP[dir=v][inverted] ._step-item:first-child ._step-track div:last-child {
  height: 0;
}
AX-STEP[dir=v][inverted] [rep=wrap] {
  flex-direction: column-reverse;
}
AX-STEP[dir=v][inverted] ._step-item ._step-track div {
  background-color: var(--_c-ignore);
}
AX-STEP[dir=v][inverted] ._step-item [rep=label],
AX-STEP[dir=v][inverted] ._step-item:not([active]) ._step-head,
AX-STEP[dir=v][inverted] ._step-item [rep=brief] {
  color: var(--_c-ignore);
}
AX-STEP[dir=v][inverted] ._step-item[active] [rep=label],
AX-STEP[dir=v][inverted] ._step-item[active] ~ ._step-item [rep=label] {
  color: var(--_step-c-label);
}
AX-STEP[dir=v][inverted] ._step-item[active] [rep=brief],
AX-STEP[dir=v][inverted] ._step-item[active] ~ ._step-item [rep=brief] {
  color: var(--_step-c-brief);
}
AX-STEP[dir=v][inverted] ._step-item[active] ~ ._step-item ._step-head {
  color: var(--_step-c-head);
}
AX-STEP[dir=v][inverted] ._step-item:not([active]) [rep=node] {
  color: var(--_c-ignore);
  border-color: var(--_c-ignore);
}
AX-STEP[dir=v][inverted] ._step-item[active] ~ ._step-item [rep=node] {
  color: var(--_step-bg-track);
  border-color: var(--_step-bg-track);
}
AX-STEP[dir=v][inverted] ._step-item[active] ._step-track div:first-child {
  background-color: var(--_step-bg-track);
}
AX-STEP[dir=v][inverted] ._step-item[active] ._step-track div:last-child {
  background-color: var(--_c-ignore);
}
AX-STEP[dir=v][inverted] ._step-item[active] ~ ._step-item ._step-track div {
  background-color: var(--_step-bg-track);
}
AX-STEP[dir=v][inverted] ._step-item[active]:last-child ._step-track div:first-child,
AX-STEP[dir=v][inverted] ._step-item[active] ~ ._step-item:last-child ._step-track div:first-child {
  background-color: transparent;
}
AX-STEP[dir=v][inverted][type="dot-fill"] ._step-item:not([active]) [rep=node] {
  background-color: var(--_c-ignore);
}
AX-STEP[dir=v][inverted][type="dot-fill"] ._step-item[active] ~ ._step-item [rep=node] {
  background-color: var(--_step-bg-track);
}
AX-STEP:where([pending]):where(AX-STEP:where([pending])[type=dot]) ._step-item[active] [rep=node] {
  background-color: var(--_step-bg-track);
}
AX-STEP:where([pending]):where(AX-STEP:where([pending])[type="dot-fill"]) ._step-item[active] [rep=node] {
  background-color: transparent;
  border-color: var(--_step-bg-track);
}
AX-STEP:where([pending]):where(AX-STEP:where([pending])[type=circle]) ._step-item[active] [rep=node] {
  background-color: var(--_step-bg-track);
  color: var(--_c-white);
}
AX-STEP:where([pending]):where(AX-STEP:where([pending])[theme=warn][type="circle"]) ._step-item[active] [rep=node] {
  color: var(--_c-black);
}
AX-STEP:where([pending]):where([type="circle-fill"]:not([theme=warn])) ._step-item[active] [rep=node] {
  background-color: transparent;
  color: var(--_step-bg-track);
}
AX-STEP:where([pending]):where([type="plain"]) ._step-item[active] [rep=node]:after {
  content: 'clock-f';
  font-family: var(--_ff-icon);
  font-size: var(--_rem-root);
  line-height: 1em;
  position: absolute;
  right: 0;
  bottom: var(--_rem-min);
}
AX-STEP[theme=error] {
  --_step-c-node: var(--_c-error);
  --_step-bg-track: var(--_c-error);
}
AX-STEP[theme=succ] {
  --_step-c-node: var(--_c-succ);
  --_step-bg-track: var(--_c-succ);
}
AX-STEP[theme=info] {
  --_step-c-node: var(--_c-info);
  --_step-bg-track: var(--_c-info);
}
AX-STEP[theme=isuue] {
  --_step-c-node: var(--_c-isuue);
  --_step-bg-track: var(--_c-isuue);
}
AX-STEP[theme=warn] {
  --_step-c-node: var(--_c-warn);
  --_step-bg-track: var(--_c-warn);
}
AX-STEP[theme=text] {
  --_step-c-node: var(--_c-text);
  --_step-bg-track: var(--_c-text);
}
AX-STEP[theme]:where(:not([theme=warn]))[type="circle-fill"] {
  --_step-c-node: var(--_c-white);
}
AX-STEP[theme=warn][type="circle-fill"] {
  --_step-c-node: var(--_c-text);
}
AX-STEP:where(:not([type*="dot"])) ._step-item[error] [rep=node]:before {
  height: var(--_rem-root);
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  content: 'info';
  font-family: var(--_ff-icon);
  font-size: var(--_rem-root);
  color: var(--_c-white);
  background-color: var(--_c-error);
  line-height: 1em;
  position: absolute;
  right: 0;
  top: 0;
}
AX-STEP:where([type*="circle"]) ._step-item[error] [rep=node]:before {
  top: calc(-1*var(--_rem-min));
  right: calc(-1*var(--_rem-min));
}
AX-STEP:where([type="plain"]) ._step-item[error] [rep=node]:before {
  top: var(--_rem-min);
}
AX-STEP:where([type="plain"]) ._step-item[error] [rep=node] {
  color: var(--_c-error);
}
AX-STEP:where([type="dot"], [type="circle"]) ._step-item[error] [rep=node] {
  border-color: var(--_c-error);
  color: var(--_c-error);
}
AX-STEP:where([type="dot-fill"], [type="circle-fill"]) ._step-item[error] [rep=node] {
  background-color: var(--_c-error);
  border-color: var(--_c-error);
}
AX-STEP:where([pending]):where([type="dot"], [type="circle"]) ._step-item[error][active] [rep=node] {
  background-color: var(--_c-error);
  color: var(--_c-white);
}
AX-STEP:where([pending]):where([type="dot-fill"], [type="circle-fill"]) ._step-item[error][active] [rep=node] {
  border-color: var(--_c-error);
  color: var(--_c-error);
  background-color: transparent;
}
/*Status*/
AX-STATUS {
  --_status-fs: var(--_rem-ignore);
  --_status-c-dot: var(--_c-info);
  --_status-c-txt: var(--_c-brief);
  display: inline-flex;
  vertical-align: middle;
}
AX-STATUS [rep=wrap] {
  display: inline-flex;
  align-items: center;
}
AX-STATUS [rep=lamp] {
  height: var(--_rem-space);
  aspect-ratio: 1/1;
  border-radius: 50%;
  box-sizing: border-box;
}
AX-STATUS:where(:not([type=circle])) [rep=lamp] {
  background: var(--_status-c-dot);
}
AX-STATUS:where([type=circle]) [rep=lamp] {
  border: 2px solid var(--_status-c-dot);
}
AX-STATUS [rep=label] {
  font-size: var(--_status-fs);
  color: var(--_status-c-txt);
  margin-left: var(--_rem-min);
}
AX-STATUS[current=succ] {
  --_status-c-dot: var(--_c-succ);
}
AX-STATUS[current=error] {
  --_status-c-dot: var(--_c-error);
}
AX-STATUS[current=info] {
  --_status-c-dot: var(--_c-info);
}
AX-STATUS[current=warn] {
  --_status-c-dot: var(--_c-warn);
}
AX-STATUS[current=issue] {
  --_status-c-dot: var(--_c-issue);
}
AX-STATUS[current=confirm] {
  --_status-c-dot: var(--_c-prim);
}
AX-STATUS[current=cancel] {
  --_status-c-dot: var(--_c-brief);
}
AX-STATUS[current=forbid] {
  --_status-c-dot: var(--_c-ignore);
  --_status-c-txt: var(--_c-ignore);
}
/*Heading*/
AX-HEADING {
  --_heading-fs-label: var(--_rem-subject);
  --_heading-fs-icon: var(--_rem-body);
  --_heading-fs-arrow: var(--_rem-ignore);
  --_heading-fs-tips: var(--_rem-body);
  --_heading-c-label: inherit;
  --_heading-c-tips: var(--_c-brief);
  --_heading-c-icon: var(--_c-prim);
  --_heading-c-arrow: var(--_c-ignore);
  --_heading-bg-icon: var(--_c-prim-bg);
  --_heading-bd-icon: var(--_c-prim-bd);
  --_heading-lh: var(--_rem-title);
  --_heading-g: var(--_rem-space);
  display: block;
}
AX-HEADING > [rep=wrap] {
  display: flex;
  align-items: center;
}
AX-HEADING > [rep=wrap] > [rep=head] {
  display: flex;
  align-items: center;
  flex: auto;
}
AX-HEADING > [rep=wrap] > [rep=head] [rep=label] {
  color: var(--_heading-c-label);
  font-size: var(--_heading-fs-label);
  transition: all var(--_dur-2) linear;
}
AX-HEADING > [rep=wrap] > [rep=icon] {
  font-size: var(--_heading-fs-icon);
  color: var(--_heading-c-icon);
  height: var(--_rem-list);
  aspect-ratio: 1/1;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--_heading-bg-icon);
  border: 1px solid var(--_heading-bd-icon);
  margin-right: var(--_heading-g);
  transition: all var(--_dur-2) linear;
}
AX-HEADING > [rep=wrap] > [rep=tips] {
  font-size: var(--_heading-fs-tips);
  color: var(--_heading-c-tips);
}
AX-HEADING > [rep=wrap] > [rep=disk],
AX-HEADING > [rep=wrap] > [rep=cube],
AX-HEADING > [rep=wrap] > [rep=image] {
  height: var(--_rem-list);
  margin-right: var(--_heading-g);
}
AX-HEADING > [rep=wrap] > [rep=arrow] {
  font-size: var(--_heading-fs-arrow);
  color: var(--_heading-c-arrow);
  height: var(--_rem-subject);
  line-height: var(--_rem-subject);
  aspect-ratio: 1/1;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: -4px;
  transition: all var(--_dur-2) linear;
}
AX-HEADING > [rep=wrap] [rep=arrow]:hover {
  color: var(--_heading-c-icon);
}
AX-HEADING:hover > [rep=wrap] > [rep=arrow] {
  background-color: var(--_heading-bg-icon);
}
AX-HEADING[theme=prim] {
  --_heading-c-label: var(--_c-prim);
  --_heading-c-icon: var(--_c-prim);
  --_heading-bg-icon: var(--_c-prim-bg);
  --_heading-bd-icon: var(--_c-prim-bd);
}
AX-HEADING[theme=succ] {
  --_heading-c-label: var(--_c-succ);
  --_heading-c-icon: var(--_c-succ);
  --_heading-bg-icon: var(--_c-succ-bg);
  --_heading-bd-icon: var(--_c-succ-bd);
}
AX-HEADING[theme=error] {
  --_heading-c-label: var(--_c-error);
  --_heading-c-icon: var(--_c-error);
  --_heading-bg-icon: var(--_c-error-bg);
  --_heading-bd-icon: var(--_c-error-bd);
}
AX-HEADING[theme=info] {
  --_heading-c-label: var(--_c-info);
  --_heading-c-icon: var(--_c-info);
  --_heading-bg-icon: var(--_c-info-bg);
  --_heading-bd-icon: var(--_c-info-bd);
}
AX-HEADING[theme=issue] {
  --_heading-c-label: var(--_c-issue);
  --_heading-c-icon: var(--_c-issue);
  --_heading-bg-icon: var(--_c-issue-bg);
  --_heading-bd-icon: var(--_c-issue-bd);
}
AX-HEADING[theme=text] {
  --_heading-c-label: var(--_c-text);
  --_heading-c-icon: var(--_c-text);
  --_heading-bg-icon: var(--_c-text-bg);
  --_heading-bd-icon: var(--_c-text-bd);
}
AX-HEADING[theme=warn] {
  --_heading-c-label: var(--_c-warn);
  --_heading-c-icon: var(--_c-warn);
  --_heading-bg-icon: var(--_c-warn-bg);
  --_heading-bd-icon: var(--_c-warn-bd);
}
/*Alert*/
AX-SKELETON {
  --_skel-d: block;
  --_skel-dir: row;
  --_skel-r: var(--_r-input);
  --_skel-bg: var(--_c-text-ac);
  --_skel-gap: var(--_rem-title);
  --_skel-lh-sm: var(--_rem-ignore);
  --_skel-lh-md: var(--_rem-body);
  --_skel-lh-lg: var(--_rem-title);
  --_skel-m-sm: var(--_rem-space);
  --_skel-m-md: var(--_rem-body);
  --_skel-m-lg: var(--_rem-title);
  display: var(--_skel-d);
  vertical-align: middle;
}
AX-SKELETON [rep=wrap] {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
AX-SKELETON[cols] [rep=wrap] {
  display: grid;
  grid-gap: var(--_skel-gap);
}
AX-SKELETON [rep=wrap] > section {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: var(--_skel-dir);
}
AX-SKELETON[type*="avatar"] [rep=legend] {
  height: 6rem;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background-color: var(--_skel-bg);
}
AX-SKELETON[type*="avatar"] [rep=text] {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
AX-SKELETON[type*="avatar"] [rep=text] * {
  background-color: var(--_skel-bg);
  height: var(--_skel-lh-sm);
  border-radius: var(--_skel-r);
  margin-top: var(--_skel-m-sm);
}
AX-SKELETON[type*="avatar"] [rep=text] *:first-child {
  width: 8rem;
}
AX-SKELETON:where(:not([cols]))[type*="avatar"] section:where(:not(:first-child)) {
  margin-top: var(--_skel-m-lg);
}
AX-SKELETON[type="avatar"] {
  --_skel-dir: column;
}
AX-SKELETON[type="avatar"] [rep=text] {
  align-items: center;
}
AX-SKELETON[type="avatar"] [rep=text] *:last-child {
  width: 12rem;
}
AX-SKELETON[type="avatar-left"] [rep=text],
AX-SKELETON[type="avatar-right"] [rep=text] {
  display: flex;
  flex: auto;
}
AX-SKELETON[type="avatar-left"] [rep=legend] {
  margin-right: var(--_skel-m-md);
}
AX-SKELETON[type="avatar-right"] [rep=wrap] > section {
  flex-direction: row-reverse;
}
AX-SKELETON[type="avatar-right"] [rep=legend] {
  margin-left: var(--_skel-m-md);
}
AX-SKELETON[type*="post"] [rep=legend] {
  height: 6rem;
  aspect-ratio: 4/3;
  border-radius: var(--_skel-r);
  background-color: var(--_skel-bg);
}
AX-SKELETON[type*="post"] [rep=text] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex: auto;
}
AX-SKELETON[type*="post"] [rep=text] * {
  background-color: var(--_skel-bg);
  height: var(--_skel-lh-sm);
  border-radius: var(--_skel-r);
}
AX-SKELETON[type*="post"] [rep=text] *:first-child {
  width: 80%;
}
AX-SKELETON[type*="post"] [rep=text] *:where(:not(:first-child)) {
  margin-top: var(--_skel-m-sm);
}
AX-SKELETON:where(:not([cols]))[type*="post"] section:where(:not(:first-child)) {
  margin-top: var(--_skel-m-lg);
}
AX-SKELETON[type="post"] [rep=legend] {
  display: none;
}
AX-SKELETON[type="post-left"] [rep=legend] {
  margin-right: var(--_skel-m-md);
}
AX-SKELETON[type="post-right"] [rep=wrap] > section {
  flex-direction: row-reverse;
}
AX-SKELETON[type="post-right"] [rep=legend] {
  margin-left: var(--_skel-m-md);
}
AX-SKELETON[type*="bullet"] [rep=legend] {
  height: var(--_rem-title);
  aspect-ratio: 1/1;
  border-radius: var(--_skel-r);
  background-color: var(--_skel-bg);
}
AX-SKELETON[type*="bullet"] [rep=text] {
  display: flex;
  align-items: center;
  flex: auto;
}
AX-SKELETON[type*="bullet"] [rep=text] * {
  background-color: var(--_skel-bg);
  height: var(--_skel-lh-sm);
  border-radius: var(--_skel-r);
}
AX-SKELETON[type*="bullet"] [rep=text] *:first-child {
  flex: auto;
}
AX-SKELETON[type*="bullet"] [rep=text] *:last-child {
  width: 6rem;
  margin-left: var(--_skel-m-md);
}
AX-SKELETON:where(:not([cols]))[type*="bullet"] section:where(:not(:first-child)) {
  margin-top: var(--_skel-m-md);
}
AX-SKELETON[type="bullet"] [rep=legend] {
  display: none;
}
AX-SKELETON[type="bullet-left"] [rep=legend] {
  margin-right: var(--_skel-m-md);
}
AX-SKELETON[type="bullet-right"] [rep=wrap] > section {
  flex-direction: row-reverse;
}
AX-SKELETON[type="bullet-right"] [rep=legend] {
  margin-left: var(--_skel-m-md);
}
AX-SKELETON[type*=card] {
  --_skel-dir: column;
}
AX-SKELETON[type*=card] [rep=legend] {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: var(--_skel-r);
  background-color: var(--_skel-bg);
}
AX-SKELETON[type*=card] [rep=text] {
  width: 100%;
}
AX-SKELETON[type*=card] [rep=text] * {
  background-color: var(--_skel-bg);
  height: var(--_skel-lh-sm);
  border-radius: var(--_skel-r);
  margin-top: var(--_skel-m-sm);
}
AX-SKELETON[type*=card] [rep=text] *:first-child {
  width: 80%;
}
AX-SKELETON[type*=card] [rep=text] *:last-child {
  width: 40%;
}
AX-SKELETON[type=paragraph] {
  --_skel-dir: column;
}
AX-SKELETON[type=paragraph] [rep=legend] {
  display: none;
}
AX-SKELETON[type=paragraph] [rep=text] {
  width: 100%;
}
AX-SKELETON[type=paragraph] [rep=text] * {
  background-color: var(--_skel-bg);
  height: var(--_skel-lh-md);
  border-radius: var(--_skel-r);
}
AX-SKELETON[type=paragraph] [rep=text] *:where(:not(:first-child)) {
  margin-top: var(--_skel-m-md);
}
AX-SKELETON[type=paragraph] [rep=text] *:last-child {
  width: 40%;
}
AX-SKELETON[type=article] {
  --_skel-dir: column;
}
AX-SKELETON[type=article] [rep=legend] {
  width: 100%;
  margin-bottom: var(--_skel-m-md);
}
AX-SKELETON[type=article] [rep=legend]:before,
AX-SKELETON[type=article] [rep=legend]:after {
  content: '';
  background-color: var(--_skel-bg);
  border-radius: var(--_skel-r);
  display: block;
}
AX-SKELETON[type=article] [rep=legend]:before {
  height: var(--_skel-lh-lg);
  width: 60%;
}
AX-SKELETON[type=article] [rep=legend]:after {
  height: var(--_skel-lh-sm);
  width: 40%;
  margin-top: var(--_skel-m-md);
}
AX-SKELETON[type=article] [rep=text] {
  width: 100%;
}
AX-SKELETON[type=article] [rep=text] * {
  margin-top: var(--_skel-m-md);
  background-color: var(--_skel-bg);
  height: var(--_skel-lh-md);
  border-radius: var(--_skel-r);
}
AX-SKELETON[type=article] [rep=text] *:nth-child(4n) {
  width: 80%;
}
AX-SKELETON[type=article] [rep=text] *:last-child {
  width: 40%;
}
AX-SKELETON[type=plain],
AX-SKELETON:has([rep=wrap]:empty) {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
AX-SKELETON[type=plain] [rep=wrap],
AX-SKELETON:has([rep=wrap]:empty) [rep=wrap] {
  border-radius: inherit;
  background-color: var(--_skel-bg);
}
@keyframes _skel-fade {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes _skel-stream {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
AX-SKELETON[anim=stream] {
  background-color: var(--_c-stage);
}
AX-SKELETON[anim=stream] [rep=wrap]:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 34%, black 50%, rgba(0, 0, 0, 0) 67%) 0% 0% / 300% 100%;
  mix-blend-mode: overlay;
  animation: _skel-stream var(--_dur-6) ease infinite both;
}
AX-SKELETON[anim=fade] {
  animation: _skel-fade var(--_dur-5) linear infinite both;
}
AX-SKELETON[theme=prim] {
  --_skel-bg: var(--_c-prim-ac);
}
AX-SKELETON[theme=error] {
  --_skel-bg: var(--_c-error-ac);
}
AX-SKELETON[theme=succ] {
  --_skel-bg: var(--_c-succ-ac);
}
AX-SKELETON[theme=info] {
  --_skel-bg: var(--_c-info-ac);
}
AX-SKELETON[theme=issue] {
  --_skel-bg: var(--_c-issue-ac);
}
AX-SKELETON[theme=warn] {
  --_skel-bg: var(--_c-warn-ac);
}
AX-SKELETON[shape=round] {
  --_skel-r: var(--_rem-ignore);
}
AX-SKELETON[shape=round][type*="bullet"] [rep=legend] {
  border-radius: 100%;
}
AX-SKELETON[shape=round][type*="post"] [rep=legend],
AX-SKELETON[shape=round][type="card"] [rep=legend] {
  border-radius: var(--_r-input-lg);
}
AX-SKELETON[shape=round][type=article] [rep=legend] *:first-child {
  border-radius: var(--_rem-title);
}
AX-SKELETON[shape=square] {
  --_skel-r: 0;
}
._dodge {
  position: relative;
}
._dodge input + label,
._dodge textarea + label {
  color: var(--_c-ignore);
  padding: 0 var(--_p-both);
  height: var(---_h-main);
  line-height: var(--_h-main);
  cursor: text;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all var(--_dur-1) linear;
}
._dodge[dodged] input + label,
._dodge[dodged] textarea + label {
  font-size: var(--_px-ignore);
  line-height: var(--_px-ignore);
  height: var(--_px-ignore);
  padding: 0 var(--_g);
  background-color: var(--_c-stage);
  transform: translate(0, -50%);
  left: calc(var(--_p-both) - var(--_g));
}
._dodge[dodged]:after {
  content: '';
  height: var(--_px-ignore);
  width: 18rem;
  background: transparent;
  position: absolute;
  left: 0;
  top: calc(var(--_px-ignore)/-2);
  z-index: 2;
}
._splitnum {
  --_splitnum-fs: inherit;
  font-size: var(--_splitnum-fs);
}
._splitnum s {
  font-size: 1.5em;
}
/*Mobild device*/
@media (any-hover: none) {
  :root {
    --_ff-body: "Arial", "Helvetica Neue", "sans-serif", "pingfang SC", "Hiragino Sans GB", "microsoft yahei", "simsun";
    --_fs-root: clamp(var(--_fs-mobi), 1.5vw, calc(200px/14));
    --_l-text: 0%;
  }
  ._hide-mb {
    display: none;
  }
  select:where([multiple]) {
    min-height: auto;
  }
}
/*Destop device*/
@media (any-hover: hover) {
  /*Beautify rolling bar (only pc)*/
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: transparent;
  }
  ::-webkit-scrollbar-track {
    background-color: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.04);
  }
  ::-webkit-scrollbar-thumb {
    background-color: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.2);
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.4);
  }
  ::-webkit-scrollbar-thumb:active {
    background-color: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.6);
  }
  ::-webkit-scrollbar-corner {
    background-color: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.04);
  }
  @-moz-document url-prefix() {
    * {
      scrollbar-gutter: auto;
      scrollbar-width: thin;
    }
  }
  ._hide-pc {
    display: none;
  }
}
/*Desktop device*/
/*Mobile device*/
@media screen and (max-width: 900px) {
  hr {
    scale: 1 0.5;
  }
}
/*Destop device*/
/*Mobile device*/
/*Phone device*/
/*Phone+iPad rotate+iPad*/
/*xxs->Phone*/
/*
 *Last modified: 2025-03-04 23:45:43
 */
@media screen and (max-width: 500px) {
  :root {
    --_g-full: 1.4rem;
    --SCREEN: xxs;
  }
  *._split,
  ._row:where(._split),
  ._col:where(._split),
  ._grid:where(._split),
  *._split-xxs,
  ._row:where(._split-xxs),
  ._col:where(._split-xxs),
  ._grid:where(._split-xxs) {
    display: block;
  }
  *._split > *,
  ._row:where(._split) > *,
  ._col:where(._split) > *,
  ._grid:where(._split) > *,
  *._split-xxs > *,
  ._row:where(._split-xxs) > *,
  ._col:where(._split-xxs) > *,
  ._grid:where(._split-xxs) > * {
    width: auto;
    height: auto;
  }
  [class*="_container"] {
    --_container-w-2: var(--_w-xxs);
  }
  ._hide-xxs {
    display: none;
  }
  ._grid[class*="_xxs-"] {
    --_layout-avg: var(--_layout-group);
  }
  ._xxs-1 {
    --_layout-group: 1;
  }
  ._xxs-1:where(._row[class*="_avg-"]) > *:nth-of-type(1n),
  ._xxs-1:where(._row) > *:where([class*="_own-"]):nth-of-type(1n) {
    margin-right: 0;
  }
  ._xxs-1:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 1))),
  ._xxs-1:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-1:where(._col[class*="_avg-"]) > *:nth-of-type(1n),
  ._xxs-1:where(._col) > *:where([class*="_own-"]):nth-of-type(1n) {
    margin-bottom: 0;
  }
  ._xxs-1:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 1))),
  ._xxs-1:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._xxs-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._xxs-2 {
    --_layout-group: 2;
  }
  ._xxs-2:where(._row[class*="_avg-"]) > *:nth-of-type(2n),
  ._xxs-2:where(._row) > *:where([class*="_own-"]):nth-of-type(2n) {
    margin-right: 0;
  }
  ._xxs-2:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 2))),
  ._xxs-2:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-2:where(._col[class*="_avg-"]) > *:nth-of-type(2n),
  ._xxs-2:where(._col) > *:where([class*="_own-"]):nth-of-type(2n) {
    margin-bottom: 0;
  }
  ._xxs-2:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 2))),
  ._xxs-2:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._xxs-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._xxs-3 {
    --_layout-group: 3;
  }
  ._xxs-3:where(._row[class*="_avg-"]) > *:nth-of-type(3n),
  ._xxs-3:where(._row) > *:where([class*="_own-"]):nth-of-type(3n) {
    margin-right: 0;
  }
  ._xxs-3:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 3))),
  ._xxs-3:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-3:where(._col[class*="_avg-"]) > *:nth-of-type(3n),
  ._xxs-3:where(._col) > *:where([class*="_own-"]):nth-of-type(3n) {
    margin-bottom: 0;
  }
  ._xxs-3:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 3))),
  ._xxs-3:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._xxs-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._xxs-4 {
    --_layout-group: 4;
  }
  ._xxs-4:where(._row[class*="_avg-"]) > *:nth-of-type(4n),
  ._xxs-4:where(._row) > *:where([class*="_own-"]):nth-of-type(4n) {
    margin-right: 0;
  }
  ._xxs-4:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 4))),
  ._xxs-4:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-4:where(._col[class*="_avg-"]) > *:nth-of-type(4n),
  ._xxs-4:where(._col) > *:where([class*="_own-"]):nth-of-type(4n) {
    margin-bottom: 0;
  }
  ._xxs-4:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 4))),
  ._xxs-4:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._xxs-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._xxs-5 {
    --_layout-group: 5;
  }
  ._xxs-5:where(._row[class*="_avg-"]) > *:nth-of-type(5n),
  ._xxs-5:where(._row) > *:where([class*="_own-"]):nth-of-type(5n) {
    margin-right: 0;
  }
  ._xxs-5:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 5))),
  ._xxs-5:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-5:where(._col[class*="_avg-"]) > *:nth-of-type(5n),
  ._xxs-5:where(._col) > *:where([class*="_own-"]):nth-of-type(5n) {
    margin-bottom: 0;
  }
  ._xxs-5:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 5))),
  ._xxs-5:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._xxs-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._xxs-6 {
    --_layout-group: 6;
  }
  ._xxs-6:where(._row[class*="_avg-"]) > *:nth-of-type(6n),
  ._xxs-6:where(._row) > *:where([class*="_own-"]):nth-of-type(6n) {
    margin-right: 0;
  }
  ._xxs-6:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 6))),
  ._xxs-6:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-6:where(._col[class*="_avg-"]) > *:nth-of-type(6n),
  ._xxs-6:where(._col) > *:where([class*="_own-"]):nth-of-type(6n) {
    margin-bottom: 0;
  }
  ._xxs-6:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 6))),
  ._xxs-6:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._xxs-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._xxs-7 {
    --_layout-group: 7;
  }
  ._xxs-7:where(._row[class*="_avg-"]) > *:nth-of-type(7n),
  ._xxs-7:where(._row) > *:where([class*="_own-"]):nth-of-type(7n) {
    margin-right: 0;
  }
  ._xxs-7:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 7))),
  ._xxs-7:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-7:where(._col[class*="_avg-"]) > *:nth-of-type(7n),
  ._xxs-7:where(._col) > *:where([class*="_own-"]):nth-of-type(7n) {
    margin-bottom: 0;
  }
  ._xxs-7:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 7))),
  ._xxs-7:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._xxs-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._xxs-8 {
    --_layout-group: 8;
  }
  ._xxs-8:where(._row[class*="_avg-"]) > *:nth-of-type(8n),
  ._xxs-8:where(._row) > *:where([class*="_own-"]):nth-of-type(8n) {
    margin-right: 0;
  }
  ._xxs-8:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 8))),
  ._xxs-8:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-8:where(._col[class*="_avg-"]) > *:nth-of-type(8n),
  ._xxs-8:where(._col) > *:where([class*="_own-"]):nth-of-type(8n) {
    margin-bottom: 0;
  }
  ._xxs-8:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 8))),
  ._xxs-8:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._xxs-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._xxs-9 {
    --_layout-group: 9;
  }
  ._xxs-9:where(._row[class*="_avg-"]) > *:nth-of-type(9n),
  ._xxs-9:where(._row) > *:where([class*="_own-"]):nth-of-type(9n) {
    margin-right: 0;
  }
  ._xxs-9:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 9))),
  ._xxs-9:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-9:where(._col[class*="_avg-"]) > *:nth-of-type(9n),
  ._xxs-9:where(._col) > *:where([class*="_own-"]):nth-of-type(9n) {
    margin-bottom: 0;
  }
  ._xxs-9:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 9))),
  ._xxs-9:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._xxs-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._xxs-10 {
    --_layout-group: 10;
  }
  ._xxs-10:where(._row[class*="_avg-"]) > *:nth-of-type(10n),
  ._xxs-10:where(._row) > *:where([class*="_own-"]):nth-of-type(10n) {
    margin-right: 0;
  }
  ._xxs-10:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 10))),
  ._xxs-10:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-10:where(._col[class*="_avg-"]) > *:nth-of-type(10n),
  ._xxs-10:where(._col) > *:where([class*="_own-"]):nth-of-type(10n) {
    margin-bottom: 0;
  }
  ._xxs-10:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 10))),
  ._xxs-10:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._xxs-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._xxs-11 {
    --_layout-group: 11;
  }
  ._xxs-11:where(._row[class*="_avg-"]) > *:nth-of-type(11n),
  ._xxs-11:where(._row) > *:where([class*="_own-"]):nth-of-type(11n) {
    margin-right: 0;
  }
  ._xxs-11:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 11))),
  ._xxs-11:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-11:where(._col[class*="_avg-"]) > *:nth-of-type(11n),
  ._xxs-11:where(._col) > *:where([class*="_own-"]):nth-of-type(11n) {
    margin-bottom: 0;
  }
  ._xxs-11:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 11))),
  ._xxs-11:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._xxs-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._xxs-12 {
    --_layout-group: 12;
  }
  ._xxs-12:where(._row[class*="_avg-"]) > *:nth-of-type(12n),
  ._xxs-12:where(._row) > *:where([class*="_own-"]):nth-of-type(12n) {
    margin-right: 0;
  }
  ._xxs-12:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 12))),
  ._xxs-12:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-12:where(._col[class*="_avg-"]) > *:nth-of-type(12n),
  ._xxs-12:where(._col) > *:where([class*="_own-"]):nth-of-type(12n) {
    margin-bottom: 0;
  }
  ._xxs-12:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 12))),
  ._xxs-12:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._xxs-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._xxs-13 {
    --_layout-group: 13;
  }
  ._xxs-13:where(._row[class*="_avg-"]) > *:nth-of-type(13n),
  ._xxs-13:where(._row) > *:where([class*="_own-"]):nth-of-type(13n) {
    margin-right: 0;
  }
  ._xxs-13:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 13))),
  ._xxs-13:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-13:where(._col[class*="_avg-"]) > *:nth-of-type(13n),
  ._xxs-13:where(._col) > *:where([class*="_own-"]):nth-of-type(13n) {
    margin-bottom: 0;
  }
  ._xxs-13:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 13))),
  ._xxs-13:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._xxs-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._xxs-14 {
    --_layout-group: 14;
  }
  ._xxs-14:where(._row[class*="_avg-"]) > *:nth-of-type(14n),
  ._xxs-14:where(._row) > *:where([class*="_own-"]):nth-of-type(14n) {
    margin-right: 0;
  }
  ._xxs-14:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 14))),
  ._xxs-14:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-14:where(._col[class*="_avg-"]) > *:nth-of-type(14n),
  ._xxs-14:where(._col) > *:where([class*="_own-"]):nth-of-type(14n) {
    margin-bottom: 0;
  }
  ._xxs-14:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 14))),
  ._xxs-14:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._xxs-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._xxs-15 {
    --_layout-group: 15;
  }
  ._xxs-15:where(._row[class*="_avg-"]) > *:nth-of-type(15n),
  ._xxs-15:where(._row) > *:where([class*="_own-"]):nth-of-type(15n) {
    margin-right: 0;
  }
  ._xxs-15:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 15))),
  ._xxs-15:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-15:where(._col[class*="_avg-"]) > *:nth-of-type(15n),
  ._xxs-15:where(._col) > *:where([class*="_own-"]):nth-of-type(15n) {
    margin-bottom: 0;
  }
  ._xxs-15:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 15))),
  ._xxs-15:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._xxs-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._xxs-16 {
    --_layout-group: 16;
  }
  ._xxs-16:where(._row[class*="_avg-"]) > *:nth-of-type(16n),
  ._xxs-16:where(._row) > *:where([class*="_own-"]):nth-of-type(16n) {
    margin-right: 0;
  }
  ._xxs-16:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 16))),
  ._xxs-16:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-16:where(._col[class*="_avg-"]) > *:nth-of-type(16n),
  ._xxs-16:where(._col) > *:where([class*="_own-"]):nth-of-type(16n) {
    margin-bottom: 0;
  }
  ._xxs-16:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 16))),
  ._xxs-16:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._xxs-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._xxs-17 {
    --_layout-group: 17;
  }
  ._xxs-17:where(._row[class*="_avg-"]) > *:nth-of-type(17n),
  ._xxs-17:where(._row) > *:where([class*="_own-"]):nth-of-type(17n) {
    margin-right: 0;
  }
  ._xxs-17:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 17))),
  ._xxs-17:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-17:where(._col[class*="_avg-"]) > *:nth-of-type(17n),
  ._xxs-17:where(._col) > *:where([class*="_own-"]):nth-of-type(17n) {
    margin-bottom: 0;
  }
  ._xxs-17:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 17))),
  ._xxs-17:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._xxs-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._xxs-18 {
    --_layout-group: 18;
  }
  ._xxs-18:where(._row[class*="_avg-"]) > *:nth-of-type(18n),
  ._xxs-18:where(._row) > *:where([class*="_own-"]):nth-of-type(18n) {
    margin-right: 0;
  }
  ._xxs-18:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 18))),
  ._xxs-18:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-18:where(._col[class*="_avg-"]) > *:nth-of-type(18n),
  ._xxs-18:where(._col) > *:where([class*="_own-"]):nth-of-type(18n) {
    margin-bottom: 0;
  }
  ._xxs-18:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 18))),
  ._xxs-18:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._xxs-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._xxs-19 {
    --_layout-group: 19;
  }
  ._xxs-19:where(._row[class*="_avg-"]) > *:nth-of-type(19n),
  ._xxs-19:where(._row) > *:where([class*="_own-"]):nth-of-type(19n) {
    margin-right: 0;
  }
  ._xxs-19:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 19))),
  ._xxs-19:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-19:where(._col[class*="_avg-"]) > *:nth-of-type(19n),
  ._xxs-19:where(._col) > *:where([class*="_own-"]):nth-of-type(19n) {
    margin-bottom: 0;
  }
  ._xxs-19:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 19))),
  ._xxs-19:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._xxs-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._xxs-20 {
    --_layout-group: 20;
  }
  ._xxs-20:where(._row[class*="_avg-"]) > *:nth-of-type(20n),
  ._xxs-20:where(._row) > *:where([class*="_own-"]):nth-of-type(20n) {
    margin-right: 0;
  }
  ._xxs-20:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 20))),
  ._xxs-20:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-20:where(._col[class*="_avg-"]) > *:nth-of-type(20n),
  ._xxs-20:where(._col) > *:where([class*="_own-"]):nth-of-type(20n) {
    margin-bottom: 0;
  }
  ._xxs-20:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 20))),
  ._xxs-20:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._xxs-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._xxs-21 {
    --_layout-group: 21;
  }
  ._xxs-21:where(._row[class*="_avg-"]) > *:nth-of-type(21n),
  ._xxs-21:where(._row) > *:where([class*="_own-"]):nth-of-type(21n) {
    margin-right: 0;
  }
  ._xxs-21:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 21))),
  ._xxs-21:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-21:where(._col[class*="_avg-"]) > *:nth-of-type(21n),
  ._xxs-21:where(._col) > *:where([class*="_own-"]):nth-of-type(21n) {
    margin-bottom: 0;
  }
  ._xxs-21:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 21))),
  ._xxs-21:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._xxs-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._xxs-22 {
    --_layout-group: 22;
  }
  ._xxs-22:where(._row[class*="_avg-"]) > *:nth-of-type(22n),
  ._xxs-22:where(._row) > *:where([class*="_own-"]):nth-of-type(22n) {
    margin-right: 0;
  }
  ._xxs-22:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 22))),
  ._xxs-22:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-22:where(._col[class*="_avg-"]) > *:nth-of-type(22n),
  ._xxs-22:where(._col) > *:where([class*="_own-"]):nth-of-type(22n) {
    margin-bottom: 0;
  }
  ._xxs-22:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 22))),
  ._xxs-22:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._xxs-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._xxs-23 {
    --_layout-group: 23;
  }
  ._xxs-23:where(._row[class*="_avg-"]) > *:nth-of-type(23n),
  ._xxs-23:where(._row) > *:where([class*="_own-"]):nth-of-type(23n) {
    margin-right: 0;
  }
  ._xxs-23:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 23))),
  ._xxs-23:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-23:where(._col[class*="_avg-"]) > *:nth-of-type(23n),
  ._xxs-23:where(._col) > *:where([class*="_own-"]):nth-of-type(23n) {
    margin-bottom: 0;
  }
  ._xxs-23:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 23))),
  ._xxs-23:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._xxs-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._xxs-24 {
    --_layout-group: 24;
  }
  ._xxs-24:where(._row[class*="_avg-"]) > *:nth-of-type(24n),
  ._xxs-24:where(._row) > *:where([class*="_own-"]):nth-of-type(24n) {
    margin-right: 0;
  }
  ._xxs-24:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 24))),
  ._xxs-24:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-top: var(--_layout-gap);
  }
  ._xxs-24:where(._col[class*="_avg-"]) > *:nth-of-type(24n),
  ._xxs-24:where(._col) > *:where([class*="_own-"]):nth-of-type(24n) {
    margin-bottom: 0;
  }
  ._xxs-24:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 24))),
  ._xxs-24:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-left: var(--_layout-gap);
  }
  ._xxs-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._xxs-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  :where([class*="_xxs-"]) > [class*="_flex"] {
    --_flex-grow: 0;
    --_flex-shrink: 0;
  }
  ._row:where([class*="_xxs-"]),
  ._col:where([class*="_xxs-"]) {
    flex-wrap: wrap;
  }
  ._row:where([class*="_xxs-"]) > *:is([class*="_flex"]),
  ._col:where([class*="_xxs-"]) > *:is([class*="_flex"]) {
    --_flex-basis: calc(100%/var(--_layout-group) - var(--_layout-gap)*(var(--_layout-group) - 1)/var(--_layout-group));
  }
  ._row:where([class*="_xxs-"]):is([class*="_avg-"]) > *,
  ._row:where([class*="_xxs-"]) > *:is([class*="_own"]) {
    width: calc(100%/var(--_layout-group) - var(--_layout-gap)*(var(--_layout-group) - 1)/var(--_layout-group));
  }
  ._col:where([class*="_xxs-"]):is([class*="_avg-"]) > *,
  ._col:where([class*="_xxs-"]) > *:is([class*="_own-"]) {
    height: calc(100%/var(--_layout-group) - var(--_layout-gap)*(var(--_layout-group) - 1)/var(--_layout-group));
  }
  ._row:is(._g-md, ._g-lg, ._g-xl, ._g-xxl),
  ._col:is(._g-md, ._g-lg, ._g-xl, ._g-xxl) {
    --_layout-gap: var(--_rem-body);
  }
  ._grid:is(._g-md, ._g-lg, ._g-xl, ._g-xxl) {
    --_layout-gap: var(--_rem-body);
  }
  ._grid:where(.wall):is(._g-3, ._g, ._g-xxs, ._g-xs, ._g-sm, ._g-md, ._g-lg, ._g-xl, ._g-xxl) {
    --_layout-gap: min(--_layout-gap, 2px);
  }
  ._post [rep=poster] {
    height: calc(var(--_rem-list)*3);
  }
  ._post [rep=poster] ax-badge {
    left: 0.4rem;
    top: 0.4rem;
  }
  ._post [rep=byline],
  ._post [rep=byline] > * {
    color: var(--_c-ignore);
    font-size: 1rem;
  }
  ._post [rep=type] {
    font-size: 1rem;
  }
  ._post._split {
    display: block;
  }
  ._post._split ._post-body {
    width: auto;
  }
  ._post._split [rep=poster] {
    width: 100%;
    height: 16rem;
    margin-left: 0;
    margin-right: 0;
  }
  ._post._split [rep=poster]:nth-child(1) {
    margin-bottom: var(--_rem-space);
  }
  ._post._split ._post-body ~ [rep=poster] {
    margin-top: var(--_rem-space);
  }
  ._post [rep=posters]:nth-child(1) {
    margin-bottom: var(--_rem-space);
  }
  ._post ._post-body ~ [rep=posters] {
    margin-top: var(--_rem-space);
  }
}
/*xs->tablet*/
@media screen and (min-width: 500px) and (max-width: 900px) {
  :root {
    --SCREEN: xs;
  }
  *._split-xs,
  ._row:where(._split-xs),
  ._col:where(._split-xs),
  ._grid:where(._split-xs) {
    display: block;
  }
  *._split-xs > *,
  ._row:where(._split-xs) > *,
  ._col:where(._split-xs) > *,
  ._grid:where(._split-xs) > * {
    width: auto;
    height: auto;
  }
  [class*="_container"] {
    --_container-w-2: var(--_w-xs);
  }
  ._hide-xs {
    display: none;
  }
  ._grid[class*="_xs"] {
    --_layout-avg: var(--_layout-group);
  }
  ._xs-1 {
    --_layout-group: 1;
  }
  ._xs-1:where(._row[class*="_avg-"]) > *:nth-of-type(1n),
  ._xs-1:where(._row) > *:where([class*="_own-"]):nth-of-type(1n) {
    margin-right: 0;
  }
  ._xs-1:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 1))),
  ._xs-1:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-1:where(._col[class*="_avg-"]) > *:nth-of-type(1n),
  ._xs-1:where(._col) > *:where([class*="_own-"]):nth-of-type(1n) {
    margin-bottom: 0;
  }
  ._xs-1:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 1))),
  ._xs-1:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._xs-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._xs-2 {
    --_layout-group: 2;
  }
  ._xs-2:where(._row[class*="_avg-"]) > *:nth-of-type(2n),
  ._xs-2:where(._row) > *:where([class*="_own-"]):nth-of-type(2n) {
    margin-right: 0;
  }
  ._xs-2:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 2))),
  ._xs-2:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-2:where(._col[class*="_avg-"]) > *:nth-of-type(2n),
  ._xs-2:where(._col) > *:where([class*="_own-"]):nth-of-type(2n) {
    margin-bottom: 0;
  }
  ._xs-2:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 2))),
  ._xs-2:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._xs-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._xs-3 {
    --_layout-group: 3;
  }
  ._xs-3:where(._row[class*="_avg-"]) > *:nth-of-type(3n),
  ._xs-3:where(._row) > *:where([class*="_own-"]):nth-of-type(3n) {
    margin-right: 0;
  }
  ._xs-3:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 3))),
  ._xs-3:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-3:where(._col[class*="_avg-"]) > *:nth-of-type(3n),
  ._xs-3:where(._col) > *:where([class*="_own-"]):nth-of-type(3n) {
    margin-bottom: 0;
  }
  ._xs-3:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 3))),
  ._xs-3:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._xs-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._xs-4 {
    --_layout-group: 4;
  }
  ._xs-4:where(._row[class*="_avg-"]) > *:nth-of-type(4n),
  ._xs-4:where(._row) > *:where([class*="_own-"]):nth-of-type(4n) {
    margin-right: 0;
  }
  ._xs-4:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 4))),
  ._xs-4:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-4:where(._col[class*="_avg-"]) > *:nth-of-type(4n),
  ._xs-4:where(._col) > *:where([class*="_own-"]):nth-of-type(4n) {
    margin-bottom: 0;
  }
  ._xs-4:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 4))),
  ._xs-4:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._xs-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._xs-5 {
    --_layout-group: 5;
  }
  ._xs-5:where(._row[class*="_avg-"]) > *:nth-of-type(5n),
  ._xs-5:where(._row) > *:where([class*="_own-"]):nth-of-type(5n) {
    margin-right: 0;
  }
  ._xs-5:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 5))),
  ._xs-5:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-5:where(._col[class*="_avg-"]) > *:nth-of-type(5n),
  ._xs-5:where(._col) > *:where([class*="_own-"]):nth-of-type(5n) {
    margin-bottom: 0;
  }
  ._xs-5:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 5))),
  ._xs-5:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._xs-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._xs-6 {
    --_layout-group: 6;
  }
  ._xs-6:where(._row[class*="_avg-"]) > *:nth-of-type(6n),
  ._xs-6:where(._row) > *:where([class*="_own-"]):nth-of-type(6n) {
    margin-right: 0;
  }
  ._xs-6:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 6))),
  ._xs-6:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-6:where(._col[class*="_avg-"]) > *:nth-of-type(6n),
  ._xs-6:where(._col) > *:where([class*="_own-"]):nth-of-type(6n) {
    margin-bottom: 0;
  }
  ._xs-6:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 6))),
  ._xs-6:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._xs-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._xs-7 {
    --_layout-group: 7;
  }
  ._xs-7:where(._row[class*="_avg-"]) > *:nth-of-type(7n),
  ._xs-7:where(._row) > *:where([class*="_own-"]):nth-of-type(7n) {
    margin-right: 0;
  }
  ._xs-7:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 7))),
  ._xs-7:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-7:where(._col[class*="_avg-"]) > *:nth-of-type(7n),
  ._xs-7:where(._col) > *:where([class*="_own-"]):nth-of-type(7n) {
    margin-bottom: 0;
  }
  ._xs-7:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 7))),
  ._xs-7:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._xs-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._xs-8 {
    --_layout-group: 8;
  }
  ._xs-8:where(._row[class*="_avg-"]) > *:nth-of-type(8n),
  ._xs-8:where(._row) > *:where([class*="_own-"]):nth-of-type(8n) {
    margin-right: 0;
  }
  ._xs-8:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 8))),
  ._xs-8:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-8:where(._col[class*="_avg-"]) > *:nth-of-type(8n),
  ._xs-8:where(._col) > *:where([class*="_own-"]):nth-of-type(8n) {
    margin-bottom: 0;
  }
  ._xs-8:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 8))),
  ._xs-8:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._xs-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._xs-9 {
    --_layout-group: 9;
  }
  ._xs-9:where(._row[class*="_avg-"]) > *:nth-of-type(9n),
  ._xs-9:where(._row) > *:where([class*="_own-"]):nth-of-type(9n) {
    margin-right: 0;
  }
  ._xs-9:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 9))),
  ._xs-9:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-9:where(._col[class*="_avg-"]) > *:nth-of-type(9n),
  ._xs-9:where(._col) > *:where([class*="_own-"]):nth-of-type(9n) {
    margin-bottom: 0;
  }
  ._xs-9:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 9))),
  ._xs-9:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._xs-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._xs-10 {
    --_layout-group: 10;
  }
  ._xs-10:where(._row[class*="_avg-"]) > *:nth-of-type(10n),
  ._xs-10:where(._row) > *:where([class*="_own-"]):nth-of-type(10n) {
    margin-right: 0;
  }
  ._xs-10:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 10))),
  ._xs-10:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-10:where(._col[class*="_avg-"]) > *:nth-of-type(10n),
  ._xs-10:where(._col) > *:where([class*="_own-"]):nth-of-type(10n) {
    margin-bottom: 0;
  }
  ._xs-10:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 10))),
  ._xs-10:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._xs-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._xs-11 {
    --_layout-group: 11;
  }
  ._xs-11:where(._row[class*="_avg-"]) > *:nth-of-type(11n),
  ._xs-11:where(._row) > *:where([class*="_own-"]):nth-of-type(11n) {
    margin-right: 0;
  }
  ._xs-11:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 11))),
  ._xs-11:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-11:where(._col[class*="_avg-"]) > *:nth-of-type(11n),
  ._xs-11:where(._col) > *:where([class*="_own-"]):nth-of-type(11n) {
    margin-bottom: 0;
  }
  ._xs-11:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 11))),
  ._xs-11:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._xs-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._xs-12 {
    --_layout-group: 12;
  }
  ._xs-12:where(._row[class*="_avg-"]) > *:nth-of-type(12n),
  ._xs-12:where(._row) > *:where([class*="_own-"]):nth-of-type(12n) {
    margin-right: 0;
  }
  ._xs-12:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 12))),
  ._xs-12:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-12:where(._col[class*="_avg-"]) > *:nth-of-type(12n),
  ._xs-12:where(._col) > *:where([class*="_own-"]):nth-of-type(12n) {
    margin-bottom: 0;
  }
  ._xs-12:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 12))),
  ._xs-12:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._xs-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._xs-13 {
    --_layout-group: 13;
  }
  ._xs-13:where(._row[class*="_avg-"]) > *:nth-of-type(13n),
  ._xs-13:where(._row) > *:where([class*="_own-"]):nth-of-type(13n) {
    margin-right: 0;
  }
  ._xs-13:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 13))),
  ._xs-13:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-13:where(._col[class*="_avg-"]) > *:nth-of-type(13n),
  ._xs-13:where(._col) > *:where([class*="_own-"]):nth-of-type(13n) {
    margin-bottom: 0;
  }
  ._xs-13:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 13))),
  ._xs-13:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._xs-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._xs-14 {
    --_layout-group: 14;
  }
  ._xs-14:where(._row[class*="_avg-"]) > *:nth-of-type(14n),
  ._xs-14:where(._row) > *:where([class*="_own-"]):nth-of-type(14n) {
    margin-right: 0;
  }
  ._xs-14:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 14))),
  ._xs-14:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-14:where(._col[class*="_avg-"]) > *:nth-of-type(14n),
  ._xs-14:where(._col) > *:where([class*="_own-"]):nth-of-type(14n) {
    margin-bottom: 0;
  }
  ._xs-14:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 14))),
  ._xs-14:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._xs-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._xs-15 {
    --_layout-group: 15;
  }
  ._xs-15:where(._row[class*="_avg-"]) > *:nth-of-type(15n),
  ._xs-15:where(._row) > *:where([class*="_own-"]):nth-of-type(15n) {
    margin-right: 0;
  }
  ._xs-15:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 15))),
  ._xs-15:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-15:where(._col[class*="_avg-"]) > *:nth-of-type(15n),
  ._xs-15:where(._col) > *:where([class*="_own-"]):nth-of-type(15n) {
    margin-bottom: 0;
  }
  ._xs-15:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 15))),
  ._xs-15:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._xs-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._xs-16 {
    --_layout-group: 16;
  }
  ._xs-16:where(._row[class*="_avg-"]) > *:nth-of-type(16n),
  ._xs-16:where(._row) > *:where([class*="_own-"]):nth-of-type(16n) {
    margin-right: 0;
  }
  ._xs-16:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 16))),
  ._xs-16:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-16:where(._col[class*="_avg-"]) > *:nth-of-type(16n),
  ._xs-16:where(._col) > *:where([class*="_own-"]):nth-of-type(16n) {
    margin-bottom: 0;
  }
  ._xs-16:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 16))),
  ._xs-16:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._xs-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._xs-17 {
    --_layout-group: 17;
  }
  ._xs-17:where(._row[class*="_avg-"]) > *:nth-of-type(17n),
  ._xs-17:where(._row) > *:where([class*="_own-"]):nth-of-type(17n) {
    margin-right: 0;
  }
  ._xs-17:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 17))),
  ._xs-17:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-17:where(._col[class*="_avg-"]) > *:nth-of-type(17n),
  ._xs-17:where(._col) > *:where([class*="_own-"]):nth-of-type(17n) {
    margin-bottom: 0;
  }
  ._xs-17:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 17))),
  ._xs-17:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._xs-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._xs-18 {
    --_layout-group: 18;
  }
  ._xs-18:where(._row[class*="_avg-"]) > *:nth-of-type(18n),
  ._xs-18:where(._row) > *:where([class*="_own-"]):nth-of-type(18n) {
    margin-right: 0;
  }
  ._xs-18:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 18))),
  ._xs-18:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-18:where(._col[class*="_avg-"]) > *:nth-of-type(18n),
  ._xs-18:where(._col) > *:where([class*="_own-"]):nth-of-type(18n) {
    margin-bottom: 0;
  }
  ._xs-18:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 18))),
  ._xs-18:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._xs-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._xs-19 {
    --_layout-group: 19;
  }
  ._xs-19:where(._row[class*="_avg-"]) > *:nth-of-type(19n),
  ._xs-19:where(._row) > *:where([class*="_own-"]):nth-of-type(19n) {
    margin-right: 0;
  }
  ._xs-19:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 19))),
  ._xs-19:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-19:where(._col[class*="_avg-"]) > *:nth-of-type(19n),
  ._xs-19:where(._col) > *:where([class*="_own-"]):nth-of-type(19n) {
    margin-bottom: 0;
  }
  ._xs-19:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 19))),
  ._xs-19:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._xs-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._xs-20 {
    --_layout-group: 20;
  }
  ._xs-20:where(._row[class*="_avg-"]) > *:nth-of-type(20n),
  ._xs-20:where(._row) > *:where([class*="_own-"]):nth-of-type(20n) {
    margin-right: 0;
  }
  ._xs-20:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 20))),
  ._xs-20:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-20:where(._col[class*="_avg-"]) > *:nth-of-type(20n),
  ._xs-20:where(._col) > *:where([class*="_own-"]):nth-of-type(20n) {
    margin-bottom: 0;
  }
  ._xs-20:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 20))),
  ._xs-20:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._xs-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._xs-21 {
    --_layout-group: 21;
  }
  ._xs-21:where(._row[class*="_avg-"]) > *:nth-of-type(21n),
  ._xs-21:where(._row) > *:where([class*="_own-"]):nth-of-type(21n) {
    margin-right: 0;
  }
  ._xs-21:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 21))),
  ._xs-21:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-21:where(._col[class*="_avg-"]) > *:nth-of-type(21n),
  ._xs-21:where(._col) > *:where([class*="_own-"]):nth-of-type(21n) {
    margin-bottom: 0;
  }
  ._xs-21:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 21))),
  ._xs-21:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._xs-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._xs-22 {
    --_layout-group: 22;
  }
  ._xs-22:where(._row[class*="_avg-"]) > *:nth-of-type(22n),
  ._xs-22:where(._row) > *:where([class*="_own-"]):nth-of-type(22n) {
    margin-right: 0;
  }
  ._xs-22:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 22))),
  ._xs-22:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-22:where(._col[class*="_avg-"]) > *:nth-of-type(22n),
  ._xs-22:where(._col) > *:where([class*="_own-"]):nth-of-type(22n) {
    margin-bottom: 0;
  }
  ._xs-22:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 22))),
  ._xs-22:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._xs-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._xs-23 {
    --_layout-group: 23;
  }
  ._xs-23:where(._row[class*="_avg-"]) > *:nth-of-type(23n),
  ._xs-23:where(._row) > *:where([class*="_own-"]):nth-of-type(23n) {
    margin-right: 0;
  }
  ._xs-23:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 23))),
  ._xs-23:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-23:where(._col[class*="_avg-"]) > *:nth-of-type(23n),
  ._xs-23:where(._col) > *:where([class*="_own-"]):nth-of-type(23n) {
    margin-bottom: 0;
  }
  ._xs-23:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 23))),
  ._xs-23:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._xs-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._xs-24 {
    --_layout-group: 24;
  }
  ._xs-24:where(._row[class*="_avg-"]) > *:nth-of-type(24n),
  ._xs-24:where(._row) > *:where([class*="_own-"]):nth-of-type(24n) {
    margin-right: 0;
  }
  ._xs-24:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 24))),
  ._xs-24:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-top: var(--_layout-gap);
  }
  ._xs-24:where(._col[class*="_avg-"]) > *:nth-of-type(24n),
  ._xs-24:where(._col) > *:where([class*="_own-"]):nth-of-type(24n) {
    margin-bottom: 0;
  }
  ._xs-24:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 24))),
  ._xs-24:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-left: var(--_layout-gap);
  }
  ._xs-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._xs-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  :where([class*="_xs-"]) > [class*="_flex"] {
    --_flex-grow: 0;
    --_flex-shrink: 0;
  }
  ._row:where([class*="_xs-"]),
  ._col:where([class*="_xs-"]) {
    flex-wrap: wrap;
  }
  ._row:where([class*="_xs-"]) > *:is([class*="_flex"]),
  ._col:where([class*="_xs-"]) > *:is([class*="_flex"]) {
    --_flex-basis: calc(100%/var(--_layout-group) - var(--_layout-gap)*(var(--_layout-group) - 1)/var(--_layout-group));
  }
  ._row:where([class*="_xs-"]):is([class*="_avg-"]) > *,
  ._row:where([class*="_xs-"]) > *:is([class*="_own"]) {
    width: calc(100%/var(--_layout-group) - var(--_layout-gap)*(var(--_layout-group) - 1)/var(--_layout-group));
  }
  ._col:where([class*="_xs-"]):is([class*="_avg-"]) > *,
  ._col:where([class*="_xs-"]) > *:is([class*="_own-"]) {
    height: calc(100%/var(--_layout-group) - var(--_layout-gap)*(var(--_layout-group) - 1)/var(--_layout-group));
  }
}
@media screen and (min-width: 500px) and (max-width: 900px) and (orientation: landscape) {
  :root {
    --_fs-root: var(--_fs-mobi);
  }
}
/*sm->tablet & flip*/
@media screen and (min-width: 900px) and (max-width: 1200px) {
  :root {
    --SCREEN: sm;
  }
  *._split-sm,
  ._row:where(._split-sm),
  ._col:where(._split-sm),
  ._grid:where(._split-sm) {
    display: block;
  }
  *._split-sm > *,
  ._row:where(._split-sm) > *,
  ._col:where(._split-sm) > *,
  ._grid:where(._split-sm) > * {
    width: auto;
    height: auto;
  }
  /*  [class*="_container"] {
    --_container-w-1:var(--_w-sm);
  } */
  /*   @media (orientation: landscape) {
    [class*="_container"] {
      --_container-w-1:var(--_w-xs);
    }
  } */
  ._hide-sm {
    display: none;
  }
  ._grid[class*="_sm-"] {
    --_layout-avg: var(--_layout-group);
  }
  ._sm-1 {
    --_layout-group: 1;
  }
  ._sm-1:where(._row[class*="_avg-"]) > *:nth-of-type(1n),
  ._sm-1:where(._row) > *:where([class*="_own-"]):nth-of-type(1n) {
    margin-right: 0;
  }
  ._sm-1:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 1))),
  ._sm-1:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-1:where(._col[class*="_avg-"]) > *:nth-of-type(1n),
  ._sm-1:where(._col) > *:where([class*="_own-"]):nth-of-type(1n) {
    margin-bottom: 0;
  }
  ._sm-1:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 1))),
  ._sm-1:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._sm-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._sm-2 {
    --_layout-group: 2;
  }
  ._sm-2:where(._row[class*="_avg-"]) > *:nth-of-type(2n),
  ._sm-2:where(._row) > *:where([class*="_own-"]):nth-of-type(2n) {
    margin-right: 0;
  }
  ._sm-2:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 2))),
  ._sm-2:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-2:where(._col[class*="_avg-"]) > *:nth-of-type(2n),
  ._sm-2:where(._col) > *:where([class*="_own-"]):nth-of-type(2n) {
    margin-bottom: 0;
  }
  ._sm-2:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 2))),
  ._sm-2:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._sm-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._sm-3 {
    --_layout-group: 3;
  }
  ._sm-3:where(._row[class*="_avg-"]) > *:nth-of-type(3n),
  ._sm-3:where(._row) > *:where([class*="_own-"]):nth-of-type(3n) {
    margin-right: 0;
  }
  ._sm-3:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 3))),
  ._sm-3:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-3:where(._col[class*="_avg-"]) > *:nth-of-type(3n),
  ._sm-3:where(._col) > *:where([class*="_own-"]):nth-of-type(3n) {
    margin-bottom: 0;
  }
  ._sm-3:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 3))),
  ._sm-3:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._sm-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._sm-4 {
    --_layout-group: 4;
  }
  ._sm-4:where(._row[class*="_avg-"]) > *:nth-of-type(4n),
  ._sm-4:where(._row) > *:where([class*="_own-"]):nth-of-type(4n) {
    margin-right: 0;
  }
  ._sm-4:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 4))),
  ._sm-4:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-4:where(._col[class*="_avg-"]) > *:nth-of-type(4n),
  ._sm-4:where(._col) > *:where([class*="_own-"]):nth-of-type(4n) {
    margin-bottom: 0;
  }
  ._sm-4:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 4))),
  ._sm-4:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._sm-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._sm-5 {
    --_layout-group: 5;
  }
  ._sm-5:where(._row[class*="_avg-"]) > *:nth-of-type(5n),
  ._sm-5:where(._row) > *:where([class*="_own-"]):nth-of-type(5n) {
    margin-right: 0;
  }
  ._sm-5:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 5))),
  ._sm-5:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-5:where(._col[class*="_avg-"]) > *:nth-of-type(5n),
  ._sm-5:where(._col) > *:where([class*="_own-"]):nth-of-type(5n) {
    margin-bottom: 0;
  }
  ._sm-5:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 5))),
  ._sm-5:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._sm-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._sm-6 {
    --_layout-group: 6;
  }
  ._sm-6:where(._row[class*="_avg-"]) > *:nth-of-type(6n),
  ._sm-6:where(._row) > *:where([class*="_own-"]):nth-of-type(6n) {
    margin-right: 0;
  }
  ._sm-6:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 6))),
  ._sm-6:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-6:where(._col[class*="_avg-"]) > *:nth-of-type(6n),
  ._sm-6:where(._col) > *:where([class*="_own-"]):nth-of-type(6n) {
    margin-bottom: 0;
  }
  ._sm-6:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 6))),
  ._sm-6:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._sm-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._sm-7 {
    --_layout-group: 7;
  }
  ._sm-7:where(._row[class*="_avg-"]) > *:nth-of-type(7n),
  ._sm-7:where(._row) > *:where([class*="_own-"]):nth-of-type(7n) {
    margin-right: 0;
  }
  ._sm-7:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 7))),
  ._sm-7:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-7:where(._col[class*="_avg-"]) > *:nth-of-type(7n),
  ._sm-7:where(._col) > *:where([class*="_own-"]):nth-of-type(7n) {
    margin-bottom: 0;
  }
  ._sm-7:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 7))),
  ._sm-7:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._sm-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._sm-8 {
    --_layout-group: 8;
  }
  ._sm-8:where(._row[class*="_avg-"]) > *:nth-of-type(8n),
  ._sm-8:where(._row) > *:where([class*="_own-"]):nth-of-type(8n) {
    margin-right: 0;
  }
  ._sm-8:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 8))),
  ._sm-8:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-8:where(._col[class*="_avg-"]) > *:nth-of-type(8n),
  ._sm-8:where(._col) > *:where([class*="_own-"]):nth-of-type(8n) {
    margin-bottom: 0;
  }
  ._sm-8:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 8))),
  ._sm-8:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._sm-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._sm-9 {
    --_layout-group: 9;
  }
  ._sm-9:where(._row[class*="_avg-"]) > *:nth-of-type(9n),
  ._sm-9:where(._row) > *:where([class*="_own-"]):nth-of-type(9n) {
    margin-right: 0;
  }
  ._sm-9:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 9))),
  ._sm-9:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-9:where(._col[class*="_avg-"]) > *:nth-of-type(9n),
  ._sm-9:where(._col) > *:where([class*="_own-"]):nth-of-type(9n) {
    margin-bottom: 0;
  }
  ._sm-9:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 9))),
  ._sm-9:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._sm-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._sm-10 {
    --_layout-group: 10;
  }
  ._sm-10:where(._row[class*="_avg-"]) > *:nth-of-type(10n),
  ._sm-10:where(._row) > *:where([class*="_own-"]):nth-of-type(10n) {
    margin-right: 0;
  }
  ._sm-10:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 10))),
  ._sm-10:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-10:where(._col[class*="_avg-"]) > *:nth-of-type(10n),
  ._sm-10:where(._col) > *:where([class*="_own-"]):nth-of-type(10n) {
    margin-bottom: 0;
  }
  ._sm-10:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 10))),
  ._sm-10:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._sm-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._sm-11 {
    --_layout-group: 11;
  }
  ._sm-11:where(._row[class*="_avg-"]) > *:nth-of-type(11n),
  ._sm-11:where(._row) > *:where([class*="_own-"]):nth-of-type(11n) {
    margin-right: 0;
  }
  ._sm-11:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 11))),
  ._sm-11:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-11:where(._col[class*="_avg-"]) > *:nth-of-type(11n),
  ._sm-11:where(._col) > *:where([class*="_own-"]):nth-of-type(11n) {
    margin-bottom: 0;
  }
  ._sm-11:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 11))),
  ._sm-11:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._sm-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._sm-12 {
    --_layout-group: 12;
  }
  ._sm-12:where(._row[class*="_avg-"]) > *:nth-of-type(12n),
  ._sm-12:where(._row) > *:where([class*="_own-"]):nth-of-type(12n) {
    margin-right: 0;
  }
  ._sm-12:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 12))),
  ._sm-12:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-12:where(._col[class*="_avg-"]) > *:nth-of-type(12n),
  ._sm-12:where(._col) > *:where([class*="_own-"]):nth-of-type(12n) {
    margin-bottom: 0;
  }
  ._sm-12:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 12))),
  ._sm-12:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._sm-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._sm-13 {
    --_layout-group: 13;
  }
  ._sm-13:where(._row[class*="_avg-"]) > *:nth-of-type(13n),
  ._sm-13:where(._row) > *:where([class*="_own-"]):nth-of-type(13n) {
    margin-right: 0;
  }
  ._sm-13:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 13))),
  ._sm-13:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-13:where(._col[class*="_avg-"]) > *:nth-of-type(13n),
  ._sm-13:where(._col) > *:where([class*="_own-"]):nth-of-type(13n) {
    margin-bottom: 0;
  }
  ._sm-13:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 13))),
  ._sm-13:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._sm-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._sm-14 {
    --_layout-group: 14;
  }
  ._sm-14:where(._row[class*="_avg-"]) > *:nth-of-type(14n),
  ._sm-14:where(._row) > *:where([class*="_own-"]):nth-of-type(14n) {
    margin-right: 0;
  }
  ._sm-14:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 14))),
  ._sm-14:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-14:where(._col[class*="_avg-"]) > *:nth-of-type(14n),
  ._sm-14:where(._col) > *:where([class*="_own-"]):nth-of-type(14n) {
    margin-bottom: 0;
  }
  ._sm-14:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 14))),
  ._sm-14:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._sm-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._sm-15 {
    --_layout-group: 15;
  }
  ._sm-15:where(._row[class*="_avg-"]) > *:nth-of-type(15n),
  ._sm-15:where(._row) > *:where([class*="_own-"]):nth-of-type(15n) {
    margin-right: 0;
  }
  ._sm-15:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 15))),
  ._sm-15:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-15:where(._col[class*="_avg-"]) > *:nth-of-type(15n),
  ._sm-15:where(._col) > *:where([class*="_own-"]):nth-of-type(15n) {
    margin-bottom: 0;
  }
  ._sm-15:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 15))),
  ._sm-15:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._sm-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._sm-16 {
    --_layout-group: 16;
  }
  ._sm-16:where(._row[class*="_avg-"]) > *:nth-of-type(16n),
  ._sm-16:where(._row) > *:where([class*="_own-"]):nth-of-type(16n) {
    margin-right: 0;
  }
  ._sm-16:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 16))),
  ._sm-16:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-16:where(._col[class*="_avg-"]) > *:nth-of-type(16n),
  ._sm-16:where(._col) > *:where([class*="_own-"]):nth-of-type(16n) {
    margin-bottom: 0;
  }
  ._sm-16:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 16))),
  ._sm-16:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._sm-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._sm-17 {
    --_layout-group: 17;
  }
  ._sm-17:where(._row[class*="_avg-"]) > *:nth-of-type(17n),
  ._sm-17:where(._row) > *:where([class*="_own-"]):nth-of-type(17n) {
    margin-right: 0;
  }
  ._sm-17:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 17))),
  ._sm-17:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-17:where(._col[class*="_avg-"]) > *:nth-of-type(17n),
  ._sm-17:where(._col) > *:where([class*="_own-"]):nth-of-type(17n) {
    margin-bottom: 0;
  }
  ._sm-17:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 17))),
  ._sm-17:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._sm-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._sm-18 {
    --_layout-group: 18;
  }
  ._sm-18:where(._row[class*="_avg-"]) > *:nth-of-type(18n),
  ._sm-18:where(._row) > *:where([class*="_own-"]):nth-of-type(18n) {
    margin-right: 0;
  }
  ._sm-18:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 18))),
  ._sm-18:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-18:where(._col[class*="_avg-"]) > *:nth-of-type(18n),
  ._sm-18:where(._col) > *:where([class*="_own-"]):nth-of-type(18n) {
    margin-bottom: 0;
  }
  ._sm-18:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 18))),
  ._sm-18:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._sm-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._sm-19 {
    --_layout-group: 19;
  }
  ._sm-19:where(._row[class*="_avg-"]) > *:nth-of-type(19n),
  ._sm-19:where(._row) > *:where([class*="_own-"]):nth-of-type(19n) {
    margin-right: 0;
  }
  ._sm-19:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 19))),
  ._sm-19:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-19:where(._col[class*="_avg-"]) > *:nth-of-type(19n),
  ._sm-19:where(._col) > *:where([class*="_own-"]):nth-of-type(19n) {
    margin-bottom: 0;
  }
  ._sm-19:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 19))),
  ._sm-19:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._sm-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._sm-20 {
    --_layout-group: 20;
  }
  ._sm-20:where(._row[class*="_avg-"]) > *:nth-of-type(20n),
  ._sm-20:where(._row) > *:where([class*="_own-"]):nth-of-type(20n) {
    margin-right: 0;
  }
  ._sm-20:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 20))),
  ._sm-20:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-20:where(._col[class*="_avg-"]) > *:nth-of-type(20n),
  ._sm-20:where(._col) > *:where([class*="_own-"]):nth-of-type(20n) {
    margin-bottom: 0;
  }
  ._sm-20:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 20))),
  ._sm-20:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._sm-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._sm-21 {
    --_layout-group: 21;
  }
  ._sm-21:where(._row[class*="_avg-"]) > *:nth-of-type(21n),
  ._sm-21:where(._row) > *:where([class*="_own-"]):nth-of-type(21n) {
    margin-right: 0;
  }
  ._sm-21:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 21))),
  ._sm-21:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-21:where(._col[class*="_avg-"]) > *:nth-of-type(21n),
  ._sm-21:where(._col) > *:where([class*="_own-"]):nth-of-type(21n) {
    margin-bottom: 0;
  }
  ._sm-21:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 21))),
  ._sm-21:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._sm-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._sm-22 {
    --_layout-group: 22;
  }
  ._sm-22:where(._row[class*="_avg-"]) > *:nth-of-type(22n),
  ._sm-22:where(._row) > *:where([class*="_own-"]):nth-of-type(22n) {
    margin-right: 0;
  }
  ._sm-22:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 22))),
  ._sm-22:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-22:where(._col[class*="_avg-"]) > *:nth-of-type(22n),
  ._sm-22:where(._col) > *:where([class*="_own-"]):nth-of-type(22n) {
    margin-bottom: 0;
  }
  ._sm-22:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 22))),
  ._sm-22:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._sm-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._sm-23 {
    --_layout-group: 23;
  }
  ._sm-23:where(._row[class*="_avg-"]) > *:nth-of-type(23n),
  ._sm-23:where(._row) > *:where([class*="_own-"]):nth-of-type(23n) {
    margin-right: 0;
  }
  ._sm-23:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 23))),
  ._sm-23:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-23:where(._col[class*="_avg-"]) > *:nth-of-type(23n),
  ._sm-23:where(._col) > *:where([class*="_own-"]):nth-of-type(23n) {
    margin-bottom: 0;
  }
  ._sm-23:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 23))),
  ._sm-23:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._sm-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._sm-24 {
    --_layout-group: 24;
  }
  ._sm-24:where(._row[class*="_avg-"]) > *:nth-of-type(24n),
  ._sm-24:where(._row) > *:where([class*="_own-"]):nth-of-type(24n) {
    margin-right: 0;
  }
  ._sm-24:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 24))),
  ._sm-24:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-top: var(--_layout-gap);
  }
  ._sm-24:where(._col[class*="_avg-"]) > *:nth-of-type(24n),
  ._sm-24:where(._col) > *:where([class*="_own-"]):nth-of-type(24n) {
    margin-bottom: 0;
  }
  ._sm-24:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 24))),
  ._sm-24:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-left: var(--_layout-gap);
  }
  ._sm-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._sm-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  :where([class*="_sm-"]) > [class*="_flex"] {
    --_flex-grow: 0;
    --_flex-shrink: 0;
  }
  ._row:where([class*="_sm-"]),
  ._col:where([class*="_sm-"]) {
    flex-wrap: wrap;
  }
  ._row:where([class*="_sm-"]) > *:is([class*="_flex"]),
  ._col:where([class*="_sm-"]) > *:is([class*="_flex"]) {
    --_flex-basis: calc(100%/var(--_layout-group) - var(--_layout-gap)*(var(--_layout-group) - 1)/var(--_layout-group));
  }
  ._row:where([class*="_sm-"]):is([class*="_avg-"]) > *,
  ._row:where([class*="_sm-"]) > *:is([class*="_own"]) {
    width: calc(100%/var(--_layout-group) - var(--_layout-gap)*(var(--_layout-group) - 1)/var(--_layout-group));
  }
  ._col:where([class*="_sm-"]):is([class*="_avg-"]) > *,
  ._col:where([class*="_sm-"]) > *:is([class*="_own-"]) {
    height: calc(100%/var(--_layout-group) - var(--_layout-gap)*(var(--_layout-group) - 1)/var(--_layout-group));
  }
}
/*md->Laptop & tablet flip*/
@media screen and (min-width: 1200px) and (max-width: 1500px) {
  :root {
    --SCREEN: md;
  }
  *._split-md,
  ._row:where(._split-md),
  ._col:where(._split-md),
  ._grid:where(._split-md) {
    display: block;
  }
  *._split-md > *,
  ._row:where(._split-md) > *,
  ._col:where(._split-md) > *,
  ._grid:where(._split-md) > * {
    width: auto;
    height: auto;
  }
  /*   [class*="_container"] {
    --_container-w-1:var(--_w-md);
  } */
  /*   @media (orientation: landscape) {
    [class*="_container"] {
      --_container-w-1:var(--_w-sm);
    }
  }
 */
  ._hide-md {
    display: none;
  }
  ._grid[class*="_md-"] {
    --_layout-avg: var(--_layout-group);
  }
  ._md-1 {
    --_layout-group: 1;
  }
  ._md-1:where(._row[class*="_avg-"]) > *:nth-of-type(1n),
  ._md-1:where(._row) > *:where([class*="_own-"]):nth-of-type(1n) {
    margin-right: 0;
  }
  ._md-1:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 1))),
  ._md-1:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-top: var(--_layout-gap);
  }
  ._md-1:where(._col[class*="_avg-"]) > *:nth-of-type(1n),
  ._md-1:where(._col) > *:where([class*="_own-"]):nth-of-type(1n) {
    margin-bottom: 0;
  }
  ._md-1:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 1))),
  ._md-1:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-left: var(--_layout-gap);
  }
  ._md-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._md-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._md-2 {
    --_layout-group: 2;
  }
  ._md-2:where(._row[class*="_avg-"]) > *:nth-of-type(2n),
  ._md-2:where(._row) > *:where([class*="_own-"]):nth-of-type(2n) {
    margin-right: 0;
  }
  ._md-2:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 2))),
  ._md-2:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-top: var(--_layout-gap);
  }
  ._md-2:where(._col[class*="_avg-"]) > *:nth-of-type(2n),
  ._md-2:where(._col) > *:where([class*="_own-"]):nth-of-type(2n) {
    margin-bottom: 0;
  }
  ._md-2:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 2))),
  ._md-2:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-left: var(--_layout-gap);
  }
  ._md-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._md-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._md-3 {
    --_layout-group: 3;
  }
  ._md-3:where(._row[class*="_avg-"]) > *:nth-of-type(3n),
  ._md-3:where(._row) > *:where([class*="_own-"]):nth-of-type(3n) {
    margin-right: 0;
  }
  ._md-3:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 3))),
  ._md-3:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-top: var(--_layout-gap);
  }
  ._md-3:where(._col[class*="_avg-"]) > *:nth-of-type(3n),
  ._md-3:where(._col) > *:where([class*="_own-"]):nth-of-type(3n) {
    margin-bottom: 0;
  }
  ._md-3:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 3))),
  ._md-3:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-left: var(--_layout-gap);
  }
  ._md-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._md-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._md-4 {
    --_layout-group: 4;
  }
  ._md-4:where(._row[class*="_avg-"]) > *:nth-of-type(4n),
  ._md-4:where(._row) > *:where([class*="_own-"]):nth-of-type(4n) {
    margin-right: 0;
  }
  ._md-4:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 4))),
  ._md-4:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-top: var(--_layout-gap);
  }
  ._md-4:where(._col[class*="_avg-"]) > *:nth-of-type(4n),
  ._md-4:where(._col) > *:where([class*="_own-"]):nth-of-type(4n) {
    margin-bottom: 0;
  }
  ._md-4:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 4))),
  ._md-4:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-left: var(--_layout-gap);
  }
  ._md-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._md-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._md-5 {
    --_layout-group: 5;
  }
  ._md-5:where(._row[class*="_avg-"]) > *:nth-of-type(5n),
  ._md-5:where(._row) > *:where([class*="_own-"]):nth-of-type(5n) {
    margin-right: 0;
  }
  ._md-5:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 5))),
  ._md-5:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-top: var(--_layout-gap);
  }
  ._md-5:where(._col[class*="_avg-"]) > *:nth-of-type(5n),
  ._md-5:where(._col) > *:where([class*="_own-"]):nth-of-type(5n) {
    margin-bottom: 0;
  }
  ._md-5:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 5))),
  ._md-5:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-left: var(--_layout-gap);
  }
  ._md-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._md-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._md-6 {
    --_layout-group: 6;
  }
  ._md-6:where(._row[class*="_avg-"]) > *:nth-of-type(6n),
  ._md-6:where(._row) > *:where([class*="_own-"]):nth-of-type(6n) {
    margin-right: 0;
  }
  ._md-6:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 6))),
  ._md-6:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-top: var(--_layout-gap);
  }
  ._md-6:where(._col[class*="_avg-"]) > *:nth-of-type(6n),
  ._md-6:where(._col) > *:where([class*="_own-"]):nth-of-type(6n) {
    margin-bottom: 0;
  }
  ._md-6:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 6))),
  ._md-6:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-left: var(--_layout-gap);
  }
  ._md-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._md-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._md-7 {
    --_layout-group: 7;
  }
  ._md-7:where(._row[class*="_avg-"]) > *:nth-of-type(7n),
  ._md-7:where(._row) > *:where([class*="_own-"]):nth-of-type(7n) {
    margin-right: 0;
  }
  ._md-7:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 7))),
  ._md-7:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-top: var(--_layout-gap);
  }
  ._md-7:where(._col[class*="_avg-"]) > *:nth-of-type(7n),
  ._md-7:where(._col) > *:where([class*="_own-"]):nth-of-type(7n) {
    margin-bottom: 0;
  }
  ._md-7:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 7))),
  ._md-7:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-left: var(--_layout-gap);
  }
  ._md-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._md-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._md-8 {
    --_layout-group: 8;
  }
  ._md-8:where(._row[class*="_avg-"]) > *:nth-of-type(8n),
  ._md-8:where(._row) > *:where([class*="_own-"]):nth-of-type(8n) {
    margin-right: 0;
  }
  ._md-8:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 8))),
  ._md-8:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-top: var(--_layout-gap);
  }
  ._md-8:where(._col[class*="_avg-"]) > *:nth-of-type(8n),
  ._md-8:where(._col) > *:where([class*="_own-"]):nth-of-type(8n) {
    margin-bottom: 0;
  }
  ._md-8:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 8))),
  ._md-8:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-left: var(--_layout-gap);
  }
  ._md-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._md-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._md-9 {
    --_layout-group: 9;
  }
  ._md-9:where(._row[class*="_avg-"]) > *:nth-of-type(9n),
  ._md-9:where(._row) > *:where([class*="_own-"]):nth-of-type(9n) {
    margin-right: 0;
  }
  ._md-9:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 9))),
  ._md-9:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-top: var(--_layout-gap);
  }
  ._md-9:where(._col[class*="_avg-"]) > *:nth-of-type(9n),
  ._md-9:where(._col) > *:where([class*="_own-"]):nth-of-type(9n) {
    margin-bottom: 0;
  }
  ._md-9:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 9))),
  ._md-9:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-left: var(--_layout-gap);
  }
  ._md-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._md-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._md-10 {
    --_layout-group: 10;
  }
  ._md-10:where(._row[class*="_avg-"]) > *:nth-of-type(10n),
  ._md-10:where(._row) > *:where([class*="_own-"]):nth-of-type(10n) {
    margin-right: 0;
  }
  ._md-10:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 10))),
  ._md-10:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-top: var(--_layout-gap);
  }
  ._md-10:where(._col[class*="_avg-"]) > *:nth-of-type(10n),
  ._md-10:where(._col) > *:where([class*="_own-"]):nth-of-type(10n) {
    margin-bottom: 0;
  }
  ._md-10:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 10))),
  ._md-10:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-left: var(--_layout-gap);
  }
  ._md-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._md-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._md-11 {
    --_layout-group: 11;
  }
  ._md-11:where(._row[class*="_avg-"]) > *:nth-of-type(11n),
  ._md-11:where(._row) > *:where([class*="_own-"]):nth-of-type(11n) {
    margin-right: 0;
  }
  ._md-11:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 11))),
  ._md-11:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-top: var(--_layout-gap);
  }
  ._md-11:where(._col[class*="_avg-"]) > *:nth-of-type(11n),
  ._md-11:where(._col) > *:where([class*="_own-"]):nth-of-type(11n) {
    margin-bottom: 0;
  }
  ._md-11:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 11))),
  ._md-11:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-left: var(--_layout-gap);
  }
  ._md-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._md-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._md-12 {
    --_layout-group: 12;
  }
  ._md-12:where(._row[class*="_avg-"]) > *:nth-of-type(12n),
  ._md-12:where(._row) > *:where([class*="_own-"]):nth-of-type(12n) {
    margin-right: 0;
  }
  ._md-12:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 12))),
  ._md-12:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-top: var(--_layout-gap);
  }
  ._md-12:where(._col[class*="_avg-"]) > *:nth-of-type(12n),
  ._md-12:where(._col) > *:where([class*="_own-"]):nth-of-type(12n) {
    margin-bottom: 0;
  }
  ._md-12:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 12))),
  ._md-12:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-left: var(--_layout-gap);
  }
  ._md-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._md-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._md-13 {
    --_layout-group: 13;
  }
  ._md-13:where(._row[class*="_avg-"]) > *:nth-of-type(13n),
  ._md-13:where(._row) > *:where([class*="_own-"]):nth-of-type(13n) {
    margin-right: 0;
  }
  ._md-13:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 13))),
  ._md-13:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-top: var(--_layout-gap);
  }
  ._md-13:where(._col[class*="_avg-"]) > *:nth-of-type(13n),
  ._md-13:where(._col) > *:where([class*="_own-"]):nth-of-type(13n) {
    margin-bottom: 0;
  }
  ._md-13:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 13))),
  ._md-13:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-left: var(--_layout-gap);
  }
  ._md-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._md-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._md-14 {
    --_layout-group: 14;
  }
  ._md-14:where(._row[class*="_avg-"]) > *:nth-of-type(14n),
  ._md-14:where(._row) > *:where([class*="_own-"]):nth-of-type(14n) {
    margin-right: 0;
  }
  ._md-14:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 14))),
  ._md-14:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-top: var(--_layout-gap);
  }
  ._md-14:where(._col[class*="_avg-"]) > *:nth-of-type(14n),
  ._md-14:where(._col) > *:where([class*="_own-"]):nth-of-type(14n) {
    margin-bottom: 0;
  }
  ._md-14:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 14))),
  ._md-14:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-left: var(--_layout-gap);
  }
  ._md-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._md-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._md-15 {
    --_layout-group: 15;
  }
  ._md-15:where(._row[class*="_avg-"]) > *:nth-of-type(15n),
  ._md-15:where(._row) > *:where([class*="_own-"]):nth-of-type(15n) {
    margin-right: 0;
  }
  ._md-15:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 15))),
  ._md-15:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-top: var(--_layout-gap);
  }
  ._md-15:where(._col[class*="_avg-"]) > *:nth-of-type(15n),
  ._md-15:where(._col) > *:where([class*="_own-"]):nth-of-type(15n) {
    margin-bottom: 0;
  }
  ._md-15:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 15))),
  ._md-15:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-left: var(--_layout-gap);
  }
  ._md-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._md-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._md-16 {
    --_layout-group: 16;
  }
  ._md-16:where(._row[class*="_avg-"]) > *:nth-of-type(16n),
  ._md-16:where(._row) > *:where([class*="_own-"]):nth-of-type(16n) {
    margin-right: 0;
  }
  ._md-16:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 16))),
  ._md-16:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-top: var(--_layout-gap);
  }
  ._md-16:where(._col[class*="_avg-"]) > *:nth-of-type(16n),
  ._md-16:where(._col) > *:where([class*="_own-"]):nth-of-type(16n) {
    margin-bottom: 0;
  }
  ._md-16:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 16))),
  ._md-16:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-left: var(--_layout-gap);
  }
  ._md-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._md-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._md-17 {
    --_layout-group: 17;
  }
  ._md-17:where(._row[class*="_avg-"]) > *:nth-of-type(17n),
  ._md-17:where(._row) > *:where([class*="_own-"]):nth-of-type(17n) {
    margin-right: 0;
  }
  ._md-17:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 17))),
  ._md-17:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-top: var(--_layout-gap);
  }
  ._md-17:where(._col[class*="_avg-"]) > *:nth-of-type(17n),
  ._md-17:where(._col) > *:where([class*="_own-"]):nth-of-type(17n) {
    margin-bottom: 0;
  }
  ._md-17:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 17))),
  ._md-17:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-left: var(--_layout-gap);
  }
  ._md-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._md-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._md-18 {
    --_layout-group: 18;
  }
  ._md-18:where(._row[class*="_avg-"]) > *:nth-of-type(18n),
  ._md-18:where(._row) > *:where([class*="_own-"]):nth-of-type(18n) {
    margin-right: 0;
  }
  ._md-18:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 18))),
  ._md-18:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-top: var(--_layout-gap);
  }
  ._md-18:where(._col[class*="_avg-"]) > *:nth-of-type(18n),
  ._md-18:where(._col) > *:where([class*="_own-"]):nth-of-type(18n) {
    margin-bottom: 0;
  }
  ._md-18:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 18))),
  ._md-18:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-left: var(--_layout-gap);
  }
  ._md-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._md-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._md-19 {
    --_layout-group: 19;
  }
  ._md-19:where(._row[class*="_avg-"]) > *:nth-of-type(19n),
  ._md-19:where(._row) > *:where([class*="_own-"]):nth-of-type(19n) {
    margin-right: 0;
  }
  ._md-19:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 19))),
  ._md-19:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-top: var(--_layout-gap);
  }
  ._md-19:where(._col[class*="_avg-"]) > *:nth-of-type(19n),
  ._md-19:where(._col) > *:where([class*="_own-"]):nth-of-type(19n) {
    margin-bottom: 0;
  }
  ._md-19:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 19))),
  ._md-19:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-left: var(--_layout-gap);
  }
  ._md-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._md-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._md-20 {
    --_layout-group: 20;
  }
  ._md-20:where(._row[class*="_avg-"]) > *:nth-of-type(20n),
  ._md-20:where(._row) > *:where([class*="_own-"]):nth-of-type(20n) {
    margin-right: 0;
  }
  ._md-20:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 20))),
  ._md-20:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-top: var(--_layout-gap);
  }
  ._md-20:where(._col[class*="_avg-"]) > *:nth-of-type(20n),
  ._md-20:where(._col) > *:where([class*="_own-"]):nth-of-type(20n) {
    margin-bottom: 0;
  }
  ._md-20:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 20))),
  ._md-20:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-left: var(--_layout-gap);
  }
  ._md-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._md-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._md-21 {
    --_layout-group: 21;
  }
  ._md-21:where(._row[class*="_avg-"]) > *:nth-of-type(21n),
  ._md-21:where(._row) > *:where([class*="_own-"]):nth-of-type(21n) {
    margin-right: 0;
  }
  ._md-21:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 21))),
  ._md-21:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-top: var(--_layout-gap);
  }
  ._md-21:where(._col[class*="_avg-"]) > *:nth-of-type(21n),
  ._md-21:where(._col) > *:where([class*="_own-"]):nth-of-type(21n) {
    margin-bottom: 0;
  }
  ._md-21:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 21))),
  ._md-21:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-left: var(--_layout-gap);
  }
  ._md-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._md-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._md-22 {
    --_layout-group: 22;
  }
  ._md-22:where(._row[class*="_avg-"]) > *:nth-of-type(22n),
  ._md-22:where(._row) > *:where([class*="_own-"]):nth-of-type(22n) {
    margin-right: 0;
  }
  ._md-22:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 22))),
  ._md-22:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-top: var(--_layout-gap);
  }
  ._md-22:where(._col[class*="_avg-"]) > *:nth-of-type(22n),
  ._md-22:where(._col) > *:where([class*="_own-"]):nth-of-type(22n) {
    margin-bottom: 0;
  }
  ._md-22:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 22))),
  ._md-22:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-left: var(--_layout-gap);
  }
  ._md-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._md-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._md-23 {
    --_layout-group: 23;
  }
  ._md-23:where(._row[class*="_avg-"]) > *:nth-of-type(23n),
  ._md-23:where(._row) > *:where([class*="_own-"]):nth-of-type(23n) {
    margin-right: 0;
  }
  ._md-23:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 23))),
  ._md-23:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-top: var(--_layout-gap);
  }
  ._md-23:where(._col[class*="_avg-"]) > *:nth-of-type(23n),
  ._md-23:where(._col) > *:where([class*="_own-"]):nth-of-type(23n) {
    margin-bottom: 0;
  }
  ._md-23:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 23))),
  ._md-23:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-left: var(--_layout-gap);
  }
  ._md-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._md-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._md-24 {
    --_layout-group: 24;
  }
  ._md-24:where(._row[class*="_avg-"]) > *:nth-of-type(24n),
  ._md-24:where(._row) > *:where([class*="_own-"]):nth-of-type(24n) {
    margin-right: 0;
  }
  ._md-24:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 24))),
  ._md-24:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-top: var(--_layout-gap);
  }
  ._md-24:where(._col[class*="_avg-"]) > *:nth-of-type(24n),
  ._md-24:where(._col) > *:where([class*="_own-"]):nth-of-type(24n) {
    margin-bottom: 0;
  }
  ._md-24:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 24))),
  ._md-24:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-left: var(--_layout-gap);
  }
  ._md-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._md-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  :where([class*="_md-"]) > [class*="_flex"] {
    --_flex-grow: 0;
    --_flex-shrink: 0;
  }
  ._row:where([class*="_md-"]),
  ._col:where([class*="_md-"]) {
    flex-wrap: wrap;
  }
  ._row:where([class*="_md-"]) > *:is([class*="_flex"]),
  ._col:where([class*="_md-"]) > *:is([class*="_flex"]) {
    --_flex-basis: calc(100%/var(--_layout-group) - var(--_layout-gap)*(var(--_layout-group) - 1)/var(--_layout-group));
  }
  ._row:where([class*="_md-"]):is([class*="_avg-"]) > *,
  ._row:where([class*="_md-"]) > *:is([class*="_own"]) {
    width: calc(100%/var(--_layout-group) - var(--_layout-gap)*(var(--_layout-group) - 1)/var(--_layout-group));
  }
  ._col:where([class*="_md-"]):is([class*="_avg-"]) > *,
  ._col:where([class*="_md-"]) > *:is([class*="_own-"]) {
    height: calc(100%/var(--_layout-group) - var(--_layout-gap)*(var(--_layout-group) - 1)/var(--_layout-group));
  }
}
/*lg->Desktop*/
@media screen and (min-width: 1500px) and (max-width: 4100px) {
  :root {
    --SCREEN: lg;
  }
  *._split-lg,
  ._row:where(._split-lg),
  ._col:where(._split-lg),
  ._grid:where(._split-lg) {
    display: block;
  }
  *._split-lg > *,
  ._row:where(._split-lg) > *,
  ._col:where(._split-lg) > *,
  ._grid:where(._split-lg) > * {
    width: auto;
    height: auto;
  }
  ._hide-lg {
    display: none;
  }
  ._grid[class*="_lg-"] {
    --_layout-avg: var(--_layout-group);
  }
  ._lg-1 {
    --_layout-group: 1;
  }
  ._lg-1:where(._row[class*="_avg-"]) > *:nth-of-type(1n),
  ._lg-1:where(._row) > *:where([class*="_own-"]):nth-of-type(1n) {
    margin-right: 0;
  }
  ._lg-1:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 1))),
  ._lg-1:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-1:where(._col[class*="_avg-"]) > *:nth-of-type(1n),
  ._lg-1:where(._col) > *:where([class*="_own-"]):nth-of-type(1n) {
    margin-bottom: 0;
  }
  ._lg-1:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 1))),
  ._lg-1:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._lg-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._lg-2 {
    --_layout-group: 2;
  }
  ._lg-2:where(._row[class*="_avg-"]) > *:nth-of-type(2n),
  ._lg-2:where(._row) > *:where([class*="_own-"]):nth-of-type(2n) {
    margin-right: 0;
  }
  ._lg-2:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 2))),
  ._lg-2:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-2:where(._col[class*="_avg-"]) > *:nth-of-type(2n),
  ._lg-2:where(._col) > *:where([class*="_own-"]):nth-of-type(2n) {
    margin-bottom: 0;
  }
  ._lg-2:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 2))),
  ._lg-2:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._lg-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._lg-3 {
    --_layout-group: 3;
  }
  ._lg-3:where(._row[class*="_avg-"]) > *:nth-of-type(3n),
  ._lg-3:where(._row) > *:where([class*="_own-"]):nth-of-type(3n) {
    margin-right: 0;
  }
  ._lg-3:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 3))),
  ._lg-3:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-3:where(._col[class*="_avg-"]) > *:nth-of-type(3n),
  ._lg-3:where(._col) > *:where([class*="_own-"]):nth-of-type(3n) {
    margin-bottom: 0;
  }
  ._lg-3:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 3))),
  ._lg-3:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._lg-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._lg-4 {
    --_layout-group: 4;
  }
  ._lg-4:where(._row[class*="_avg-"]) > *:nth-of-type(4n),
  ._lg-4:where(._row) > *:where([class*="_own-"]):nth-of-type(4n) {
    margin-right: 0;
  }
  ._lg-4:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 4))),
  ._lg-4:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-4:where(._col[class*="_avg-"]) > *:nth-of-type(4n),
  ._lg-4:where(._col) > *:where([class*="_own-"]):nth-of-type(4n) {
    margin-bottom: 0;
  }
  ._lg-4:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 4))),
  ._lg-4:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._lg-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._lg-5 {
    --_layout-group: 5;
  }
  ._lg-5:where(._row[class*="_avg-"]) > *:nth-of-type(5n),
  ._lg-5:where(._row) > *:where([class*="_own-"]):nth-of-type(5n) {
    margin-right: 0;
  }
  ._lg-5:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 5))),
  ._lg-5:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-5:where(._col[class*="_avg-"]) > *:nth-of-type(5n),
  ._lg-5:where(._col) > *:where([class*="_own-"]):nth-of-type(5n) {
    margin-bottom: 0;
  }
  ._lg-5:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 5))),
  ._lg-5:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._lg-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._lg-6 {
    --_layout-group: 6;
  }
  ._lg-6:where(._row[class*="_avg-"]) > *:nth-of-type(6n),
  ._lg-6:where(._row) > *:where([class*="_own-"]):nth-of-type(6n) {
    margin-right: 0;
  }
  ._lg-6:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 6))),
  ._lg-6:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-6:where(._col[class*="_avg-"]) > *:nth-of-type(6n),
  ._lg-6:where(._col) > *:where([class*="_own-"]):nth-of-type(6n) {
    margin-bottom: 0;
  }
  ._lg-6:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 6))),
  ._lg-6:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._lg-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._lg-7 {
    --_layout-group: 7;
  }
  ._lg-7:where(._row[class*="_avg-"]) > *:nth-of-type(7n),
  ._lg-7:where(._row) > *:where([class*="_own-"]):nth-of-type(7n) {
    margin-right: 0;
  }
  ._lg-7:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 7))),
  ._lg-7:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-7:where(._col[class*="_avg-"]) > *:nth-of-type(7n),
  ._lg-7:where(._col) > *:where([class*="_own-"]):nth-of-type(7n) {
    margin-bottom: 0;
  }
  ._lg-7:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 7))),
  ._lg-7:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._lg-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._lg-8 {
    --_layout-group: 8;
  }
  ._lg-8:where(._row[class*="_avg-"]) > *:nth-of-type(8n),
  ._lg-8:where(._row) > *:where([class*="_own-"]):nth-of-type(8n) {
    margin-right: 0;
  }
  ._lg-8:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 8))),
  ._lg-8:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-8:where(._col[class*="_avg-"]) > *:nth-of-type(8n),
  ._lg-8:where(._col) > *:where([class*="_own-"]):nth-of-type(8n) {
    margin-bottom: 0;
  }
  ._lg-8:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 8))),
  ._lg-8:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._lg-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._lg-9 {
    --_layout-group: 9;
  }
  ._lg-9:where(._row[class*="_avg-"]) > *:nth-of-type(9n),
  ._lg-9:where(._row) > *:where([class*="_own-"]):nth-of-type(9n) {
    margin-right: 0;
  }
  ._lg-9:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 9))),
  ._lg-9:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-9:where(._col[class*="_avg-"]) > *:nth-of-type(9n),
  ._lg-9:where(._col) > *:where([class*="_own-"]):nth-of-type(9n) {
    margin-bottom: 0;
  }
  ._lg-9:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 9))),
  ._lg-9:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._lg-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._lg-10 {
    --_layout-group: 10;
  }
  ._lg-10:where(._row[class*="_avg-"]) > *:nth-of-type(10n),
  ._lg-10:where(._row) > *:where([class*="_own-"]):nth-of-type(10n) {
    margin-right: 0;
  }
  ._lg-10:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 10))),
  ._lg-10:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-10:where(._col[class*="_avg-"]) > *:nth-of-type(10n),
  ._lg-10:where(._col) > *:where([class*="_own-"]):nth-of-type(10n) {
    margin-bottom: 0;
  }
  ._lg-10:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 10))),
  ._lg-10:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._lg-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._lg-11 {
    --_layout-group: 11;
  }
  ._lg-11:where(._row[class*="_avg-"]) > *:nth-of-type(11n),
  ._lg-11:where(._row) > *:where([class*="_own-"]):nth-of-type(11n) {
    margin-right: 0;
  }
  ._lg-11:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 11))),
  ._lg-11:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-11:where(._col[class*="_avg-"]) > *:nth-of-type(11n),
  ._lg-11:where(._col) > *:where([class*="_own-"]):nth-of-type(11n) {
    margin-bottom: 0;
  }
  ._lg-11:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 11))),
  ._lg-11:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._lg-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._lg-12 {
    --_layout-group: 12;
  }
  ._lg-12:where(._row[class*="_avg-"]) > *:nth-of-type(12n),
  ._lg-12:where(._row) > *:where([class*="_own-"]):nth-of-type(12n) {
    margin-right: 0;
  }
  ._lg-12:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 12))),
  ._lg-12:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-12:where(._col[class*="_avg-"]) > *:nth-of-type(12n),
  ._lg-12:where(._col) > *:where([class*="_own-"]):nth-of-type(12n) {
    margin-bottom: 0;
  }
  ._lg-12:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 12))),
  ._lg-12:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._lg-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._lg-13 {
    --_layout-group: 13;
  }
  ._lg-13:where(._row[class*="_avg-"]) > *:nth-of-type(13n),
  ._lg-13:where(._row) > *:where([class*="_own-"]):nth-of-type(13n) {
    margin-right: 0;
  }
  ._lg-13:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 13))),
  ._lg-13:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-13:where(._col[class*="_avg-"]) > *:nth-of-type(13n),
  ._lg-13:where(._col) > *:where([class*="_own-"]):nth-of-type(13n) {
    margin-bottom: 0;
  }
  ._lg-13:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 13))),
  ._lg-13:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._lg-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._lg-14 {
    --_layout-group: 14;
  }
  ._lg-14:where(._row[class*="_avg-"]) > *:nth-of-type(14n),
  ._lg-14:where(._row) > *:where([class*="_own-"]):nth-of-type(14n) {
    margin-right: 0;
  }
  ._lg-14:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 14))),
  ._lg-14:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-14:where(._col[class*="_avg-"]) > *:nth-of-type(14n),
  ._lg-14:where(._col) > *:where([class*="_own-"]):nth-of-type(14n) {
    margin-bottom: 0;
  }
  ._lg-14:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 14))),
  ._lg-14:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._lg-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._lg-15 {
    --_layout-group: 15;
  }
  ._lg-15:where(._row[class*="_avg-"]) > *:nth-of-type(15n),
  ._lg-15:where(._row) > *:where([class*="_own-"]):nth-of-type(15n) {
    margin-right: 0;
  }
  ._lg-15:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 15))),
  ._lg-15:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-15:where(._col[class*="_avg-"]) > *:nth-of-type(15n),
  ._lg-15:where(._col) > *:where([class*="_own-"]):nth-of-type(15n) {
    margin-bottom: 0;
  }
  ._lg-15:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 15))),
  ._lg-15:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._lg-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._lg-16 {
    --_layout-group: 16;
  }
  ._lg-16:where(._row[class*="_avg-"]) > *:nth-of-type(16n),
  ._lg-16:where(._row) > *:where([class*="_own-"]):nth-of-type(16n) {
    margin-right: 0;
  }
  ._lg-16:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 16))),
  ._lg-16:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-16:where(._col[class*="_avg-"]) > *:nth-of-type(16n),
  ._lg-16:where(._col) > *:where([class*="_own-"]):nth-of-type(16n) {
    margin-bottom: 0;
  }
  ._lg-16:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 16))),
  ._lg-16:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._lg-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._lg-17 {
    --_layout-group: 17;
  }
  ._lg-17:where(._row[class*="_avg-"]) > *:nth-of-type(17n),
  ._lg-17:where(._row) > *:where([class*="_own-"]):nth-of-type(17n) {
    margin-right: 0;
  }
  ._lg-17:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 17))),
  ._lg-17:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-17:where(._col[class*="_avg-"]) > *:nth-of-type(17n),
  ._lg-17:where(._col) > *:where([class*="_own-"]):nth-of-type(17n) {
    margin-bottom: 0;
  }
  ._lg-17:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 17))),
  ._lg-17:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._lg-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._lg-18 {
    --_layout-group: 18;
  }
  ._lg-18:where(._row[class*="_avg-"]) > *:nth-of-type(18n),
  ._lg-18:where(._row) > *:where([class*="_own-"]):nth-of-type(18n) {
    margin-right: 0;
  }
  ._lg-18:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 18))),
  ._lg-18:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-18:where(._col[class*="_avg-"]) > *:nth-of-type(18n),
  ._lg-18:where(._col) > *:where([class*="_own-"]):nth-of-type(18n) {
    margin-bottom: 0;
  }
  ._lg-18:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 18))),
  ._lg-18:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._lg-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._lg-19 {
    --_layout-group: 19;
  }
  ._lg-19:where(._row[class*="_avg-"]) > *:nth-of-type(19n),
  ._lg-19:where(._row) > *:where([class*="_own-"]):nth-of-type(19n) {
    margin-right: 0;
  }
  ._lg-19:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 19))),
  ._lg-19:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-19:where(._col[class*="_avg-"]) > *:nth-of-type(19n),
  ._lg-19:where(._col) > *:where([class*="_own-"]):nth-of-type(19n) {
    margin-bottom: 0;
  }
  ._lg-19:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 19))),
  ._lg-19:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._lg-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._lg-20 {
    --_layout-group: 20;
  }
  ._lg-20:where(._row[class*="_avg-"]) > *:nth-of-type(20n),
  ._lg-20:where(._row) > *:where([class*="_own-"]):nth-of-type(20n) {
    margin-right: 0;
  }
  ._lg-20:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 20))),
  ._lg-20:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-20:where(._col[class*="_avg-"]) > *:nth-of-type(20n),
  ._lg-20:where(._col) > *:where([class*="_own-"]):nth-of-type(20n) {
    margin-bottom: 0;
  }
  ._lg-20:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 20))),
  ._lg-20:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._lg-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._lg-21 {
    --_layout-group: 21;
  }
  ._lg-21:where(._row[class*="_avg-"]) > *:nth-of-type(21n),
  ._lg-21:where(._row) > *:where([class*="_own-"]):nth-of-type(21n) {
    margin-right: 0;
  }
  ._lg-21:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 21))),
  ._lg-21:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-21:where(._col[class*="_avg-"]) > *:nth-of-type(21n),
  ._lg-21:where(._col) > *:where([class*="_own-"]):nth-of-type(21n) {
    margin-bottom: 0;
  }
  ._lg-21:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 21))),
  ._lg-21:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._lg-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._lg-22 {
    --_layout-group: 22;
  }
  ._lg-22:where(._row[class*="_avg-"]) > *:nth-of-type(22n),
  ._lg-22:where(._row) > *:where([class*="_own-"]):nth-of-type(22n) {
    margin-right: 0;
  }
  ._lg-22:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 22))),
  ._lg-22:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-22:where(._col[class*="_avg-"]) > *:nth-of-type(22n),
  ._lg-22:where(._col) > *:where([class*="_own-"]):nth-of-type(22n) {
    margin-bottom: 0;
  }
  ._lg-22:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 22))),
  ._lg-22:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._lg-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._lg-23 {
    --_layout-group: 23;
  }
  ._lg-23:where(._row[class*="_avg-"]) > *:nth-of-type(23n),
  ._lg-23:where(._row) > *:where([class*="_own-"]):nth-of-type(23n) {
    margin-right: 0;
  }
  ._lg-23:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 23))),
  ._lg-23:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-23:where(._col[class*="_avg-"]) > *:nth-of-type(23n),
  ._lg-23:where(._col) > *:where([class*="_own-"]):nth-of-type(23n) {
    margin-bottom: 0;
  }
  ._lg-23:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 23))),
  ._lg-23:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._lg-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._lg-24 {
    --_layout-group: 24;
  }
  ._lg-24:where(._row[class*="_avg-"]) > *:nth-of-type(24n),
  ._lg-24:where(._row) > *:where([class*="_own-"]):nth-of-type(24n) {
    margin-right: 0;
  }
  ._lg-24:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 24))),
  ._lg-24:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-top: var(--_layout-gap);
  }
  ._lg-24:where(._col[class*="_avg-"]) > *:nth-of-type(24n),
  ._lg-24:where(._col) > *:where([class*="_own-"]):nth-of-type(24n) {
    margin-bottom: 0;
  }
  ._lg-24:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 24))),
  ._lg-24:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-left: var(--_layout-gap);
  }
  ._lg-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._lg-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  :where([class*="_lg-"]) > [class*="_flex"] {
    --_flex-grow: 0;
    --_flex-shrink: 0;
  }
  ._row:where([class*="_lg-"]),
  ._col:where([class*="_lg-"]) {
    flex-wrap: wrap;
  }
  ._row:where([class*="_lg-"]) > *:is([class*="_flex"]),
  ._col:where([class*="_lg-"]) > *:is([class*="_flex"]) {
    --_flex-basis: calc(100%/var(--_layout-group) - var(--_layout-gap)*(var(--_layout-group) - 1)/var(--_layout-group));
  }
  ._row:where([class*="_lg-"]):is([class*="_avg-"]) > *,
  ._row:where([class*="_lg-"]) > *:is([class*="_own"]) {
    width: calc(100%/var(--_layout-group) - var(--_layout-gap)*(var(--_layout-group) - 1)/var(--_layout-group));
  }
  ._col:where([class*="_lg-"]):is([class*="_avg-"]) > *,
  ._col:where([class*="_lg-"]) > *:is([class*="_own-"]) {
    height: calc(100%/var(--_layout-group) - var(--_layout-gap)*(var(--_layout-group) - 1)/var(--_layout-group));
  }
}
/*xl->UHD*/
@media screen and (min-width: 4100px) {
  :root {
    --SCREEN: xl;
  }
  ._hide-xl {
    display: none;
  }
  ._grid[class*="_xl"] {
    --_layout-avg: var(--_layout-group);
  }
  ._xl-1 {
    --_layout-group: 1;
  }
  ._xl-1:where(._row[class*="_avg-"]) > *:nth-of-type(1n),
  ._xl-1:where(._row) > *:where([class*="_own-"]):nth-of-type(1n) {
    margin-right: 0;
  }
  ._xl-1:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 1))),
  ._xl-1:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-1:where(._col[class*="_avg-"]) > *:nth-of-type(1n),
  ._xl-1:where(._col) > *:where([class*="_own-"]):nth-of-type(1n) {
    margin-bottom: 0;
  }
  ._xl-1:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 1))),
  ._xl-1:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._xl-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._xl-2 {
    --_layout-group: 2;
  }
  ._xl-2:where(._row[class*="_avg-"]) > *:nth-of-type(2n),
  ._xl-2:where(._row) > *:where([class*="_own-"]):nth-of-type(2n) {
    margin-right: 0;
  }
  ._xl-2:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 2))),
  ._xl-2:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-2:where(._col[class*="_avg-"]) > *:nth-of-type(2n),
  ._xl-2:where(._col) > *:where([class*="_own-"]):nth-of-type(2n) {
    margin-bottom: 0;
  }
  ._xl-2:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 2))),
  ._xl-2:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._xl-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._xl-3 {
    --_layout-group: 3;
  }
  ._xl-3:where(._row[class*="_avg-"]) > *:nth-of-type(3n),
  ._xl-3:where(._row) > *:where([class*="_own-"]):nth-of-type(3n) {
    margin-right: 0;
  }
  ._xl-3:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 3))),
  ._xl-3:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-3:where(._col[class*="_avg-"]) > *:nth-of-type(3n),
  ._xl-3:where(._col) > *:where([class*="_own-"]):nth-of-type(3n) {
    margin-bottom: 0;
  }
  ._xl-3:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 3))),
  ._xl-3:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._xl-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._xl-4 {
    --_layout-group: 4;
  }
  ._xl-4:where(._row[class*="_avg-"]) > *:nth-of-type(4n),
  ._xl-4:where(._row) > *:where([class*="_own-"]):nth-of-type(4n) {
    margin-right: 0;
  }
  ._xl-4:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 4))),
  ._xl-4:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-4:where(._col[class*="_avg-"]) > *:nth-of-type(4n),
  ._xl-4:where(._col) > *:where([class*="_own-"]):nth-of-type(4n) {
    margin-bottom: 0;
  }
  ._xl-4:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 4))),
  ._xl-4:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._xl-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._xl-5 {
    --_layout-group: 5;
  }
  ._xl-5:where(._row[class*="_avg-"]) > *:nth-of-type(5n),
  ._xl-5:where(._row) > *:where([class*="_own-"]):nth-of-type(5n) {
    margin-right: 0;
  }
  ._xl-5:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 5))),
  ._xl-5:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-5:where(._col[class*="_avg-"]) > *:nth-of-type(5n),
  ._xl-5:where(._col) > *:where([class*="_own-"]):nth-of-type(5n) {
    margin-bottom: 0;
  }
  ._xl-5:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 5))),
  ._xl-5:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._xl-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._xl-6 {
    --_layout-group: 6;
  }
  ._xl-6:where(._row[class*="_avg-"]) > *:nth-of-type(6n),
  ._xl-6:where(._row) > *:where([class*="_own-"]):nth-of-type(6n) {
    margin-right: 0;
  }
  ._xl-6:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 6))),
  ._xl-6:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-6:where(._col[class*="_avg-"]) > *:nth-of-type(6n),
  ._xl-6:where(._col) > *:where([class*="_own-"]):nth-of-type(6n) {
    margin-bottom: 0;
  }
  ._xl-6:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 6))),
  ._xl-6:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._xl-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._xl-7 {
    --_layout-group: 7;
  }
  ._xl-7:where(._row[class*="_avg-"]) > *:nth-of-type(7n),
  ._xl-7:where(._row) > *:where([class*="_own-"]):nth-of-type(7n) {
    margin-right: 0;
  }
  ._xl-7:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 7))),
  ._xl-7:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-7:where(._col[class*="_avg-"]) > *:nth-of-type(7n),
  ._xl-7:where(._col) > *:where([class*="_own-"]):nth-of-type(7n) {
    margin-bottom: 0;
  }
  ._xl-7:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 7))),
  ._xl-7:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._xl-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._xl-8 {
    --_layout-group: 8;
  }
  ._xl-8:where(._row[class*="_avg-"]) > *:nth-of-type(8n),
  ._xl-8:where(._row) > *:where([class*="_own-"]):nth-of-type(8n) {
    margin-right: 0;
  }
  ._xl-8:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 8))),
  ._xl-8:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-8:where(._col[class*="_avg-"]) > *:nth-of-type(8n),
  ._xl-8:where(._col) > *:where([class*="_own-"]):nth-of-type(8n) {
    margin-bottom: 0;
  }
  ._xl-8:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 8))),
  ._xl-8:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._xl-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._xl-9 {
    --_layout-group: 9;
  }
  ._xl-9:where(._row[class*="_avg-"]) > *:nth-of-type(9n),
  ._xl-9:where(._row) > *:where([class*="_own-"]):nth-of-type(9n) {
    margin-right: 0;
  }
  ._xl-9:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 9))),
  ._xl-9:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-9:where(._col[class*="_avg-"]) > *:nth-of-type(9n),
  ._xl-9:where(._col) > *:where([class*="_own-"]):nth-of-type(9n) {
    margin-bottom: 0;
  }
  ._xl-9:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 9))),
  ._xl-9:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._xl-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._xl-10 {
    --_layout-group: 10;
  }
  ._xl-10:where(._row[class*="_avg-"]) > *:nth-of-type(10n),
  ._xl-10:where(._row) > *:where([class*="_own-"]):nth-of-type(10n) {
    margin-right: 0;
  }
  ._xl-10:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 10))),
  ._xl-10:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-10:where(._col[class*="_avg-"]) > *:nth-of-type(10n),
  ._xl-10:where(._col) > *:where([class*="_own-"]):nth-of-type(10n) {
    margin-bottom: 0;
  }
  ._xl-10:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 10))),
  ._xl-10:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._xl-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._xl-11 {
    --_layout-group: 11;
  }
  ._xl-11:where(._row[class*="_avg-"]) > *:nth-of-type(11n),
  ._xl-11:where(._row) > *:where([class*="_own-"]):nth-of-type(11n) {
    margin-right: 0;
  }
  ._xl-11:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 11))),
  ._xl-11:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-11:where(._col[class*="_avg-"]) > *:nth-of-type(11n),
  ._xl-11:where(._col) > *:where([class*="_own-"]):nth-of-type(11n) {
    margin-bottom: 0;
  }
  ._xl-11:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 11))),
  ._xl-11:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._xl-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._xl-12 {
    --_layout-group: 12;
  }
  ._xl-12:where(._row[class*="_avg-"]) > *:nth-of-type(12n),
  ._xl-12:where(._row) > *:where([class*="_own-"]):nth-of-type(12n) {
    margin-right: 0;
  }
  ._xl-12:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 12))),
  ._xl-12:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-12:where(._col[class*="_avg-"]) > *:nth-of-type(12n),
  ._xl-12:where(._col) > *:where([class*="_own-"]):nth-of-type(12n) {
    margin-bottom: 0;
  }
  ._xl-12:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 12))),
  ._xl-12:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._xl-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._xl-13 {
    --_layout-group: 13;
  }
  ._xl-13:where(._row[class*="_avg-"]) > *:nth-of-type(13n),
  ._xl-13:where(._row) > *:where([class*="_own-"]):nth-of-type(13n) {
    margin-right: 0;
  }
  ._xl-13:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 13))),
  ._xl-13:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-13:where(._col[class*="_avg-"]) > *:nth-of-type(13n),
  ._xl-13:where(._col) > *:where([class*="_own-"]):nth-of-type(13n) {
    margin-bottom: 0;
  }
  ._xl-13:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 13))),
  ._xl-13:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._xl-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._xl-14 {
    --_layout-group: 14;
  }
  ._xl-14:where(._row[class*="_avg-"]) > *:nth-of-type(14n),
  ._xl-14:where(._row) > *:where([class*="_own-"]):nth-of-type(14n) {
    margin-right: 0;
  }
  ._xl-14:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 14))),
  ._xl-14:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-14:where(._col[class*="_avg-"]) > *:nth-of-type(14n),
  ._xl-14:where(._col) > *:where([class*="_own-"]):nth-of-type(14n) {
    margin-bottom: 0;
  }
  ._xl-14:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 14))),
  ._xl-14:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._xl-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._xl-15 {
    --_layout-group: 15;
  }
  ._xl-15:where(._row[class*="_avg-"]) > *:nth-of-type(15n),
  ._xl-15:where(._row) > *:where([class*="_own-"]):nth-of-type(15n) {
    margin-right: 0;
  }
  ._xl-15:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 15))),
  ._xl-15:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-15:where(._col[class*="_avg-"]) > *:nth-of-type(15n),
  ._xl-15:where(._col) > *:where([class*="_own-"]):nth-of-type(15n) {
    margin-bottom: 0;
  }
  ._xl-15:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 15))),
  ._xl-15:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._xl-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._xl-16 {
    --_layout-group: 16;
  }
  ._xl-16:where(._row[class*="_avg-"]) > *:nth-of-type(16n),
  ._xl-16:where(._row) > *:where([class*="_own-"]):nth-of-type(16n) {
    margin-right: 0;
  }
  ._xl-16:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 16))),
  ._xl-16:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-16:where(._col[class*="_avg-"]) > *:nth-of-type(16n),
  ._xl-16:where(._col) > *:where([class*="_own-"]):nth-of-type(16n) {
    margin-bottom: 0;
  }
  ._xl-16:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 16))),
  ._xl-16:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._xl-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._xl-17 {
    --_layout-group: 17;
  }
  ._xl-17:where(._row[class*="_avg-"]) > *:nth-of-type(17n),
  ._xl-17:where(._row) > *:where([class*="_own-"]):nth-of-type(17n) {
    margin-right: 0;
  }
  ._xl-17:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 17))),
  ._xl-17:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-17:where(._col[class*="_avg-"]) > *:nth-of-type(17n),
  ._xl-17:where(._col) > *:where([class*="_own-"]):nth-of-type(17n) {
    margin-bottom: 0;
  }
  ._xl-17:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 17))),
  ._xl-17:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._xl-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._xl-18 {
    --_layout-group: 18;
  }
  ._xl-18:where(._row[class*="_avg-"]) > *:nth-of-type(18n),
  ._xl-18:where(._row) > *:where([class*="_own-"]):nth-of-type(18n) {
    margin-right: 0;
  }
  ._xl-18:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 18))),
  ._xl-18:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-18:where(._col[class*="_avg-"]) > *:nth-of-type(18n),
  ._xl-18:where(._col) > *:where([class*="_own-"]):nth-of-type(18n) {
    margin-bottom: 0;
  }
  ._xl-18:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 18))),
  ._xl-18:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._xl-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._xl-19 {
    --_layout-group: 19;
  }
  ._xl-19:where(._row[class*="_avg-"]) > *:nth-of-type(19n),
  ._xl-19:where(._row) > *:where([class*="_own-"]):nth-of-type(19n) {
    margin-right: 0;
  }
  ._xl-19:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 19))),
  ._xl-19:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-19:where(._col[class*="_avg-"]) > *:nth-of-type(19n),
  ._xl-19:where(._col) > *:where([class*="_own-"]):nth-of-type(19n) {
    margin-bottom: 0;
  }
  ._xl-19:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 19))),
  ._xl-19:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._xl-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._xl-20 {
    --_layout-group: 20;
  }
  ._xl-20:where(._row[class*="_avg-"]) > *:nth-of-type(20n),
  ._xl-20:where(._row) > *:where([class*="_own-"]):nth-of-type(20n) {
    margin-right: 0;
  }
  ._xl-20:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 20))),
  ._xl-20:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-20:where(._col[class*="_avg-"]) > *:nth-of-type(20n),
  ._xl-20:where(._col) > *:where([class*="_own-"]):nth-of-type(20n) {
    margin-bottom: 0;
  }
  ._xl-20:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 20))),
  ._xl-20:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._xl-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._xl-21 {
    --_layout-group: 21;
  }
  ._xl-21:where(._row[class*="_avg-"]) > *:nth-of-type(21n),
  ._xl-21:where(._row) > *:where([class*="_own-"]):nth-of-type(21n) {
    margin-right: 0;
  }
  ._xl-21:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 21))),
  ._xl-21:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-21:where(._col[class*="_avg-"]) > *:nth-of-type(21n),
  ._xl-21:where(._col) > *:where([class*="_own-"]):nth-of-type(21n) {
    margin-bottom: 0;
  }
  ._xl-21:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 21))),
  ._xl-21:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._xl-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._xl-22 {
    --_layout-group: 22;
  }
  ._xl-22:where(._row[class*="_avg-"]) > *:nth-of-type(22n),
  ._xl-22:where(._row) > *:where([class*="_own-"]):nth-of-type(22n) {
    margin-right: 0;
  }
  ._xl-22:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 22))),
  ._xl-22:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-22:where(._col[class*="_avg-"]) > *:nth-of-type(22n),
  ._xl-22:where(._col) > *:where([class*="_own-"]):nth-of-type(22n) {
    margin-bottom: 0;
  }
  ._xl-22:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 22))),
  ._xl-22:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._xl-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._xl-23 {
    --_layout-group: 23;
  }
  ._xl-23:where(._row[class*="_avg-"]) > *:nth-of-type(23n),
  ._xl-23:where(._row) > *:where([class*="_own-"]):nth-of-type(23n) {
    margin-right: 0;
  }
  ._xl-23:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 23))),
  ._xl-23:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-23:where(._col[class*="_avg-"]) > *:nth-of-type(23n),
  ._xl-23:where(._col) > *:where([class*="_own-"]):nth-of-type(23n) {
    margin-bottom: 0;
  }
  ._xl-23:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 23))),
  ._xl-23:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._xl-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._xl-24 {
    --_layout-group: 24;
  }
  ._xl-24:where(._row[class*="_avg-"]) > *:nth-of-type(24n),
  ._xl-24:where(._row) > *:where([class*="_own-"]):nth-of-type(24n) {
    margin-right: 0;
  }
  ._xl-24:where(._row[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 24))),
  ._xl-24:where(._row) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-top: var(--_layout-gap);
  }
  ._xl-24:where(._col[class*="_avg-"]) > *:nth-of-type(24n),
  ._xl-24:where(._col) > *:where([class*="_own-"]):nth-of-type(24n) {
    margin-bottom: 0;
  }
  ._xl-24:where(._col[class*="_avg-"]) > *:where(:not(:nth-of-type(-n + 24))),
  ._xl-24:where(._col) > *:where([class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-left: var(--_layout-gap);
  }
  ._xl-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._xl-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  :where([class*="_xl-"]) > [class*="_flex"] {
    --_flex-grow: 0;
    --_flex-shrink: 0;
  }
  ._row:where([class*="_xl-"]),
  ._col:where([class*="_xl-"]) {
    flex-wrap: wrap;
  }
  ._row:where([class*="_xl-"]) > *:is([class*="_flex"]),
  ._col:where([class*="_xl-"]) > *:is([class*="_flex"]) {
    --_flex-basis: calc(100%/var(--_layout-group) - var(--_layout-gap)*(var(--_layout-group) - 1)/var(--_layout-group));
  }
  ._row:where([class*="_xl-"]):is([class*="_avg-"]) > *,
  ._row:where([class*="_xl-"]) > *:is([class*="_own"]) {
    width: calc(100%/var(--_layout-group) - var(--_layout-gap)*(var(--_layout-group) - 1)/var(--_layout-group));
  }
  ._col:where([class*="_xl-"]):is([class*="_avg-"]) > *,
  ._col:where([class*="_xl-"]) > *:is([class*="_own-"]) {
    height: calc(100%/var(--_layout-group) - var(--_layout-gap)*(var(--_layout-group) - 1)/var(--_layout-group));
  }
}
/*Dark mode*/
@media (prefers-color-scheme: dark) {
  :root {
    --_h-stage: var(--_h-prim);
    --_s-stage: 10%;
    --_l-stage: 10%;
    --_c-coef: -1;
    --_l-text: 80%;
    --_l-mask: 100%;
  }
  html,
  body {
    background-color: var(--_c-stage);
  }
  blockquote {
    background-color: var(--_c-text-bg);
    border-left-color: var(--_c-prim);
  }
  code {
    background-color: var(--_c-text-bd);
  }
  pre {
    background-color: var(--_c-text-bg);
  }
  [class*="_loading"]:before {
    border-color: rgba(255, 255, 255, 0.2);
    border-bottom-color: var(--_c-white);
  }
  ._badge-warn {
    color: var(--_c-white);
  }
  AX-SKELETON[anim=stream] [rep=wrap]:after {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 67%) 0% 0% / 300% 100%;
  }
}
[scheme="dark"]:where(:not(:root)) {
  /*Stage colors*/
  --_h-stage: 0;
  --_s-stage: 0%;
  --_l-stage: 100%;
  --_c-stage: hsl(var(--_h-stage), var(--_s-stage), var(--_l-stage));
  --_c-stage-4: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.04);
  --_c-stage-8: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.08);
  --_c-stage-12: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.12);
  --_c-stage-16: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.16);
  --_c-stage-20: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.2);
  --_c-stage-24: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.24);
  --_c-stage-28: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.28);
  --_c-stage-32: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.32);
  --_c-stage-36: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.36);
  --_c-stage-40: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.4);
  --_c-stage-44: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.44);
  --_c-stage-48: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.48);
  --_c-stage-52: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.52);
  --_c-stage-56: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.56);
  --_c-stage-60: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.6);
  --_c-stage-64: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.64);
  --_c-stage-68: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.68);
  --_c-stage-72: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.72);
  --_c-stage-66: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.76);
  --_c-stage-80: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.8);
  --_c-stage-84: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.84);
  --_c-stage-88: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.88);
  --_c-stage-92: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.92);
  --_c-stage-96: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.96);
  --_c-stage-100: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 1);
  /*Mask colors*/
  --_h-mask: 0;
  --_s-mask: 0%;
  --_l-mask: 0%;
  --_c-mask: hsl(var(--_h-mask), var(--_s-mask), var(--_l-mask));
  --_c-mask-4: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.04);
  --_c-mask-8: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.08);
  --_c-mask-12: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.12);
  --_c-mask-16: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.16);
  --_c-mask-20: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.2);
  --_c-mask-24: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.24);
  --_c-mask-28: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.28);
  --_c-mask-32: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.32);
  --_c-mask-36: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.36);
  --_c-mask-40: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.4);
  --_c-mask-44: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.44);
  --_c-mask-48: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.48);
  --_c-mask-52: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.52);
  --_c-mask-56: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.56);
  --_c-mask-60: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.6);
  --_c-mask-64: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.64);
  --_c-mask-68: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.68);
  --_c-mask-72: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.72);
  --_c-mask-66: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.76);
  --_c-mask-80: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.8);
  --_c-mask-84: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.84);
  --_c-mask-88: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.88);
  --_c-mask-92: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.92);
  --_c-mask-96: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.96);
  --_c-mask-100: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 1);
  --_c-coef: 1;
  /*Primary colors*/
  /*bg->background,bd->border,fc->focus,ht->halftone,lt->lighten,dp->deepen,aj->adjacent,gy->grey,dk->dark,sg->sunglass,sd->shadow,tl->translucent,fg->frosted glass*/
  --_h-prim: 210;
  --_s-prim: 100%;
  --_l-prim: 55%;
  --_a-prim: 1;
  --_c-prim: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), var(--_a-prim));
  --_c-prim-bg: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.04);
  --_c-prim-bd: hsl(var(--_h-prim), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-prim-fc: hsl(var(--_h-prim), 62%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
  --_c-prim-ht: hsl(var(--_h-prim), 70%, calc(var(--_l-stage) - 30%*var(--_c-coef)));
  --_c-prim-lt: hsla(var(--_h-prim), calc(var(--_s-prim) + 10%), calc(var(--_l-prim) + 10%), var(--_a-prim));
  --_c-prim-dp: hsla(var(--_h-prim), calc(var(--_s-prim) - 10%), calc(var(--_l-prim) - 10%), var(--_a-prim));
  --_c-prim-aj: hsla(calc(var(--_h-prim) + 50), var(--_s-prim), var(--_l-prim), var(--_a-prim));
  --_c-prim-gy: hsla(var(--_h-prim), 20%, calc(var(--_l-stage) - 20%*var(--_c-coef)), var(--_a-prim));
  --_c-prim-dk: hsla(var(--_h-prim), 20%, 30%, var(--_a-prim));
  --_c-prim-sg: hsl(var(--_h-prim), 70%, 20%);
  --_c-prim-ct: hsla(calc(var(--_h-prim) + 180), var(--_s-prim), var(--_l-prim), var(--_a-prim));
  --_c-prim-tp: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0);
  --_c-prim-ac: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.08);
  --_c-prim-sd: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.2);
  --_c-prim-tl: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.6);
  --_c-prim-fg: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.8);
  /*Text colors*/
  --_h-text: 0;
  --_s-text: 0%;
  --_l-text: 20%;
  --_a-text: 1;
  --_c-text: hsla(var(--_h-text), var(--_s-text), var(--_l-text), var(--_a-text));
  --_c-text-bg: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.04);
  --_c-text-bd: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 12%*var(--_c-coef)));
  --_c-text-fc: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 16%*var(--_c-coef)));
  --_c-text-ht: hsl(var(--_h-text), var(--_s-text), 60%);
  --_c-text-lt: hsla(var(--_h-text), var(--_s-text), 30%, var(--_a-text));
  --_c-text-dp: hsla(var(--_h-text), var(--_s-text), 10%, var(--_a-text));
  --_c-text-aj: hsla(var(--_h-text), var(--_s-text), 40%, var(--_a-text));
  --_c-text-ct: hsla(var(--_h-text), var(--_s-text), 100%, var(--_a-text));
  --_c-text-tp: hsla(var(--_h-text), var(--_s-text), calc(-100% * var(--_c-coef)), 0);
  --_c-text-ac: hsla(var(--_h-text), var(--_s-text), calc(-100% * var(--_c-coef)), 0.06);
  --_c-text-sd: hsla(var(--_h-text), var(--_s-text), calc(-100% * var(--_c-coef)), 0.2);
  --_c-text-tl: hsla(var(--_h-text), var(--_s-text), 0%, 0.6);
  --_c-text-fg: hsla(var(--_h-text), var(--_s-text), 0%, 0.8);
  --_c-brief: hsla(var(--_h-text), var(--_s-text), calc(var(--_l-text) + 20%*var(--_c-coef)), var(--_a-text));
  --_c-brief-bg: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.02);
  --_c-brief-bd: var(--_c-brief);
  --_c-brief-sd: hsla(var(--_h-text), var(--_s-text), 0%, 0.2);
  --_c-ignore: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 30%*var(--_c-coef)));
  --_c-ignore-bg: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.02);
  --_c-ignore-bd: var(--_c-ignore);
  --_c-ignore-sd: hsl(var(--_h-text), var(--_s-text), 0%, 0.1);
  --_c-disable: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 30%*var(--_c-coef)));
  --_c-disable-bg: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.02);
  --_c-disable-bd: var(--_c-disable);
  --_c-disable-sd: hsl(var(--_h-text), var(--_s-text), 0%, 0.1);
  /*State colors*/
  --_h-succ: 134;
  --_s-succ: 43%;
  --_l-succ: 45%;
  --_a-succ: 1;
  --_c-succ: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), var(--_a-succ));
  --_c-succ-bg: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.04);
  --_c-succ-bd: hsl(var(--_h-succ), 33%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-succ-fc: hsl(var(--_h-succ), 38%, calc(var(--_l-stage) - 13%*var(--_c-coef)));
  --_c-succ-ht: hsl(var(--_h-succ), 23%, 74%);
  --_c-succ-lt: hsla(var(--_h-succ), var(--_s-succ), calc(var(--_l-succ) + 5%), var(--_a-succ));
  --_c-succ-dp: hsla(var(--_h-succ), var(--_s-succ), calc(var(--_l-succ) - 5%), var(--_a-succ));
  --_c-succ-aj: hsla(calc(var(--_h-succ) - 56), 63%, 59%, var(--_a-succ));
  --_c-succ-tp: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0);
  --_c-succ-ac: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.08);
  --_c-succ-sd: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.2);
  --_c-succ-tl: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.6);
  --_c-succ-fg: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.8);
  --_h-error: 354;
  --_s-error: 70%;
  --_l-error: 54%;
  --_a-error: 1;
  --_c-error: hsla(var(--_h-error), var(--_s-error), var(--_l-error), var(--_a-error));
  --_c-error-bg: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.04);
  --_c-error-bd: hsl(var(--_h-error), 39%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-error-fc: hsl(var(--_h-error), 42%, calc(var(--_l-stage) - 14%*var(--_c-coef)));
  --_c-error-ht: hsl(var(--_h-error), 23%, 74%);
  --_c-error-lt: hsla(var(--_h-error), var(--_s-error), calc(var(--_l-error) + 5%), var(--_a-error));
  --_c-error-dp: hsla(var(--_h-error), var(--_s-error), calc(var(--_l-error) - 5%), var(--_a-error));
  --_c-error-aj: hsla(calc(var(--_h-error) - 310), 100%, 50%, var(--_a-error));
  --_c-error-tp: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0);
  --_c-error-ac: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.08);
  --_c-error-sd: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.2);
  --_c-error-tl: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.6);
  --_c-error-fg: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.8);
  --_h-warn: 45;
  --_s-warn: 100%;
  --_l-warn: 51%;
  --_a-warn: 1;
  --_c-warn: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), var(--_a-warn));
  --_c-warn-bg: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.04);
  --_c-warn-bd: hsl(var(--_h-warn), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-warn-fc: hsl(var(--_h-warn), 49%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
  --_c-warn-ht: hsl(var(--_h-warn), 23%, 74%);
  --_c-warn-lt: hsla(var(--_h-warn), var(--_s-warn), calc(var(--_l-warn) + 5%), var(--_a-warn));
  --_c-warn-dp: hsla(var(--_h-warn), var(--_s-warn), calc(var(--_l-warn) - 12%), var(--_a-warn));
  --_c-warn-aj: hsla(calc(var(--_h-warn) - 0), var(--_s-warn), 74%, var(--_a-warn));
  --_c-warn-tp: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0);
  --_c-warn-ac: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.08);
  --_c-warn-sd: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.2);
  --_c-warn-tl: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.6);
  --_c-warn-fg: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.8);
  --_h-info: 210;
  --_s-info: 100%;
  --_l-info: 55%;
  --_a-info: 1;
  --_c-info: hsla(var(--_h-info), var(--_s-info), var(--_l-info), var(--_a-info));
  --_c-info-bg: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.04);
  --_c-info-bd: hsl(var(--_h-info), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-info-fc: hsl(var(--_h-info), 62%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
  --_c-info-ht: hsl(var(--_h-info), 75%, 67%);
  --_c-info-lt: hsla(var(--_h-info), var(--_s-info), calc(var(--_l-info) + 5%), var(--_a-info));
  --_c-info-dp: hsla(var(--_h-info), var(--_s-info), calc(var(--_l-info) - 10%), var(--_a-info));
  --_c-info-aj: hsla(calc(var(--_h-info) - 30), 82%, 44%, var(--_a-info));
  --_c-info-tp: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0);
  --_c-info-ac: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.08);
  --_c-info-sd: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.2);
  --_c-info-tl: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.6);
  --_c-info-fg: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.8);
  --_h-issue: 31;
  --_s-issue: 100%;
  --_l-issue: 50%;
  --_a-issue: 1;
  --_c-issue: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), var(--_a-issue));
  --_c-issue-bg: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.04);
  --_c-issue-bd: hsl(var(--_h-issue), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-issue-fc: hsl(var(--_h-issue), 49%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
  --_c-issue-ht: hsl(var(--_h-issue), 23%, 74%);
  --_c-issue-lt: hsla(var(--_h-issue), var(--_s-issue), calc(var(--_l-issue) + 5%), var(--_a-issue));
  --_c-issue-dp: hsla(var(--_h-issue), var(--_s-issue), calc(var(--_l-issue) - 10%), var(--_a-issue));
  --_c-issue-aj: hsla(calc(var(--_h-issue) + 20), var(--_s-issue), 57%, var(--_a-issue));
  --_c-issue-tp: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0);
  --_c-issue-ac: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.08);
  --_c-issue-sd: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.2);
  --_c-issue-tl: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.5);
  --_c-issue-fg: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.8);
  color: var(--_c-text);
  background-color: var(--_c-stage);
}
[scheme="dark"] {
  --_h-stage: var(--_h-prim);
  --_s-stage: 10%;
  --_l-stage: 10%;
  --_c-coef: -1;
  --_l-text: 80%;
  --_l-mask: 100%;
}
[scheme="dark"] blockquote {
  background-color: var(--_c-text-bg);
  border-left-color: var(--_c-prim);
}
[scheme="dark"] code {
  background-color: var(--_c-text-bd);
}
[scheme="dark"] pre {
  background-color: var(--_c-text-bg);
}
[scheme="dark"] [class*="_loading"]:before {
  border-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: var(--_c-white);
}
[scheme="dark"] ._badge-warn {
  color: var(--_c-white);
}
[scheme="dark"] AX-SKELETON[anim=stream] [rep=wrap]:after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 67%) 0% 0% / 300% 100%;
}
