
/*!
 * @since Last modified: 2024-8-14 0:13:10
 * @name AXUI front-end framework.
 * @version 3.0.0-beta.164
 * @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: 2024-07-21 22:46:06
 */
/*
 *Last modified: 2024-07-11 11:37:58
 */
: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-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) - 5%), 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);
  /*Mask colors*/
  --_h-mask: 0;
  --_s-mask: 0%;
  --_l-mask: 0%;
  --_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);
  /*Other colors*/
  --_c-divide: rgba(0, 0, 0, 0.12);
  /*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*/
  --_s-screen: lg;
  /*Namespace*/
  --PREFIX: _;
  /*Font family*/
  --_ff-icon: '_iconfont';
  --_ff: "microsoft yahei", "微软雅黑", "Arial", "Helvetica Neue", "sans-serif", "宋体", "simsun";
  /*Opacity*/
  --_o-active: 0.6;
  --_o-disabled: 0.3;
  --_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-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;
  /*Rem of size*/
  --_sz-min: 0.4rem;
  --_sz-space: 0.8rem;
  --_sz-root: 1rem;
  --_sz-ignore: 1.2rem;
  --_sz-font: 1.6rem;
  --_sz-title: 1.6rem;
  --_sz-brief: 1.8rem;
  --_sz-list: 2.2rem;
  --_sz-body: 2.8rem;
  --_sz-input: 3.8rem;
  --_sz-header: 4.4rem;
  --_sz-large: 4.8rem;
  /*Em of size*/
  --_sz-em-min: 0.286em;
  --_sz-em-space: 0.571em;
  --_sz-em-root: 0.714em;
  --_sz-em-ignore: 0.857em;
  --_sz-em-font: 1em;
  --_sz-em-title: 1.143em;
  --_sz-em-brief: 1.286em;
  --_sz-em-list: 1.571em;
  --_sz-em-body: 2em;
  --_sz-em-input: 2.714em;
  --_sz-em-header: 3.143em;
  --_sz-em-large: 3.43em;
  /*Font size*/
  --_fs-base: 10px;
  --_fs-phone: calc(160px/14);
  --_fs: var(--_sz-font);
  --_fs-min: 12px;
  --_fs-arrow: 10px;
  /*Line height*/
  --_lh: var(--_sz-em-body);
  --_lh-min: 18px;
  /*Padding , Margin & Gap*/
  --_p: var(--_sz-font);
  --_p-sm: var(--_sz-brief);
  --_p-md: var(--_sz-list);
  --_p-lg: var(--_sz-body);
  --_p-xl: var(--_sz-input);
  /*Margin*/
  --_m: var(--_sz-font);
  --_m-sm: var(--_sz-brief);
  --_m-md: var(--_sz-list);
  --_m-lg: var(--_sz-body);
  --_m-xl: var(--_sz-input);
  /*Gap*/
  --_g: var(--_sz-min);
  --_g-sm: calc(var(--_sz-min)*2);
  --_g-md: calc(var(--_sz-min)*3);
  --_g-lg: calc(var(--_sz-min)*4);
  --_g-xl: calc(var(--_sz-min)*5);
  /*Width & Height*/
  --_h-input: var(--_sz-input);
  --_h-header: var(--_sz-header);
  --_w-input: min(calc(var(--_sz-input)*10), 100%);
  --_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-sm: calc(var(--_r)*3);
  --_r-md: calc(var(--_r)*4);
  --_r-lg: calc(var(--_r)*6);
  /*Other*/
  --_g-full: 3.8rem;
}
/*
 *Last modified: 2024-07-04 16:46:20
 */
@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-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-pause:before {
  content: "\e7af";
}
._icon-play:before {
  content: "\e7c3";
}
._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-instagram:before {
  content: "\e87f";
}
._icon-instagram-f:before {
  content: "\e79b";
}
._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-t:before {
  content: "\e79a";
}
._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: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-t:before {
  content: "\e799";
}
._icon-download:before {
  content: "\e640";
}
._icon-upload-t:before {
  content: "\e798";
}
._icon-upload:before {
  content: "\e641";
}
._icon-warn-o:before {
  content: "\e709";
}
._icon-info-o:before {
  content: "\e636";
}
._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-import:before {
  content: "\e8d2";
}
._icon-export:before {
  content: "\e765";
}
._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-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-check-o-gap:before {
  content: "\e61a";
}
._icon-check-s-gap:before {
  content: "\e61b";
}
._icon-check-all:before {
  content: "\e797";
}
._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";
}
._icon-trash-t:before {
  content: "\e79a";
}
._icon-download-t:before {
  content: "\e799";
}
._icon-upload-t:before {
  content: "\e798";
}
._icon-min:before {
  content: "\e79c";
}
._icon-max:before {
  content: "\e79d";
}
._icon-import:before {
  content: "\e8d2";
}
._icon-export:before {
  content: "\e765";
}
._icon-expand-v:before {
  content: "\f164";
}
._icon-expand-h:before {
  content: "\f163";
}
._icon-collapse-v:before {
  content: "\f166";
}
._icon-collapse-h:before {
  content: "\f165";
}
/*
 *Last modified: 2024-07-05 11:25:57
 */
html {
  font-size: var(--_fs-base);
  width: 100%;
  padding: 0;
  margin: 0;
}
body {
  font-family: var(--_ff);
  font-size: var(--_fs);
  line-height: var(--_lh);
  color: var(--_c-text);
  text-align: left;
  width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
  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;
}
h1 {
  font-size: var(--_sz-body);
  line-height: 1.214em;
}
h2 {
  font-size: var(--_sz-list);
  line-height: 1.27em;
}
h3 {
  font-size: var(--_sz-brief);
  line-height: 1.56em;
}
h4 {
  font-size: var(--_sz-title);
  line-height: 1.375em;
}
h5 {
  font-size: var(--_sz-font);
  line-height: 1.29em;
}
h6 {
  font-size: var(--_sz-ignore);
  line-height: 1.33em;
}
img {
  border: 0;
  vertical-align: middle;
}
svg {
  vertical-align: middle;
}
img,
video,
audio {
  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 {
  font-family: var(--_ff);
  color: var(--_c-prim);
  background-color: var(--_c-text-bg);
  padding: 0 var(--_g);
  border-radius: var(--_r);
}
pre {
  font-family: var(--_ff);
  font-size: var(--_sz-ignore);
  background-color: var(--_c-text-bd);
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: var(--_p);
}
pre > code {
  color: var(--_c-text);
  background: transparent;
  padding: 0;
  border-radius: 0;
  display: block;
}
*: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(--_lh) - 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(--_sz-body) - var(--_dot-size))/2);
}
*:where(dl):where(:not(._reset)) dd {
  margin-inline-start: 0;
}
*:where(dl):where(:not(._reset)) dd + dt {
  margin-top: var(--_g-sm);
}
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(--_sz-root), var(--_sz-em-ignore), var(--_sz-brief));
}
address {
  font-style: normal;
  line-height: 1.29em;
  display: flex;
}
time {
  font-size: var(--_sz-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 i,
article u,
article s,
article a,
article span {
  display: inline;
}
article img {
  height: auto !important;
  width: auto !important;
}
form {
  position: relative;
}
fieldset {
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r-sm);
  padding: var(--_p);
}
:where(fieldset) legend {
  padding: 0 var(--_g-sm);
}
: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 {
  --_input-sz: var(--_sz-em-input);
  --_input-p: var(--_sz-em-space);
  --_input-fs: var(--_sz-font);
  --_input-r: var(--_r);
  --_input-w: var(--_w-input);
  font-family: var(--_ff);
  font-size: var(--_input-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(--_input-w);
  box-sizing: border-box;
  border-radius: var(--_input-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: 0.5;
  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: 0.5;
  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(--_input-sz);
  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(--_input-sz);
  line-height: var(--_input-sz);
  padding: 0 var(--_input-p);
}
textarea {
  --_input-os: var(--_sz-em-space);
  height: calc(7.857em + var(--_input-os)*2 + 2px);
  line-height: var(--_sz-em-list);
  box-sizing: border-box;
  padding: var(--_input-os) var(--_input-p);
  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(--_sz-input) + 1px)*5 - 1px);
}
select option {
  padding: 0 var(--_g-sm);
  height: var(--_sz-input);
  border-bottom: 1px solid var(--_c-text-bd);
  display: flex;
  align-items: center;
  transition: all var(--_dur-2) 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-text-bd);
}
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: 0.5;
  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(--_input-w);
  background-color: var(--_c-text-bd);
  border-radius: 0.3rem;
  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: 0.3rem;
  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(--_sz-min);
  block-size: var(--_sz-min);
  vertical-align: middle;
}
meter::-webkit-meter-bar {
  height: var(--_h-meter);
  min-width: calc(var(--_sz-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(--_sz-min);
  width: var(--_input-w);
  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(--_sz-font);
  --_btn-h: 2.71em;
  --_btn-p-lr: var(--_sz-em-font);
  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: 0.3rem;
  vertical-align: middle;
}
input:where([type="submit"]) {
  color: #fff;
  background-color: var(--_c-prim);
  border: none;
}
input:where([type="reset"]),
button {
  color: var(--_c-text);
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
}
input:where([type="submit"][disabled]) {
  opacity: var(--_o-active);
}
input:where([type="reset"][disabled]),
button:where([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);
}
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])):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([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,
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(._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 {
  color: #fff;
}
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 {
  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([disabled], ._b, [class*="_b-"])):active {
  color: var(--_c-prim-tl);
}
/*Hyperlink*/
a {
  --_c-link: var(--_c-prim);
  color: var(--_c-link);
  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(--_c-link);
}
a:where(:not([disabled])):active {
  color: var(--_c-link);
  opacity: var(--_o-active);
}
a:where(:not([disabled])):focus {
  color: var(--_c-link);
}
a:where([disabled]) {
  --_c-link: var(--_c-ignore);
  user-select: none;
  pointer-events: none;
}
:where([tabindex]) {
  outline: var(--_w-outline) solid transparent;
  outline-offset: 0px;
}
:where([tabindex]):focus {
  outline-color: var(--_c-prim-sd);
}
/*Table*/
table {
  --_table-fs: var(--_sz-font);
  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(--_sz-brief);
  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: 2024-07-04 17:02:27
*/
/*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-act: var(--_c-prim-tl);
  --_btn-p-lr: var(--_sz-em-font);
  --_btn-fs: var(--_sz-font);
  --_btn-h: 2.71em;
  font-size: var(--_btn-fs);
  position: relative;
  display: inline-flex;
  border-radius: 0.3rem;
  vertical-align: middle;
  /*   &:where([active]) [role="more"]:before {
    transform: rotate(-90deg);
  } */
}
AX-BTN > [role=wrap] {
  color: var(--_btn-c-txt);
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-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:where(:not([disabled])) > [role=wrap]:visited {
  color: var(--_btn-c-txt);
}
AX-BTN:where(:not([disabled])) > [role=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])) > [role=wrap]:focus {
  color: var(--_c-prim);
  border-color: var(--_c-prim);
  outline-color: var(--_btn-c-sd);
}
AX-BTN:where(:not([disabled])) > [role=wrap]:active {
  color: var(--_btn-c-act);
  opacity: 1;
}
AX-BTN:where([disabled]) > [role=wrap] {
  color: var(--_c-ignore);
  cursor: not-allowed;
  user-select: none;
  pointer-events: none;
}
AX-BTN[type=plain] > [role=wrap] {
  border-width: 0;
  background-color: transparent;
}
AX-BTN[type=plain][theme=prim] > [role=wrap] {
  --_btn-c-txt: var(--_c-prim);
}
AX-BTN[type=plain][theme=succ] > [role=wrap] {
  --_btn-c-txt: var(--_c-succ);
}
AX-BTN[type=plain][theme=error] > [role=wrap] {
  --_btn-c-txt: var(--_c-error);
}
AX-BTN[type=plain][theme=warn] > [role=wrap] {
  --_btn-c-txt: var(--_c-warn);
}
AX-BTN[type=plain][theme=info] > [role=wrap] {
  --_btn-c-txt: var(--_c-info);
}
AX-BTN[type=plain][theme=issue] > [role=wrap] {
  --_btn-c-txt: var(--_c-issue);
}
AX-BTN[type=plain][theme=text] > [role=wrap] {
  --_btn-c-txt: var(--_c-text);
}
AX-BTN[type=plain][theme=brief] > [role=wrap] {
  --_btn-c-txt: var(--_c-brief);
}
AX-BTN[type=plain][theme=ignore] > [role=wrap] {
  --_btn-c-txt: var(--_c-ignore);
}
AX-BTN[type=plain] > [role=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])) > [role=wrap]:hover {
  color: var(--_c-prim);
}
AX-BTN[type=plain] > [role=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])) > [role=wrap]:focus {
  color: var(--_c-prim);
}
AX-BTN[type=plain] > [role=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])) > [role=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] > [role=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] > [role=wrap]:hover {
  color: var(--_btn-c-txt);
  background-color: var(--_btn-c-bg);
}
AX-BTN[type=seal] > [role=wrap]:focus {
  color: var(--_btn-c-txt);
  border-color: var(--_c-bd);
  background-color: var(--_btn-c-bg);
  outline-color: transparent;
}
AX-BTN[type=seal] > [role=wrap]:active {
  opacity: var(--_o-active);
}
AX-BTN[type=seal]:where([disabled]) > [role=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: #fff;
}
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])) > [role=wrap] {
  background-color: var(--_btn-c-bg);
  border: none;
}
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])) > [role=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])) > [role=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])) > [role=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]) > [role=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])) > [role=wrap]:active {
  color: var(--_c-text-aj);
}
AX-BTN[theme=brief]:where(:not([type=seal], [type=plain])) > [role=wrap]:hover,
AX-BTN[theme=ignore]:where(:not([type=seal], [type=plain])) > [role=wrap]:hover {
  background-color: var(--_btn-c-bg);
}
AX-BTN[theme=brief]:where(:not([type=seal], [type=plain])) > [role=wrap]:focus,
AX-BTN[theme=ignore]:where(:not([type=seal], [type=plain])) > [role=wrap]:focus {
  outline-width: 1px;
}
AX-BTN[theme=brief]:where(:not([type=seal], [type=plain])) > [role=wrap]:active,
AX-BTN[theme=ignore]:where(:not([type=seal], [type=plain])) > [role=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]) > [role=wrap],
AX-BTN[theme=ignore]:where(:not([type=seal], [type=plain])):where([disabled]) > [role=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(--_sz-input);
}
AX-BTN[size=xs] {
  --_btn-p-lr: 0.33em;
  --_btn-fs: var(--_sz-ignore);
  --_btn-h: 1.83em;
}
AX-BTN[size=sm] {
  --_btn-fs: var(--_sz-ignore);
  --_btn-h: 2.33em;
}
AX-BTN[size=lg] {
  --_btn-h: 3.43em;
  --_btn-p-lr: 2em;
}
AX-BTN[width=x1] {
  width: var(--_sz-em-input);
}
AX-BTN[width=x1] > [role=wrap] {
  padding: 0;
}
AX-BTN[width=x2] {
  width: calc(var(--_sz-em-input)*2);
}
AX-BTN[width=x2] > [role=wrap] {
  padding: 0;
}
AX-BTN[width=x3] {
  width: calc(var(--_sz-em-input)*3);
}
AX-BTN[width=x4] {
  width: calc(var(--_sz-em-input)*4);
}
AX-BTN[width=x5] {
  width: calc(var(--_sz-em-input)*5);
}
AX-BTN[width=x6] {
  width: calc(var(--_sz-em-input)*6);
}
AX-BTN[width=x7] {
  width: calc(var(--_sz-em-input)*7);
}
AX-BTN[width=x8] {
  width: calc(var(--_sz-em-input)*8);
}
AX-BTN[width=x9] {
  width: calc(var(--_sz-em-input)*9);
}
AX-BTN[width=x10] {
  width: calc(var(--_sz-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])) > [role=wrap] {
  background: linear-gradient(45deg, var(--_c-prim), var(--_c-prim-aj));
}
AX-BTN[theme=error]:where([grad]:not([type=seal], [type=plain])) > [role=wrap] {
  background: linear-gradient(45deg, var(--_c-error), var(--_c-error-aj));
}
AX-BTN[theme=succ]:where([grad]:not([type=seal], [type=plain])) > [role=wrap] {
  background: linear-gradient(45deg, var(--_c-succ), var(--_c-succ-aj));
}
AX-BTN[theme=info]:where([grad]:not([type=seal], [type=plain])) > [role=wrap] {
  background: linear-gradient(45deg, var(--_c-info), var(--_c-info-aj));
}
AX-BTN[theme=warn]:where([grad]:not([type=seal], [type=plain])) > [role=wrap] {
  background: linear-gradient(45deg, var(--_c-warn), var(--_c-warn-aj));
}
AX-BTN[theme=issue]:where([grad]:not([type=seal], [type=plain])) > [role=wrap] {
  background: linear-gradient(45deg, var(--_c-issue), var(--_c-issue-aj));
}
AX-BTN[theme=text]:where([grad]:not([type=seal], [type=plain])) > [role=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])) > [role=wrap] {
  outline-color: transparent;
  box-shadow: 1px 1px 0.5rem var(--_btn-c-sd);
}
AX-BTN[shaded]:where([theme=prim]> [role=wrap],
    [theme=error] >[role=wrap],
    [theme=succ] >[role=wrap],
    [theme=info] >[role=wrap],
    [theme=issue] >[role=wrap],
    [theme=warn] >[role=wrap],
    [theme=text]) > [role=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 [role="icon"] {
  margin-right: var(--_g);
}
AX-BTN [role="tail"] {
  margin-left: var(--_g);
}
AX-BTN [role=disk],
AX-BTN [role=cube] {
  margin-right: var(--_g);
}
AX-BTN [role=disk],
AX-BTN [role=cube] {
  height: var(--_sz-list);
  width: var(--_sz-list);
  object-fit: cover;
}
AX-BTN [role=disk] {
  border-radius: 100%;
}
AX-BTN [role=cube] {
  border-radius: 0.3rem;
}
AX-BTN AX-BADGE {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
}
AX-BTN:has([role=label]:empty) [role="icon"] {
  margin-right: 0;
}
AX-BTN:has([role=label]:empty) [role="tail"] {
  margin-left: 0;
}
AX-BTN [role="expand"],
AX-BTN [role="more"],
AX-BTN [role="remove"],
AX-BTN [role="update"] {
  font-family: var(--_ff-icon);
  margin-right: calc(-1*var(--_btn-p-lr) + 0.286em);
  margin-left: var(--_btn-p-lr);
}
AX-BTN [role="expand"]:hover:before,
AX-BTN [role="more"]:hover:before,
AX-BTN [role="remove"]:hover:before,
AX-BTN [role="update"]:hover:before {
  opacity: 1;
}
AX-BTN [role="expand"]:before,
AX-BTN [role="more"]:before,
AX-BTN [role="remove"]:before,
AX-BTN [role="update"]:before {
  display: inline-block;
  opacity: var(--_o-disabled);
  scale: 0.8;
  transition: all var(--_dur-2) linear;
}
AX-BTN [role="expand"]:before {
  content: 'down';
}
AX-BTN:where(._opened) [role="expand"]:before {
  rotate: 180deg;
}
AX-BTN [role="more"]:before {
  content: 'right';
}
AX-BTN [role="remove"]:before {
  content: 'close';
}
AX-BTN [role="remove"]:hover {
  color: var(--_c-error);
}
AX-BTN [role="update"]:before {
  content: 'refresh';
}
AX-BTN:where([check=ing]) {
  cursor: not-allowed;
  user-select: none;
  pointer-events: none;
}
AX-BTN:where([check=ing]) > [role=wrap]:before {
  content: '';
  width: 1em;
  margin-right: var(--_g);
  animation: _rotate360 1s linear infinite;
  background: transparent;
  box-sizing: border-box;
  border: 0.2rem solid var(--_c-prim-sd);
  border-bottom-color: var(--_c-prim);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: inline-flex;
}
AX-BTN:where([check=ed]) > [role=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([role=label]:empty) > [role=wrap]:before,
AX-BTN:where([check=ed]):has([role=label]:empty) > [role=wrap]:before {
  margin-right: 0;
}
AX-BTN:where([type=seal]) > [role=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]) > [role=wrap]:before {
  border-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: #fff;
}
AX-BTN:where([check=ing]:not([type=seal], [type=plain])):where([theme=warn]):before {
  border-color: rgba(0, 0, 0, 0.1);
  border-bottom-color: var(--_btn-c-txt);
}
AX-BTN:where([check=ed]:not([type=seal], [type=plain], [theme=prim], [theme=succ], [theme=error], [theme=info], [theme=warn], [theme=issue])) > [role=wrap]:before {
  color: var(--_c-prim);
}
/*
 *Last modified: 2024-07-04 17:02:27
 */
/*grid layout*/
._grid {
  --_share-avg: 4;
  --_group: 4;
  --_gap-grid: 0;
  box-sizing: border-box;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(var(--_share-avg), 1fr);
  grid-gap: var(--_gap-grid);
  position: relative;
  z-index: 2;
}
._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-11 > * {
  aspect-ratio: 1/1;
}
._grid._ratio-169 > * {
  aspect-ratio: 16/9;
}
._grid._ratio-1610 > * {
  aspect-ratio: 16/10;
}
._grid._ratio-43 > * {
  aspect-ratio: 4/3;
}
._grid._ratio-32 > * {
  aspect-ratio: 3/2;
}
._grid._g-0 {
  --_gap-grid: 0;
}
._grid._g-1 {
  --_gap-grid: 1px;
}
._grid._g-2 {
  --_gap-grid: 2px;
}
._grid._g-3 {
  --_gap-grid: 3px;
}
._grid._g-xxs {
  --_gap-grid: var(--_g);
}
._grid._g-xs {
  --_gap-grid: var(--_g-sm);
}
._grid._g,
._grid._g-sm {
  --_gap-grid: var(--_p);
}
._grid._g-md {
  --_gap-grid: var(--_sz-list);
}
._grid._g-lg {
  --_gap-grid: var(--_sz-body);
}
._grid._g-xl {
  --_gap-grid: var(--_sz-input);
}
._grid._g-xxl {
  --_gap-grid: var(--_sz-header);
}
._grid > * > ._hide-clip {
  display: none;
}
/*Flex layout*/
._row,
._col {
  --_share-flex: 1;
  --_share-avg: 1;
  --_gap-flex: 0px;
  --_m-flex: 0px;
  --_group: 1;
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
  zoom: 1;
  position: relative;
  z-index: 2;
}
._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;
}
:where(._row) > [class*="_flex"] {
  width: 0;
}
._row {
  flex-direction: row;
  width: 100%;
}
:where(._row[class*="_avg-"]) > *:where(:not(:last-of-type)),
:where(._row) > *:where([class*="_flex"], [class*="_own-"]):where(:not(:last-of-type)) {
  margin-right: var(--_gap-flex);
}
._row:where(._g-0) {
  --_gap-flex: 0;
}
._row:where(._g-1) {
  --_gap-flex: 1px;
}
._row:where(._g-2) {
  --_gap-flex: 2px;
}
._row:where(._g-3) {
  --_gap-flex: 3px;
}
._row:where(._g-xxs) {
  --_gap-flex: var(--_g);
}
._row:where(._g-xs) {
  --_gap-flex: var(--_g-sm);
}
._row:where(._g, ._g-sm) {
  --_gap-flex: var(--_m);
}
._row:where(._g-md) {
  --_gap-flex: var(--_sz-list);
}
._row:where(._g-lg) {
  --_gap-flex: var(--_sz-body);
}
._row:where(._g-xl) {
  --_gap-flex: var(--_sz-input);
}
._row:where(._g-xxl) {
  --_gap-flex: var(--_h-header);
}
:where(._col) > [class*="_flex"] {
  height: 0;
}
._col {
  flex-direction: column;
  height: 100%;
}
:where(._col[class*="_avg-"]) > *:where(:not(:last-of-type)),
:where(._col) > *:where([class*="_flex"], [class*="_own-"]):where(:not(:last-of-type)) {
  margin-bottom: var(--_gap-flex);
}
._col:where(._g-0) {
  --_gap-flex: 0;
}
._col:where(._g-1) {
  --_gap-flex: 1px;
}
._col:where(._g-2) {
  --_gap-flex: 2px;
}
._col:where(._g-3) {
  --_gap-flex: 3px;
}
._col:where(._g-xxs) {
  --_gap-flex: var(--_g);
}
._col:where(._g-xs) {
  --_gap-flex: var(--_g-sm);
}
._col:where(._g, ._g-sm) {
  --_gap-flex: var(--_m);
}
._col:where(._g-md) {
  --_gap-flex: var(--_sz-list);
}
._col:where(._g-lg) {
  --_gap-flex: var(--_sz-body);
}
._col:where(._g-xl) {
  --_gap-flex: var(--_sz-input);
}
._col:where(._g-xxl) {
  --_gap-flex: var(--_h-header);
}
[class*="_flex"] {
  flex: var(--_share-flex) 1 auto;
  position: relative;
}
@-moz-document url-prefix() {
  [class*="_flex"] {
    min-width: 0;
  }
}
._flex-none {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  flex: none;
}
._flex-0 {
  --_share-flex: 0;
}
._flex,
._flex-1 {
  --_share-flex: 1;
}
._flex-2 {
  --_share-flex: 2;
}
._flex-3 {
  --_share-flex: 3;
}
._flex-4 {
  --_share-flex: 4;
}
._flex-5 {
  --_share-flex: 5;
}
._flex-6 {
  --_share-flex: 6;
}
._flex-7 {
  --_share-flex: 7;
}
._flex-8 {
  --_share-flex: 8;
}
._flex-9 {
  --_share-flex: 9;
}
._flex-10 {
  --_share-flex: 10;
}
._flex-11 {
  --_share-flex: 11;
}
._flex-12 {
  --_share-flex: 12;
}
._flex-13 {
  --_share-flex: 13;
}
._flex-14 {
  --_share-flex: 14;
}
._flex-15 {
  --_share-flex: 15;
}
._flex-16 {
  --_share-flex: 16;
}
._flex-17 {
  --_share-flex: 17;
}
._flex-18 {
  --_share-flex: 18;
}
._flex-19 {
  --_share-flex: 19;
}
._flex-20 {
  --_share-flex: 20;
}
._flex-21 {
  --_share-flex: 21;
}
._flex-22 {
  --_share-flex: 22;
}
._flex-23 {
  --_share-flex: 23;
}
._flex-24 {
  --_share-flex: 24;
}
[class*="_own-"] {
  display: inline-flex;
  box-sizing: border-box;
  position: relative;
}
:where(._row) > [class*="_own-"] {
  width: calc((100%/24)*var(--_share-flex));
}
:where(._col) > [class*="_own-"] {
  height: calc((100%/24)*var(--_share-flex));
}
._own-0 {
  --_share-flex: 0;
}
:where(:not([class*="_xxs-"], [class*="_xs-"], [class*="_sm-"], [class*="_md-"], [class*="_lg-"], [class*="_xl-"])) > ._own-0 {
  width: 0;
  height: 0;
  overflow: hidden;
}
._own-1 {
  --_share-flex: 1;
}
._own-2 {
  --_share-flex: 2;
}
._own-3 {
  --_share-flex: 3;
}
._own-4 {
  --_share-flex: 4;
}
._own-5 {
  --_share-flex: 5;
}
._own-6 {
  --_share-flex: 6;
}
._own-7 {
  --_share-flex: 7;
}
._own-8 {
  --_share-flex: 8;
}
._own-9 {
  --_share-flex: 9;
}
._own-10 {
  --_share-flex: 10;
}
._own-11 {
  --_share-flex: 11;
}
._own-12 {
  --_share-flex: 12;
}
._own-13 {
  --_share-flex: 13;
}
._own-14 {
  --_share-flex: 14;
}
._own-15 {
  --_share-flex: 15;
}
._own-16 {
  --_share-flex: 16;
}
._own-17 {
  --_share-flex: 17;
}
._own-18 {
  --_share-flex: 18;
}
._own-19 {
  --_share-flex: 19;
}
._own-20 {
  --_share-flex: 20;
}
._own-21 {
  --_share-flex: 21;
}
._own-22 {
  --_share-flex: 22;
}
._own-23 {
  --_share-flex: 23;
}
._own,
._own-24 {
  --_share-flex: 24;
}
:where([class*="_own-"]) > [class*="_flex"] {
  height: 0;
}
:where(._row[class*="_avg-"]) > *,
:where(._col[class*="_avg-"]) > * {
  display: inline-flex;
  box-sizing: border-box;
  position: relative;
}
:where(._row[class*="_avg-"]) > * {
  width: calc(100%/var(--_share-avg));
}
:where(._col[class*="_avg-"]) > * {
  height: calc(100%/var(--_share-avg));
}
._avg-1 {
  --_share-avg: 1;
}
._avg-2 {
  --_share-avg: 2;
}
._avg-3 {
  --_share-avg: 3;
}
._avg-4 {
  --_share-avg: 4;
}
._avg-5 {
  --_share-avg: 5;
}
._avg-6 {
  --_share-avg: 6;
}
._avg-7 {
  --_share-avg: 7;
}
._avg-8 {
  --_share-avg: 8;
}
._avg-9 {
  --_share-avg: 9;
}
._avg-10 {
  --_share-avg: 10;
}
._avg-11 {
  --_share-avg: 11;
}
._avg-12 {
  --_share-avg: 12;
}
._avg-13 {
  --_share-avg: 13;
}
._avg-14 {
  --_share-avg: 14;
}
._avg-15 {
  --_share-avg: 15;
}
._avg-16 {
  --_share-avg: 16;
}
._avg-17 {
  --_share-avg: 17;
}
._avg-18 {
  --_share-avg: 18;
}
._avg-19 {
  --_share-avg: 19;
}
._avg-20 {
  --_share-avg: 20;
}
._avg-21 {
  --_share-avg: 21;
}
._avg-22 {
  --_share-avg: 22;
}
._avg-23 {
  --_share-avg: 23;
}
._avg-24 {
  --_share-avg: 24;
}
/*Color*/
._c,
[class*="_c-"] {
  --_v-c: var(--_c-prim);
  color: var(--_v-c);
}
._c-prim {
  --_v-c: var(--_c-prim);
}
._c-error {
  --_v-c: var(--_c-error);
}
._c-succ {
  --_v-c: var(--_c-succ);
}
._c-info {
  --_v-c: var(--_c-info);
}
._c-warn {
  --_v-c: var(--_c-warn);
}
._c-issue {
  --_v-c: var(--_c-issue);
}
._c-text {
  --_v-c: var(--_c-text);
}
._c-brief {
  --_v-c: var(--_c-brief);
}
._c-ignore {
  --_v-c: var(--_c-ignore);
}
._c-disable {
  --_v-c: var(--_c-disable);
}
._c-stage {
  --_v-c: var(--_c-stage);
}
/*Background*/
._bg,
[class*="_bg-"] {
  --_c-bg: var(--_c-prim);
  background-color: var(--_c-bg);
}
._bg-prim {
  --_c-bg: var(--_c-prim);
}
._bg-lt,
._bg-prim-lt {
  --_c-bg: var(--_c-prim-bg);
}
._bg-succ {
  --_c-bg: var(--_c-succ);
}
._bg-succ-lt {
  --_c-bg: var(--_c-succ-bg);
}
._bg-error {
  --_c-bg: var(--_c-error);
}
._bg-error-lt {
  --_c-bg: var(--_c-error-bg);
}
._bg-warn {
  --_c-bg: var(--_c-warn);
}
._bg-warn-lt {
  --_c-bg: var(--_c-warn-bg);
}
._bg-info {
  --_c-bg: var(--_c-info);
}
._bg-info-lt {
  --_c-bg: var(--_c-info-bg);
}
._bg-issue {
  --_c-bg: var(--_c-issue);
}
._bg-issue-lt {
  --_c-bg: var(--_c-issue-bg);
}
._bg-text {
  --_c-bg: var(--_c-text);
}
._bg-text-lt {
  --_c-bg: var(--_c-text-bg);
}
._bg-brief {
  --_c-bg: var(--_c-brief);
}
._bg-brief-lt {
  --_c-bg: var(--_c-brief-bg);
}
._bg-ignore {
  --_c-bg: var(--_c-ignore);
}
._bg-ignore-lt {
  --_c-bg: var(--_c-ignore-bg);
}
._bg-disable {
  --_c-bg: var(--_c-disable);
}
._bg-disable-lt {
  --_c-bg: var(--_c-disable-bg);
}
._bg-stage {
  --_c-bg: var(--_c-stage);
}
/*Gradient*/
._gd,
[class*="_gd-"] {
  --_gd-deg: 45deg;
  --_gd-start: var(--_c-prim);
  --_gd-end: var(--_c-prim-aj);
  background: linear-gradient(var(--_gd-deg), var(--_gd-start), var(--_gd-end));
}
._gd._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-"] {
  --_s-p: var(--_p);
  padding: var(--_s-p);
}
._p {
  padding: var(--_s-p);
}
._p-l {
  padding: 0 0 0 var(--_s-p);
}
._p-r {
  padding: 0 var(--_s-p) 0 0;
}
._p-t {
  padding: var(--_s-p) 0 0 0;
}
._p-b {
  padding: 0 0 var(--_s-p) 0;
}
._p-lr {
  padding: 0 var(--_s-p);
}
._p-tb {
  padding: var(--_s-p) 0;
}
._p-0 {
  --_s-p: 0;
}
._p-xxs {
  --_s-p: var(--_g);
}
._p-xs {
  --_s-p: calc(var(--_g)*2);
}
._p-sm {
  --_s-p: var(--_p);
}
._p-md {
  --_s-p: var(--_sz-list);
}
._p-lg {
  --_s-p: var(--_sz-body);
}
._p-xl {
  --_s-p: var(--_sz-input);
}
._p-xxl {
  --_s-p: var(--_h-header);
}
/*Margin*/
._m,
[class*="_m-"] {
  --_s-m: var(--_m);
  margin: var(--_s-m);
}
._m,
._m-l,
._m-r,
._m-t,
._m-b,
._m-lr,
._m-tb {
  --_s-m: var(--_m);
}
._m {
  margin: var(--_s-m);
}
._m-l {
  margin: 0 0 0 var(--_s-m);
}
._m-r {
  margin: 0 var(--_s-m) 0 0;
}
._m-t {
  margin: var(--_s-m) 0 0 0;
}
._m-b {
  margin: 0 0 var(--_s-m) 0;
}
._m-lr {
  margin: 0 var(--_s-m);
}
._m-tb {
  margin: var(--_s-m) 0;
}
._m-0 {
  --_s-m: 0;
}
._m-xxs {
  --_s-m: var(--_g);
}
._m-xs {
  --_s-m: calc(var(--_g)*2);
}
._m-sm {
  --_s-m: var(--_m);
}
._m-md {
  --_s-m: var(--_sz-list);
}
._m-lg {
  --_s-m: var(--_sz-body);
}
._m-xl {
  --_s-m: var(--_sz-input);
}
._m-xxl {
  --_s-m: var(--_h-header);
}
/*Radius*/
._r,
[class*="_r-"] {
  --_size-r: var(--_r);
  border-radius: var(--_size-r);
}
._r-0 {
  --_size-r: 0;
}
._r-x1 {
  --_size-r: var(--_r);
}
._r-x2 {
  --_size-r: calc(var(--_r)*2);
}
._r-x3 {
  --_size-r: calc(var(--_r)*3);
}
._r-x4 {
  --_size-r: calc(var(--_r)*4);
}
._r-x5 {
  --_size-r: calc(var(--_r)*5);
}
._r-x6 {
  --_size-r: calc(var(--_r)*6);
}
._r-x7 {
  --_size-r: calc(var(--_r)*7);
}
._r-x8 {
  --_size-r: calc(var(--_r)*8);
}
._r-x9 {
  --_size-r: calc(var(--_r)*9);
}
._r-x10 {
  --_size-r: calc(var(--_r)*10);
}
._r-l {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
._r-r {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
._r-t {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
._r-b {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/*Border*/
._bd,
[class*="_bd-"] {
  --_s-bd: 1px;
  border: var(--_s-bd) solid var(--_c-text-bd);
}
._bd-l {
  border-right-width: 0;
  border-top-width: 0;
  border-bottom-width: 0;
}
._bd-r {
  border-left-width: 0;
  border-top-width: 0;
  border-bottom-width: 0;
}
._bd-t {
  border-right-width: 0;
  border-left-width: 0;
  border-bottom-width: 0;
}
._bd-b {
  border-right-width: 0;
  border-top-width: 0;
  border-left-width: 0;
}
._bd-lr {
  border-top-width: 0;
  border-bottom-width: 0;
}
._bd-tb {
  border-right-width: 0;
  border-left-width: 0;
}
._bd-0 {
  --_s-bd: 0;
}
._bd-1 {
  --_s-bd: 1px;
}
._bd-2 {
  --_s-bd: 2px;
}
._bd-3 {
  --_s-bd: 3px;
}
._bd-4 {
  --_s-bd: 4px;
}
._bd-prim {
  border-color: var(--_c-prim);
}
._bd-error {
  border-color: var(--_c-error);
}
._bd-succ {
  border-color: var(--_c-succ);
}
._bd-issue {
  border-color: var(--_c-issue);
}
._bd-warn {
  border-color: var(--_c-warn);
}
._bd-info {
  border-color: var(--_c-info);
}
._bd-text {
  border-color: var(--_c-text);
}
._bd-brief {
  border-color: var(--_c-brief);
}
._bd-ignore {
  border-color: var(--_c-ignore);
}
._bd-prim-lt {
  border-color: var(--_c-prim-bd);
}
._bd-error-lt {
  border-color: var(--_c-error-bd);
}
._bd-succ-lt {
  border-color: var(--_c-succ-bd);
}
._bd-issue-lt {
  border-color: var(--_c-issue-bd);
}
._bd-warn-lt {
  border-color: var(--_c-warn-bd);
}
._bd-info-lt {
  border-color: var(--_c-info-bd);
}
._bd-text-lt {
  border-color: var(--_c-text-bd);
}
._bd-brief-lt {
  border-color: var(--_c-brief-bd);
}
._bd-ignore-lt {
  border-color: var(--_c-ignore-bd);
}
._bd-solid {
  border-style: solid;
}
._bd-dashed {
  border-style: dashed;
}
._bd-dotted {
  border-style: dotted;
}
/*Break row*/
AX-BR {
  --_h-br: var(--_m);
  width: 100%;
  height: var(--_h-br);
  display: block;
}
AX-BR[size=xxs] {
  --_h-br: var(--_sz-min);
}
AX-BR[size=xs] {
  --_h-br: var(--_sz-space);
}
AX-BR[size=sm] {
  --_h-br: var(--_sz-font);
}
AX-BR[size=md] {
  --_h-br: var(--_sz-list);
}
AX-BR[size=lg] {
  --_h-br: var(--_sz-body);
}
AX-BR[size=xl] {
  --_h-br: var(--_sz-input);
}
AX-BR[size=xxl] {
  --_h-br: var(--_sz-header);
}
/*Break column*/
AX-BC {
  --_w-bc: var(--_m);
  width: var(--_w-bc);
  display: inline-block;
  vertical-align: top;
}
AX-BC[size=xxs] {
  --_w-bc: var(--_sz-min);
}
AX-BC[size=xs] {
  --_w-bc: var(--_sz-space);
}
AX-BC[size=sm] {
  --_w-bc: var(--_sz-font);
}
AX-BC[size=md] {
  --_w-bc: var(--_sz-list);
}
AX-BC[size=lg] {
  --_w-bc: var(--_sz-body);
}
AX-BC[size=xl] {
  --_w-bc: var(--_sz-input);
}
AX-BC[size=xxl] {
  --_w-bc: var(--_sz-header);
}
/*Divider*/
AX-DIVIDER {
  --_divider-fs: var(--_sz-title);
  --_divder-m: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
AX-DIVIDER [role=wrap] {
  display: flex;
  align-items: center;
}
AX-DIVIDER [role=start],
AX-DIVIDER [role=end] {
  height: 1px;
  background-color: var(--_c-text-bd);
  flex: auto;
}
AX-DIVIDER [role=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(--_sz-min);
}
AX-DIVIDER[break=xs] {
  --_divider-m: var(--_sz-space);
}
AX-DIVIDER[break=sm] {
  --_divider-m: var(--_sz-font);
}
AX-DIVIDER[break=md] {
  --_divider-m: var(--_sz-list);
}
AX-DIVIDER[break=lg] {
  --_divider-m: var(--_sz-body);
}
AX-DIVIDER[break=xl] {
  --_divider-m: var(--_sz-input);
}
AX-DIVIDER[break=xxl] {
  --_divider-m: var(--_sz-header);
}
AX-DIVIDER[fs] [role=label],
AX-DIVIDER[size] [role=label] {
  font-size: var(--_divider-fs);
}
AX-DIVIDER[fs=sm] {
  --_divider-fs: var(--_sz-font);
}
AX-DIVIDER[fs=md] {
  --_divider-fs: var(--_sz-title);
}
AX-DIVIDER[fs=lg] {
  --_divider-fs: var(--_sz-brief);
}
AX-DIVIDER[size=sm] {
  --_divider-fs: var(--_sz-font);
  --_divider-m: var(--_sz-font);
}
AX-DIVIDER[size=md] {
  --_divider-fs: var(--_sz-title);
  --_divider-m: var(--_sz-body);
}
AX-DIVIDER[size=lg] {
  --_divider-fs: var(--_sz-brief);
  --_divider-m: var(--_sz-input);
}
/*Display*/
._d-none {
  display: none;
}
._d-flow {
  display: flow-root;
}
._d-inline {
  display: inline;
}
._d-grid {
  display: grid;
}
._d-flex {
  display: flex;
}
._d-block {
  display: block;
}
._d-ingrid {
  display: inline-grid;
}
._d-inflex {
  display: inline-flex;
}
._d-inblock {
  display: inline-block;
}
._d-full {
  width: 100%;
  box-sizing: border-box;
}
/*Width*/
[class*="_w-"] {
  box-sizing: border-box;
}
._w-0 {
  width: 0px;
}
._w-x1 {
  width: calc(var(--_sz-input)*1);
}
._w-x2 {
  width: calc(var(--_sz-input)*2);
}
._w-x3 {
  width: calc(var(--_sz-input)*3);
}
._w-x4 {
  width: calc(var(--_sz-input)*4);
}
._w-x5 {
  width: calc(var(--_sz-input)*5);
}
._w-x6 {
  width: calc(var(--_sz-input)*6);
}
._w-x7 {
  width: calc(var(--_sz-input)*7);
}
._w-x8 {
  width: calc(var(--_sz-input)*8);
}
._w-x9 {
  width: calc(var(--_sz-input)*9);
}
._w-x10 {
  width: calc(var(--_sz-input)*10);
}
._w-neat {
  width: var(--_w-input);
}
._w-half {
  width: 50%;
}
._w-full {
  width: 100%;
}
/*Height*/
[class*="_h-"] {
  box-sizing: border-box;
}
._h-0 {
  height: 0px;
}
._h-x1 {
  height: calc(var(--_sz-input)*1);
}
._h-x2 {
  height: calc(var(--_sz-input)*2);
}
._h-x3 {
  height: calc(var(--_sz-input)*3);
}
._h-x4 {
  height: calc(var(--_sz-input)*4);
}
._h-x5 {
  height: calc(var(--_sz-input)*5);
}
._h-x6 {
  height: calc(var(--_sz-input)*6);
}
._h-x7 {
  height: calc(var(--_sz-input)*7);
}
._h-x8 {
  height: calc(var(--_sz-input)*8);
}
._h-x9 {
  height: calc(var(--_sz-input)*9);
}
._h-x10 {
  height: calc(var(--_sz-input)*10);
}
._h-neat {
  height: var(--_sz-input);
}
._h-half {
  height: 50%;
}
._h-full {
  height: 100%;
}
/*Align*/
._a-l {
  text-align: left;
}
._a-c {
  text-align: center;
}
._a-r {
  text-align: right;
}
._a-lt,
._a-ct,
._a-rt,
._a-lc,
._a-cc,
._a-rc,
._a-lb,
._a-cb,
._a-rb {
  display: flex;
}
._a-lt,
._a-ct,
._a-rt {
  align-items: flex-start;
}
._a-lt {
  justify-content: flex-start;
}
._a-ct {
  justify-content: center;
}
._a-rt {
  justify-content: flex-end;
}
._a-lc,
._a-cc,
._a-rc {
  align-items: center;
}
._a-lc {
  justify-content: flex-start;
}
._a-cc {
  justify-content: center;
}
._a-rc {
  justify-content: flex-end;
}
._a-lb,
._a-cb,
._a-rb {
  align-items: flex-end;
}
._a-lb {
  justify-content: flex-start;
}
._a-cb {
  justify-content: center;
}
._a-rb {
  justify-content: flex-end;
}
/*Text*/
._t-wv {
  text-decoration: 1px underline wavy;
  text-underline-offset: 0.4em;
}
._t-lc {
  text-decoration: line-through;
}
._t-lb {
  text-decoration: underline;
  text-underline-offset: 2px;
}
._t-lt {
  text-decoration: overline;
  text-underline-offset: 2px;
}
._t-em {
  text-emphasis: circle var(--_c-prim);
  text-emphasis-position: over right;
}
._t-upc {
  text-transform: uppercase;
}
._t-lwc {
  text-transform: lowercase;
}
._t-cap {
  text-transform: capitalize;
}
._t-br {
  display: inline-block;
  font-size: max(var(--_fs-min),0.5em);
  line-height: 1.2em;
  vertical-align: middle;
  text-align: justify;
  text-align-last: justify;
}
[class*="_t-diffuse"] {
  --_s-dfs: 1.4em;
  text-align: center;
  letter-spacing: var(--_s-dfs);
  text-indent: var(--_s-dfs);
}
._t-diffuse-xxs {
  --_s-dfs: 0.6em;
}
._t-diffuse-xs {
  --_s-dfs: 0.8em;
}
._t-diffuse-sm {
  --_s-dfs: 1em;
}
._t-diffuse-md {
  --_s-dfs: 1.4em;
}
._t-diffuse-lg {
  --_s-dfs: 1.8em;
}
._t-diffuse-xl {
  --_s-dfs: 2.4em;
}
._t-diffuse-xxl {
  --_s-dfs: 2.8em;
}
[class*="_t-blank"] {
  --_s-blk: 1.4em;
  word-spacing: var(--_s-blk);
}
._t-blank-xxs {
  --_s-blk: 0.6em;
}
._t-blank-xs {
  --_s-blk: 0.8em;
}
._t-blank-sm {
  --_s-blk: 1em;
}
._t-blank-md {
  --_s-blk: 1.4em;
}
._t-blank-lg {
  --_s-blk: 1.8em;
}
._t-blank-xl {
  --_s-blk: 2.4em;
}
._t-blank-xxl {
  --_s-blk: 2.8em;
}
[unselectable] {
  user-select: none;
}
/*State*/
[disabled]:where(:not(input, select, textarea)) {
  pointer-events: none;
}
[inert] {
  user-select: none;
  pointer-events: none;
}
[dedicated] {
  overscroll-behavior: contain;
}
/*Spin style*/
[class*="_spin-"]:before {
  content: '';
  animation: _rotate360 1s linear infinite;
  background: transparent;
  box-sizing: border-box;
  border: 0.2rem solid var(--_c-prim-sd);
  border-bottom-color: var(--_c-prim);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: inline-flex;
}
[class*="_spin-block"],
[class*="_spin-flex"] {
  min-height: calc(var(--_sz-body)*3);
}
[class*="_spin-block"]:before,
[class*="_spin-flex"]:before {
  content: '';
  width: var(--_sz-body);
  animation: _rotate360 1s linear infinite;
  background: transparent;
  box-sizing: border-box;
  border: 0.2rem solid var(--_c-prim-sd);
  border-bottom-color: var(--_c-prim);
  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(--_sz-body)/-2);
  margin-top: calc(var(--_sz-body)/-2);
}
[class*="_spin-flex"] {
  display: flex;
  justify-content: center;
  align-items: center;
}
[class*="_spin-inline"] {
  min-width: var(--_sz-list);
  min-height: var(--_sz-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(--_c-prim-sd);
  border-bottom-color: var(--_c-prim);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: inline-flex;
}
._spin-block-dk:before,
._spin-flex-dk:before,
._spin-inline-dk:before {
  border-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: #fff;
}
[role=disk],
[role=cube] {
  aspect-ratio: 1/1;
}
[role=disk] img,
[role=cube] img {
  object-fit: cover;
  border-radius: inherit;
}
[role=disk] {
  border-radius: 100%;
}
[role=cube] {
  border-radius: var(--_r);
}
._char {
  font-size: var(--_sz-brief);
}
/*Group button*/
/*Container btns*/
._box-btns {
  display: inline-flex;
  box-sizing: border-box;
  border-radius: inherit;
}
._box-btns > * {
  margin: 0 var(--_g);
}
/*Container tools*/
._box-tools {
  --_tools-fs: var(--_sz-font);
  font-size: var(--_tools-fs);
  line-height: var(--_sz-list);
  display: inline-flex;
  box-sizing: border-box;
}
._box-tools > * {
  text-align: center;
  padding: 0 var(--_sz-min);
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--_dur-2) linear;
}
._box-tools > *:hover {
  color: var(--_c-prim);
}
._box-tools [role="icon"] {
  width: var(--_tools-fs);
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
._box-tools [role="icon"] + [role="label"] {
  margin-left: var(--_sz-min);
}
._box-tools > *[disabled] {
  opacity: var(--_o-disabled);
  user-select: none;
  pointer-events: none;
}
/*Container*/
[class*="_box-"] {
  width: inherit;
}
[class*="_box-"] [role="caption"] {
  font-size: var(--_fs-title);
  font-weight: bold;
  line-height: 1.5em;
  margin-bottom: var(--_g-sm);
}
[class*="_box-"] [role="brief"] {
  color: var(--_c-brief);
  line-height: var(--_lh-brief);
  margin-top: var(--_g-sm);
}
[class*="_box-"] [role="media"] {
  text-align: center;
  width: inherit;
}
._box-image [role="media"] > *,
._box-audio [role="media"] > *,
._box-video [role="media"] > *,
._box-iframe [role="media"] > * {
  display: block;
  width: inherit;
}
/*Container iframe*/
._box-iframe {
  display: flex;
  flex-direction: column;
}
._box-iframe [role="media"] {
  flex: auto;
}
._box-iframe iframe {
  border: none;
}
/*Container qrCode*/
._box-qr [role="media"] {
  display: flex;
  align-items: center;
  justify-content: center;
}
._box-qr [role="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 [role="tips"],
._bubble-footer:where([layout="right"]) ._bubble-footer-wrap [role="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(--_sz-body) 0;
}
._bubble-footer:where([layout="center"]) ._box-btns > * {
  margin: 0 var(--_g-sm);
}
._bubble-footer:where([layout="left"]) ._box-btns > * {
  margin-right: var(--_g-sm);
}
._bubble-footer:where([layout="right"]) ._box-btns > * {
  margin-left: var(--_g-sm);
}
._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 [role="tips"] {
  font-size: var(--_fs-body);
  line-height: 1.8rem;
  height: var(--_sz-input);
  display: flex;
  align-items: center;
}
._bubble-footer:where([layout="center"]) [role="tips"],
._bubble-footer:where([layout="plain"]) [role="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"]) [role="tips"] {
  justify-content: flex-end;
  text-align: right;
}
._bubble-footer:where([layout="right"]) [role="tips"] {
  justify-content: flex-start;
}
/*Container form*/
._box-input {
  --_form-h: var(--_sz-input);
  --_form-in-gap: var(--_g-sm);
  --_form-p-lr: 0;
  --_form-p-tb: 0;
  --_form-m-tb: var(--_m);
  --_form-bd-w: 1px;
  --_form-lbl-w: var(--_w-label);
  margin: var(--_form-m-tb) auto;
  padding: var(--_form-p-tb) var(--_form-p-lr);
  display: flex;
  align-items: flex-start;
  position: relative;
}
._box-input > [role="label"] {
  color: var(--_c-text);
  width: var(--_form-lbl-w);
  text-align: right;
  margin-right: var(--_g-sm);
  height: var(--_form-h);
  line-height: calc(var(--_form-h)/2);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  top: 0;
}
._box-input > [role="label"] img,
._box-input > [role="label"] [class*="icon-"] {
  width: var(--_sz-brief);
  margin-right: var(--_sz-min);
}
._box-input > [role="label"]:emtpy {
  display: none;
}
._box-input > [role="content"] {
  width: var(--_w-input);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
}
._box-input > [role="content"] > [role=note] {
  font-size: var(--_sz-ignore);
  line-height: var(--_sz-brief);
  width: 100%;
  padding-top: var(--_sz-space);
}
._box-input > [role="content"] > [role="input"] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
._box-input > [role="content"] input:where(:not([type="radio"], [type="checkbox"], [type="range"], [type="reset"], [type="submit"])) {
  height: var(--_form-h);
  line-height: var(--_form-h);
}
._box-input > [role="content"] input:where(:not([type="radio"], [type="checkbox"], [type="range"], [type="color"], [type="reset"], [type="submit"])) {
  padding: 0 var(--_form-in-gap);
}
._box-input > [role="content"] input:where([type="file"])::file-selector-button,
._box-input > [role="content"] input:where([type="file"])::-webkit-file-upload-button {
  line-height: calc(var(--_form-h) - 0.2rem);
}
._box-input > [role="content"] input:where([type="range"]) {
  margin: calc((var(--_form-h) - var(--_h-range))/2) 0;
}
._box-input > [role="content"] label {
  line-height: var(--_form-h);
  white-space: nowrap;
}
._box-input > [role="content"] meter {
  margin: calc((var(--_form-h) - var(--_h-meter))/2) 0;
}
._box-input > [role="content"] progress {
  margin: calc((var(--_form-h) - var(--_h-progress))/2) 0;
}
._box-input > [role="content"] select {
  height: var(--_form-h);
  line-height: var(--_form-h);
}
._box-input > [role="content"] select option {
  height: var(--_form-h);
}
._box-input > [role="content"] select:where([multiple]) {
  min-height: calc((var(--_form-h) + 1px)*5 - 1px);
}
._box-input > [role="content"] textarea {
  --_input-os: calc((var(--_form-h) - var(--_sz-list))/2);
  padding-left: var(--_form-in-gap);
  padding-right: var(--_form-in-gap);
}
._box-input > [role="content"]:has(._box-tools) textarea {
  padding-right: var(--_sz-list);
}
._box-input > [role="content"] ._box-tools {
  position: absolute;
  right: var(--_g);
  top: calc((var(--_form-h) - var(--_sz-list))/2);
  z-index: 2;
}
._box-input > [role="content"] ._box-tools [role="icon"] {
  font-size: var(--_fs-min);
}
._box-input > [role="content"] ._box-tools > * {
  color: var(--_c-ignore);
}
._box-input > [role="content"] ._box-tools > *:hover {
  color: var(--_c-text);
}
._box-input > [role="content"]:has(textarea) ._box-tools {
  flex-direction: column;
  right: 1rem;
}
._box-input > [role="content"] [role="unit"] {
  font-size: var(--_fs-min);
  color: var(--_c-brief);
  background-color: var(--_c-stage);
  line-height: calc(var(--_sz-list) + 0.2rem);
  height: var(--_sz-list);
  position: absolute;
  right: var(--_g-sm);
  top: calc((var(--_form-h) - var(--_sz-list))/2);
}
._box-input > [role="help"] {
  display: inline-flex;
  align-items: center;
  line-height: var(--_form-h);
  height: var(--_form-h);
}
._box-input > [role="help"] > * {
  margin-left: var(--_g-sm);
}
._box-input > [role="help"] [role="text"] {
  line-height: calc(var(--_form-h)/2);
  height: var(--_form-h);
  display: inline-flex;
  align-items: center;
}
._box-input > [role="help"] [role="disk"],
._box-input > [role="help"] [role="cube"],
._box-input > [role="help"] [role="image"] {
  height: var(--_form-h);
  display: inline-flex;
}
._box-input > [role="help"] [role="disk"] img,
._box-input > [role="help"] [role="cube"] img,
._box-input > [role="help"] [role="image"] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
._box-input > [role="help"] [role="disk"],
._box-input > [role="help"] [role="cube"] {
  aspect-ratio: 1/1;
}
._box-input > [role="help"] [role="image"],
._box-input > [role="help"] [role="cube"] {
  border-radius: var(--_r);
}
._box-input > [role="help"] [role="disk"] {
  border-radius: 100%;
}
._box-input > [role="help"] AX-BTN {
  --_btn-fs: var(--_sz-ignore);
}
._box-input input:where(:not([type="radio"], [type="checkbox"], [type="color"], [type="submit"], [type="reset"])),
._box-input select,
._box-input textarea,
._box-input progress,
._box-input meter {
  min-width: auto;
  width: 100%;
}
._box-input:where(:not(._in-compact)) > [role=help] AX-BTN {
  --_btn-p-lr: var(--_form-in-gap);
}
._box-input:where(._in-embed) > [role="label"] {
  text-align: left;
  justify-content: flex-start;
  padding-left: var(--_form-in-gap);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
._box-input:where(._in-embed) > [role=content] > [role=input] input:where(:not([type="radio"], [type="checkbox"], [type="range"], [type="reset"], [type="submit"])),
._box-input:where(._in-embed) > [role=content] > [role=input] textarea {
  padding-left: var(--_form-lbl-w);
}
._box-input:where(._in-full) > [role="label"],
._box-input:where(._in-apart) > [role="label"] {
  width: auto;
  text-align: left;
  justify-content: flex-start;
}
._box-input:where(._in-full) > [role="content"],
._box-input:where(._in-apart) > [role="content"] {
  width: auto;
  flex: auto;
  text-align: left;
}
:where(._in-full)._box-input > [role="label"] {
  max-width: var(--_w-label);
}
:where(._in-apart)._box-input {
  margin-top: calc(var(--_form-h) + var(--_form-m-tb));
  position: relative;
}
:where(._in-apart)._box-input > [role="label"],
:where(._in-apart)._box-input > [role="help"] {
  position: absolute;
  top: calc(-1*var(--_form-h));
}
:where(._in-apart)._box-input > [role="label"] {
  left: 0;
}
:where(._in-apart)._box-input > [role="help"] {
  right: 0;
}
:where(._in-apart)._box-input > [role="help"] AX-BTN {
  --_btn-h: min();
}
:where(._in-apart)._box-input > [role="help"] [role="disk"],
:where(._in-apart)._box-input > [role="help"] [role="image"],
:where(._in-apart)._box-input > [role="help"] [role="cube"] {
  height: min();
}
:where(._in-compact)._box-input {
  --_form-in-gap: 0;
  --_form-m-tb: 0;
  --_form-p-tb: var(--_sz-font);
  --_form-p-lr: var(--_sz-font);
  border-top: var(--_form-bd-w) solid var(--_c-text-bd);
  margin: 0;
}
:where(._in-compact)._box-input > [role="label"] {
  width: auto;
  max-width: var(--_w-label);
  margin-right: 0;
  text-align: left;
  justify-content: flex-start;
}
:where(._in-compact)._box-input > [role="content"] {
  width: auto;
  flex: auto;
  text-align: left;
}
:where(._in-compact)._box-input > [role="content"] ._box-tools,
:where(._in-compact)._box-input > [role="content"] [role="unit"] {
  right: 0;
}
:where(._in-compact)._box-input > [role="content"] [role="unit"] {
  background-color: transparent;
}
:where(._in-compact)._box-input > [role="content"] input:where(:not([type="radio"], [type="checkbox"], [type="range"], [type="reset"], [type="submit"])),
:where(._in-compact)._box-input > [role="content"] select,
:where(._in-compact)._box-input > [role="content"] select option {
  padding: 0;
}
:where(._in-compact)._box-input > [role="content"] textarea {
  padding-left: 0;
  padding-right: 0;
}
:where(._in-compact)._box-input > [role="content"] input:where(:not([type="radio"], [type="checkbox"], [type="range"], [type="reset"], [type="submit"], [type="color"])),
:where(._in-compact)._box-input > [role="content"] select,
:where(._in-compact)._box-input > [role="content"] textarea,
:where(._in-compact)._box-input > [role="content"] progress,
:where(._in-compact)._box-input > [role="content"] meter {
  min-width: auto;
}
:where(._in-compact)._box-input > [role="content"] input:where(:not([type="radio"], [type="checkbox"], [type="reset"], [type="submit"], [type="color"])),
:where(._in-compact)._box-input > [role="content"] select,
:where(._in-compact)._box-input > [role="content"] textarea,
:where(._in-compact)._box-input > [role="content"] input:where(:not([type="radio"], [type="checkbox"], [type="reset"], [type="submit"], [type="color"])):hover,
:where(._in-compact)._box-input > [role="content"] select:hover,
:where(._in-compact)._box-input > [role="content"] textarea:hover,
:where(._in-compact)._box-input > [role="content"] input:where(:not([type="radio"], [type="checkbox"], [type="reset"], [type="submit"], [type="color"])):focus,
:where(._in-compact)._box-input > [role="content"] select:focus,
:where(._in-compact)._box-input > [role="content"] textarea:focus {
  border-color: transparent;
  outline-color: transparent;
}
:where(._in-compact)._box-input > [role=help] AX-BTN {
  --_btn-h: min();
}
:where(._in-compact)._box-input > [role=help] [role="disk"],
:where(._in-compact)._box-input > [role=help] [role="image"],
:where(._in-compact)._box-input > [role=help] [role="cube"] {
  height: min();
}
._box-input:where(._in-sm, ._in-lg) > [role=content] > [role=input] input:where([type="reset"], [type="submit"]),
._box-input:where(._in-sm, ._in-lg) > [role=content] > [role=input] button,
._box-input:where(._in-sm, ._in-lg) > [role=content] > [role=input] AX-BTN {
  --_btn-h: var(--_form-h);
}
._box-input:where(._in-sm) {
  --_form-h: var(--_sz-body);
  --_form-in-gap: var(--_g-sm);
  --_form-m-tb: var(--_g-sm);
}
._box-input:where(._in-sm) > [role=help] AX-BTN {
  --_btn-fs: var(--_sz-ignore);
  --_btn-p-lr: var(--_form-in-gap);
}
._box-input:where(._in-sm):where(:not(._in-apart, ._in-compact)) > [role=help] AX-BTN {
  --_btn-h: var(--_form-h);
}
._box-input:where(._in-sm)._in-compact {
  --_form-p-tb: var(--_sz-space);
}
._box-input:where(._in-sm)._in-apart {
  --_form-m-tb: var(--_sz-space);
}
._box-input:where(._in-lg) {
  --_form-h: calc(var(--_sz-input) + 1rem);
  --_form-in-gap: var(--_g-md);
}
._box-input:where(._in-lg) > [role=content] > [role=input] input:where([type="reset"], [type="submit"]),
._box-input:where(._in-lg) > [role=content] > [role=input] button,
._box-input:where(._in-lg) > [role=content] > [role=input] AX-BTN {
  --_btn-p-lr: 2.33em;
}
._box-input:where(._in-lg):where(:not(._in-apart, ._in-compact)) > [role=help] AX-BTN {
  --_btn-h: var(--_form-h);
}
@media (any-hover: none) {
  ._box-input > [role=content] > [role=input] select:where([multiple]) {
    min-height: auto;
  }
}
@media screen and (max-width: 900px) {
  ._box-input > [role=help],
  ._box-input > [role=help] > * {
    font-size: var(--_sz-ignore);
  }
  ._box-input:where(:not(._in-apart, ._in-full, ._in-compact, ._in-embed)) {
    --_form-m-lr: var(--_p);
  }
  ._box-input:where(:not(._in-apart, ._in-full, ._in-compact, ._in-embed)) > [role="label"] {
    width: auto;
    justify-content: flex-start;
  }
  ._box-input:where(:not(._in-apart, ._in-full, ._in-compact, ._in-embed)) > [role="content"] {
    width: auto;
    flex: auto;
    text-align: left;
  }
  ._box-input:where(:not(._in-apart, ._in-full, ._in-compact, ._in-embed)) > [role="content"] input:where(:not([type="radio"], [type="checkbox"], [type="range"], [type="reset"], [type="submit"], [type="color"])),
  ._box-input:where(:not(._in-apart, ._in-full, ._in-compact, ._in-embed)) > [role="content"] select,
  ._box-input:where(:not(._in-apart, ._in-full, ._in-compact, ._in-embed)) > [role="content"] textarea,
  ._box-input:where(:not(._in-apart, ._in-full, ._in-compact, ._in-embed)) > [role="content"] progress,
  ._box-input:where(:not(._in-apart, ._in-full, ._in-compact, ._in-embed)) > [role="content"] meter {
    min-width: auto;
  }
  ._box-input:where(._in-embed) > [role="content"] {
    width: auto;
    flex: auto;
    text-align: left;
  }
  ._box-input:where(:not(._in-compact, ._in-embed)) > [role=help] [role=text] {
    width: auto !important;
  }
  :where(._in-full)._box-input > [role="label"] {
    max-width: none;
  }
  ._box-input:where(:not(._in-apart, ._in-compact, ._in-embed)) {
    margin-top: calc(var(--_form-h) + var(--_form-m-tb));
    position: relative;
  }
  ._box-input:where(:not(._in-apart, ._in-compact, ._in-embed)) > [role="label"],
  ._box-input:where(:not(._in-apart, ._in-compact, ._in-embed)) > [role="help"] {
    position: absolute;
    top: calc(-1*var(--_form-h));
  }
  ._box-input:where(:not(._in-apart, ._in-compact, ._in-embed)) > [role="label"] {
    left: 0;
    width: auto !important;
  }
  ._box-input:where(:not(._in-apart, ._in-compact, ._in-embed)) > [role="help"] {
    right: 0;
  }
  ._box-input:where(:not(._in-apart, ._in-compact, ._in-embed)) > [role="help"] AX-BTN {
    --_btn-h: calc(var(--_form-h) - 1rem);
  }
  ._box-input:where(:not(._in-apart, ._in-compact, ._in-embed)) > [role="help"] [role="disk"],
  ._box-input:where(:not(._in-apart, ._in-compact, ._in-embed)) > [role="help"] [role="image"],
  ._box-input:where(:not(._in-apart, ._in-compact, ._in-embed)) > [role="help"] [role="cube"] {
    height: calc(var(--_form-h) - 1rem);
  }
}
/*Wrap*/
[class*="_wrap"] {
  --_wrap-w-1: var(--_w-lg);
  --_wrap-w-2: var(--_w-sm);
  --_wrap-w-3: 100%;
  width: min(var(--_wrap-w-1),var(--_wrap-w-2),var(--_wrap-w-3));
  margin: 0 auto;
  display: block;
  box-sizing: border-box;
}
._wrap-xxs {
  --_wrap-w-1: 60rem;
}
._wrap-xs {
  --_wrap-w-1: 80rem;
}
._wrap-sm {
  --_wrap-w-1: 100rem;
}
._wrap-md {
  --_wrap-w-1: var(--_w-md);
}
/* ._wrap-lg,
._wrap {
  --_wrap-w:var(--_w-lg);
} */
._wrap-xl {
  --_wrap-w-1: var(--_w-xl);
}
._wrap-xxl {
  --_wrap-w-1: var(--_w-xxl);
}
/*animation*/
@keyframes _rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._rotate360 {
  animation-timing-function: linear;
  animation-duration: var(--_dur-6);
  animation-fill-mode: both;
  animation-name: _rotate360;
}
@keyframes _rotate180 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-180deg);
  }
}
._rotate180 {
  animation-duration: var(--_dur-4);
  animation-fill-mode: both;
  animation-name: _rotate180;
}
@keyframes _rotate90 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-90deg);
  }
}
._rotate90 {
  animation-duration: var(--_dur-2);
  animation-fill-mode: both;
  animation-name: _rotate90;
}
@keyframes _rotate45 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-45deg);
  }
}
._rotate45 {
  animation-duration: var(--_dur-2);
  animation-fill-mode: both;
  animation-name: _rotate45;
}
@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,
._remind-v {
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: var(--_dur-5);
  animation-fill-mode: both;
}
._remind-h {
  animation-name: _remind-h;
}
._remind-v {
  animation-name: _remind-v;
}
@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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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: cubic-bezier(0.18, 0.64, 0.56, 1);
  }
  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;
}
[class*="In"]._dur-9,
[class*="Out"]._dur-9,
[class*="rotate"]._dur-9 {
  animation-duration: var(--_dur-9);
}
[class*="In"]._dur-8,
[class*="Out"]._dur-8,
[class*="rotate"]._dur-8 {
  animation-duration: var(--_dur-8);
}
[class*="In"]._dur-7,
[class*="Out"]._dur-7,
[class*="rotate"]._dur-7 {
  animation-duration: var(--_dur-7);
}
[class*="In"]._dur-6,
[class*="Out"]._dur-6,
[class*="rotate"]._dur-6 {
  animation-duration: var(--_dur-6);
}
[class*="In"]._dur-5,
[class*="Out"]._dur-5,
[class*="rotate"]._dur-5 {
  animation-duration: var(--_dur-5);
}
[class*="In"]._dur-4,
[class*="Out"]._dur-4,
[class*="rotate"]._dur-4 {
  animation-duration: var(--_dur-4);
}
[class*="In"]._dur-3,
[class*="Out"]._dur-3,
[class*="rotate"]._dur-3 {
  animation-duration: var(--_dur-3);
}
[class*="In"]._dur-2,
[class*="Out"]._dur-2,
[class*="rotate"]._dur-2 {
  animation-duration: var(--_dur-2);
}
[class*="In"]._dur-1,
[class*="Out"]._dur-1,
[class*="rotate"]._dur-1 {
  animation-duration: var(--_dur-1);
}
/*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 {
  --_input-lh: var(--_sz-input);
  --_input-h: var(--_sz-input);
  --_input-align-v: center;
  line-height: var(--_input-lh);
  height: var(--_input-h);
  display: inline-flex;
  vertical-align: middle;
}
AX-RADIO label,
AX-CHECKBOX label {
  box-sizing: border-box;
  height: inherit;
  display: inherit;
  align-items: var(--_input-align-v);
  position: relative;
}
AX-RADIO input,
AX-CHECKBOX input {
  position: fixed;
  left: -100000px;
}
/*Radio*/
AX-RADIO:where(:not([type])),
AX-RADIO:where(:not([type])) i {
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all var(--_dur-2) linear;
}
AX-RADIO:where(:not([type])) u ~ i:where(:not(:empty)) {
  margin-left: var(--_g);
  margin-right: var(--_m-md);
}
AX-RADIO:where(:not([type])) u {
  width: var(--_sz-brief);
  height: var(--_sz-brief);
  line-height: var(--_sz-brief);
  position: relative;
  display: inline-flex;
}
AX-RADIO:where(:not([type])) 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])) 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])):where(:hover) u:before {
  border-color: var(--_c-prim);
}
AX-RADIO:where(:not([type])) input:where(:checked) ~ u:before {
  border-color: var(--_c-prim);
  animation: _checked var(--_dur-3) ease-out forwards;
}
AX-RADIO:where(:not([type])) input:where(:checked) ~ u:after {
  transform: scale(1);
}
AX-RADIO:where(:not([type])) input:where(:checked) + i {
  color: var(--_c-prim);
}
AX-RADIO:where(:not([type])):where([check=ing]:not(:has(input:checked))) input ~ u:before {
  border-color: var(--_c-prim);
}
AX-RADIO:where(:not([type])):where([check=ing]:not(:has(input:checked))) input ~ u:after {
  background-color: var(--_c-prim-bd);
  transform: scale(1);
}
AX-RADIO:where(:not([type])) input:where(:focus) ~ u:before {
  outline: none;
  border-color: var(--_c-prim);
}
AX-RADIO:where(:not([type])) input:where(:disabled) ~ i {
  color: var(--_c-disable);
  cursor: not-allowed;
}
AX-RADIO:where(:not([type])) input:where(:disabled) ~ u:before {
  border-color: var(--_c-text-bd);
  cursor: not-allowed;
}
AX-RADIO:where(:not([type])) input:where(:disabled) ~ u:after {
  cursor: not-allowed;
}
AX-RADIO:where(:not([type])) input:disabled:checked ~ u:before {
  background-color: var(--_c-prim-sd);
}
AX-RADIO:where(:not([type])) input:where(:disabled:checked) ~ u:after {
  background-color: var(--_c-disable-bg);
  transform: scale(1);
}
AX-RADIO:where(:not([type]))[size=xs] {
  height: var(--_sz-list);
  line-height: var(--_sz-list);
}
AX-RADIO:where(:not([type]))[size=xs] u ~ i {
  margin-right: var(--_m);
}
AX-RADIO:where(:not([type]))[size=sm] {
  height: calc(var(--_sz-body));
  line-height: calc(var(--_sz-body));
}
AX-RADIO:where(:not([type]))[size=sm] u ~ i {
  margin-right: var(--_m);
}
AX-RADIO:where(:not([type]))[size=lg] {
  height: calc(var(--_sz-body) + 2rem);
  line-height: calc(var(--_sz-body) + 2rem);
}
/*Checkbox*/
AX-CHECKBOX:where(:not([type])) label {
  display: inline-flex;
}
AX-CHECKBOX:where(:not([type])) i {
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all var(--_dur-2) linear;
}
AX-CHECKBOX:where(:not([type])) u ~ i {
  margin-left: var(--_g);
  margin-right: var(--_m-md);
}
AX-CHECKBOX:where(:not([type])) u {
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  position: relative;
  display: inline-flex;
}
AX-CHECKBOX:where(:not([type])) u:before {
  content: '';
  width: inherit;
  height: inherit;
  box-sizing: border-box;
  border-radius: 0.3rem;
  border: 1px solid var(--_c-text-bd);
  background-color: var(--_c-stage);
  transition: all var(--_dur-2) ease-out;
}
AX-CHECKBOX:where(:not([type])) u:after {
  font-family: var(--_ff-icon);
  content: 'check';
  color: var(--_c-stage);
  font-size: var(--_sz-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])):where(:hover) u:before {
  border-color: var(--_c-prim);
}
AX-CHECKBOX:where(:not([type])) 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])) input:where(:checked) ~ u:after {
  transform: scale(0.8);
}
AX-CHECKBOX:where(:not([type])) input:where(:checked) + i {
  color: var(--_c-prim);
}
AX-CHECKBOX:where(:not([type])):where([check=ing]:not(:has(input:checked))) input ~ u:before {
  border-color: var(--_c-prim);
}
AX-CHECKBOX:where(:not([type])):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])) input:where(:focus) ~ u:before {
  outline: none;
  border-color: var(--_c-prim);
}
AX-CHECKBOX:where(:not([type])) input:where(:disabled) ~ i {
  color: var(--_c-disable);
  cursor: not-allowed;
}
AX-CHECKBOX:where(:not([type])) 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])) input:where(:disabled:checked) ~ u:before {
  background-color: var(--_c-prim-sd);
}
AX-CHECKBOX:where(:not([type])) input:where(:disabled:checked) ~ u:after {
  color: var(--_c-disable);
  transform: scale(0.8);
  cursor: not-allowed;
}
AX-CHECKBOX:where(:not([type]))[size=xs] {
  height: var(--_sz-list);
  line-height: var(--_sz-list);
}
AX-CHECKBOX:where(:not([type]))[size=sm] {
  height: var(--_sz-body);
  line-height: var(--_sz-body);
}
AX-CHECKBOX:where(:not([type]))[size=lg] {
  height: calc(var(--_sz-body) + 2rem);
  line-height: calc(var(--_sz-body) + 2rem);
}
AX-CHECKBOX:where(:not([type])):has(i:empty) {
  height: var(--_sz-list);
  line-height: var(--_sz-list);
}
AX-CHECKBOX:where(:not([type])):has(i:empty) i {
  display: none;
}
/*Chera of checkbox & radio*/
AX-CHECKBOX[type=chera],
AX-RADIO[type=chera] {
  display: block;
  /*   ._chera._b-lg i {
    height: var(--_sz-input);
    line-height: calc(var(--_sz-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: calc(100% - 1rem);
  line-height: calc(var(--_sz-input) - 1rem - 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: 0.3rem;
  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(--_sz-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-stage);
  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-stage);
}
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(--_sz-list);
  line-height: var(--_sz-list);
  font-size: var(--_sz-ingore);
}
AX-CHECKBOX[type=chera][size=xs] i,
AX-RADIO[type=chera][size=xs] i {
  height: calc(var(--_sz-list) - 0.2rem);
  line-height: calc(var(--_sz-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(--_sz-body);
  line-height: var(--_sz-body);
}
AX-CHECKBOX[type=chera][size=sm] i,
AX-RADIO[type=chera][size=sm] i {
  height: calc(var(--_sz-body) - 0.2rem);
  line-height: calc(var(--_sz-body) - 0.2rem - 0.2rem);
}
AX-CHECKBOX[type=chera][size=lg],
AX-RADIO[type=chera][size=lg] {
  height: calc(var(--_sz-input) + 1rem);
  line-height: calc(var(--_sz-input) + 1rem);
}
AX-CHECKBOX[type=chera][size=lg] i,
AX-RADIO[type=chera][size=lg] i {
  height: var(--_sz-input);
  line-height: calc(var(--_sz-input) - 0.2rem);
}
/*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(--_sz-list);
  box-sizing: border-box;
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_sz-list);
  margin: calc((var(--_sz-input) - var(--_sz-list))/2) 0;
  background-color: var(--_c-stage);
  transition: all var(--_dur-2) linear;
  position: relative;
}
AX-CHECKBOX[type=switch] u:before {
  content: '';
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  background-color: var(--_c-stage);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.4);
  transition: all var(--_dur-2) linear;
  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] {
  height: var(--_sz-list);
  line-height: var(--_sz-list);
}
AX-CHECKBOX[type=switch][size=sm] {
  height: var(--_sz-body);
  line-height: var(--_sz-body);
}
AX-CHECKBOX[type=switch][size=lg] {
  height: calc(var(--_sz-input) + 1rem);
  line-height: calc(var(--_sz-input) + 1rem);
}
/*Group button*/
/*Header*/
AX-HEADER {
  --_header-height: calc(var(--_sz-header) + 1rem);
  --_header-gap: var(--_m);
  --_child-gap: var(--_sz-body);
  display: block;
  width: 100%;
  position: relative;
  z-index: 710;
}
AX-HEADER ._header-wrap {
  width: 100%;
  box-sizing: border-box;
  background-color: var(--_c-stage);
  border-bottom: 1px solid var(--_c-text-bd);
  transition: all var(--_dur-2) linear;
  display: flex;
  align-items: center;
  flex: auto;
}
AX-HEADER ._header-holder {
  height: calc(var(--_sz-header) + 1rem);
  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)) {
  color: var(--_c-text);
  height: var(--_sz-input);
  aspect-ratio: 1 / 1;
  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(--_sz-brief);
}
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*="_wrap"] {
  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 [role=logo] {
  height: var(--_header-height);
  transition: all var(--_dur-2) linear;
  vertical-align: middle;
  position: relative;
}
AX-HEADER [role=logo] img {
  max-width: none;
  height: inherit;
}
AX-HEADER ._header-c [class*="_wrap"] {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
AX-HEADER ._header-c [class*="_wrap"] > ._header-head {
  margin-left: 0;
}
AX-HEADER ._header-c [class*="_wrap"] > ._header-body {
  margin-right: 0;
}
AX-HEADER [role=nav] {
  margin-left: var(--_child-gap);
  display: flex;
  justify-content: center;
  align-items: center;
}
AX-HEADER [role=nav] ._group-lamp {
  --_group-height: var(--_header-height);
}
AX-HEADER [role=nav] ._grade > [role=host] {
  line-height: var(--_header-height);
}
AX-HEADER [role=nav] ._menu[row] {
  --_menu-h-1st: var(--_header-height);
}
AX-HEADER [role=btns] {
  margin-left: var(--_child-gap);
}
AX-HEADER [role=link] {
  color: var(--_c-text);
  margin-left: var(--_child-gap);
}
AX-HEADER [role=link]:hover {
  color: var(--_c-prim);
}
AX-HEADER [role=icons] {
  margin-left: var(--_child-gap);
  padding: 0 var(--_p);
  height: var(--_header-height);
  display: inline-flex;
  align-items: center;
}
AX-HEADER [role=icons] > * {
  color: var(--_c-text);
  height: var(--_sz-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 [role=icons] > *:has([class*="_icon-"]) {
  aspect-ratio: 1 / 1;
  justify-content: center;
}
AX-HEADER [role=icons] > * [class*="_icon-"] {
  font-size: var(--_sz-brief);
}
AX-HEADER [role=icons] > * [class*="_icon-"] + AX-BADGE {
  position: absolute;
  bottom: calc(100% - 1.6rem);
  left: calc(100% - 1.2rem);
}
AX-HEADER [role=dropdown] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: var(--_child-gap);
}
AX-HEADER [role=dropdown]:after {
  content: 'down';
  font-family: var(--_ff-icon);
  font-size: var(--_fs-arrow);
  color: var(--_c-ignore);
  margin-left: var(--_g);
  transition: all var(--_dur-2) linear;
}
AX-HEADER [role=dropdown]._opened:after {
  rotate: 180deg;
}
AX-HEADER [role=avatar] {
  margin-left: var(--_child-gap);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
AX-HEADER [role=avatar]:after {
  content: 'down';
  font-family: var(--_ff-icon);
  font-size: var(--_fs-arrow);
  color: var(--_c-ignore);
  margin-left: var(--_g);
  transition: all var(--_dur-2) linear;
}
AX-HEADER [role=avatar]._opened:after {
  rotate: 180deg;
}
._header {
  --_header-height: calc(var(--_sz-header) + 1rem);
  --_header-gap: var(--_m);
  --_child-gap: var(--_sz-body);
  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: 900px) {
  AX-HEADER ._header-l,
  AX-HEADER ._header-r {
    display: flex;
  }
  AX-HEADER ._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 [role=signs] {
  display: inline-flex;
  font-size: var(--_sz-ignore);
  line-height: var(--_sz-list);
}
._footer [role=signs] > * {
  color: var(--_c-brief);
  flex: auto;
  text-align: center;
  display: inline-flex;
  flex-direction: column;
}
._footer [role=signs] > * img {
  height: var(--_sz-list);
  aspect-ratio: 1/1;
  filter: grayscale(100%);
  transition: all var(--_dur-2) linear;
}
._footer [role=signs] > *:hover {
  color: var(--_c-text);
}
._footer [role=signs] > *:hover img {
  filter: grayscale(0);
}
._footer [role=signs] > *:where(:not(:last-child)) {
  margin-right: var(--_sz-body);
}
._footer [role=qrcode] {
  display: inline-flex;
  flex-direction: column;
}
._footer [role=qrcode] [role=caption] {
  font-weight: bold;
}
._footer [role=qrcode] [role=body] {
  display: inline-flex;
}
._footer [role=qrcode] [role=body] img {
  max-width: var(--_w-label);
  border-radius: var(--_r);
  border: 1px solid var(--_c-divide);
}
._footer [role=qrcode] [role=brief] {
  font-size: var(--_sz-ignore);
}
._footer [role=subnav] {
  display: inline-flex;
  max-width: 100%;
}
._footer [role=subnav] > * {
  flex: auto;
  min-width: var(--_w-list);
}
._footer [role=subnav] > * [role=caption] {
  font-weight: bold;
}
._footer [role=nav] {
  display: inline-flex;
}
._footer [role=nav] > *:where(:not(:last-child)) {
  margin-right: var(--_sz-body);
}
._footer [role=security] {
  display: inline-flex;
  align-items: center;
}
._footer [role=security] > a {
  display: inline-flex;
}
._footer [role=security] > a:where(:not(:last-child)) {
  margin-right: var(--_sz-space);
}
._footer [role=security] img {
  height: var(--_sz-body);
}
._footer [role=icons] {
  display: inline-flex;
  align-items: center;
}
._footer [role=icons] > :where(:not(:last-child)) {
  margin-right: var(--_sz-font);
}
._footer [role=balls] {
  display: inline-flex;
  align-items: center;
}
._footer [role=balls] > a {
  font-size: var(--_sz-ignore);
  color: var(--_c-stage);
  background-color: var(--_c-text);
  height: var(--_sz-body);
  aspect-ratio: 1/1;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
._footer [role=balls] > a:hover {
  color: var(--_c-text-ht);
}
._footer [role=balls] > a:where(:not(:last-child)) {
  margin-right: var(--_sz-font);
}
._footer [role=contact] {
  display: inline-flex;
  flex-direction: column;
}
._footer [role=contact] [role=caption] {
  font-weight: bold;
}
._footer [role=contact] [role=icon] {
  text-align: left;
  width: var(--_sz-list);
}
._footer [role=cprt],
._footer [role=ignore] {
  line-height: var(--_sz-list);
}
._footer [role=cprt] a:hover,
._footer [role=ignore] a:hover {
  color: var(--_c-prim);
}
._footer [role=cprt] img,
._footer [role=ignore] img {
  max-height: var(--_sz-brief);
  vertical-align: middle;
}
._footer [role=cprt] {
  color: var(--_c-brief);
}
._footer [role=cprt] a {
  color: var(--_c-brief);
}
._footer [role=ignore] {
  font-size: var(--_sz-ignore);
  color: var(--_c-ignore);
}
._footer [role=ignore] a {
  color: var(--_c-ignore);
}
/*Deform*/
AX-DEFORM {
  --_size-w: 1.6rem;
  --_size-h: 0.2rem;
  --_theme: var(--_c-text);
  height: var(--_sz-input);
  aspect-ratio: 1 / 1;
  line-height: var(--_sz-input);
  display: inline-flex;
  text-align: center;
  cursor: pointer;
  border-radius: var(--_r);
  transition: all var(--_dur-2) linear;
  vertical-align: middle;
  position: relative;
}
AX-DEFORM:before {
  border-radius: var(--_r);
  border-color: var(--_theme);
}
AX-DEFORM > * {
  height: var(--_size-h);
  width: var(--_size-w);
  background-color: var(--_theme);
  border-radius: var(--_size-h);
  transition: all var(--_dur-2) linear;
  position: absolute;
  left: calc((100% - var(--_size-w))/2);
  top: calc((100% - var(--_size-h))/2);
}
AX-DEFORM[type="info"] > :nth-child(1) {
  width: var(--_size-h);
  top: calc((100% - var(--_size-w))/2);
  left: calc((100% - var(--_size-h))/2);
}
AX-DEFORM[type="info"] > :nth-child(2) {
  width: calc(var(--_size-w) - var(--_size-h));
  transform: rotate(90deg);
  top: calc(50% + var(--_size-h));
  left: calc((100% - (calc(var(--_size-w) - var(--_size-h))))/2);
}
AX-DEFORM[type="info"] > :nth-child(3) {
  opacity: 0;
}
AX-DEFORM[type="add"] > :nth-child(2) {
  transform: rotate(90deg);
}
AX-DEFORM[type="add"] > :nth-child(3) {
  opacity: 0;
}
AX-DEFORM[type="close"] > :nth-child(1) {
  transform: rotate(-45deg);
}
AX-DEFORM[type="close"] > :nth-child(2) {
  transform: rotate(45deg);
}
AX-DEFORM[type="close"] > :nth-child(3) {
  opacity: 0;
}
AX-DEFORM[type="left"],
AX-DEFORM[type="right"],
AX-DEFORM[type="up"],
AX-DEFORM[type="down"] {
  --_size-w: 1rem;
}
AX-DEFORM[type="left"] > :nth-child(1),
AX-DEFORM[type="right"] > :nth-child(1),
AX-DEFORM[type="up"] > :nth-child(1),
AX-DEFORM[type="down"] > :nth-child(1) {
  transform: rotate(-45deg);
}
AX-DEFORM[type="left"] > :nth-child(2),
AX-DEFORM[type="right"] > :nth-child(2),
AX-DEFORM[type="up"] > :nth-child(2),
AX-DEFORM[type="down"] > :nth-child(2) {
  transform: rotate(45deg);
}
AX-DEFORM[type="left"] > :nth-child(3),
AX-DEFORM[type="right"] > :nth-child(3),
AX-DEFORM[type="up"] > :nth-child(3),
AX-DEFORM[type="down"] > :nth-child(3) {
  opacity: 0;
}
AX-DEFORM[type="left"] > :nth-child(1) {
  top: calc(50% - 0.3rem);
}
AX-DEFORM[type="left"] > :nth-child(2) {
  top: calc(50% + 0.3rem);
}
AX-DEFORM[type="right"] > :nth-child(1) {
  top: calc(50% + 0.3rem);
}
AX-DEFORM[type="right"] > :nth-child(2) {
  top: calc(50% - 0.3rem);
}
AX-DEFORM[type="up"] > :nth-child(1) {
  left: calc(50% - 0.8rem);
}
AX-DEFORM[type="up"] > :nth-child(2) {
  left: calc(50% - 0.2rem);
}
AX-DEFORM[type="down"] > :nth-child(1) {
  left: calc(50% - 0.2rem);
}
AX-DEFORM[type="down"] > :nth-child(2) {
  left: calc(50% - 0.8rem);
}
AX-DEFORM[type*="menu"] > :nth-child(1) {
  top: calc(50% - 0.6rem);
}
AX-DEFORM[type*="menu"] > :nth-child(3) {
  top: calc(50% + 0.4rem);
}
AX-DEFORM[type="menuLeft"] > :nth-child(1),
AX-DEFORM[type="menuRight"] > :nth-child(1) {
  width: calc(var(--_size-w)*0.625);
}
AX-DEFORM[type="menuLeft"] > :nth-child(3),
AX-DEFORM[type="menuRight"] > :nth-child(3) {
  width: calc(var(--_size-w)*0.875);
}
AX-DEFORM[type="menuRight"] > * {
  left: auto;
  right: calc((100% - var(--_size-w))/2);
}
AX-DEFORM[bordered]:before,
AX-DEFORM[shape]:before {
  content: "";
  box-sizing: border-box;
  border: 1px solid var(--_c-text-bd);
  width: 100%;
  height: 100%;
  pointer-events: none;
  transform-origin: 0 0;
  position: absolute;
  left: 0;
  top: 0;
}
AX-DEFORM[shape="square"],
AX-DEFORM[shape="square"]:before {
  border-radius: 0;
}
AX-DEFORM[shape="round"],
AX-DEFORM[shape="round"]:before {
  border-radius: 100%;
}
AX-DEFORM[size="lg"] {
  --_size-w: 2.4rem;
  height: calc(var(--_sz-header) + 1rem);
}
AX-DEFORM[size="lg"]:where([type*="menu"]) > :nth-child(1) {
  top: calc(50% - 0.8rem);
}
AX-DEFORM[size="lg"]:where([type*="menu"]) > :nth-child(3) {
  top: calc(50% + 0.6rem);
}
AX-DEFORM[size="lg"]:where([type="left"]),
AX-DEFORM[size="lg"]:where([type="right"]),
AX-DEFORM[size="lg"]:where([type="up"]),
AX-DEFORM[size="lg"]:where([type="down"]) {
  --_size-w: 1.4rem;
}
AX-DEFORM[size="lg"]:where([type="left"]) > :nth-child(1) {
  top: calc(50% - 0.4rem);
}
AX-DEFORM[size="lg"]:where([type="left"]) > :nth-child(2) {
  top: calc(50% + 0.4rem);
}
AX-DEFORM[size="lg"]:where([type="right"]) > :nth-child(1) {
  top: calc(50% + 0.4rem);
}
AX-DEFORM[size="lg"]:where([type="right"]) > :nth-child(2) {
  top: calc(50% - 0.4rem);
}
AX-DEFORM[size="lg"]:where([type="up"]) > :nth-child(1) {
  left: calc(50% - 1.1rem);
}
AX-DEFORM[size="lg"]:where([type="up"]) > :nth-child(2) {
  left: calc(50% - 0.2rem);
}
AX-DEFORM[size="lg"]:where([type="down"]) > :nth-child(1) {
  left: calc(50% - 0.2rem);
}
AX-DEFORM[size="lg"]:where([type="down"]) > :nth-child(2) {
  left: calc(50% - 1.1rem);
}
AX-DEFORM[size="sm"] {
  --_size-w: 1.2rem;
  height: var(--_sz-body);
}
AX-DEFORM[size="sm"]:where([type*="menu"]) > :nth-child(1) {
  top: calc(50% - 0.5rem);
}
AX-DEFORM[size="sm"]:where([type*="menu"]) > :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"]) {
  --_size-w: 0.8rem;
}
AX-DEFORM[size="sm"]:where([type="left"]) > :nth-child(1) {
  top: calc(50% - 0.2rem);
}
AX-DEFORM[size="sm"]:where([type="left"]) > :nth-child(2) {
  top: calc(50% + 0.2rem);
}
AX-DEFORM[size="sm"]:where([type="right"]) > :nth-child(1) {
  top: calc(50% + 0.2rem);
}
AX-DEFORM[size="sm"]:where([type="right"]) > :nth-child(2) {
  top: calc(50% - 0.2rem);
}
AX-DEFORM[size="sm"]:where([type="up"]) > :nth-child(1) {
  left: calc(50% - 0.6rem);
}
AX-DEFORM[size="sm"]:where([type="up"]) > :nth-child(2) {
  left: calc(50% - 0.1rem);
}
AX-DEFORM[size="sm"]:where([type="down"]) > :nth-child(1) {
  left: calc(50% - 0.1rem);
}
AX-DEFORM[size="sm"]:where([type="down"]) > :nth-child(2) {
  left: calc(50% - 0.6rem);
}
AX-DEFORM[theme="prim"] {
  --_theme: var(--_c-prim);
}
AX-DEFORM[theme="succ"] {
  --_theme: var(--_c-succ);
}
AX-DEFORM[theme="error"] {
  --_theme: var(--_c-error);
}
AX-DEFORM[theme="warn"] {
  --_theme: var(--_c-warn);
}
AX-DEFORM[theme="info"] {
  --_theme: var(--_c-info);
}
AX-DEFORM[theme="issue"] {
  --_theme: var(--_c-issue);
}
AX-DEFORM[theme="text"] {
  --_theme: var(--_c-text);
}
AX-DEFORM[theme="ignore"] {
  --_theme: var(--_c-ignore);
}
AX-DEFORM[filled] {
  background-color: var(--_theme);
}
AX-DEFORM[filled]:before {
  display: none;
}
AX-DEFORM[filled] > * {
  background-color: var(--_c-stage);
}
AX-DEFORM[disabled] {
  cursor: not-allowed;
}
AX-DEFORM[disabled] {
  opacity: var(--_o-disabled);
}
/*Spin*/
AX-SPIN {
  --_size-spin: var(--_sz-body);
  display: inline-block;
  width: var(--_size-spin);
  vertical-align: middle;
  animation: _rotate360 1s linear infinite;
  background: transparent;
  box-sizing: border-box;
  border: 0.2rem solid var(--_c-prim-sd);
  border-bottom-color: var(--_c-prim);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: inline-flex;
}
AX-SPIN[theme=succ] {
  border-color: var(--_c-succ-sd);
  border-bottom-color: var(--_c-succ);
}
AX-SPIN[theme=error] {
  border-color: var(--_c-error-sd);
  border-bottom-color: var(--_c-error);
}
AX-SPIN[theme=info] {
  border-color: var(--_c-info-sd);
  border-bottom-color: var(--_c-info);
}
AX-SPIN[theme=warn] {
  border-color: var(--_c-warn-sd);
  border-bottom-color: var(--_c-warn);
}
AX-SPIN[theme=issue] {
  border-color: var(--_c-issue-sd);
  border-bottom-color: var(--_c-issue);
}
AX-SPIN[theme=text] {
  border-color: var(--_c-text-sd);
  border-bottom-color: var(--_c-text);
}
AX-SPIN[theme=brief] {
  border-color: var(--_c-brief-sd);
  border-bottom-color: var(--_c-brief);
}
AX-SPIN[theme=ignore] {
  border-color: var(--_c-ignore-sd);
  border-bottom-color: var(--_c-ignore);
}
AX-SPIN[dark] {
  border-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: #fff;
}
/*Divider*/
AX-LINE {
  --_size-line: 1px;
  --_dir-start: right;
  --_dir-end: left;
  --_color-start: var(--_c-text-bd);
  --_color-center: var(--_c-ignore);
  --_offset-start: 2em;
  --_break: 0px;
  display: block;
  clear: both;
}
AX-LINE [role=wrap] {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  overflow: hidden;
}
AX-LINE [role=start],
AX-LINE [role=end] {
  height: var(--_size-line);
  background-color: var(--_color-start);
  flex: auto;
}
AX-LINE [role=label] {
  color: var(--_color-center);
  margin: auto var(--_m);
}
AX-LINE:where([align=start]:has([role=label])) [role=start],
AX-LINE:where([align=end]:has([role=label])) [role=end] {
  flex: none;
}
AX-LINE:where([align=start]:not([v]):has([role=label])) [role=start],
AX-LINE:where([align=end]:not([v]):has([role=label])) [role=end] {
  width: var(--_offset-start);
}
AX-LINE[type=dashed] [role=start] {
  background: linear-gradient(to var(--_dir-start), var(--_color-start) 0%, var(--_color-start) 50%, transparent 50%, transparent 100%);
  background-position: left center;
}
AX-LINE[type=dashed] [role=end] {
  background: linear-gradient(to var(--_dir-end), var(--_color-start) 0%, var(--_color-start) 50%, transparent 50%, transparent 100%);
  background-position: right center;
}
AX-LINE[type=dashed] [role=start],
AX-LINE[type=dashed] [role=end] {
  background-size: calc(var(--_size-line)*10) var(--_size-line);
  background-repeat: repeat-x;
}
AX-LINE[type=slash] [role=start],
AX-LINE[type=slash] [role=end] {
  background: linear-gradient(45deg, var(--_color-start) 0, var(--_color-start) 25%, transparent 25%, transparent 50%, var(--_color-start) 50%, var(--_color-start) 75%, transparent 75%, transparent);
  background-size: 0.6rem 0.6rem;
}
AX-LINE[size=sm] [role=start],
AX-LINE[size=sm] [role=end] {
  --_size-line: 2px;
}
AX-LINE[size=md] {
  font-size: var(--_sz-title);
}
AX-LINE[size=md] [role=start],
AX-LINE[size=md] [role=end] {
  --_size-line: 4px;
}
AX-LINE[size=lg] {
  font-size: var(--_fs-lg);
}
AX-LINE[size=lg] [role=start],
AX-LINE[size=lg] [role=end] {
  --_size-line: 8px;
}
AX-LINE[theme=prim] {
  --_color-start: var(--_c-prim-bd);
  --_color-center: var(--_c-prim);
}
AX-LINE[theme=error] {
  --_color-start: var(--_c-error-bd);
  --_color-center: var(--_c-error);
}
AX-LINE[theme=succ] {
  --_color-start: var(--_c-succ-bd);
  --_color-center: var(--_c-succ);
}
AX-LINE[theme=info] {
  --_color-start: var(--_c-info-bd);
  --_color-center: var(--_c-info);
}
AX-LINE[theme=warn] {
  --_color-start: var(--_c-warn-bd);
  --_color-center: var(--_c-warn);
}
AX-LINE[theme=issue] {
  --_color-start: var(--_c-issue-bd);
  --_color-center: var(--_c-issue);
}
AX-LINE[theme=text] {
  --_color-start: var(--_c-text-bd);
  --_color-center: var(--_c-text);
}
AX-LINE[v] {
  --_dir-start: bottom;
  --_dir-end: top;
  width: var(--_size-line);
  height: 100%;
}
AX-LINE[v] [role=wrap] {
  width: inherit;
  height: inherit;
  flex-direction: column;
}
AX-LINE[v]:has([role=label]) {
  width: var(--_sz-body);
}
AX-LINE[v] [role=label] {
  writing-mode: vertical-rl;
  margin: var(--_m) auto;
}
AX-LINE[v] [role=start],
AX-LINE[v] [role=end] {
  width: var(--_size-line);
  height: auto;
}
AX-LINE[v]:where([align=start]:has([role=label])) [role=start],
AX-LINE[v]:where([align=end]:has([role=label])) [role=end] {
  height: var(--_offset-start);
}
AX-LINE[v][type=dashed] [role=start],
AX-LINE[v][type=dashed] [role=end] {
  background-size: var(--_size-line) calc(var(--_size-line)*10);
  background-repeat: repeat-y;
}
AX-LINE:where(:not([v])) {
  margin-top: var(--_break);
  margin-bottom: var(--_break);
}
AX-LINE:where([v]) {
  margin-left: var(--_break);
  margin-right: var(--_break);
}
AX-LINE[break=xxs] {
  --_break: var(--_sz-min);
}
AX-LINE[break=xs] {
  --_break: var(--_sz-space);
}
AX-LINE[break=sm] {
  --_break: var(--_sz-font);
}
AX-LINE[break=md] {
  --_break: var(--_sz-list);
}
AX-LINE[break=lg] {
  --_break: var(--_sz-body);
}
AX-LINE[break=xl] {
  --_break: var(--_sz-input);
}
AX-LINE[break=xxl] {
  --_break: var(--_sz-header);
}
/*Badge*/
AX-BADGE {
  --_badge-bg: var(--_c-error);
  --_badge-bd: var(--_c-error);
  --_badge-c: #fff;
  vertical-align: middle;
  display: inline-flex;
}
AX-BADGE [role=wrap] {
  font-size: var(--_fs-min);
  color: var(--_badge-c);
  line-height: calc(1.5em - 2px);
  height: calc(1.5em - 2px);
  padding: 0 5px;
  display: inline-block;
  border-radius: calc(1.5em - 2px);
  box-sizing: border-box;
  background-color: var(--_badge-bg);
}
AX-BADGE:where([glassy]) [role=wrap] {
  --_badge-bg: var(--_c-error-tl);
}
AX-BADGE[theme=prim] [role=wrap] {
  --_badge-bg: var(--_c-prim);
}
AX-BADGE[theme=prim] [role=wrap]:where([glassy]) {
  --_badge-bg: var(--_c-prim-tl);
}
AX-BADGE[theme=succ] [role=wrap] {
  --_badge-bg: var(--_c-succ);
}
AX-BADGE[theme=succ] [role=wrap]:where([glassy]) {
  --_badge-bg: var(--_c-succ-tl);
}
AX-BADGE[theme=warn] [role=wrap] {
  --_badge-c: var(--_c-text);
  --_badge-bg: var(--_c-warn);
}
AX-BADGE[theme=warn] [role=wrap]:where([glassy]) {
  --_badge-bg: var(--_c-warn-tl);
}
AX-BADGE[theme=info] [role=wrap] {
  --_badge-bg: var(--_c-info);
}
AX-BADGE[theme=info] [role=wrap]:where([glassy]) {
  --_badge-bg: var(--_c-info-tl);
}
AX-BADGE[theme=issue] [role=wrap] {
  --_badge-bg: var(--_c-issue);
}
AX-BADGE[theme=issue] [role=wrap]:where([glassy]) {
  --_badge-bg: var(--_c-issue-tl);
}
AX-BADGE[theme=text] [role=wrap] {
  --_badge-bg: var(--_c-text);
}
AX-BADGE[theme=text] [role=wrap]:where([glassy]) {
  --_badge-bg: var(--_c-text-tl);
}
AX-BADGE[theme=brief] [role=wrap] {
  --_badge-bg: var(--_c-brief);
}
AX-BADGE[theme=ignore] [role=wrap] {
  --_badge-c: var(--_c-ignore);
  --_badge-bg: var(--_c-ignore-bg);
}
AX-BADGE[shape=radius] [role=wrap] {
  border-radius: var(--_r);
}
AX-BADGE[shape=square] [role=wrap] {
  border-radius: 0;
}
AX-BADGE[shape=drop] [role=wrap] {
  border-bottom-left-radius: 0;
}
AX-BADGE[type=seal] [role=wrap] {
  --_badge-c: var(--_c-error);
  border: 1px solid var(--_badge-bd);
  line-height: calc(1.5em - 4px);
  padding: 0 4px;
  background: transparent;
}
AX-BADGE[type=seal] [role=wrap]:where([glassy]) {
  opacity: 0.6;
}
AX-BADGE:where([theme=prim])[type=seal] [role=wrap] {
  --_badge-c: var(--_c-prim);
  --_badge-bd: var(--_c-prim);
}
AX-BADGE:where([theme=succ])[type=seal] [role=wrap] {
  --_badge-c: var(--_c-succ);
  --_badge-bd: var(--_c-succ);
}
AX-BADGE:where([theme=warn])[type=seal] [role=wrap] {
  --_badge-c: var(--_c-warn);
  --_badge-bd: var(--_c-warn);
}
AX-BADGE:where([theme=info])[type=seal] [role=wrap] {
  --_badge-c: var(--_c-info);
  --_badge-bd: var(--_c-info);
}
AX-BADGE:where([theme=issue])[type=seal] [role=wrap] {
  --_badge-c: var(--_c-issue);
  --_badge-bd: var(--_c-issue);
}
AX-BADGE:where([theme=text])[type=seal] [role=wrap] {
  --_badge-c: var(--_c-text);
  --_badge-bd: var(--_c-text);
}
AX-BADGE:where([theme=brief])[type=seal] [role=wrap] {
  --_badge-c: var(--_c-brief);
  --_badge-bd: var(--_c-brief);
}
AX-BADGE:where([theme=ignore])[type=seal] [role=wrap] {
  --_badge-c: var(--_c-ignore);
  --_badge-bd: var(--_c-ignore);
}
AX-BADGE [role=wrap]:empty {
  width: 8px;
  height: 8px;
  padding: 0;
  border-radius: 100%;
}
/*Avatar*/
AX-AVATAR {
  --_fs-avatar: var(--_fs);
  --_width-avatar: var(--_sz-input);
  --_r-avatar: calc(var(--_width-avatar)/4);
  --_c-avatar-txt: var(--_c-text-aj);
  --_c-avatar-bg: var(--_c-ignore-bg);
  border-radius: clamp(var(--_r), var(--_r-avatar), var(--_r-lg));
  vertical-align: middle;
  display: inline-flex;
}
AX-AVATAR [role=wrap] {
  font-size: var(--_fs-avatar);
  color: var(--_c-avatar-txt);
  width: var(--_width-avatar);
  aspect-ratio: 1/1;
  background-color: var(--_c-avatar-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 AX-BADGE {
  box-shadow: 0 0 0 0.2rem #fff;
  position: absolute;
  right: -0.8rem;
  top: -0.8rem;
}
AX-AVATAR AX-BADGE:empty {
  right: -0.2rem;
  top: -0.2rem;
}
AX-AVATAR [role="tips"] {
  font-size: var(--_sz-ignore);
  color: #fff;
  width: 100%;
  height: 100%;
  line-height: 1.286em;
  border-radius: inherit;
  background-color: rgba(0, 0, 0, var(--_o-mask));
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  top: 0;
}
AX-AVATAR[size=xxs] {
  --_fs-avatar: var(--_sz-ignore);
  --_width-avatar: var(--_sz-list);
}
AX-AVATAR[size=xs] {
  --_fs-avatar: var(--_sz-ignore);
  --_width-avatar: var(--_sz-body);
}
AX-AVATAR[size=sm] {
  --_width-avatar: var(--_sz-input);
}
AX-AVATAR[size=md] {
  --_width-avatar: calc(var(--_sz-body)*2);
}
AX-AVATAR[size=lg] {
  --_fs-avatar: 1.6rem;
  --_width-avatar: calc(var(--_sz-body)*3);
}
AX-AVATAR[size=xl] {
  --_fs-avatar: 1.8rem;
  --_width-avatar: calc(var(--_sz-body)*4);
}
AX-AVATAR[size=xxl] {
  --_fs-avatar: 2.2rem;
  --_width-avatar: calc(var(--_sz-body)*5);
}
AX-AVATAR:where([size=xs]) [role=mask],
AX-AVATAR:where([size=sm]) [role=mask] {
  font-size: var(--_sz-ignore);
}
AX-AVATAR[shape=square] {
  border-radius: 0;
}
AX-AVATAR[shape=round] {
  border-radius: 100%;
}
AX-AVATAR[theme=prim],
AX-AVATAR[theme=error],
AX-AVATAR[theme=succ],
AX-AVATAR[theme=info],
AX-AVATAR[theme=issue],
AX-AVATAR[theme=text] {
  --_c-avatar-txt: var(--_c-stage);
}
AX-AVATAR[theme=prim] {
  --_c-avatar-bg: var(--_c-prim);
}
AX-AVATAR[theme=error] {
  --_c-avatar-bg: var(--_c-error);
}
AX-AVATAR[theme=succ] {
  --_c-avatar-bg: var(--_c-succ);
}
AX-AVATAR[theme=info] {
  --_c-avatar-bg: var(--_c-info);
}
AX-AVATAR[theme=warn] {
  --_c-avatar-bg: var(--_c-warn);
}
AX-AVATAR[theme=issue] {
  --_c-avatar-bg: var(--_c-issue);
}
AX-AVATAR[theme=text] {
  --_c-avatar-bg: var(--_c-text);
}
AX-AVATAR[theme=prim-lt] {
  --_c-avatar-bg: var(--_c-prim-bg);
  --_c-avatar-txt: var(--_c-prim-dp);
}
AX-AVATAR[theme=error-lt] {
  --_c-avatar-bg: var(--_c-error-bg);
  --_c-avatar-txt: var(--_c-error-dp);
}
AX-AVATAR[theme=succ-lt] {
  --_c-avatar-bg: var(--_c-succ-bg);
  --_c-avatar-txt: var(--_c-succ-dp);
}
AX-AVATAR[theme=info-lt] {
  --_c-avatar-bg: var(--_c-info-bg);
  --_c-avatar-txt: var(--_c-info-dp);
}
AX-AVATAR[theme=issue-lt] {
  --_c-avatar-bg: var(--_c-issue-bg);
  --_c-avatar-txt: var(--_c-issue-dp);
}
AX-AVATAR[theme=warn-lt] {
  --_c-avatar-bg: var(--_c-warn-bg);
  --_c-avatar-txt: var(--_c-text);
}
AX-AVATAR[theme=text-lt] {
  --_c-avatar-bg: var(--_c-text-bg);
  --_c-avatar-txt: var(--_c-text);
}
/*Ajax state*/
/*ajax-state=timeout/abort/error/success/before*/
._ajax-mask {
  position: relative;
}
._ajax-mask:before {
  content: '';
  width: var(--_sz-body);
  margin-left: calc(var(--_sz-body)/-2);
  margin-top: calc(var(--_sz-body)/-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(--_c-prim-sd);
  border-bottom-color: var(--_c-prim);
  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(--_fs-min);
  line-height: 1.5em;
  padding: calc(1em/3) 0;
  display: flex;
  position: relative;
}
._valid [class*="_icon-"] {
  font-size: var(--_fs-min);
  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: 0.3rem;
  --_p-tb: 0.333em;
  --_p-lr: 0.667em;
  font-size: var(--_fs-min);
  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 [role="body"] {
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
._alert [role="caption"] {
  font-weight: bold;
  margin-bottom: 0.333em;
}
._alert [role="icon"] {
  font-size: var(--_fs-min);
  margin-right: 0.333em;
}
._alert [role="close"] {
  font-size: var(--_fs-min);
  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 [role="close"]:hover {
  cursor: pointer;
  opacity: 1;
}
._alert:where([notable]) {
  padding-left: 1.167em;
  padding-top: 1.167em;
  padding-bottom: 1.167em;
}
._alert:where([notable]) [role="icon"] {
  font-size: 2.333em;
  line-height: 1em;
  margin-right: 0.5em;
}
._alert:where([notable]) [role="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;
}
/*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 section {
  --_msg-fs: var(--_sz-font);
  --_msg-txt: var(--_c-text);
  --_msg-bg: var(--_c-stage);
  --_msg-bd: var(--_c-text-bd);
  --_prog-bg: var(--_c-text-bd);
  font-size: var(--_msg-fs);
  color: var(--_msg-txt);
  line-height: var(--_sz-em-brief);
  background-image: linear-gradient(var(--_msg-bg), var(--_msg-bg)), linear-gradient(var(--_c-stage), var(--_c-stage));
  border: 1px solid var(--_msg-bd);
  border-radius: 0.3rem;
  padding: var(--_sz-em-space) var(--_sz-em-font);
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.06);
  margin: var(--_m) var(--_m) 0 var(--_m);
  position: relative;
  display: none;
}
._message section [role="wrapper"] {
  display: flex;
}
._message section [role="body"] {
  flex: auto;
}
._message section [role="heading"] {
  font-weight: bold;
  margin-bottom: var(--_sz-em-min);
}
._message section AX-RESULT {
  --_result-w: var(--_msg-fs);
  margin-right: var(--_sz-min);
  margin-top: 0.143em;
}
._message section [role="close"] {
  font-size: var(--_fs-min);
  color: var(--_c-text);
  width: 1.5em;
  aspect-ratio: 1/1;
  line-height: 1.5em;
  text-align: center;
  opacity: var(--_o-disabled);
  margin-right: calc(-1*var(--_sz-space));
  transition: all var(--_dur-2) linear;
}
._message section [role="close"]:hover {
  cursor: pointer;
  opacity: 1;
}
._message section [role="progress"] {
  height: 2px;
  width: 100%;
  background-color: var(--_prog-bg);
  transition-timing-function: linear;
  position: absolute;
  left: 0;
  bottom: 0;
}
._message section:where([progress="stop"]) [role="progress"] {
  transition-property: none;
  width: 100%;
  opacity: 0;
}
._message section:where([progress="play"]) [role="progress"] {
  transition-property: width;
  width: 0;
  opacity: 1;
}
._message section:where([status="succ"]) {
  --_msg-txt: var(--_c-succ-dp);
  --_msg-bg: var(--_c-succ-bg);
  --_msg-bd: var(--_c-succ-bd);
  --_prog-bg: var(--_c-succ);
}
._message section:where([status="error"]) {
  --_msg-txt: var(--_c-error-dp);
  --_msg-bg: var(--_c-error-bg);
  --_msg-bd: var(--_c-error-bd);
  --_prog-bg: var(--_c-error);
}
._message section:where([status="issue"]) {
  --_msg-txt: var(--_c-issue-dp);
  --_msg-bg: var(--_c-issue-bg);
  --_msg-bd: var(--_c-issue-bd);
  --_prog-bg: var(--_c-issue);
}
._message section:where([status="info"]) {
  --_msg-txt: var(--_c-info-dp);
  --_msg-bg: var(--_c-info-bg);
  --_msg-bd: var(--_c-info-bd);
  --_prog-bg: var(--_c-info);
}
._message section:where([status="warn"]) {
  --_msg-txt: var(--_c-warn-dp);
  --_msg-bg: var(--_c-warn-bg);
  --_msg-bd: var(--_c-warn-bd);
  --_prog-bg: var(--_c-warn);
}
._message section:where([notable]) {
  padding: var(--_sz-font);
}
._message section:where([notable]) AX-RESULT {
  --_result-w: var(--_sz-em-body);
  margin-right: var(--_sz-font);
  margin-top: 0;
}
._message section:where([notable]) [role="heading"] {
  font-size: var(--_sz-em-brief);
  font-weight: normal;
  line-height: 1.56em;
  margin-bottom: 0.444em;
}
._message section:where([notable]) [role="close"] {
  margin-top: -0.6rem;
}
._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"]) section {
  margin-top: calc(var(--_m)/2);
  margin-bottom: calc(var(--_m)/2);
}
._message:where([placement*="-bottom"]) section {
  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;
  vertical-align: middle;
}
AX-RESULT [role=wrap] {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
AX-RESULT [role=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])) [role=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]) [role=icon] ._out {
  animation: var(--_result-ani) 1.5s linear infinite;
}
AX-RESULT:where([to="warn"]) [role=icon] ._out {
  --_result-ani: _draw-waiting2;
}
AX-RESULT[to="succ"] [role=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"] [role=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"] [role=icon] ._bg {
  stroke: var(--_c-succ-bg);
}
AX-RESULT[to="error"] [role=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"] [role=icon] ._bg {
  stroke: var(--_c-error-bg);
}
AX-RESULT[to="error"] [role=icon] ._in-1,
AX-RESULT[to="error"] [role=icon] ._in-2 {
  stroke: var(--_c-error);
  stroke-dasharray: 42 44;
  stroke-dashoffset: -43;
}
AX-RESULT[to="error"] [role=icon] ._in-1 {
  animation: _draw-line 400ms ease-out 800ms forwards;
}
AX-RESULT[to="error"] [role=icon] ._in-2 {
  animation: _draw-line 400ms ease-out 1200ms forwards;
}
AX-RESULT[to="info"] [role=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"] [role=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"] [role=icon] ._in-2 {
  transform-origin: 4.33492rem 2.35856rem;
  animation: _draw-circle 400ms ease-out 800ms forwards;
}
AX-RESULT[to="info"] [role=icon] ._bg {
  stroke: var(--_c-info-bg);
}
AX-RESULT[to="info"] [role=icon] ._circle {
  fill: var(--_c-info);
}
AX-RESULT[to="warn"] [role=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"] [role=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"] [role=icon] ._in-2 {
  transform-origin: 4.33492rem 6.43337rem;
  animation: _draw-circle 400ms ease-out 1200ms forwards;
}
AX-RESULT[to="warn"] [role=icon] ._bg {
  stroke: var(--_c-warn-bg);
}
AX-RESULT[to="warn"] [role=icon] ._circle {
  fill: var(--_c-warn);
}
AX-RESULT[to="issue"] [role=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"] [role=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"] [role=icon] ._in-2 {
  transform-origin: 4.46612rem 6.05502rem;
  animation: _draw-circle 400ms ease-out 1200ms forwards;
}
AX-RESULT[to="issue"] [role=icon] ._bg {
  stroke: var(--_c-issue-bg);
}
AX-RESULT[to="issue"] [role=icon] ._circle {
  fill: var(--_c-issue);
}
AX-RESULT[type="font"] [role=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 [role=wrap] {
  display: inline-block;
}
/*
Last modified: 2024-07-04 17:02:27
*/
/*Ellipsis*/
._ell,
._ell-1,
[class*="_ell-"] {
  --_line-num: 1;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
._ell-hold {
  height: calc(var(--_line-height)*var(--_line-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(--_line-num);
}
._ell-2 {
  --_line-num: 2;
}
._ell-3 {
  --_line-num: 3;
}
._ell-4 {
  --_line-num: 4;
}
._ell-5 {
  --_line-num: 5;
}
._ell-6 {
  --_line-num: 6;
}
._ell-7 {
  --_line-num: 7;
}
._ell-8 {
  --_line-num: 8;
}
._ell-9 {
  --_line-num: 9;
}
._ell-xxl,
._ell-xl,
._ell-lg,
._ell-md,
._ell-sm,
._ell-xs,
._ell-xxs {
  --_line-height: var(--_sz-body);
  line-height: var(--_line-height);
}
._ell-xxl {
  --_line-height: 1.214em;
  font-size: var(--_sz-body);
}
._ell-xl {
  --_line-height: 1.27em;
  font-size: var(--_sz-list);
}
._ell-lg {
  --_line-height: 1.56em;
  font-size: var(--_sz-brief);
}
._ell-md {
  --_line-height: 1.375em;
  font-size: var(--_sz-title);
}
._ell-sm {
  --_line-height: 1.57em;
  font-size: var(--_sz-font);
}
._ell-xs {
  --_line-height: 1.29em;
  font-size: var(--_sz-font);
}
._ell-xxs {
  --_line-height: 1.33em;
  font-size: var(--_sz-ignore);
}
/*Flag Element*/
AX-FLAG {
  --_flag-c-text: #fff;
  --_flag-c-bg: var(--_c-prim);
  font-size: var(--_sz-ignore);
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
AX-FLAG [role=wrap] {
  display: block;
  border-radius: inherit;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
AX-FLAG [role=label] {
  color: var(--_flag-c-text);
  background-color: var(--_flag-c-bg);
  overflow: hidden;
}
AX-FLAG:where(:not([type=circle], [type=horn])) {
  width: 4.2rem;
  aspect-ratio: 1/1;
}
AX-FLAG:where(:not([type=circle], [type=horn])) [role=label] {
  width: 6rem;
  aspect-ratio: 1/1;
  line-height: 10rem;
  text-align: center;
  rotate: -45deg;
  position: absolute;
  top: -3rem;
  left: -3rem;
}
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])) [role=label] {
  top: -3rem;
  left: auto;
  right: -3rem;
  rotate: 45deg;
}
AX-FLAG[type=circle] {
  width: var(--_sz-input);
  aspect-ratio: 1/1;
  border-radius: 100%;
  left: var(--_m);
  top: var(--_m);
}
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(--_m);
}
AX-FLAG[type=horn] {
  width: calc(var(--_sz-header) + 1rem);
  height: var(--_sz-list);
  left: 0;
  top: var(--_m);
}
AX-FLAG[type=horn] i {
  width: calc(100% - 1.2rem);
  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: 0.6rem;
  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: 1.2rem;
}
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-text: var(--_c-text);
  --_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-bg: var(--_c-text);
}
AX-FLAG[theme=ignore] {
  --_flag-c-text: var(--_c-ignore);
  --_flag-c-bg: var(--_c-text-bg);
}
/*Bulletin*/
._bulletin {
  --_blt-h: var(--_sz-em-input);
  --_blt-lh: var(--_sz-em-brief);
  --_blt-pd: var(--_sz-em-font);
  --_blt-sz-legend: var(--_sz-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;
}
._bulletin:where(:not([paddingless])) {
  padding: 0 var(--_blt-pd);
}
._bulletin ._bulletin-body {
  flex: auto;
  width: 0;
  display: flex;
  align-items: var(--_blt-align-v);
}
._bulletin [role=label] {
  color: inherit;
  max-width: 100%;
  transition: all var(--_dur-1) linear;
  flex: auto;
}
._bulletin:where(:not([multiline])) [role=label] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
._bulletin:where(:not([disabled], [active], [selected], [checked])) [role=label]:hover,
._bulletin:where(:not(:has([checked]))) [role=label]:hover {
  color: var(--_c-prim);
}
._bulletin [role=rank] {
  font-size: var(--_sz-ignore);
  color: var(--_c-text-aj);
  background-color: var(--_c-stage);
  width: var(--_sz-brief);
  aspect-ratio: 1/1;
  line-height: var(--_sz-brief);
  margin-right: var(--_sz-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;
}
._bulletin [role=rank]:before {
  content: attr(data-value);
}
._bulletin [role=rank][data-value="1"] {
  color: var(--_c-stage);
  background-color: var(--_c-error);
  border-color: var(--_c-error-dp);
}
._bulletin [role=rank][data-value="2"] {
  color: var(--_c-stage);
  background-color: var(--_c-issue);
  border-color: var(--_c-issue-dp);
}
._bulletin [role=rank][data-value="3"] {
  color: var(--_c-stage);
  background-color: var(--_c-prim);
  border-color: var(--_c-prim-dp);
}
._bulletin [role=arrow],
._bulletin [role=tips] {
  font-size: var(--_sz-font);
  color: var(--_c-ignore);
  margin-left: var(--_sz-space);
}
._bulletin AX-BADGE {
  margin-left: var(--_sz-space);
}
._bulletin [role=arrow][class*='_icon-'] {
  font-size: var(--_sz-ignore);
  color: var(--_c-ignore);
}
._bulletin [role=icon] {
  width: var(--_sz-brief);
  margin-right: var(--_sz-space);
  text-align: center;
}
._bulletin [role=check] {
  font-size: var(--_sz-ignore);
  font-family: var(--_ff-icon);
  margin-left: var(--_sz-space);
}
._bulletin [role=check]:before {
  content: 'check';
}
._bulletin [role=disk],
._bulletin [role=cube] {
  width: var(--_blt-sz-legend);
  aspect-ratio: 1/1;
  margin-right: var(--_sz-space);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--_c-ignore);
  box-sizing: border-box;
  background-color: var(--_c-text-bg);
  position: relative;
}
._bulletin [role=disk] img,
._bulletin [role=cube] img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  transition: all var(--_dur-2) linear;
}
._bulletin [role=disk] img[src=""],
._bulletin [role=cube] img[src=""] {
  display: none;
}
._bulletin [role=disk]:has(img[src=""]):before,
._bulletin [role=cube]:has(img[src=""]):before {
  content: "issue";
  font-family: var(--_ff-icon);
}
._bulletin [role=disk] {
  border-radius: 100%;
}
._bulletin [role=cube] {
  border-radius: var(--_r);
}
._bulletin:has(input:checked) {
  color: var(--_c-prim);
}
._bulletin ._bulletin-body AX-CHECKBOX,
._bulletin ._bulletin-body AX-RADIO {
  width: 100%;
}
._bulletin ._bulletin-body AX-CHECKBOX [role=wrap],
._bulletin ._bulletin-body AX-RADIO [role=wrap] {
  width: 100%;
}
._bulletin ._bulletin-body AX-CHECKBOX i,
._bulletin ._bulletin-body AX-RADIO i {
  margin-right: 0;
  flex: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
._bulletin[selected]:where(:not([disabled])) {
  color: var(--_c-prim);
}
._bulletin[selected]:where(:not([disabled])) [check] {
  color: var(--_c-prim);
}
._bulletin[selected]:where(:not([disabled])) a {
  color: var(--_c-prim);
}
._bulletin[active]:where(:not([disabled])) {
  color: var(--_c-prim);
  background-color: var(--_c-prim-bg);
}
._bulletin[active]:where(:not([disabled])) [check] {
  color: var(--_c-prim);
}
._bulletin[active]:where(:not([disabled])) a {
  color: var(--_c-prim);
}
._bulletin:has([checked]):where(:not([disabled])),
._bulletin[checked]:where(:not([disabled])) {
  color: var(--_c-prim);
}
._bulletin:has([checked]):where(:not([disabled])):after,
._bulletin[checked]:where(:not([disabled])):after {
  color: var(--_c-prim);
}
._bulletin:has([checked]),
._bulletin[checked]:after {
  content: 'check';
  font-family: var(--_ff-icon);
  font-size: var(--_sz-ignore);
  margin-left: var(--_sz-space);
}
._bulletin[disabled] {
  color: var(--_c-ignore);
}
._bulletin[disabled] a {
  color: var(--_c-ignore);
}
._bulletin[hoverable]:where(:not([active], [disabled])):hover {
  background-color: var(--_c-ignore-bg);
}
._bulletin[hoverable]:where([selected], [checked]):hover,
._bulletin[hoverable]:has([checked]):hover {
  background-color: var(--_c-prim-bg);
}
._bulletin[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);
}
._bulletin[multiline] ._bulletin-body AX-CHECKBOX,
._bulletin[multiline] ._bulletin-body AX-RADIO {
  --_input-h: var(--_blt-h);
  --_input-lh: var(--_blt-lh);
}
._bulletin[multiline] ._bulletin-body AX-CHECKBOX i,
._bulletin[multiline] ._bulletin-body AX-RADIO i {
  text-overflow: initial;
  white-space: initial;
}
._bulletin[multiline] ._bulletin-body AX-CHECKBOX[type=chera] i,
._bulletin[multiline] ._bulletin-body AX-RADIO[type=chera] i {
  height: auto;
  line-height: var(--_input-lh);
  padding-top: var(--_sz-em-space);
  padding-bottom: var(--_sz-em-space);
}
/*Graphic*/
._graphic {
  --_break: var(--_sz-space);
  box-sizing: border-box;
  transition: all var(--_dur-1) linear;
  position: relative;
  display: flex;
}
._graphic ._graphic-body {
  flex: auto;
  width: 0;
  position: relative;
}
._graphic:has([role=posters]) {
  flex-direction: column;
}
._graphic:has([role=posters]) ._graphic-body {
  width: auto;
}
._graphic [role=caption] {
  font-size: var(--_sz-title);
  font-weight: bold;
  margin-bottom: var(--_break, var(--_sz-space));
}
._graphic [role=caption] a {
  color: var(--_c-text);
}
._graphic [role=caption] a:hover {
  color: var(--_c-prim);
}
._graphic [role=caption]:hover {
  color: var(--_c-prim);
}
._graphic [role=brief] {
  color: var(--_c-brief);
}
._graphic [role=byline] {
  color: var(--_c-brief);
  font-size: var(--_sz-ignore);
  line-height: var(--_sz-brief);
  margin-top: var(--_break, var(--_sz-space));
}
._graphic [role=byline] > * {
  margin-right: var(--_sz-space);
}
._graphic [role=poster] {
  height: 9.6rem;
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: 0.3rem;
  box-sizing: border-box;
  background-color: var(--_c-text-bg);
  position: relative;
}
._graphic [role=poster] ax-badge,
._graphic [role=poster] ax-buoy {
  position: absolute;
  left: var(--_sz-space);
  top: var(--_sz-space);
}
._graphic [role=poster] img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  transition: all var(--_dur-2) linear;
}
._graphic [role=poster] img[src=""] {
  display: none;
}
._graphic [role=poster]:has(img[src=""]):before {
  content: "issue";
  font-family: var(--_ff-icon);
}
._graphic [role=type] {
  color: var(--_c-ignore);
  font-size: var(--_sz-ignore);
  height: var(--_sz-font);
  line-height: var(--_sz-font);
  position: absolute;
  left: 0;
  bottom: calc(-1*var(--_sz-font));
}
._graphic [role=poster]:nth-child(1) {
  margin-right: var(--_m);
}
._graphic ._graphic-body ~ [role=poster] {
  margin-left: var(--_m);
}
._graphic [role=posters]:nth-child(1) {
  margin-bottom: var(--_break);
}
._graphic ._graphic-body ~ [role=posters] {
  margin-top: var(--_break);
}
._graphic [role=posters] ._grid > * {
  border-radius: 0.3rem;
}
/*Buoy*/
AX-BUOY {
  --_buoy-p: 0.6rem;
  --_buoy-h: var(--_sz-list);
  --_buoy-lh: var(--_sz-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 [role=wrap] {
  font-size: var(--_sz-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;
}
AX-BUOY [role=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 [role=head]:empty {
  display: none;
}
AX-BUOY [role=head] [role=icon],
AX-BUOY [role=head] [role=arrow] {
  transition: all var(--_dur-2) linear;
}
AX-BUOY [role=head] [role=icon] {
  font-size: var(--_sz-ignore);
}
AX-BUOY [role=head] [role=arrow] {
  font-size: var(--_sz-root);
  opacity: var(--_o-mask);
}
AX-BUOY [role=head]:where(:has([role=icon])) [role=label] {
  margin-left: var(--_sz-min);
}
AX-BUOY [role=head]:where(:has([role=arrow])) [role=label] {
  margin-right: var(--_sz-min);
}
AX-BUOY[reverse] [role=head] {
  background-color: var(--_c-stage);
}
AX-BUOY [role=value] {
  padding: 0 var(--_buoy-p);
  transition: all var(--_dur-1) linear;
}
AX-BUOY[reverse] [role=value] {
  background-color: var(--_c-ignore-bg);
}
AX-BUOY._opened [role=arrow] {
  rotate: 180deg;
}
AX-BUOY:where(:not([reverse])) [role=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-text);
}
AX-BUOY[theme=brief] {
  --_buoy-c-txt: var(--_c-brief);
  --_buoy-c-bd: var(--_c-brief);
}
AX-BUOY[theme=prim]:where(:not([reverse])) [role=head],
AX-BUOY[theme=prim]:where([reverse]) [role=value] {
  background-color: var(--_c-prim);
}
AX-BUOY[theme=succ]:where(:not([reverse])) [role=head],
AX-BUOY[theme=succ]:where([reverse]) [role=value] {
  background-color: var(--_c-succ);
}
AX-BUOY[theme=error]:where(:not([reverse])) [role=head],
AX-BUOY[theme=error]:where([reverse]) [role=value] {
  background-color: var(--_c-error);
}
AX-BUOY[theme=warn]:where(:not([reverse])) [role=head],
AX-BUOY[theme=warn]:where([reverse]) [role=value] {
  background-color: var(--_c-warn);
}
AX-BUOY[theme=info]:where(:not([reverse])) [role=head],
AX-BUOY[theme=info]:where([reverse]) [role=value] {
  background-color: var(--_c-info);
}
AX-BUOY[theme=issue]:where(:not([reverse])) [role=head],
AX-BUOY[theme=issue]:where([reverse]) [role=value] {
  background-color: var(--_c-issue);
}
AX-BUOY[theme=text]:where(:not([reverse])) [role=head],
AX-BUOY[theme=text]:where([reverse]) [role=value] {
  background-color: var(--_c-text);
}
AX-BUOY[theme=brief]:where(:not([reverse])) [role=head],
AX-BUOY[theme=brief]:where([reverse]) [role=value] {
  background-color: var(--_c-brief);
}
AX-BUOY[theme] [role=head] {
  border-width: 0;
}
AX-BUOY[theme]:where(:not([reverse])) [role=head] {
  color: #fff;
}
AX-BUOY[theme]:where(:not([reverse])) [role=head]:hover {
  color: rgba(255, 255, 255, var(--_o-active));
}
AX-BUOY[size=sm] {
  --_buoy-h: var(--_sz-brief);
  --_buoy-lh: var(--_sz-brief);
  --_buoy-p: var(--_sz-min);
}
AX-BUOY[size=lg] {
  --_buoy-h: var(--_sz-body);
  --_buoy-lh: var(--_sz-body);
  --_buoy-p: var(--_sz-space);
}
AX-BUOY[theme=prim]:where([reverse]) [role=head] {
  color: var(--_c-prim);
}
AX-BUOY[theme=succ]:where([reverse]) [role=head] {
  color: var(--_c-succ);
}
AX-BUOY[theme=error]:where([reverse]) [role=head] {
  color: var(--_c-error);
}
AX-BUOY[theme=warn]:where([reverse]) [role=head] {
  color: var(--_c-warn);
}
AX-BUOY[theme=info]:where([reverse]) [role=head] {
  color: var(--_c-info);
}
AX-BUOY[theme=issue]:where([reverse]) [role=head] {
  color: var(--_c-issue);
}
AX-BUOY[theme=text]:where([reverse]) [role=head] {
  color: var(--_c-text);
}
AX-BUOY[theme=brief]:where([reverse]) [role=head] {
  color: var(--_c-brief);
}
AX-BUOY[theme]:where([reverse]) [role=value] {
  color: #fff;
}
AX-BUOY[reverse] [role=value]:hover {
  color: var(--_c-text);
}
AX-BUOY[theme]:where([reverse]) [role=value]:hover {
  color: rgba(255, 255, 255, var(--_o-active));
}
/*
Last modified: 2024-07-04 17:02:27
*/
/*Good component*/
AX-GOOD {
  text-align: center;
  margin: var(--_sz-body) auto;
  display: inline-flex;
  flex-direction: column;
  vertical-align: middle;
}
AX-GOOD [role=wrap] {
  line-height: var(--_sz-input);
  border-radius: var(--_sz-input);
  padding: 0 var(--_sz-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])) [role=wrap]:hover {
  color: #fff;
  background-color: var(--_c-prim);
  border-color: var(--_c-prim);
  cursor: pointer;
}
AX-GOOD:where(:not([increased])) [role=wrap]:hover [role=icon] {
  color: #fff;
}
AX-GOOD [role=value] {
  transition: all var(--_dur-1) linear;
}
AX-GOOD [role=icon] {
  color: var(--_c-prim);
  margin-right: var(--_sz-space);
  transition: all var(--_dur-1) linear;
}
AX-GOOD [role=tips] {
  font-size: var(--_sz-ignore);
  color: var(--_c-text-aj);
  text-align: center;
}
AX-GOOD[increased] [role=wrap],
AX-GOOD[increased] [role=tips],
AX-GOOD[increased] [role=label],
AX-GOOD[increased] [role=icon] {
  color: var(--_c-ignore);
}
/*About article*/
._from {
  color: var(--_c-text-aj);
  box-sizing: border-box;
  display: flex;
  zoom: 1;
}
._from [role=left] {
  flex: auto;
  width: 0;
  position: relative;
}
._from a {
  color: var(--_c-text-aj);
}
._from ax-avatar {
  margin-right: var(--_sz-space);
}
._author {
  box-sizing: border-box;
  display: flex;
  zoom: 1;
}
._author [role=left] {
  line-height: var(--_sz-list);
  display: block;
  flex: auto;
  width: 0;
  position: relative;
}
._author [role=right] {
  color: var(--_c-text-aj);
}
._author [role=brief] {
  font-size: var(--_sz-ignore);
  color: var(--_c-text-aj);
}
._author ax-avatar {
  margin-right: var(--_sz-space);
}
/*
Last modified: 2024-07-04 17:02:27
*/
/*Anchors*/
AX-ANCHORS {
  --_r-anchor: var(--_m);
  --_t-anchor: calc(var(--_sz-header) + var(--_sz-body));
  padding: var(--_p);
  box-sizing: border-box;
  border-radius: var(--_r);
  background-color: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), var(--_o-stage));
  display: flex;
  position: fixed;
  right: var(--_r-anchor);
  top: var(--_t-anchor);
  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 [role=head] {
  line-height: var(--_sz-brief);
  padding: calc((var(--_sz-body) - var(--_sz-brief))/2) 0;
  position: relative;
}
AX-ANCHORS li [role=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 [role=head][active] {
  color: var(--_c-prim);
}
AX-ANCHORS li [role=head][active] [role=label] {
  color: var(--_c-prim);
}
AX-ANCHORS li [role=head][active]:after {
  background-color: var(--_c-prim);
}
AX-ANCHORS li [role=label] {
  color: var(--_c-text);
  cursor: pointer;
  transition: all var(--_dur-1) linear;
}
AX-ANCHORS li [role=label]:hover {
  color: var(--_c-prim);
}
/*
 *Last modified: 2024-07-04 17:02:27
 */
/*Wall*/
._wall > *,
[class*='_wall-'] > * {
  aspect-ratio: 1/1;
  overflow: hidden;
  box-sizing: border-box;
  background-color: var(--_c-text-bg);
  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=""]):before,
[class*='_wall-'] > *:has(img[src=""]):before {
  content: "issue";
  font-family: var(--_ff-icon);
}
._wall [role=caption],
[class*='_wall-'] [role=caption] {
  color: #fff;
  font-size: var(--_sz-ignore);
  background-color: rgba(0, 0, 0, var(--_o-mask));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  box-sizing: border-box;
  line-height: var(--_sz-brief);
  width: 100%;
  text-align: center;
  padding: var(--_sz-space);
  transition: all var(--_dur-2) linear;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}
._wall:where(:not(._wall-sticky)) [role=caption],
[class*='_wall-']:where(:not(._wall-sticky)) [role=caption] {
  transform: translateY(100%);
}
._wall [role=tools],
[class*='_wall-'] [role=tools] {
  transition: all var(--_dur-2) linear;
  position: absolute;
  z-index: 2;
}
._wall [role=tools] > *,
[class*='_wall-'] [role=tools] > * {
  color: #fff;
}
._wall:where(._wall-sticky) [role=tools],
[class*='_wall-']:where(._wall-sticky) [role=tools] {
  text-align: right;
  line-height: var(--_sz-list);
  display: inline-flex;
  right: var(--_sz-space);
  top: var(--_sz-space);
}
._wall:where(:not(._wall-sticky)) [role=tools],
[class*='_wall-']:where(:not(._wall-sticky)) [role=tools] {
  background-color: rgba(0, 0, 0, var(--_o-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)) [role=tools] ._box-tools > *,
[class*='_wall-']:where(:not(._wall-sticky)) [role=tools] ._box-tools > * {
  margin: auto var(--_sz-min);
}
._wall [role=tags],
[class*='_wall-'] [role=tags] {
  width: 80%;
  padding: var(--_sz-space) 0 0 var(--_sz-space);
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
}
._wall [role=tags] > *,
[class*='_wall-'] [role=tags] > * {
  margin-right: var(--_sz-min);
  margin-bottom: var(--_sz-min);
}
._wall [role=icon],
[class*='_wall-'] [role=icon] {
  font-size: var(--_sz-brief);
  color: #fff;
  line-height: 1em;
  position: absolute;
  right: var(--_sz-font);
  top: var(--_sz-font);
  z-index: 1;
}
._wall [role=text],
[class*='_wall-'] [role=text],
._wall [role=tips],
[class*='_wall-'] [role=tips],
._wall [role=more],
[class*='_wall-'] [role=more],
._wall ._hide-clip,
[class*='_wall-'] ._hide-clip {
  color: #fff;
  background-color: rgba(0, 0, 0, var(--_o-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 [role=text],
[class*='_wall-'] [role=text],
._wall [role=tips],
[class*='_wall-'] [role=tips],
._wall [role=more],
[class*='_wall-'] [role=more] {
  display: flex;
}
._wall [role=text],
[class*='_wall-'] [role=text] {
  align-items: flex-start;
}
._wall [role=tips],
[class*='_wall-'] [role=tips],
._wall [role=more],
[class*='_wall-'] [role=more],
._wall ._hide-clip,
[class*='_wall-'] ._hide-clip {
  line-height: var(--_sz-brief);
  align-items: center;
}
._wall [role=tips],
[class*='_wall-'] [role=tips] {
  font-size: var(--_sz-ignore);
}
._wall [role=count],
[class*='_wall-'] [role=count] {
  font-size: var(--_sz-ignore);
  color: #fff;
  background-color: rgba(0, 0, 0, var(--_o-mask));
  line-height: var(--_sz-brief);
  padding: 0 var(--_sz-min);
  border-radius: 0.3rem;
  position: absolute;
  left: var(--_sz-space);
  bottom: var(--_sz-space);
  z-index: 2;
}
._wall:where(:not(._wall-sticky)) > *:hover [role=caption],
[class*='_wall-']:where(:not(._wall-sticky)) > *:hover [role=caption] {
  transform: translateY(0);
}
._wall:where(:not(._wall-sticky)) > *:hover [role=tools],
[class*='_wall-']:where(:not(._wall-sticky)) > *:hover [role=tools] {
  opacity: 1;
}
/*
Last modified: 2024-07-04 17:02:27
*/
/*Card*/
._card {
  --_p-card: var(--_p);
  --_break: var(--_sz-space);
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
  border-radius: 0.3rem;
  box-sizing: border-box;
  display: block;
  padding: var(--_p-card);
  position: relative;
  transition: all var(--_dur-2) linear;
  /*  [poster]+[caption],
    .ax-card-header+.ax-card-body,
    .ax-card-footer {
        margin-top: @break-md;
    } */
}
._card [role=caption] {
  font-size: var(--_sz-title);
  font-weight: bold;
  margin-bottom: var(--_break, var(--_sz-space));
}
._card [role=caption] a {
  color: var(--_c-text);
}
._card [role=caption] a:hover {
  color: var(--_c-prim);
}
._card [role=caption]:hover {
  color: var(--_c-prim);
}
._card [role=brief] {
  color: var(--_c-brief);
}
._card [role=byline] {
  color: var(--_c-brief);
  font-size: var(--_sz-ignore);
  line-height: var(--_sz-brief);
  margin-top: var(--_break, var(--_sz-space));
}
._card [role=byline] > * {
  margin-right: var(--_sz-space);
}
._card [role=poster] {
  aspect-ratio: 4/3;
  overflow: hidden;
  display: block;
  box-sizing: border-box;
  background-color: var(--_c-text-bg);
  position: relative;
}
._card [role=poster] ax-badge,
._card [role=poster] ax-buoy {
  position: absolute;
  left: var(--_sz-font);
  top: var(--_sz-font);
}
._card [role=poster] img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  transition: all var(--_dur-2) linear;
}
._card [role=poster] img[src=""] {
  display: none;
}
._card [role=poster]:has(img[src=""]):before {
  content: "issue";
  font-family: var(--_ff-icon);
}
._card ._card-foot {
  margin-top: var(--_p-card);
}
._card [role=btns] {
  border-top: 1px solid var(--_c-text-bd);
  margin-bottom: calc(-1*var(--_p-card));
  text-align: center;
  line-height: var(--_sz-header);
  display: flex;
}
._card [role=btns] > * {
  width: calc((100%/24)*12);
  padding: 0;
  flex: auto;
  position: relative;
}
._card [role=btns] > *:not(:last-child) {
  border-right: 1px solid var(--_c-text-bd);
}
._card [role=btns] [role=left] {
  width: 70%;
  text-align: left;
}
._card [role=btns] [role=right] {
  width: 30%;
}
._card [role=poster]:nth-child(1),
._card [role=posters]:nth-child(1) {
  margin-bottom: var(--_m);
}
._card ._card-body ~ [role=poster],
._card ._card-body ~ [role=posters] {
  margin-top: var(--_m);
}
._card:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
._card:hover [role=poster] img {
  transform: scale(1.1);
}
/*Grade*/
._grade {
  --_width-grade: var(--_w-list);
  position: relative;
}
._grade > [role=host] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
._grade > [role=host] [role=label] {
  position: relative;
}
._grade > [role=host] [role=arrow] {
  color: var(--_c-ignore);
  font-family: var(--_ff-icon);
  font-size: var(--_fs-arrow);
  margin-left: var(--_sz-min);
  transition: all var(--_dur-2) linear;
}
._grade > [role=host] [role=arrow]:before {
  content: 'down';
}
._grade:where(:not([expanded])) > [role=host] [role=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])) > [role=host] [role=arrow] {
  margin-left: var(--_sz-min);
}
._grade:where([expanded]) > [role=host] [role=arrow] {
  order: -10;
  margin-right: var(--_sz-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(--_width-grade) - var(--_sz-space));
  transform: none;
}
._grade[placement="right"]:where(:not([expanded])) ._grade-wrap:before {
  content: '';
  width: 1rem;
  height: var(--_sz-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(--_width-grade);
  box-sizing: border-box;
  border: 1px solid var(--_c-text-bd);
  border-radius: 0.3rem;
}
._grade:where(:not([expanded])) ._grade-wrap:where(:not(ul)) {
  --_width-grade: 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 [role=head] {
  line-height: var(--_sz-brief);
  min-height: var(--_sz-input);
  padding: calc((var(--_sz-input) - var(--_sz-brief))/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 [role=arrow] {
  font-family: var(--_ff-icon);
  font-size: var(--_fs-arrow);
  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 [role=arrow] {
  margin-right: -1rem;
  margin-left: calc(-1em + 1rem);
}
._grade:where(:not([expanded])) ul._grade-wrap li [role=arrow]:before {
  content: 'right';
}
._grade:where([expanded]) ul._grade-wrap [role=head] {
  border-radius: 0.3rem;
  display: inline-flex;
}
._grade:where([expanded]) ul._grade-wrap [role=head] [role=label] {
  width: auto;
}
._grade:where([expanded]) ul._grade-wrap li [role=arrow] {
  margin-left: -1.4rem;
  margin-right: calc(1.4rem - 1em);
  order: -10;
}
._grade:where([expanded]) ul._grade-wrap li [role=arrow]:before {
  content: 'down';
}
._grade ul._grade-wrap [role=label] {
  color: var(--_c-text);
  box-sizing: border-box;
  flex: auto;
  width: 0;
}
._grade ul._grade-wrap [role=icon],
._grade ul._grade-wrap [role=disk],
._grade ul._grade-wrap [role=cube] {
  margin-right: var(--_sz-min);
}
._grade ul._grade-wrap [role=disk],
._grade ul._grade-wrap [role=cube] {
  height: var(--_sz-list);
  width: var(--_sz-list);
  object-fit: cover;
}
._grade ul._grade-wrap [role=disk] {
  border-radius: 100%;
}
._grade ul._grade-wrap [role=cube] {
  border-radius: 0.3rem;
}
._grade:where(:not([expanded])):hover > [role=host] [role=arrow] {
  rotate: 180deg;
}
._grade:where(:not([expanded])):hover > ._grade-wrap {
  display: block;
}
._grade:where(:not([expanded])) ul._grade-wrap li:hover > [role=head] + ul {
  display: block;
}
._grade:where(:not([expanded])) ul._grade-wrap li:hover > [role=head] [role=arrow] {
  rotate: 180deg;
}
._grade > [role=host][selected] {
  color: var(--_c-prim);
}
._grade:where(:not([expanded])) > [role=host][selected] [role=label]:after {
  transform: translate(-50%, 0) scaleX(1);
}
._grade ul._grade-wrap [role=head]:where(:not([selected], [disabled])):hover {
  color: var(--_c-prim);
  background-color: var(--_c-prim-bg);
}
._grade ul._grade-wrap [role=head]:where(:not([selected], [disabled])):hover [role=label] {
  color: var(--_c-prim);
}
._grade ul._grade-wrap [role=head][selected] [role=arrow] {
  color: rgba(255, 255, 255, var(--_o-active));
}
._grade ul._grade-wrap [role=head][selected],
._grade ul._grade-wrap [role=head][selected]:hover {
  color: var(--_c-stage);
  background-color: var(--_c-prim);
}
._grade ul._grade-wrap [role=head][selected] [role=label],
._grade ul._grade-wrap [role=head][selected]:hover [role=label] {
  color: var(--_c-stage);
}
._grade ul._grade-wrap [role=head][disabled] {
  color: var(--_c-ignore);
}
._grade ul._grade-wrap [role=head][disabled] [role=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(--_sz-body);
  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: #fff;
  --_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;
}
/*table*/
._table-wrap {
  border-top: 1px solid var(--_c-text-bd);
  border-bottom: 1px solid var(--_c-text-bd);
  overflow: auto;
  position: relative;
}
._table th ._cell {
  display: flex;
}
._table tr:where([selected]) td {
  background-color: var(--_c-primary-bg);
}
._table th:where([selected]),
._table td:where([selected]) {
  background-color: var(--_c-primary-bg);
}
._table tr td:where([focus]) {
  color: var(--_c-primary);
  box-shadow: inset 0 0 0 2px var(--_c-primary);
}
._table tr:where([disabled]) td:where([focus]) {
  color: var(--_c-ignore);
  box-shadow: inset 0 0 0 2px var(--_c-primary-bd);
}
._table tr:where([disabled]) {
  color: var(--_c-ignore);
}
._table tr:where([disabled]) a {
  color: var(--_c-ignore);
}
._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([hover]) 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(--_sz-brief);
  height: var(--_sz-brief);
  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(--_sz-brief) / 2 - 0.1rem - 0.4rem);
  left: calc(var(--_sz-brief) / 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(--_sz-brief) / 2 + 0.1rem);
  left: calc(var(--_sz-brief) / 2 - 0.4rem);
}
._table label ~ * {
  font-size: var;
  color: var(--_c-text-bg);
  width: var(--_sz-brief);
  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(--_sz-list) + var(--_sz-biref))/2);
  margin-bottom: calc((-1*var(--_sz-list) + var(--_sz-biref))/2);
}
._table ._b-xs {
  margin-top: calc((-1*var(--_sz-list) + var(--_sz-biref))/2);
  margin-bottom: calc((-1*var(--_sz-list) + var(--_sz-biref))/2);
}
._table ._b-xs._b-seal {
  position: relative;
}
._table ._operate {
  margin-top: calc((-1*var(--_sz-list) + var(--_sz-biref))/2);
  margin-bottom: calc((-1*var(--_sz-list) + var(--_sz-biref))/2);
}
._table ._operate [class*="icon-"] {
  color: var(--_c-ignore);
  font-size: 1.4rem;
  height: var(--_sz-list);
  line-height: var(--_sz-list);
  width: var(--_sz-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: #fff;
  border: 1px solid var(--_c-text-bd);
  line-height: calc(var(--_sz-list) - 0.2rem);
  border-radius: 0.3rem;
}
._table ._operate [class*="icon-"]:hover ._badge {
  right: -0.1rem;
  top: -0.1rem;
}
._table ._ell {
  max-width: 16rem;
}
._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(--_sz-list) + var(--_sz-biref))/2);
  margin-bottom: calc((-1*var(--_sz-list) + var(--_sz-biref))/2);
}
._table ._select._xs + span {
  margin-top: calc(((-1*var(--_sz-list) + var(--_sz-biref))/2) - 0.4rem);
  margin-bottom: calc((-1*var(--_sz-list) + var(--_sz-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-primary);
  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-primary);
  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-primary);
}
._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[fixedheader] thead tr:last-child {
  border: none;
}
._table-wrap[fixedheader] thead th {
  background: #fff;
  box-shadow: inset 0 -1px 0 0 var(--_c-text-bd);
  position: sticky;
  top: 0;
  z-index: 3;
}
._table-wrap[fixedheader] tbody tr:last-child {
  border-bottom: 1px solid var(--_c-text-bd);
}
._table-wrap[display="grid"][fixedheader] thead th {
  box-shadow: inset 0 -1px 0 0 var(--_c-text-bd), inset -1px 0 0 0 var(--_c-text-bd);
}
._table-wrap[fixedleft] th:first-child,
._table-wrap[fixedleft] td:first-child {
  background-color: #fff;
  box-shadow: inset -1px 0 0 0 var(--_c-text-bd);
  position: sticky;
  left: 0;
  z-index: 3;
}
._table-wrap[stripe][fixedleft] tbody tr:nth-child(odd) td:first-child {
  background-color: var(--_c-ignore-bg);
}
._table-wrap[stripe][fixedleft] tbody tr[selected] td:first-child {
  background-color: var(--_c-primary-bg);
}
._table-wrap[hover][fixedleft] tbody tr:not([selected]):hover td:first-child {
  background-color: var(--_c-text-bg);
}
._table-wrap[fixedright] th:last-child,
._table-wrap[fixedright] td:last-child {
  background-color: #fff;
  position: sticky;
  right: 0;
  z-index: 3;
}
._table-wrap[fixedright] th:last-child:before,
._table-wrap[fixedright] td:last-child:before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: var(--_c-text-bd);
  position: absolute;
  left: -1px;
  top: 0;
}
._table-wrap[stripe][fixedright] tbody tr:nth-child(odd) td:last-child {
  background-color: var(--_c-ignore-bg);
}
._table-wrap[stripe][fixedright] tbody tr[selected] td:last-child {
  background-color: var(--_c-primary-bg);
}
._table-wrap[hover][fixedright] tbody tr:not([selected]):hover td:last-child {
  background-color: var(--_c-text-bg);
}
._table-wrap[fixedheader][fixedleft] 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[fixedheader][fixedright] tr th:last-child {
  z-index: 4;
}
._table-wrap[fixedheader][fixedright] 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[fixedheader] *[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(--_sz-font);
  --_alarm-bg: var(--_c-error);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
AX-ALARM [role=wrap] {
  color: #fff;
  aspect-ratio: 1 / 1;
  max-width: var(--_w-list);
  line-height: 1em;
  border-radius: 100%;
  padding: var(--_sz-space);
  background-color: var(--_alarm-bg);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  transition: all var(--_dur-2) linear;
}
AX-ALARM [role=wrap] * {
  position: relative;
  z-index: 2;
}
AX-ALARM [role=wrap]:before,
AX-ALARM [role=wrap]:after {
  content: '';
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: inherit;
  background-color: var(--_alarm-bg);
  transform: scale(3);
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
AX-ALARM [role=image] {
  width: var(--_sz-input);
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: inherit;
}
AX-ALARM [role=wrap]:before {
  animation: _wave-3 1s infinite;
}
AX-ALARM [role=wrap]:after {
  animation: _wave-5 1s infinite;
}
AX-ALARM[size=sm] [role=wrap]:before {
  animation-name: _wave-2;
}
AX-ALARM[size=sm] [role=wrap]:after {
  animation-name: _wave-3;
}
AX-ALARM[size=md] [role=wrap]:before {
  animation-name: _wave-3;
}
AX-ALARM[size=md] [role=wrap]:after {
  animation-name: _wave-5;
}
AX-ALARM[size=lg] [role=wrap]:before {
  animation-name: _wave-4;
}
AX-ALARM[size=lg] [role=wrap]:after {
  animation-name: _wave-7;
}
AX-ALARM[theme=prim] [role=wrap],
AX-ALARM[theme=prim] [role=wrap]:before,
AX-ALARM[theme=prim] [role=wrap]:after {
  background-color: var(--_c-prim);
}
AX-ALARM[theme=error] [role=wrap],
AX-ALARM[theme=error] [role=wrap]:before,
AX-ALARM[theme=error] [role=wrap]:after {
  background-color: var(--_c-error);
}
AX-ALARM[theme=succ] [role=wrap],
AX-ALARM[theme=succ] [role=wrap]:before,
AX-ALARM[theme=succ] [role=wrap]:after {
  background-color: var(--_c-succ);
}
AX-ALARM[theme=warn] [role=wrap],
AX-ALARM[theme=warn] [role=wrap]:before,
AX-ALARM[theme=warn] [role=wrap]:after {
  background-color: var(--_c-warn);
}
AX-ALARM[theme=info] [role=wrap],
AX-ALARM[theme=info] [role=wrap]:before,
AX-ALARM[theme=info] [role=wrap]:after {
  background-color: var(--_c-info);
}
AX-ALARM[theme=issue] [role=wrap],
AX-ALARM[theme=issue] [role=wrap]:before,
AX-ALARM[theme=issue] [role=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(--_sz-body);
  --_stats-lh: var(--_sz-input);
  --_stats-h-legend: calc(var(--_sz-input) + var(--_sz-brief));
  display: inline-flex;
  vertical-align: middle;
}
AX-STATS [role=wrap] {
  display: inline-flex;
}
AX-STATS [role=main] {
  flex: auto;
  display: inline-flex;
  flex-direction: column;
}
AX-STATS [role=label] {
  font-size: var(--_stats-fs);
  position: relative;
  line-height: var(--_stats-lh);
}
AX-STATS [role=label] AX-BADGE {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(100%, 0);
}
AX-STATS [role=unit] {
  color: var(--_c-brief);
  font-size: var(--_sz-ignore);
  line-height: var(--_sz-ignore);
  margin-left: var(--_sz-space);
}
AX-STATS [role=tips] {
  color: var(--_c-brief);
}
AX-STATS [role=icon],
AX-STATS [role=disk],
AX-STATS [role=cube] {
  height: var(--_stats-h-legend);
  aspect-ratio: 1/1;
  margin-right: var(--_sz-font);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
AX-STATS [role=icon] {
  font-size: var(--_sz-list);
  border-radius: 100%;
  background-color: var(--_c-text-bg);
}
AX-STATS [role=disk] img,
AX-STATS [role=cube] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
AX-STATS [role=disk] {
  border-radius: 100%;
}
AX-STATS [role=cube] {
  border-radius: var(--_r);
}
AX-STATS:where([dir=v]):where(:not(:has([role=unit]))) {
  text-align: center;
}
AX-STATS:where([dir=v]):where(:has([role=icon])),
AX-STATS:where([dir=v]):where(:has([role=icon])),
AX-STATS:where([dir=v]):where(:has([role=icon])) {
  text-align: left;
}
AX-STATS:where([dir=v]) [role=head] {
  flex: auto;
}
AX-STATS:where([dir=v]) [role=tips] {
  line-height: var(--_sz-brief);
}
AX-STATS:where([dir=v])[reverse] [role=main] {
  flex-direction: column-reverse;
}
AX-STATS:where([dir=v]):not(:has([role=tips])) {
  --_stats-fs: var(--_sz-input);
  --_stats-h-legend: var(--_sz-input);
}
AX-STATS:where([dir=h]) {
  --_stats-fs: var(--_sz-input);
  --_stats-lh: var(--_sz-input);
  --_stats-h-legend: var(--_sz-input);
}
AX-STATS:where([dir=h]) [role=main] {
  flex-direction: row;
  align-items: center;
}
AX-STATS:where([dir=h]) [role=tips] {
  flex: auto;
  text-align: left;
  line-height: var(--_sz-brief);
  margin-left: var(--_sz-font);
}
AX-STATS:where([dir=h]) [role=label] AX-BADGE {
  transform: translate(100%, -50%);
}
/*Icon*/
AX-ICON {
  --_icon-fs-tips: var(--_sz-font);
  --_icon-fs-legend: var(--_sz-em-body);
  display: inline-flex;
  vertical-align: middle;
}
AX-ICON [role=wrap] {
  display: inline-flex;
  align-items: center;
}
AX-ICON [role=head] {
  display: inline-flex;
  position: relative;
}
AX-ICON [role=head] AX-BADGE {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
}
AX-ICON [role=icon],
AX-ICON [role=cube],
AX-ICON [role=disk] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
AX-ICON [role=cube],
AX-ICON [role=disk] {
  height: var(--_sz-em-brief);
}
AX-ICON[dir=h] [role=tips] {
  margin-left: var(--_sz-min);
}
AX-ICON[dir=v] [role=wrap] {
  text-align: center;
  flex-direction: column;
}
AX-ICON[dir=v] [role=icon],
AX-ICON[dir=v] [role=cube],
AX-ICON[dir=v] [role=disk] {
  font-size: var(--_icon-fs-legend);
  height: 1em;
  line-height: 1em;
}
AX-ICON[dir=v] [role=tips] {
  font-size: var(--_icon-fs-tips);
  line-height: var(--_sz-brief);
  margin-top: var(--_sz-min);
}
AX-ICON[dir=v][bg] {
  --_icon-fs-legend: var(--_sz-em-ignore);
}
AX-ICON[dir=v][bg] [role=icon],
AX-ICON[dir=v][bg] [role=disk],
AX-ICON[dir=v][bg] [role=cube] {
  height: 2.33em;
  line-height: 2.33em;
}
AX-ICON[dir=v][bg] [role=icon] {
  aspect-ratio: 1/1;
  border-radius: 100%;
}
AX-ICON[dir=v][bg] [role=icon]._bg-prim,
AX-ICON[dir=v][bg] [role=icon]._bg-error,
AX-ICON[dir=v][bg] [role=icon]._bg-info,
AX-ICON[dir=v][bg] [role=icon]._bg-issue,
AX-ICON[dir=v][bg] [role=icon]._bg-text,
AX-ICON[dir=v][bg] [role=icon]._bg-brief {
  color: #fff;
}
AX-ICON[dir=v][bg] [role=icon]._bg-warn,
AX-ICON[dir=v][bg] [role=icon]._bg-warn-lt,
AX-ICON[dir=v][bg] [role=icon]._bg-text-lt,
AX-ICON[dir=v][bg] [role=icon]._bg-ignore {
  color: var(--_c-text);
}
AX-ICON[dir=v][bg] [role=icon]._bg-prim-lt {
  color: var(--_c-prim);
}
AX-ICON[dir=v][bg] [role=icon]._bg-error-lt {
  color: var(--_c-error);
}
AX-ICON[dir=v][bg] [role=icon]._bg-info-lt {
  color: var(--_c-info);
}
AX-ICON[dir=v][bg] [role=icon]._bg-issue-lt {
  color: var(--_c-issue);
}
AX-ICON[dir=v][bg] [role=cube] img,
AX-ICON[dir=v][bg] [role=disk] img {
  height: 1em;
}
/*Drag & drop*/
._holder-drag,
._holder-drop {
  --_holder-radius: var(--_r);
  --_holder-c-bd: var(--_c-ignore);
  --_holder-c-txt: var(--_c-ignore);
  color: var(--_holder-c-txt);
  border: 2px dashed var(--_holder-c-bd);
  border-radius: var(--_holder-radius);
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  min-width: var(--_sz-body);
  min-height: var(--_sz-body);
}
._holder-drag {
  pointer-events: none;
  z-index: 0;
}
._holder-drop {
  transition: all var(--_dur-1) linear;
  min-height: var(--_sz-font);
}
._holder-drop[moving] {
  --_holder-c-bd: var(--_c-prim);
  --_holder-c-txt: var(--_c-prim);
}
._holder-origin {
  opacity: 0.5;
  pointer-events: none;
  z-index: 0;
}
._drop-arrow {
  font-size: var(--_sz-ignore);
  color: var(--_c-prim);
  line-height: 1em;
  height: 1em;
  pointer-events: none;
  position: absolute;
  transition: all var(--_dur-1) linear;
}
._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%;
}
[draggable] {
  touch-action: none;
  position: relative;
  z-index: 2;
}
[draggable]:hover {
  cursor: grab;
}
[drag] {
  pointer-events: none;
  opacity: 0.5;
}
/*BreadCrumb*/
._crumb {
  --_crumb-fs: var(--_sz-font);
  --_crumb-m: var(--_sz-space);
  font-size: var(--_crumb-fs);
}
._crumb [role=head] {
  color: var(--_c-text-aj);
}
._crumb [role=head][class*='icon'] {
  margin-right: var(--_crumb-m);
}
._crumb a {
  color: var(--_c-text-aj);
}
._crumb a:hover {
  color: var(--_c-prim);
}
._crumb [role=label] [class*='icon'] {
  width: auto;
  margin-right: var(--_sz-min);
}
._crumb [role=hyphen] {
  color: var(--_c-ignore);
  text-align: center;
  margin: auto var(--_crumb-m);
  display: inline;
}
._crumb [role=hyphen]:where(:not(._char, [class*='icon'])) {
  font-size: var(--_sz-ignore);
}
._crumb [role=hyphen][class*='icon'] {
  font-size: 1rem;
}
/*Pagination*/
._pagination {
  --_page-c-sel: var(--_c-prim);
  --_page-c-txt: var(--_c-text);
  --_page-h: var(--_sz-body);
  --_page-fs: var(--_sz-ignore);
  --_page-m: var(--_sz-min);
  --_page-a: center;
  color: var(--_page-c-txt);
  font-size: var(--_page-fs);
  line-height: var(--_page-h);
  margin: var(--_m) auto;
  display: flex;
  align-items: center;
  justify-content: var(--_page-a);
  /* 
  [role=first] *:not([class*="icon"]),
  [role=prev] *:not([class*="icon"]) {
    margin-right: var(--_page-m);
    margin-left: calc(-1*var(--_page-m));
  }
  [role=last] *:not([class*="icon"]),
  [role=next] *:not([class*="icon"]) {
    margin-left: var(--_page-m);
    margin-right: calc(-1*var(--_page-m));
  } */
  /*   [role=group]>span {
    border: 1px solid var(--_c-text-bd);
    background-color: #fff;
    height: auto;
    line-height: 1.4rem;
    margin: 0;
    padding: .6rem .9rem;
  }
 */
  /*   [role=group] [role=pages] * {
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
  }
  [role=group] [role=pages] *:not(:last-child) {
    margin-right: -0.1rem;
  }
 */
  /*  &[type=plain] a:where(:not([role=total]))[selected] {
    height: var(--_sz-body);
    min-width: var(--_sz-body);
    text-align: center;
    line-height: var(--_sz-body);
    border-radius: var(--_sz-body);
    border-width: 0;
    padding: 0;
  } */
}
._pagination [role=pages],
._pagination [role=main],
._pagination [role=other] {
  display: inline-flex;
  align-items: center;
}
._pagination[align=left] {
  --_page-a: flex-start;
}
._pagination[align=left] [role=other] {
  flex: auto;
  text-align: right;
}
._pagination[align=right] {
  --_page-a: flex-end;
}
._pagination[align=right] [role=other] {
  flex: auto;
  text-align: left;
}
._pagination[align=left]:has([role=main]) [role=main] :first-child {
  margin-left: 0;
}
._pagination[align=right]:has([role=main]) [role=main] :last-child {
  margin-right: 0;
}
._pagination[align=left]:not(:has([role=main])) :first-child {
  margin-left: 0;
}
._pagination[align=right]:not(:has([role=main])) :last-child {
  margin-right: 0;
}
._pagination [class*="icon"] {
  font-size: 1rem;
}
._pagination a,
._pagination[type=group] [role=main] span {
  color: var(--_page-c-txt);
  height: auto;
  line-height: var(--_sz-font);
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r);
  background-image: none;
  padding: 0.6rem 0.9rem;
  margin: 0 calc(var(--_page-m)/2);
  background-color: #fff;
  transition: all var(--_dur-1) linear;
  position: relative;
}
._pagination span {
  margin: 0 calc(var(--_page-m)/2);
}
._pagination [selected] {
  color: #fff;
  height: auto;
  line-height: var(--_sz-font);
  border: 1px solid var(--_page-c-sel);
  border-radius: var(--_r);
  background-image: none;
  padding: 0.6rem 0.9rem;
  margin: 0 calc(var(--_page-m)/2);
  background-color: var(--_page-c-sel);
  position: relative;
}
._pagination [disabled] {
  opacity: var(--_o-disabled);
}
._pagination a:where(:not([role=total], [selected])):hover {
  color: var(--_page-c-sel);
  border-color: var(--_page-c-sel);
  text-decoration: none;
  background-color: var(--_c-prim-bg);
  z-index: 2;
}
._pagination[type=group] {
  --_page-m: 0;
}
._pagination[type=group] [role=main] > * {
  border-radius: 0;
}
._pagination[type=group] [role=main] > *:not(:last-child) {
  margin-right: -0.1rem;
}
._pagination[type=group] [role=main] > *:first-child {
  border-radius: var(--_r) 0 0 var(--_r);
}
._pagination[type=group] [role=main] > *: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[turning] {
  padding: calc(var(--_sz-body)/2) 0;
}
/*Tag & Tags*/
._tags {
  --_tags-m: var(--_sz-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(--_sz-body);
  line-height: var(--_sz-body);
  transition-property: color, border-color;
}
._tags input[type="text"]:focus {
  outline-width: 0;
}
._tags [role=empty] {
  margin-bottom: var(--_tags-m);
}
._tags a {
  color: inherit;
}
._tags ._tag {
  margin-right: var(--_tags-m);
  margin-bottom: var(--_tags-m);
}
._tag {
  --_tag-p: var(--_sz-space);
  --_tag-h: var(--_sz-body);
  --_tag-c-txt: var(--_sz-text);
  --_tag-c-bd: var(--_c-text-bd);
  --_tag-c-bg: transparent;
  --_tag-r: var(--_r);
  --_tag-bd-w: 1px;
  font-size: var(--_sz-ignore);
  color: var(--_tag-c-txt);
  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 [role=remove] {
  font-family: var(--_ff-icon);
  margin-right: calc(-1*var(--_tag-p) + 0.286em);
  margin-left: var(--_tag-p);
}
._tag [role=remove]:hover:before {
  color: var(--_c-error);
  opacity: 1;
  cursor: pointer;
}
._tag [role=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[compact] {
  --_tags-m: var(--_sz-min);
}
._tags[compact] ._tag {
  margin-right: var(--_tags-m);
  margin-bottom: var(--_tags-m);
}
._tags[compact] ._tag,
._tag[compact] {
  --_tag-p: var(--_sz-min);
}
._tags[compact] input[type="text"],
._tags[compact] [role=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(--_sz-space);
}
/*Group button*/
[class*="_group-btn"] {
  --_radius-btn: var(--_r);
  display: inline-flex;
}
[class*="_group-btn"] AX-BTN {
  border-radius: 0;
}
[class*="_group-btn"] AX-BTN:where(:first-child) {
  border-top-left-radius: var(--_radius-btn);
  border-bottom-left-radius: var(--_radius-btn);
}
[class*="_group-btn"] AX-BTN:where(:last-child) {
  border-top-right-radius: var(--_radius-btn);
  border-bottom-right-radius: var(--_radius-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([role=wrap]:active) {
  z-index: 3;
}
[class*="_group-btn"] AX-BTN:where([selected]) [role=wrap] {
  color: #fff;
  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([separated]) 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-height: var(--_sz-input);
  display: flex;
  overflow: auto;
}
._group-lamp [role=label] {
  color: var(--_c-text);
  position: relative;
}
._group-lamp [role=tools]:where(:not(:empty)) {
  margin-left: var(--_sz-min);
  margin-right: calc(-1*var(--_p));
}
._group-lamp [role=tools] > * {
  color: var(--_c-text);
  font-size: var(--_fs-arrow);
  width: var(--_p);
  padding: 0;
  opacity: var(--_o-disabled);
}
._group-lamp [role=tools] > *:hover {
  opacity: 1;
}
._group-lamp [role=tools] > *[role=remove]:hover,
._group-lamp [role=remove]:hover {
  color: var(--_c-error);
}
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(--_c-text);
  line-height: var(--_group-height);
  text-align: center;
  padding: 0 var(--_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(--_c-text);
}
._group-lamp > *:where(:not([disabled])) {
  cursor: pointer;
}
._group-lamp > *:where(:not([disabled])):hover,
._group-lamp > *:where([selected], :focus),
._group-lamp > *:where(:not([disabled])):hover [role=label],
._group-lamp > *:where([selected], :focus) [role=label] {
  color: var(--_c-prim);
}
._group-lamp > *:where(:not(:has([role=label]))):after,
._group-lamp > *:where(:has([role=label])) [role=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([role=label]))):after,
._group-lamp > *:where([selected]:has([role=label])) [role=label]:after {
  transform: translate(-50%, 0) scaleX(1);
}
._group-lamp > *:where([disabled]) {
  cursor: not-allowed;
  color: var(--_c-ignore);
  user-select: none;
  pointer-events: none;
}
._group-lamp > *:where([disabled][selected]:not(:has([role=label]))):after,
._group-lamp > *:where([disabled][selected]:has([role=label])) [role=label]:after {
  background-color: var(--_c-ignore);
}
._group-lamp > * > [role=icon],
._group-lamp > * > [role=disk],
._group-lamp > * > [role=cube] {
  margin-right: var(--_sz-min);
}
._group-lamp > * > [role=disk],
._group-lamp > * > [role=cube] {
  height: var(--_sz-list);
  width: var(--_sz-list);
  object-fit: cover;
}
._group-lamp > * > [role=disk] {
  border-radius: 100%;
}
._group-lamp > * > [role=cube] {
  border-radius: 0.3rem;
}
._group-lamp > * [role=tips] {
  margin-left: var(--_sz-min);
  color: var(--_c-ignore);
}
._group-lamp > * AX-BADGE {
  margin-left: var(--_sz-min);
}
/*Group page*/
._group-page {
  --_group-height: var(--_sz-input);
  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 [role=label] {
  color: var(--_c-text);
  position: relative;
}
._group-page [role=tools]:where(:not(:empty)) {
  margin-right: calc(-1*var(--_sz-space));
}
._group-page [role=tools] > * {
  color: var(--_c-text);
  font-size: var(--_fs-arrow);
  width: var(--_p);
  padding: 0;
  margin-left: var(--_sz-min);
  opacity: var(--_o-disabled);
}
._group-page [role=tools] > *:hover {
  opacity: 1;
}
._group-page [role=tools] > *[role=remove]:hover,
._group-page [role=remove]:hover {
  color: var(--_c-error);
}
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(--_c-text);
  align-items: center;
  background-color: var(--_c-stage);
  height: var(--_group-height);
  line-height: var(--_group-height);
  padding: 0 var(--_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) [role=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]) [role=label] {
  color: var(--_c-ignore);
}
._group-page > * > [role=icon],
._group-page > * > [role=disk],
._group-page > * > [role=cube] {
  margin-right: var(--_sz-min);
}
._group-page > * > [role=disk],
._group-page > * > [role=cube] {
  height: var(--_sz-list);
  width: var(--_sz-list);
  object-fit: cover;
}
._group-page > * > [role=disk] {
  border-radius: 100%;
}
._group-page > * > [role=cube] {
  border-radius: 0.3rem;
}
._group-page > * [role=tips] {
  margin-left: var(--_sz-min);
  color: var(--_c-ignore);
}
._group-page > * AX-BADGE {
  margin-left: var(--_sz-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-height: var(--_sz-input);
  line-height: var(--_group-height);
  display: flex;
  overflow: auto;
}
._group-flex [role="label"] {
  color: var(--_c-text);
  flex: auto;
  transition: all var(--_dur-2) linear;
}
._group-flex [role="label"] + * {
  margin-left: var(--_sz-space);
}
._group-flex [role=tips] {
  color: var(--_c-ignore);
}
._group-flex [role=tools]:where(:empty) {
  margin-left: 0;
}
._group-flex [role=tools] > * {
  color: var(--_c-text);
  font-size: var(--_fs-arrow);
  width: var(--_p);
  padding: 0;
  margin-left: var(--_sz-space);
  opacity: var(--_o-disabled);
}
._group-flex [role=tools] > *:hover {
  opacity: 1;
}
._group-flex [role=tools] > *[role=remove]:hover,
._group-flex [role=remove]:hover {
  color: var(--_c-error);
}
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(--_m);
}
._group-flex > *:hover [role="label"] {
  color: var(--_c-prim);
}
._group-flex > * > [role=icon],
._group-flex > * > [role=disk],
._group-flex > * > [role=cube] {
  margin-right: var(--_sz-min);
}
._group-flex > * > [role=disk],
._group-flex > * > [role=cube] {
  height: var(--_sz-list);
  width: var(--_sz-list);
  object-fit: cover;
}
._group-flex > * > [role=disk] {
  border-radius: 100%;
}
._group-flex > * > [role=cube] {
  border-radius: 0.3rem;
}
._group-flex > *:where([selected]),
._group-flex > *:where([selected]) [role="label"] {
  color: var(--_c-prim);
}
._group-flex > *:after {
  content: '';
  height: 2px;
  width: 100%;
  background-color: var(--_c-prim);
  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]) [role="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 [role=content] {
  position: relative;
}
._group-input [role=content] ._box-tools {
  position: absolute;
  right: var(--_g);
  top: calc((var(--_form-h) - var(--_sz-list))/2);
  z-index: 2;
}
._group-input [role=content] ._box-tools [role="icon"] {
  font-size: var(--_fs-min);
}
._group-input [role=content] ._box-tools > * {
  color: var(--_c-ignore);
}
._group-input [role=content] ._box-tools > *:hover {
  color: var(--_c-text);
}
/*ax popup*/
._popup:where(:not(._plain)) {
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r-sm);
  box-sizing: border-box;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  z-index: 880;
  animation-duration: var(--_dur-1);
  animation-fill-mode: both;
  position: absolute;
}
._popup:where(:not(._plain)):where([size="sm"]) {
  width: calc(var(--_w-input)/2);
}
._popup:where(:not(._plain)):where([size="md"]) {
  width: var(--_w-input);
}
._popup:where(:not(._plain)):where([size="lg"]) {
  width: calc(var(--_w-input)*2);
}
._popup:where(:not(._plain)):where([size="xl"]) {
  width: calc(var(--_w-input)*3);
}
._popup:where(:not(._plain)):where([size="xxl"]) {
  width: calc(var(--_w-input)*4);
}
._popup:where(:not(._plain)) > [role="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 {
  padding: var(--_p);
}
._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="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="max"], [placement="left-max"], [placement="right-max"]) {
  display: flex;
  flex-direction: column;
}
._popup:where(:not(._plain)):where([placement="max"], [placement="left-max"], [placement="right-max"]) ._popup-wrap {
  display: flex;
  flex-direction: column;
  flex: auto;
}
._popup:where(:not(._plain)):where([placement="max"], [placement="left-max"], [placement="right-max"]) ._popup-body {
  flex: auto;
  max-height: auto;
}
._popup:where(:not(._plain)) ._popup-head {
  font-size: var(--_fs-body);
  font-weight: bold;
  line-height: var(--_sz-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 {
  position: absolute;
}
._popup:where(:not(._plain)) ._popup-wrap > ._box-tools [role="icon"] {
  font-size: var(--_fs-ignore);
}
._popup:where(:not(._plain)) ._popup-wrap > ._box-tools > * {
  color: var(--_c-text);
  width: var(--_sz-list);
  aspect-ratio: 1/1;
  line-height: var(--_sz-list);
  padding: 0;
  opacity: var(--_o-disabled);
}
._popup:where(:not(._plain)) ._popup-wrap > ._box-tools > :hover {
  opacity: 1;
}
._popup:where(:not(._plain)) ._popup-wrap > ._box-tools > *[role="close"]:hover,
._popup:where(:not(._plain)) ._popup-wrap > ._box-tools > *[role="remove"]:hover {
  color: var(--_c-error);
}
._popup:where(:not(._plain))[toolsplace="inside"] ._popup-wrap > ._box-tools {
  right: var(--_g);
  top: calc((var(--_sz-body) - var(--_sz-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;
}
._popup[padding="false"] .list-group-item {
  border-right: none;
  border-left: none;
}
._popup[padding="false"] .list-group-item:first-child {
  border-top: 0;
}
._popup[padding="false"] .list-group-item:last-child {
  border-bottom: 0;
}
/*menu*/
AX-MENU {
  display: block;
}
._menu {
  --_menu-gap-r: var(--_g);
  --_menu-sz-wdgt: 2.4rem;
  --_menu-w: var(--_w-menu);
  --_menu-h-1st: var(--_sz-input);
  width: var(--_menu-w);
  display: flex;
  flex-direction: column;
  min-height: var(--_sz-body);
}
._menu:where(ul),
._menu *:where(ul) {
  padding-inline-start: 0;
}
._menu *:where(ul) > li:before {
  display: none;
}
._menu [ajax-message] {
  width: 100%;
  min-height: var(--_sz-body);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
._menu:where(:not([row], [spill])) {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
._menu:where(:not([expose])) ul {
  display: none;
}
._menu li {
  box-sizing: border-box;
  position: relative;
  transition: all var(--_dur-2) ease-out;
}
._menu li > :first-child {
  color: var(--_c-text);
  height: var(--_sz-header);
  padding-right: var(--_p);
  display: flex;
  align-items: center;
  position: relative;
  transition: all var(--_dur-2) linear;
}
._menu li > :first-child:where(:not([disabled])) {
  cursor: pointer;
}
._menu > li {
  border-bottom: none;
}
._menu > li:before {
  content: '';
  width: 0.3rem;
  height: 0;
  background-color: var(--_c-prim);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all var(--_dur-2) ease-out;
}
._menu [role=indent] * {
  width: var(--_p);
}
._menu [role=label] {
  color: var(--_c-text);
  line-height: var(--_sz-brief);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: auto;
  width: 0;
  height: 100%;
  transition: all var(--_dur-2) linear;
}
._menu > li > :first-child [role=label] {
  font-weight: bold;
}
._menu [role=icon] {
  color: var(--_c-text-aj);
  width: var(--_menu-sz-wdgt);
  text-align: center;
  margin-right: var(--_menu-gap-r);
  transition: all var(--_dur-2) linear;
}
._menu [role=disk] {
  height: var(--_menu-sz-wdgt);
  width: var(--_menu-sz-wdgt);
  margin-right: var(--_menu-gap-r);
  object-fit: cover;
  border-radius: 100%;
}
._menu [role=cube] {
  height: var(--_menu-sz-wdgt);
  width: var(--_menu-sz-wdgt);
  margin-right: var(--_menu-gap-r);
  object-fit: cover;
  border-radius: var(--_r);
}
._menu [role=arrow] {
  color: var(--_c-ignore);
  font-size: var(--_fs-arrow);
  font-family: var(--_ff-icon);
  width: var(--_sz-body);
  margin-right: calc(-1*var(--_p));
  text-align: center;
  transition: all var(--_dur-2) linear;
}
._menu [role=arrow]:before {
  content: 'right';
}
._menu:where([expose]) [role=arrow] {
  display: none;
}
._menu [role=tips] {
  font-size: var(--_sz-ignore);
  color: var(--_c-ignore);
}
._menu li:where(:has(>[expanded])):before {
  height: 100%;
}
._menu [expanded] > [role=arrow] {
  transform: rotate(90deg);
}
._menu [selected]:where(:not([disabled])) {
  background-color: var(--_c-prim-bg);
}
._menu [selected]:where(:not([disabled])) [role=label],
._menu [selected]:where(:not([disabled])) [role=icon] {
  color: var(--_c-prim);
}
._menu [disabled] {
  user-select: none;
  pointer-events: none;
  background-color: var(--_c-ignore-bg);
}
._menu [disabled] > * {
  opacity: var(--_o-active);
}
._menu li:hover > :first-child:where(:not([disabled])) [role=label],
._menu li:hover > :first-child:where(:not([disabled])) [role=icon],
._menu li:hover > :first-child:where(:not([disabled])) [role=arrow] {
  color: var(--_c-prim);
}
._menu[scheme=dark] {
  background-color: var(--_c-prim-sg);
}
._menu[scheme=dark] > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
._menu[scheme=dark] [role=label],
._menu[scheme=dark] [role=tips],
._menu[scheme=dark] [role=icon] {
  color: rgba(255, 255, 255, 0.5);
}
._menu[scheme=dark] [role=arrow] {
  color: rgba(255, 255, 255, 0.2);
}
._menu[scheme=dark] > li > :first-child [role=label] {
  font-weight: normal;
}
._menu[scheme=dark] [selected] {
  background-color: var(--_c-prim-sd);
}
._menu[scheme=dark] [selected] [role=label],
._menu[scheme=dark] [selected] [role=icon] {
  color: #fff;
}
._menu[scheme=dark] [disabled] {
  background-color: var(--_c-ignore-bg);
}
._menu[scheme=dark] [disabled] [role=label],
._menu[scheme=dark] [disabled] [role=tips],
._menu[scheme=dark] [disabled] [role=icon] {
  color: rgba(255, 255, 255, 0.2);
}
._menu[scheme=dark] li:hover > :first-child:where(:not([disabled])) [role=label],
._menu[scheme=dark] li:hover > :first-child:where(:not([disabled])) [role=icon],
._menu[scheme=dark] li:hover > :first-child:where(:not([disabled])) [role=arrow] {
  color: #fff;
}
._menu[full] {
  --_menu-w: 100%;
}
._menu[gapless] > li:before {
  display: none;
}
._menu[gapless] > li > :first-child {
  padding-left: 0;
}
._menu[gapless] > li > :first-child [role=indent] {
  display: none;
}
._menu[gapless] li > :first-child {
  padding-right: 0;
}
._menu[gapless] [role=arrow] {
  margin-right: 0;
}
._menu[lamp=dot] > li:before,
._menu[lamp=dot] > li > :first-child:before {
  display: none;
}
._menu[lamp=dot] [selected]:before {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  background-color: var(--_c-prim);
  content: '';
  position: absolute;
  left: calc(var(--_p)*2 - 0.4rem);
  top: calc((var(--_sz-header) - 0.5rem)/2);
}
._menu[lamp=dot]:where([gapless]) [selected]:before {
  left: calc(var(--_p) - 0.4rem);
}
._menu[lamp=dot] > li > [selected]:before {
  display: none;
}
._menu[lamp=line] > li:before {
  display: none;
}
._menu[lamp=line] [selected]:before {
  position: absolute;
  background-color: var(--_c-prim);
  content: '';
  width: 0.2rem;
  height: 100%;
  left: 0;
  top: 0;
}
._menu[align=left] [role=label] {
  justify-content: flex-start;
}
._menu[align=center] [role=label] {
  justify-content: center;
}
._menu[align=right] [role=label] {
  justify-content: flex-end;
}
._menu[spill]:where(:not([row])) {
  position: relative;
  z-index: 610;
}
._menu[spill]:where(:not([row])) > li > ul {
  right: calc(var(--_w-list)*-1 - 0.6rem);
  top: -1px;
}
._menu[spill]:where(:not([row])) > li > :first-child:where([expanded]) > [role=arrow] {
  transform: rotate(180deg);
}
._menu[spill]:where(:not([row])) li {
  position: relative;
}
._menu[spill]:where(:not([row])) ul {
  width: var(--_w-list);
  position: absolute;
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
  border-radius: 0.3rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
._menu[spill]:where(:not([row])) ul > li:first-child,
._menu[spill]:where(:not([row])) ul > li:first-child > :first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
._menu[spill]:where(:not([row])) ul > li:last-child,
._menu[spill]:where(:not([row])) ul > li:last-child > :first-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
._menu[spill]:where(:not([row])) ul li > :first-child {
  height: var(--_sz-input);
  padding-left: var(--_p);
}
._menu[spill]:where(:not([row])) ul [role=indent] {
  display: none;
}
._menu[spill]:where(:not([row])) > li > ul > li ul {
  right: calc(-100% - 0.1rem - 0.6rem);
  top: -0.1rem;
}
._menu[spill]:where(:not([row])) > li > ul li > :first-child:where([expanded]) > [role=arrow] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
._menu[spill]:where(:not([row])) > li li {
  border-bottom: 1px solid var(--_c-text-bd);
}
._menu[spill]:where(:not([row])) > li ul li:last-child {
  border-bottom: 0;
}
._menu[spill]:where(:not([row])) > li li:hover > :first-child:where(:not([disabled], [selected])) {
  background-color: var(--_c-text-bg);
}
._menu[spill]:where(:not([row])) > li ul [selected]:where(:not([disabled])) {
  background-color: var(--_c-prim);
}
._menu[spill]:where(:not([row])) > li ul [selected]:where(:not([disabled])) [role=tips] {
  color: rgba(255, 255, 255, 0.5);
}
._menu[spill]:where(:not([row])) > li ul [selected]:where(:not([disabled])) [role=label],
._menu[spill]:where(:not([row])) > li ul [selected]:where(:not([disabled])) [role=icon],
._menu[spill]:where(:not([row])) > li ul [selected]:where(:not([disabled])) [role=arrow] {
  color: #fff;
}
._menu[spill]:where(:not([row])) > li li:hover > [selected]:where(:not([disabled])) [role=label],
._menu[spill]:where(:not([row])) > li li:hover > [selected]:where(:not([disabled])) [role=icon] {
  color: #fff;
}
._menu[row] {
  --_menu-w: auto;
  display: inline-flex;
  flex-direction: row;
  min-height: var(--_sz-body);
  position: relative;
  z-index: 610;
}
._menu[row] > li {
  display: inline-block;
  box-sizing: border-box;
}
._menu[row] > li:before {
  display: none;
}
._menu[row] > li > :first-child {
  height: var(--_menu-h-1st);
  padding-left: var(--_p);
}
._menu[row] > li > :first-child [role=indent] {
  display: none;
}
._menu[row] > li > :first-child [role=label] {
  font-weight: normal;
  position: relative;
}
._menu[row] > li > :first-child [role=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[row] > li:has([selected]) > :first-child [role=label] {
  color: var(--_c-prim);
}
._menu[row] > li:has([selected]) > :first-child [role=label]:after {
  transform: translate(-50%, 0) scaleX(1);
}
._menu[row] > li > :first-child > [role=arrow]:before {
  content: 'down';
}
._menu[row] > li > :first-child:where([expanded]) > [role=arrow] {
  transform: rotate(180deg);
}
._menu[row] > li > :first-child > [role=label] {
  flex: none;
  width: auto;
}
._menu[row] > li > [selected],
._menu[row] > li > [disabled] {
  background: transparent;
}
._menu[row] > li > [expanded] [role=label] {
  color: var(--_c-prim);
}
._menu[row] > li > ul {
  left: -0.1rem;
  top: calc(100% + 0.6rem);
}
._menu[row] li {
  position: relative;
}
._menu[row] ul {
  width: var(--_w-list);
  position: absolute;
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
  border-radius: 0.3rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
._menu[row] ul > li:first-child,
._menu[row] ul > li:first-child > :first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
._menu[row] ul > li:last-child,
._menu[row] ul > li:last-child > :first-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
._menu[row] ul li > :first-child {
  height: var(--_sz-input);
  padding-left: var(--_p);
}
._menu[row] ul [role=indent] {
  display: none;
}
._menu[row] > li > ul > li ul {
  right: calc(-100% - 0.1rem - 0.6rem);
  top: -0.1rem;
}
._menu[row] > li > ul li > :first-child:where([expanded]) > [role=arrow] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
._menu[row] > li li {
  border-bottom: 1px solid var(--_c-text-bd);
}
._menu[row] > li ul li:last-child {
  border-bottom: 0;
}
._menu[row] > li li:hover > :first-child:where(:not([disabled], [selected])) {
  background-color: var(--_c-text-bg);
}
._menu[row] > li ul [selected]:where(:not([disabled])) {
  background-color: var(--_c-prim);
}
._menu[row] > li ul [selected]:where(:not([disabled])) [role=tips] {
  color: rgba(255, 255, 255, 0.5);
}
._menu[row] > li ul [selected]:where(:not([disabled])) [role=label],
._menu[row] > li ul [selected]:where(:not([disabled])) [role=icon],
._menu[row] > li ul [selected]:where(:not([disabled])) [role=arrow] {
  color: #fff;
}
._menu[row] > li li:hover > [selected]:where(:not([disabled])) [role=label],
._menu[row] > li li:hover > [selected]:where(:not([disabled])) [role=icon] {
  color: #fff;
}
._menu[row] [role=label] + [role=tips],
._menu[row] [role=label] + ax-badge,
._menu[row] [role=label] + [role=badge] {
  margin-left: var(--_g);
}
._menu[align=center] > li ul [role=arrow] {
  margin-left: calc(var(--_p) - var(--_sz-body));
}
._menu[align=center]:where(:not([row])) > li > :first-child [role=arrow] {
  margin-left: calc(var(--_p) - var(--_sz-body));
}
/*ax tab*/
._tab {
  min-height: var(--_sz-body);
}
._tab > *:where(ul) {
  padding-inline-start: 0;
}
._tab > *:where(ul) > li:before {
  display: none;
}
._tab [ajax-message] {
  width: 100%;
  min-height: var(--_sz-body);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
._tab > ._tab-head ._slide {
  width: auto;
}
._tab > ._tab-head [role=tips] {
  color: var(--_c-ignore);
}
._tab > ._tab-body {
  box-sizing: border-box;
  transition: all var(--_dur-2) linear;
  min-height: var(--_sz-body);
}
._tab > ._tab-body [ajax-message] {
  width: 100%;
  min-height: var(--_sz-body);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
._tab > ._tab-body > *:where(:not([selected])) {
  position: fixed;
  left: -10000px;
}
._tab > ._tab-body iframe {
  width: 100%;
  min-height: 40rem;
}
._tab:where([embed]) > ._tab-body {
  padding: var(--_p);
}
._tab:where([embed]) > ._tab-head._group-page,
._tab:where([embed]) > ._tab-head ._group-page {
  background-color: var(--_c-ignore-bg);
}
._tab:where([embed]) > ._tab-head._group-page > *,
._tab:where([embed]) > ._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 {
  border-left-width: 0;
}
._tab:where([embed]) > ._tab-head._group-flex > *:first-child,
._tab:where([embed]) > ._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(--_sz-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(--_sz-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 {
  padding: var(--_p);
}
._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(--_fs-body);
  font-weight: bold;
  line-height: var(--_sz-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;
  padding: calc((var(--_sz-input) - var(--_sz-list))/2);
  position: absolute;
}
._drawer ._box-tools [role="icon"] {
  font-size: var(--_fs-ignore);
}
._drawer ._box-tools > * {
  color: var(--_c-stage);
  width: var(--_sz-list);
  aspect-ratio: 1/1;
  line-height: var(--_sz-list);
  padding: 0;
}
._drawer:where(:has(._drawer-mask)) ._box-tools > *[role="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[type="image"] ._drawer-cont,
._drawer[type="video"] ._drawer-cont,
._drawer[type="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([type="iframe"])[size] ._drawer-padding {
  flex: auto;
  display: flex;
  flex-direction: column;
}
._drawer:where([type="iframe"])[size] ._drawer-cont {
  display: flex;
  flex-direction: column;
  flex: auto;
}
._drawer:where([type="iframe"])[size] ._drawer-cont [class*="_box-"] {
  flex: auto;
}
._drawer:where([type="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 > * {
  background-color: rgba(0, 0, 0, var(--_o-disabled));
  border-radius: 100%;
}
._drawer:not(:has(._drawer-mask)) ._box-tools > *:where([role="close"]):hover {
  background-color: var(--_c-error);
}
._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 tooltip*/
._tooltip {
  --_tt-c-bd: var(--_c-text);
  --_tt-c-bg: var(--_c-stage);
  --_tt-color: var(--_c-text);
  border-color: var(--_tt-c-bd);
  background-color: var(--_tt-c-bg);
  border-radius: 0.3rem;
}
._tooltip ._popup-cont {
  color: var(--_tt-color);
  font-size: var(--_sz-ignore);
  line-height: var(--_sz-brief);
  padding: 0.5rem 1rem;
  box-sizing: border-box;
}
._tooltip:where([theme*='-']) > [role=arrow] {
  box-shadow: 1px 1px 0 var(--_tt-c-bd);
}
._tooltip[placement^='top'] > [role=arrow] {
  background: linear-gradient(135deg, transparent 50%, var(--_tt-c-bg) 50%, var(--_tt-c-bg) 100%);
}
._tooltip[placement^='bottom'] > [role=arrow] {
  background: linear-gradient(135deg, transparent 50%, var(--_tt-c-bg) 50%, var(--_tt-c-bg) 100%);
}
._tooltip[placement^='left'] > [role=arrow] {
  background: linear-gradient(135deg, transparent 50%, var(--_tt-c-bg) 50%, var(--_tt-c-bg) 100%);
}
._tooltip[placement^='right'] > [role=arrow] {
  background: linear-gradient(135deg, transparent 50%, var(--_tt-c-bg) 50%, var(--_tt-c-bg) 100%);
}
._tooltip[theme="prim"] {
  --_tt-c-bd: var(--_c-prim);
  --_tt-c-bg: var(--_c-prim);
  --_tt-color: #fff;
}
._tooltip[theme="succ"] {
  --_tt-c-bd: var(--_c-succ);
  --_tt-c-bg: var(--_c-succ);
  --_tt-color: #fff;
}
._tooltip[theme="error"] {
  --_tt-c-bd: var(--_c-error);
  --_tt-c-bg: var(--_c-error);
  --_tt-color: #fff;
}
._tooltip[theme="info"] {
  --_tt-c-bd: var(--_c-info);
  --_tt-c-bg: var(--_c-info);
  --_tt-color: #fff;
}
._tooltip[theme="warn"] {
  --_tt-c-bd: var(--_c-warn);
  --_tt-c-bg: var(--_c-warn);
}
._tooltip[theme="issue"] {
  --_tt-c-bd: var(--_c-issue);
  --_tt-c-bg: var(--_c-issue);
  --_tt-color: #fff;
}
._tooltip[theme="text"] {
  --_tt-c-bd: var(--_c-text);
  --_tt-c-bg: var(--_c-text);
  --_tt-color: #fff;
}
._tooltip[theme="prim-lit"] {
  --_tt-c-bd: var(--_c-prim);
}
._tooltip[theme="succ-lit"] {
  --_tt-c-bd: var(--_c-succ);
}
._tooltip[theme="error-lit"] {
  --_tt-c-bd: var(--_c-error);
}
._tooltip[theme="info-lit"] {
  --_tt-c-bd: var(--_c-info);
}
._tooltip[theme="warn-lit"] {
  --_tt-c-bd: var(--_c-warn);
}
._tooltip[theme="issue-lit"] {
  --_tt-c-bd: var(--_c-issue);
}
._tooltip[theme="text-lit"] {
  --_tt-c-bd: var(--_c-text);
}
/*ax dropdown*/
._dropdown ._popup-cont > ul > li:last-child > hr {
  display: none;
}
/*File input*/
AX-FILE {
  --_input-h: var(--_sz-em-input);
  --_input-p-lr: var(--_sz-em-space);
  display: inline-flex;
  flex-direction: column;
  width: var(--_w-input);
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
}
AX-FILE [role=wrap] {
  font-size: var(--_sz-font);
  background-color: #fff;
  width: 100%;
  height: var(--_input-h);
  padding-left: var(--_input-p-lr);
  border: 1px solid var(--_c-text-bd);
  border-radius: 0.3rem;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  transition: all var(--_dur-2) linear;
}
AX-FILE [role=wrap]:hover {
  border-color: var(--_c-prim);
}
AX-FILE [role=wrap]:focus-within {
  color: var(--_c-prim);
  border-color: var(--_c-prim);
  outline: var(--_w-outline) solid var(--_c-prim-sd);
  outline-offset: 0px;
}
AX-FILE [role=wrap]:focus-within [role=label] {
  color: var(--_c-prim);
}
AX-FILE input {
  opacity: 0;
  position: absolute;
  left: -100000px;
}
AX-FILE [role=placeholder] {
  color: var(--_c-ignore);
  line-height: calc(var(--_input-h) - 2px);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex: auto;
}
AX-FILE [role=tools] > * {
  font-size: var(--_sz-ignore);
  color: var(--_c-ignore);
}
AX-FILE [role=tools] > *:hover {
  color: var(--_c-prim);
}
AX-FILE [role=label] {
  text-align: left;
  width: 100%;
  padding: 1em 0;
  overflow: hidden;
  flex: auto;
}
AX-FILE [role=label]:empty {
  display: none;
}
AX-FILE [role=label]:where(:not(:empty)) + [role=placeholder] {
  display: none;
}
AX-FILE:where(:not([multiple])) [role=label] {
  text-overflow: ellipsis;
  white-space: nowrap;
}
AX-FILE:where([multiple]) [role=label] {
  word-break: break-all;
  line-height: 1em;
  display: -webkit-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
AX-FILE [role=mean] {
  color: var(--_c-ignore);
  content: 'file';
  font-family: var(--_ff-icon);
  cursor: pointer;
  width: var(--_sz-list);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all var(--_dur-2) linear;
}
AX-FILE [role=mean]:hover {
  color: var(--_c-prim);
}
AX-FILE[size=sm] {
  --_input-h: var(--_sz-em-body);
}
AX-FILE[size=lg] {
  --_input-h: var(--_sz-em-large);
  --_input-p-lr: var(--_sz-em-font);
}
AX-FILE[size=lg][multiple] [role=label] {
  line-height: var(--_sz-em-brief);
}
/*Text input*/
AX-INPUT {
  --_input-h: var(--_sz-em-input);
  --_input-p-lr: var(--_sz-em-space);
  display: inline-flex;
  flex-direction: column;
  width: var(--_w-input);
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
  /*     [role=label] {
        text-align: left;
        width: 100%;
        overflow: hidden;
        flex: auto;
    } */
  /*     &:where(:not([multiple])) [role=label] {
        text-overflow: ellipsis;
        white-space: nowrap;
    }
 */
  /*     &:where([multiple]) [role=label] {
        word-break: break-all;
        line-height: 1em;
        display: -webkit-box;
        white-space: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    } */
}
AX-INPUT [role=wrap] {
  font-size: var(--_sz-font);
  color: var(--_c-ignore);
  background-color: #fff;
  border-radius: 0.3rem;
  border: 1px solid var(--_c-text-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 [role=wrap]:focus-within {
  color: var(--_c-prim);
  border-color: var(--_c-prim);
  outline: var(--_w-outline) solid var(--_c-prim-sd);
  outline-offset: 0px;
}
AX-INPUT [role=limit] {
  font-size: var(--_fs-min);
  color: var(--_c-ignore);
  line-height: 1.5em;
  padding: calc(1em / 3) 0;
}
AX-INPUT[exceeded] [role=limit] {
  color: var(--_c-error);
}
AX-INPUT input {
  width: 100%;
  min-width: auto;
  height: 100%;
  border-width: 0;
  outline: none;
  box-shadow: none;
  flex: auto;
}
AX-INPUT [role=tools] {
  --_tools-fs: var(--_sz-ignore);
  color: var(--_c-ignore);
}
AX-INPUT:hover {
  border-color: var(--_c-prim);
}
AX-INPUT[size=sm] {
  --_input-h: var(--_sz-em-body);
}
AX-INPUT[size=lg] {
  --_input-h: var(--_sz-em-large);
  --_input-p-lr: var(--_sz-em-font);
}
/*Textarea input*/
AX-TEXTAREA {
  --_cmpt-p: var(--_sz-em-space);
  --_cmpt-fs: var(--_sz-font);
  --_cmpt-r: var(--_r);
  --_cmpt-w: var(--_w-input);
  --_cmpt-os: var(--_sz-em-space);
  display: inline-flex;
  flex-direction: column;
  width: var(--_w-input);
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
}
AX-TEXTAREA [role=wrap] {
  color: var(--_c-ignore);
  background-color: #fff;
  border-radius: var(--_cmpt-r);
  border: 1px solid var(--_c-text-bd);
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  position: relative;
  transition: all var(--_dur-2) linear;
}
AX-TEXTAREA [role=wrap]:focus-within {
  color: var(--_c-prim);
  border-color: var(--_c-prim);
  outline: var(--_w-outline) solid var(--_c-prim-sd);
  outline-offset: 0px;
}
AX-TEXTAREA [role=limit] {
  font-size: var(--_fs-min);
  color: var(--_c-ignore);
  line-height: 1.5em;
  padding: calc(1em / 3) 0;
}
AX-TEXTAREA[exceeded] [role=limit] {
  color: var(--_c-error);
}
AX-TEXTAREA textarea {
  --_input-p: var(--_cmpt-p);
  --_input-fs: var(--_cmpt-fs);
  --_input-os: var(--_cmpt-os);
  width: 100%;
  min-width: auto;
  border-width: 0;
  outline: none;
  box-shadow: none;
  flex: auto;
}
AX-TEXTAREA:has([role=tools]) textarea {
  padding-right: var(--_sz-list);
}
AX-TEXTAREA [role=tools] {
  --_tools-fs: var(--_sz-ignore);
  color: var(--_c-ignore);
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
}
AX-TEXTAREA[enough] [role=tools] {
  right: var(--_sz-space);
}
AX-TEXTAREA:hover {
  border-color: var(--_c-prim);
}
AX-TEXTAREA[size=sm] {
  --_input-h: var(--_sz-em-body);
}
AX-TEXTAREA[size=lg] {
  --_input-h: var(--_sz-em-large);
  --_input-p-lr: var(--_sz-em-font);
}
/*Number input*/
AX-NUMBER {
  --_input-h: var(--_sz-em-input);
  --_input-w: var(--_w-label);
  --_input-p-lr: 0;
  display: inline-flex;
  flex-direction: column;
  width: var(--_input-w);
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
}
AX-NUMBER [role=wrap] {
  font-size: var(--_sz-font);
  color: var(--_c-ignore);
  width: 100%;
  height: var(--_input-h);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
}
AX-NUMBER [role=wrap]:focus-within input {
  color: var(--_c-prim);
}
AX-NUMBER:where(:not([layout=plain])) [role=wrap] {
  border: 1px solid var(--_c-text-bd);
  background-color: #fff;
  border-radius: 0.3rem;
  transition: all var(--_dur-2) linear;
}
AX-NUMBER:where(:not([layout=plain])) [role=wrap]:focus-within {
  border-color: var(--_c-prim);
  outline: var(--_w-outline) solid var(--_c-prim-sd);
  outline-offset: 0px;
}
AX-NUMBER [role=tips] {
  font-size: var(--_fs-min);
  color: var(--_c-ignore);
  line-height: 1.5em;
  padding: calc(1em / 3) 0;
}
AX-NUMBER[exceeded] [role=tips] {
  color: var(--_c-error);
}
AX-NUMBER input {
  min-width: 0;
  height: 100%;
  text-align: center;
  padding: 0 var(--_input-p-lr);
  flex: auto;
}
AX-NUMBER:where(:not([layout=plain])) input {
  border-width: 0;
  outline: none;
}
AX-NUMBER input::placeholder {
  text-align: center;
}
AX-NUMBER input::-webkit-outer-spin-button,
AX-NUMBER input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
AX-NUMBER [role=decrease],
AX-NUMBER [role=increase] {
  font-family: var(--_ff-icon);
  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 [role=decrease][disabled],
AX-NUMBER [role=increase][disabled] {
  opacity: var(--_o-disabled);
}
AX-NUMBER[disabled] {
  opacity: var(--_o-disabled);
}
AX-NUMBER:where(:not([layout=plain])) [role=decrease],
AX-NUMBER:where(:not([layout=plain])) [role=increase] {
  height: 100%;
}
AX-NUMBER:where(:not([layout=plain])) [role=decrease]:hover,
AX-NUMBER:where(:not([layout=plain])) [role=increase]:hover {
  color: var(--_c-prim);
}
AX-NUMBER:where([layout=plain]) [role=decrease],
AX-NUMBER:where([layout=plain]) [role=increase] {
  font-size: var(--_sz-ignore);
  height: var(--_sz-list);
  border-radius: 100%;
  border: 1px solid var(--_c-text-bd);
}
AX-NUMBER:where([layout=plain]) [role=decrease]:hover,
AX-NUMBER:where([layout=plain]) [role=increase]:hover {
  color: #fff;
  background-color: var(--_c-prim);
}
AX-NUMBER:where([layout=plain]) input {
  margin-left: var(--_sz-space);
  margin-right: var(--_sz-space);
}
AX-NUMBER:hover {
  border-color: var(--_c-prim);
}
AX-NUMBER[size=sm] {
  --_input-h: var(--_sz-em-body);
}
AX-NUMBER[size=lg] {
  --_input-h: var(--_sz-em-large);
}
/*Range input*/
AX-RANGE {
  --_range-sz-handle: 1.6rem;
  --_range-sz-track: 0.3rem;
  display: inline-flex;
  flex-direction: column;
  width: var(--_w-input);
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
}
AX-RANGE input {
  position: fixed;
  left: -100000px;
}
AX-RANGE [role=wrap] {
  user-select: none;
  font-size: var(--_sz-ignore);
  height: var(--_sz-input);
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: center;
}
AX-RANGE [role=body] {
  position: relative;
  flex: auto;
}
AX-RANGE [role=track] {
  height: var(--_range-sz-track);
  border-radius: var(--_range-sz-track);
  position: relative;
  z-index: 1;
}
AX-RANGE [role=track] [role=base] {
  background-color: var(--_c-text-bd);
  width: 100%;
  height: inherit;
  border-radius: inherit;
  transition: background-color var(--_dur-1) ease-out;
  position: relative;
}
AX-RANGE [role=track] [role=base]:before {
  content: '';
  width: 100%;
  height: calc(var(--_range-sz-track)*5);
  position: absolute;
  left: 0;
  top: calc(-1*var(--_range-sz-track)*2);
}
AX-RANGE [role=track] [role=thumb] {
  width: 0;
  height: inherit;
  border-radius: inherit;
  background-color: var(--_c-prim);
  position: absolute;
  left: 0;
  top: 0;
}
AX-RANGE [role=track] [role=thumb]:before {
  content: '';
  width: 100%;
  height: calc(var(--_range-sz-track)*5);
  position: absolute;
  left: 0;
  top: calc(-1*var(--_range-sz-track)*2);
}
AX-RANGE [role=increase],
AX-RANGE [role=decrease] {
  color: #fff;
  background-color: var(--_c-prim);
  font-size: var(--_sz-space);
  font-family: var(--_ff-icon);
  height: var(--_sz-font);
  aspect-ratio: 1/1;
  border-radius: 100%;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
AX-RANGE [role=increase] {
  margin-left: var(--_sz-space);
}
AX-RANGE [role=decrease] {
  margin-right: var(--_sz-space);
}
AX-RANGE [role=result] {
  margin-left: var(--_sz-space);
  min-width: var(--_sz-body);
  text-align: right;
}
AX-RANGE [role=handles] > * {
  width: var(--_range-sz-handle);
  height: var(--_range-sz-handle);
  border-radius: var(--_range-sz-handle);
  border: 2px solid var(--_c-prim);
  background-color: #fff;
  box-shadow: none;
  transition: box-shadow var(--_dur-1) linear, background-color var(--_dur-1) linear, border-color 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;
}
AX-RANGE [role=handles] > :not([disabled]):hover {
  cursor: col-resize;
  box-shadow: 0 0 0 var(--_range-sz-track) var(--_c-prim-sd);
}
AX-RANGE [role=handles] > [role=from] {
  left: 0;
}
AX-RANGE [role=handles] > [role=to] {
  left: calc(100% - var(--_range-sz-handle));
  z-index: 2;
}
AX-RANGE [role=handles] > [role=single] {
  left: 0;
}
AX-RANGE [role=handles] > [active] {
  z-index: 3;
}
AX-RANGE [role=bubbles] > * {
  font-size: var(--_sz-ignore);
  line-height: var(--_sz-brief);
  padding: 0 0.5rem;
  border-radius: var(--_r);
  position: absolute;
  top: calc(-1*var(--_sz-brief) - (var(--_range-sz-handle) - var(--_range-sz-track))/2 - 0.6rem);
  z-index: 1;
  visibility: hidden;
}
AX-RANGE [role=bubbles] [role=from],
AX-RANGE [role=bubbles] [role=to],
AX-RANGE [role=bubbles] [role=single],
AX-RANGE [role=bubbles] [role=merge] {
  color: #fff;
  background-color: var(--_c-prim);
  transform: translateX(calc(-50% + var(--_range-sz-handle)/2));
}
AX-RANGE [role=bubbles] [role=from]:before,
AX-RANGE [role=bubbles] [role=to]:before,
AX-RANGE [role=bubbles] [role=single]:before,
AX-RANGE [role=bubbles] [role=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%;
}
AX-RANGE [role=bubbles] [role=to] {
  z-index: 2;
}
AX-RANGE [role=bubbles] [role=merge] {
  visibility: hidden;
}
AX-RANGE [role=bubbles] [role=min],
AX-RANGE [role=bubbles] [role=max] {
  color: var(--_c-text);
  background-color: var(--_c-text-bg);
}
AX-RANGE [role=bubbles] [role=min] {
  left: 0;
}
AX-RANGE [role=bubbles] [role=max] {
  right: 0;
}
AX-RANGE [role=bubbles] [active] {
  z-index: 3;
}
AX-RANGE[limitshow] [role=bubbles] [role=max],
AX-RANGE[limitshow] [role=bubbles] [role=min] {
  visibility: visible;
}
AX-RANGE[valshow] [role=bubbles] [role=from],
AX-RANGE[valshow] [role=bubbles] [role=to],
AX-RANGE[valshow] [role=bubbles] [role=single] {
  visibility: visible;
}
AX-RANGE [role=ruler] {
  --_ruler-major: 0.8rem;
  --_ruler-minor: 0.4rem;
  width: calc(100% - var(--_range-sz-handle));
  margin: 0 calc(var(--_range-sz-handle)/2);
  position: absolute;
  left: 0;
  top: var(--_range-sz-track);
}
AX-RANGE [role=ruler] ul {
  position: relative;
  padding-inline-start: 0;
}
AX-RANGE [role=ruler] li {
  position: absolute;
  top: 0;
}
AX-RANGE [role=ruler] li:before {
  content: '';
  width: 1px;
  height: var(--_ruler-major);
  background-color: var(--_c-text-fc);
  border-radius: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
AX-RANGE [role=ruler] li:not([data-content]):before {
  height: var(--_ruler-minor);
}
AX-RANGE [role=ruler] li:after {
  content: attr(data-content);
  color: var(--_c-ignore);
  font-size: var(--_sz-ignore);
  line-height: var(--_sz-ignore);
  white-space: nowrap;
  text-align: center;
  position: absolute;
  top: calc(var(--_ruler-major) + 0.2rem);
  left: 0;
  transform: translateX(-50%);
}
AX-RANGE [role=ruler] div {
  height: 0.2rem;
  background-color: var(--_c-text-fc);
  position: absolute;
  top: calc(var(--_ruler-minor) - 0.2rem);
}
AX-RANGE:not([disabled])[multiple] [role=thumb]:hover {
  cursor: w-resize;
}
AX-RANGE._merge [role=bubbles] [role=from],
AX-RANGE._merge [role=bubbles] [role=to] {
  visibility: hidden;
}
AX-RANGE._merge [role=bubbles] [role=merge] {
  visibility: visible;
}
AX-RANGE._tostart [role=bubbles] [role=min] {
  visibility: hidden;
}
AX-RANGE._toend [role=bubbles] [role=max] {
  visibility: hidden;
}
AX-RANGE:not([disabled]):hover [role=track] [role=base] {
  background-color: var(--_c-prim-bd);
}
AX-RANGE[disabled] [role=wrap] {
  user-select: none;
  pointer-events: none;
}
AX-RANGE[disabled] [role=wrap] [role=decrease],
AX-RANGE[disabled] [role=wrap] [role=increase] {
  color: var(--_c-prim-fc);
}
AX-RANGE[disabled] [role=wrap] [role=track] [role=thumb] {
  background-color: var(--_c-prim-fc);
}
AX-RANGE[disabled] [role=wrap] [role=bubbles] [role=from],
AX-RANGE[disabled] [role=wrap] [role=bubbles] [role=to],
AX-RANGE[disabled] [role=wrap] [role=bubbles] [role=single],
AX-RANGE[disabled] [role=wrap] [role=bubbles] [role=merge] {
  background-color: var(--_c-prim-fc);
}
AX-RANGE[disabled] [role=wrap] [role=bubbles] [role=from]:before,
AX-RANGE[disabled] [role=wrap] [role=bubbles] [role=to]:before,
AX-RANGE[disabled] [role=wrap] [role=bubbles] [role=single]:before,
AX-RANGE[disabled] [role=wrap] [role=bubbles] [role=merge]:before {
  border-top-color: var(--_c-prim-fc);
}
AX-RANGE[disabled] [role=wrap] [role=handles] > * {
  border-color: var(--_c-prim-fc);
  box-shadow: none;
}
AX-RANGE[axis="y"] {
  display: inline-flex;
  min-width: 9.4rem;
}
AX-RANGE[axis="y"] [role=wrap] {
  height: 100%;
  flex-direction: column-reverse;
}
AX-RANGE[axis="y"] [role=body] {
  width: var(--_range-sz-track);
  min-height: 20rem;
}
AX-RANGE[axis="y"] [role=track] {
  height: 100%;
  width: var(--_range-sz-track);
  border-radius: var(--_range-sz-track);
}
AX-RANGE[axis="y"] [role=track] [role=base] {
  width: inherit;
  height: inherit;
}
AX-RANGE[axis="y"] [role=track] [role=thumb] {
  width: inherit;
  top: auto;
  bottom: 0;
}
AX-RANGE[axis="y"] [role=track] [role=base]:before,
AX-RANGE[axis="y"] [role=track] [role=thumb]:before {
  height: 100%;
  width: calc(var(--_range-sz-track)*5);
  top: 0;
  left: calc(-1*var(--_range-sz-track)*2);
}
AX-RANGE[axis="y"] [role=bubbles] > * {
  top: auto;
  left: auto;
  right: auto;
  transform: translateX(calc(-100% - var(--_range-sz-handle)/2 - 0.6rem));
}
AX-RANGE[axis="y"] [role=bubbles] [role=max] {
  top: 0;
}
AX-RANGE[axis="y"] [role=bubbles] [role=min] {
  bottom: 0;
}
AX-RANGE[axis="y"] [role=bubbles] [role=from]:before,
AX-RANGE[axis="y"] [role=bubbles] [role=to]:before,
AX-RANGE[axis="y"] [role=bubbles] [role=single]:before,
AX-RANGE[axis="y"] [role=bubbles] [role=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;
}
AX-RANGE[axis="y"] [role=bubbles] [role=merge] {
  transform: translate(calc(-100% - var(--_range-sz-handle)/2 - 0.6rem), calc(50% - var(--_range-sz-handle)/2));
}
AX-RANGE[axis="y"] [role=bubbles] [role=merge] i {
  text-align: center;
  display: block;
  transform: rotate(90deg);
  margin: -0.6rem auto;
}
AX-RANGE[axis="y"] [role=handles] > * {
  left: calc((var(--_range-sz-handle) - var(--_range-sz-track))/-2);
  top: auto;
}
AX-RANGE[axis="y"] [role=handles] > *:not([disabled]):hover {
  cursor: row-resize;
}
AX-RANGE[axis="y"] [role=ruler] {
  height: calc(100% - var(--_range-sz-handle));
  margin: calc(var(--_range-sz-handle)/2) 0;
  left: var(--_range-sz-track);
  top: 0;
}
AX-RANGE[axis="y"] [role=ruler] ul {
  height: 100%;
}
AX-RANGE[axis="y"] [role=ruler] li {
  top: auto;
  left: 0;
  bottom: 0;
}
AX-RANGE[axis="y"] [role=ruler] li:before {
  height: 1px;
  width: var(--_ruler-major);
  top: auto;
  bottom: 0;
  left: 0;
}
AX-RANGE[axis="y"] [role=ruler] li:not([data-content]):before {
  height: 1px;
  width: var(--_ruler-minor);
}
AX-RANGE[axis="y"] [role=ruler] li:after {
  text-align: left;
  top: 0;
  left: calc(var(--_ruler-major) + 0.2rem);
  transform: translateY(-50%);
}
AX-RANGE[axis="y"] [role=ruler] div {
  height: 0;
  width: 0.2rem;
  top: auto;
  left: calc(var(--_ruler-minor) - 0.2rem);
}
AX-RANGE[axis="y"] [role=increase],
AX-RANGE[axis="y"] [role=decrease],
AX-RANGE[axis="y"] [role=result] {
  line-height: var(--_sz-font);
}
AX-RANGE[axis="y"] [role=increase] {
  margin-bottom: var(--_sz-space);
  margin-left: 0;
}
AX-RANGE[axis="y"] [role=decrease] {
  margin-top: var(--_sz-space);
  margin-right: 0;
}
AX-RANGE[axis="y"] [role=result] {
  margin-left: 0;
  margin-bottom: var(--_sz-space);
  min-width: auto;
  text-align: center;
}
AX-RANGE[axis="y"]:not([disabled])[multiple] [role=thumb]:hover {
  cursor: s-resize;
}
/*Autocomplete*/
._autocomplete ._retrieval-status {
  color: var(--_c-ignore);
  font-size: var(--_sz-ignore);
  line-height: var(--_sz-brief);
}
._autocomplete._popup ._retrieval-status {
  padding: var(--_sz-root) var(--_p);
  border-bottom: 1px solid var(--_c-text-bd);
}
._autocomplete ._bulletin {
  cursor: pointer;
}
/*Scroll and Swipe*/
._scroll {
  --_scroll-bar-sz: var(--_sz-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-hover: var(--_c-mask-36);
  --_scroll-bar-c-active: var(--_c-mask-44);
  --_scroll-bar-radius: 0px;
  position: relative;
}
._scroll > ._scroll-wrap {
  position: relative;
}
._scroll > ._scroll-bar {
  background-color: var(--_scroll-bar-c-track);
  border-radius: var(--_scroll-bar-radius);
  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-hover);
}
._scroll > ._scroll-bar:hover,
._scroll > ._scroll-bar[scrolling] {
  --_scroll-bar-sz: var(--_sz-space);
}
._scroll > ._scroll-bar[scrolling] span {
  background-color: var(--_scroll-bar-c-active);
}
._scroll:hover > ._scroll-bar,
._scroll > ._scroll-bar[shown] {
  opacity: 1;
  pointer-events: initial;
}
._scroll[axis=x] {
  display: flex;
  width: 100%;
  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(--_size-body);
  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;
}
@media (any-hover: none) {
  ._scroll ._scroll-bar {
    display: none;
  }
}
/*Swipe*/
._swipe-prev,
._swipe-next {
  font-family: 'ax-iconfont';
  color: var(--_c-prim);
  border-radius: 100%;
  box-sizing: border-box;
  font-size: var(--_sz-brief);
  opacity: 0.8;
  width: var(--_sz-input);
  height: var(--_sz-input);
  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] {
  color: var(--_c-text);
  opacity: 0.2;
  pointer-events: none;
}
._swipe-prev[filled],
._swipe-next[filled] {
  color: rgba(255, 255, 255, 0.8);
  background-color: var(--_c-prim);
}
._swipe-prev[filled][disabled],
._swipe-next[filled][disabled] {
  background-color: var(--_c-text);
}
._swipe-prev:not([disabled]):hover,
._swipe-next:not([disabled]):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 {
  font-size: var(--_sz-ignore);
  width: var(--_sz-brief);
  height: var(--_sz-brief);
}
._swipe-pgn {
  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: 1rem;
  height: 1rem;
  margin: 0 var(--_sz-min);
  display: inline-block;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0.2;
  transition: all var(--_dur-1) linear;
}
._swipe-pgn[type='lamp'] [active] {
  opacity: 1;
  background: var(--_c-prim);
}
._swipe-pgn[type='lamp'] > *:not([active]):hover {
  opacity: 0.4;
}
._swipe-pgn[type="thumb"] > * {
  height: var(--_sz-input);
  width: calc(var(--_sz-input) * 2);
  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"] {
  justify-content: flex-end;
}
._swipe-pgn[type="index"] > * {
  width: var(--_sz-list);
  height: var(--_sz-list);
  margin-left: var(--_sz-min);
  line-height: var(--_sz-list);
  text-align: center;
  color: #fff;
  font-size: var(--_sz-ignore);
  display: inline-block;
  border-radius: var(--_r);
  background: rgba(0, 0, 0, 0.2);
  transition: all var(--_dur-1) linear;
}
._swipe-pgn[type="index"] [active] {
  background: var(--_c-prim);
}
._swipe-pgn[type="index"] > *:not([active]):hover {
  background: rgba(0, 0, 0, 0.5);
}
._swipe-pgn[type="text"] {
  font-size: var(--_sz-ignore);
  width: 100%;
  display: flex;
}
._swipe-pgn[type="text"] > * {
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 0;
  flex: auto;
}
._swipe-pgn[type="text"] [active] {
  background: var(--_c-prim);
}
._swipe-pgn[type="text"] > *:not([active]):hover {
  background: rgba(0, 0, 0, 0.5);
}
._swipe {
  min-height: var(--_sz-body);
  min-width: var(--_sz-body);
  overflow: hidden;
  position: relative;
  transition: all var(--_dur-2) linear;
}
._swipe[spinning] {
  pointer-events: none;
}
._swipe[spinning] {
  min-height: var(--_sz-body);
  background-image: var(--_spin);
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--_sz-input);
}
._swipe > ._swipe-wrap > * {
  position: relative;
}
._swipe > ._swipe-wrap > *[spinning] {
  min-height: var(--_sz-body);
  background-image: var(--_spin);
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--_sz-input);
}
._swipe > ._swipe-wrap > * > .ax-cage {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
._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[display="grid"][axis="x"] > ._swipe-wrap {
  height: 100%;
}
._swipe[display="grid"][axis="y"] > ._swipe-wrap {
  width: 100%;
}
._swipe > ._swipe-pgn {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: var(--_sz-font);
  z-index: 10;
}
._swipe > ._swipe-pgn[type="index"] {
  width: auto;
  left: auto;
  right: var(--_sz-font);
  bottom: var(--_sz-font);
}
._swipe > ._swipe-pgn[type="text"] {
  left: 0;
  bottom: 0;
}
._swipe > ._swipe-prev,
._swipe > ._swipe-next {
  position: absolute;
  z-index: 11;
}
._swipe > ._progress {
  display: inline-flex;
  width: auto;
  position: absolute;
  left: var(--_sz-font);
  top: var(--_sz-font);
  z-index: 10;
}
._swipe > ._progress svg {
  width: var(--_sz-body);
}
._swipe > ._progress svg path {
  stroke-width: var(--_sz-space);
}
._swipe > ._progress svg path[track] {
  stroke: var(--_c-mask-8);
}
._swipe > ._progress[state]:after {
  font-family: 'ax-iconfont';
  font-size: var(--_sz-ignore);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  transition: all var(--_dur-2) linear;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
._swipe > ._progress[state="play"]:after {
  content: 'play';
}
._swipe > ._progress[state="pause"]:after {
  content: 'pause';
}
._swipe > ._progress:hover:after {
  opacity: 1;
  cursor: pointer;
}
._swipe > ._progress[state="play"]:hover:after {
  content: 'pause';
  color: var(--_c-error);
}
._swipe > ._progress[state="pause"]:hover:after {
  content: 'play';
  color: var(--_c-prim);
}
._swipe > ._swipe-total {
  line-height: var(--_sz-input);
}
._swipe > ._swipe-total[placement] {
  position: absolute;
  z-index: 10;
}
._swipe > ._swipe-total[placement="left-top"] {
  left: var(--_sz-font);
  top: 0;
}
._swipe > ._swipe-total[placement="left-bottom"] {
  left: var(--_sz-font);
  bottom: 0;
}
._swipe > ._swipe-total[placement="right-top"] {
  right: var(--_sz-font);
  top: 0;
}
._swipe > ._swipe-total[placement="right-bottom"] {
  right: var(--_sz-font);
  bottom: 0;
}
._swipe > ._swipe-tools {
  position: absolute;
  top: calc((var(--_sz-input) - var(--_sz-list))/2);
  right: calc((var(--_sz-input) - var(--_sz-list))/2);
  z-index: 10;
}
._swipe > ._swipe-tools > * {
  min-width: var(--_sz-list);
  height: var(--_sz-list);
  margin-left: var(--_sz-space);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
._swipe > ._swipe-tools > [inert] {
  opacity: 0.5;
}
._swipe[axis="x"] > ._swipe-wrap {
  height: 100%;
}
._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(--_sz-font);
}
._swipe[axis="x"] > ._swipe-next[filled] {
  right: var(--_sz-font);
}
._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(--_sz-min);
}
._swipe[axis="x"] > ._swipe-nav {
  position: absolute;
  left: 50%;
  bottom: var(--_sz-font);
  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-wrap {
  width: 100%;
}
._swipe[axis="y"] > ._swipe-prev,
._swipe[axis="y"] > ._swipe-next {
  font-size: var(--_sz-ignore);
  width: var(--_sz-brief);
  height: var(--_sz-brief);
  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(--_sz-font);
  top: 50%;
}
._swipe[axis="y"] > ._swipe-pgn[type="lamp"] > *,
._swipe[axis="y"] > ._swipe-pgn[type="thumb"] > * {
  margin: var(--_sz-min) 0;
}
._swipe[axis="y"] > ._swipe-nav {
  flex-flow: column;
  position: absolute;
  top: 50%;
  right: var(--_sz-font);
  transform: translate(0, -50%);
}
._swipe[axis="y"] > ._swipe-nav ._swipe-prev,
._swipe[axis="y"] > ._swipe-nav ._swipe-next {
  margin: var(--_sz-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(--_sz-min) 0;
}
._swipe:hover {
  cursor: grab;
}
._swipe[moving] {
  cursor: grabbing;
}
._swipe [unbound] {
  cursor: auto;
}
/*Lazy*/
[lazy-src] {
  min-height: var(--_sz-body);
  background-image: var(--_spin);
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--_sz-input);
}
._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(--_fs-min);
  line-height: var(--_fs-min);
  height: var(--_fs-min);
  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(--_fs-min);
  width: 18rem;
  background: transparent;
  position: absolute;
  left: 0;
  top: calc(var(--_fs-min)/-2);
  z-index: 2;
}
/*Mobild device*/
@media (any-hover: none) {
  :root {
    --_ff-body: "Arial", "Helvetica Neue", "sans-serif", "pingfang SC", "Hiragino Sans GB", "微软雅黑", "microsoft yahei", "宋体", "simsun";
    --_fs-base: clamp(var(--_fs-phone), 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: rgba(0, 0, 0, 0.04);
  }
  ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.4);
  }
  ::-webkit-scrollbar-thumb:active {
    background-color: rgba(0, 0, 0, 0.6);
  }
  ::-webkit-scrollbar-corner {
    background-color: rgba(0, 0, 0, 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: 2024-07-04 17:02:27
 */
@media screen and (max-width: 500px) {
  :root {
    --_g-full: 1.4rem;
    --_s-screen: xxs;
  }
  [class*="_wrap"] {
    --_wrap-w-2: var(--_w-xxs);
  }
  ._hide-xxs {
    display: none;
  }
  ._grid[class*="_xxs-"] {
    --_share-avg: var(--_group);
  }
  ._xxs-1 {
    --_group: 1;
  }
  ._xxs-1:where(._row[class*="_avg-"]) > *:nth-of-type(1n),
  ._xxs-1:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-1:where(._col[class*="_avg-"]) > *:nth-of-type(1n),
  ._xxs-1:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._xxs-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._xxs-2 {
    --_group: 2;
  }
  ._xxs-2:where(._row[class*="_avg-"]) > *:nth-of-type(2n),
  ._xxs-2:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-2:where(._col[class*="_avg-"]) > *:nth-of-type(2n),
  ._xxs-2:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._xxs-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._xxs-3 {
    --_group: 3;
  }
  ._xxs-3:where(._row[class*="_avg-"]) > *:nth-of-type(3n),
  ._xxs-3:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-3:where(._col[class*="_avg-"]) > *:nth-of-type(3n),
  ._xxs-3:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._xxs-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._xxs-4 {
    --_group: 4;
  }
  ._xxs-4:where(._row[class*="_avg-"]) > *:nth-of-type(4n),
  ._xxs-4:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-4:where(._col[class*="_avg-"]) > *:nth-of-type(4n),
  ._xxs-4:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._xxs-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._xxs-5 {
    --_group: 5;
  }
  ._xxs-5:where(._row[class*="_avg-"]) > *:nth-of-type(5n),
  ._xxs-5:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-5:where(._col[class*="_avg-"]) > *:nth-of-type(5n),
  ._xxs-5:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._xxs-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._xxs-6 {
    --_group: 6;
  }
  ._xxs-6:where(._row[class*="_avg-"]) > *:nth-of-type(6n),
  ._xxs-6:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-6:where(._col[class*="_avg-"]) > *:nth-of-type(6n),
  ._xxs-6:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._xxs-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._xxs-7 {
    --_group: 7;
  }
  ._xxs-7:where(._row[class*="_avg-"]) > *:nth-of-type(7n),
  ._xxs-7:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-7:where(._col[class*="_avg-"]) > *:nth-of-type(7n),
  ._xxs-7:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._xxs-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._xxs-8 {
    --_group: 8;
  }
  ._xxs-8:where(._row[class*="_avg-"]) > *:nth-of-type(8n),
  ._xxs-8:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-8:where(._col[class*="_avg-"]) > *:nth-of-type(8n),
  ._xxs-8:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._xxs-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._xxs-9 {
    --_group: 9;
  }
  ._xxs-9:where(._row[class*="_avg-"]) > *:nth-of-type(9n),
  ._xxs-9:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-9:where(._col[class*="_avg-"]) > *:nth-of-type(9n),
  ._xxs-9:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._xxs-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._xxs-10 {
    --_group: 10;
  }
  ._xxs-10:where(._row[class*="_avg-"]) > *:nth-of-type(10n),
  ._xxs-10:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-10:where(._col[class*="_avg-"]) > *:nth-of-type(10n),
  ._xxs-10:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._xxs-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._xxs-11 {
    --_group: 11;
  }
  ._xxs-11:where(._row[class*="_avg-"]) > *:nth-of-type(11n),
  ._xxs-11:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-11:where(._col[class*="_avg-"]) > *:nth-of-type(11n),
  ._xxs-11:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._xxs-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._xxs-12 {
    --_group: 12;
  }
  ._xxs-12:where(._row[class*="_avg-"]) > *:nth-of-type(12n),
  ._xxs-12:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-12:where(._col[class*="_avg-"]) > *:nth-of-type(12n),
  ._xxs-12:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._xxs-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._xxs-13 {
    --_group: 13;
  }
  ._xxs-13:where(._row[class*="_avg-"]) > *:nth-of-type(13n),
  ._xxs-13:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-13:where(._col[class*="_avg-"]) > *:nth-of-type(13n),
  ._xxs-13:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._xxs-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._xxs-14 {
    --_group: 14;
  }
  ._xxs-14:where(._row[class*="_avg-"]) > *:nth-of-type(14n),
  ._xxs-14:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-14:where(._col[class*="_avg-"]) > *:nth-of-type(14n),
  ._xxs-14:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._xxs-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._xxs-15 {
    --_group: 15;
  }
  ._xxs-15:where(._row[class*="_avg-"]) > *:nth-of-type(15n),
  ._xxs-15:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-15:where(._col[class*="_avg-"]) > *:nth-of-type(15n),
  ._xxs-15:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._xxs-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._xxs-16 {
    --_group: 16;
  }
  ._xxs-16:where(._row[class*="_avg-"]) > *:nth-of-type(16n),
  ._xxs-16:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-16:where(._col[class*="_avg-"]) > *:nth-of-type(16n),
  ._xxs-16:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._xxs-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._xxs-17 {
    --_group: 17;
  }
  ._xxs-17:where(._row[class*="_avg-"]) > *:nth-of-type(17n),
  ._xxs-17:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-17:where(._col[class*="_avg-"]) > *:nth-of-type(17n),
  ._xxs-17:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._xxs-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._xxs-18 {
    --_group: 18;
  }
  ._xxs-18:where(._row[class*="_avg-"]) > *:nth-of-type(18n),
  ._xxs-18:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-18:where(._col[class*="_avg-"]) > *:nth-of-type(18n),
  ._xxs-18:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._xxs-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._xxs-19 {
    --_group: 19;
  }
  ._xxs-19:where(._row[class*="_avg-"]) > *:nth-of-type(19n),
  ._xxs-19:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-19:where(._col[class*="_avg-"]) > *:nth-of-type(19n),
  ._xxs-19:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._xxs-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._xxs-20 {
    --_group: 20;
  }
  ._xxs-20:where(._row[class*="_avg-"]) > *:nth-of-type(20n),
  ._xxs-20:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-20:where(._col[class*="_avg-"]) > *:nth-of-type(20n),
  ._xxs-20:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._xxs-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._xxs-21 {
    --_group: 21;
  }
  ._xxs-21:where(._row[class*="_avg-"]) > *:nth-of-type(21n),
  ._xxs-21:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-21:where(._col[class*="_avg-"]) > *:nth-of-type(21n),
  ._xxs-21:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._xxs-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._xxs-22 {
    --_group: 22;
  }
  ._xxs-22:where(._row[class*="_avg-"]) > *:nth-of-type(22n),
  ._xxs-22:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-22:where(._col[class*="_avg-"]) > *:nth-of-type(22n),
  ._xxs-22:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._xxs-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._xxs-23 {
    --_group: 23;
  }
  ._xxs-23:where(._row[class*="_avg-"]) > *:nth-of-type(23n),
  ._xxs-23:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-23:where(._col[class*="_avg-"]) > *:nth-of-type(23n),
  ._xxs-23:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._xxs-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._xxs-24 {
    --_group: 24;
  }
  ._xxs-24:where(._row[class*="_avg-"]) > *:nth-of-type(24n),
  ._xxs-24:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-top: var(--_gap-flex);
  }
  ._xxs-24:where(._col[class*="_avg-"]) > *:nth-of-type(24n),
  ._xxs-24:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-left: var(--_gap-flex);
  }
  ._xxs-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._xxs-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  ._row:where([class*="_xxs-"]) {
    flex-wrap: wrap;
  }
  ._row:where([class*="_xxs-"]):is([class*="_avg-"]) > *,
  ._row:where([class*="_xxs-"]) > *:is([class*="_flex"], [class*="_own"]) {
    width: calc(100%/var(--_group) - var(--_gap-flex)*(var(--_group) - 1)/var(--_group));
  }
  ._row:where([class*="_xxs-"]) > *:is([class*="_flex"]) {
    flex: none;
  }
  ._col:where([class*="_xxs-"]) {
    flex-wrap: wrap;
  }
  ._col:where([class*="_xxs-"]):is([class*="_avg-"]) > *,
  ._col:where([class*="_xxs-"]) > *:is([class*="_flex"], [class*="_own-"]) {
    height: calc(100%/var(--_group) - var(--_gap-flex)*(var(--_group) - 1)/var(--_group));
  }
  ._col:where([class*="_xxs-"]) > *:is([class*="_flex"]) {
    flex: none;
  }
  ._row:is(._g-md,._g-lg,._g-xl,._g-xxl),
  ._col:is(._g-md,._g-lg,._g-xl,._g-xxl) {
    --_gap-flex: var(--_sz-font);
  }
  ._grid:is(._g-md,._g-lg,._g-xl,._g-xxl) {
    --_gap-grid: var(--_sz-font);
  }
  ._grid:where(.wall):is(._g-3,._g,._g-xxs,._g-xs,._g-sm,._g-md,._g-lg,._g-xl,._g-xxl) {
    --_gap-grid: 2px;
  }
  ._graphic [role=poster] {
    height: calc(var(--_sz-list)*3);
  }
  ._graphic [role=poster] ax-badge {
    left: 0.4rem;
    top: 0.4rem;
  }
  ._graphic [role=byline],
  ._graphic [role=byline] > * {
    color: var(--_c-ignore);
    font-size: 1rem;
  }
  ._graphic [role=type] {
    font-size: 1rem;
  }
  ._graphic._split {
    display: block;
  }
  ._graphic._split ._graphic-body {
    width: auto;
  }
  ._graphic._split [role=poster] {
    width: 100%;
    height: 16rem;
    margin-left: 0;
    margin-right: 0;
  }
  ._graphic._split [role=poster]:nth-child(1) {
    margin-bottom: var(--_sz-space);
  }
  ._graphic._split ._graphic-body ~ [role=poster] {
    margin-top: var(--_sz-space);
  }
  ._graphic [role=posters]:nth-child(1) {
    margin-bottom: var(--_sz-space);
  }
  ._graphic ._graphic-body ~ [role=posters] {
    margin-top: var(--_sz-space);
  }
}
/*xs->tablet*/
@media screen and (min-width: 500px) and (max-width: 900px) {
  :root {
    --_s-screen: xs;
  }
  [class*="_wrap"] {
    --_wrap-w-2: var(--_w-xs);
  }
  ._hide-xs {
    display: none;
  }
  ._grid[class*="_xs"] {
    --_share-avg: var(--_group);
  }
  ._xs-1 {
    --_group: 1;
  }
  ._xs-1:where(._row[class*="_avg-"]) > *:nth-of-type(1n),
  ._xs-1:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-1:where(._col[class*="_avg-"]) > *:nth-of-type(1n),
  ._xs-1:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._xs-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._xs-2 {
    --_group: 2;
  }
  ._xs-2:where(._row[class*="_avg-"]) > *:nth-of-type(2n),
  ._xs-2:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-2:where(._col[class*="_avg-"]) > *:nth-of-type(2n),
  ._xs-2:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._xs-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._xs-3 {
    --_group: 3;
  }
  ._xs-3:where(._row[class*="_avg-"]) > *:nth-of-type(3n),
  ._xs-3:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-3:where(._col[class*="_avg-"]) > *:nth-of-type(3n),
  ._xs-3:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._xs-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._xs-4 {
    --_group: 4;
  }
  ._xs-4:where(._row[class*="_avg-"]) > *:nth-of-type(4n),
  ._xs-4:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-4:where(._col[class*="_avg-"]) > *:nth-of-type(4n),
  ._xs-4:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._xs-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._xs-5 {
    --_group: 5;
  }
  ._xs-5:where(._row[class*="_avg-"]) > *:nth-of-type(5n),
  ._xs-5:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-5:where(._col[class*="_avg-"]) > *:nth-of-type(5n),
  ._xs-5:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._xs-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._xs-6 {
    --_group: 6;
  }
  ._xs-6:where(._row[class*="_avg-"]) > *:nth-of-type(6n),
  ._xs-6:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-6:where(._col[class*="_avg-"]) > *:nth-of-type(6n),
  ._xs-6:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._xs-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._xs-7 {
    --_group: 7;
  }
  ._xs-7:where(._row[class*="_avg-"]) > *:nth-of-type(7n),
  ._xs-7:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-7:where(._col[class*="_avg-"]) > *:nth-of-type(7n),
  ._xs-7:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._xs-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._xs-8 {
    --_group: 8;
  }
  ._xs-8:where(._row[class*="_avg-"]) > *:nth-of-type(8n),
  ._xs-8:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-8:where(._col[class*="_avg-"]) > *:nth-of-type(8n),
  ._xs-8:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._xs-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._xs-9 {
    --_group: 9;
  }
  ._xs-9:where(._row[class*="_avg-"]) > *:nth-of-type(9n),
  ._xs-9:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-9:where(._col[class*="_avg-"]) > *:nth-of-type(9n),
  ._xs-9:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._xs-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._xs-10 {
    --_group: 10;
  }
  ._xs-10:where(._row[class*="_avg-"]) > *:nth-of-type(10n),
  ._xs-10:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-10:where(._col[class*="_avg-"]) > *:nth-of-type(10n),
  ._xs-10:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._xs-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._xs-11 {
    --_group: 11;
  }
  ._xs-11:where(._row[class*="_avg-"]) > *:nth-of-type(11n),
  ._xs-11:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-11:where(._col[class*="_avg-"]) > *:nth-of-type(11n),
  ._xs-11:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._xs-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._xs-12 {
    --_group: 12;
  }
  ._xs-12:where(._row[class*="_avg-"]) > *:nth-of-type(12n),
  ._xs-12:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-12:where(._col[class*="_avg-"]) > *:nth-of-type(12n),
  ._xs-12:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._xs-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._xs-13 {
    --_group: 13;
  }
  ._xs-13:where(._row[class*="_avg-"]) > *:nth-of-type(13n),
  ._xs-13:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-13:where(._col[class*="_avg-"]) > *:nth-of-type(13n),
  ._xs-13:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._xs-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._xs-14 {
    --_group: 14;
  }
  ._xs-14:where(._row[class*="_avg-"]) > *:nth-of-type(14n),
  ._xs-14:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-14:where(._col[class*="_avg-"]) > *:nth-of-type(14n),
  ._xs-14:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._xs-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._xs-15 {
    --_group: 15;
  }
  ._xs-15:where(._row[class*="_avg-"]) > *:nth-of-type(15n),
  ._xs-15:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-15:where(._col[class*="_avg-"]) > *:nth-of-type(15n),
  ._xs-15:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._xs-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._xs-16 {
    --_group: 16;
  }
  ._xs-16:where(._row[class*="_avg-"]) > *:nth-of-type(16n),
  ._xs-16:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-16:where(._col[class*="_avg-"]) > *:nth-of-type(16n),
  ._xs-16:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._xs-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._xs-17 {
    --_group: 17;
  }
  ._xs-17:where(._row[class*="_avg-"]) > *:nth-of-type(17n),
  ._xs-17:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-17:where(._col[class*="_avg-"]) > *:nth-of-type(17n),
  ._xs-17:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._xs-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._xs-18 {
    --_group: 18;
  }
  ._xs-18:where(._row[class*="_avg-"]) > *:nth-of-type(18n),
  ._xs-18:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-18:where(._col[class*="_avg-"]) > *:nth-of-type(18n),
  ._xs-18:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._xs-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._xs-19 {
    --_group: 19;
  }
  ._xs-19:where(._row[class*="_avg-"]) > *:nth-of-type(19n),
  ._xs-19:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-19:where(._col[class*="_avg-"]) > *:nth-of-type(19n),
  ._xs-19:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._xs-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._xs-20 {
    --_group: 20;
  }
  ._xs-20:where(._row[class*="_avg-"]) > *:nth-of-type(20n),
  ._xs-20:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-20:where(._col[class*="_avg-"]) > *:nth-of-type(20n),
  ._xs-20:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._xs-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._xs-21 {
    --_group: 21;
  }
  ._xs-21:where(._row[class*="_avg-"]) > *:nth-of-type(21n),
  ._xs-21:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-21:where(._col[class*="_avg-"]) > *:nth-of-type(21n),
  ._xs-21:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._xs-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._xs-22 {
    --_group: 22;
  }
  ._xs-22:where(._row[class*="_avg-"]) > *:nth-of-type(22n),
  ._xs-22:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-22:where(._col[class*="_avg-"]) > *:nth-of-type(22n),
  ._xs-22:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._xs-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._xs-23 {
    --_group: 23;
  }
  ._xs-23:where(._row[class*="_avg-"]) > *:nth-of-type(23n),
  ._xs-23:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-23:where(._col[class*="_avg-"]) > *:nth-of-type(23n),
  ._xs-23:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._xs-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._xs-24 {
    --_group: 24;
  }
  ._xs-24:where(._row[class*="_avg-"]) > *:nth-of-type(24n),
  ._xs-24:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-top: var(--_gap-flex);
  }
  ._xs-24:where(._col[class*="_avg-"]) > *:nth-of-type(24n),
  ._xs-24:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-left: var(--_gap-flex);
  }
  ._xs-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._xs-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  ._row:where([class*="_xs"]) {
    flex-wrap: wrap;
  }
  ._row:where([class*="_xs"]):is([class*="_avg-"]) > *,
  ._row:where([class*="_xs"]) > *:is([class*="_flex"], [class*="_own"]) {
    width: calc(100%/var(--_group) - var(--_gap-flex)*(var(--_group) - 1)/var(--_group));
  }
  ._row:where([class*="_xs"]) > *:is([class*="_flex"]) {
    flex: none;
  }
  ._col:where([class*="_xs"]) {
    flex-wrap: wrap;
  }
  ._col:where([class*="_xs"]):is([class*="_avg-"]) > *,
  ._col:where([class*="_xs"]) > *:is([class*="_flex"], [class*="_own-"]) {
    height: calc(100%/var(--_group) - var(--_gap-flex)*(var(--_group) - 1)/var(--_group));
  }
  ._col:where([class*="_xs"]) > *:is([class*="_flex"]) {
    flex: none;
  }
}
@media screen and (min-width: 500px) and (max-width: 900px) and (orientation: landscape) {
  :root {
    --_fs-base: var(--_fs-phone);
  }
}
/*sm->tablet & flip*/
@media screen and (min-width: 900px) and (max-width: 1200px) {
  :root {
    --_s-screen: sm;
  }
  /*  [class*="_wrap"] {
    --_wrap-w-1:var(--_w-sm);
  } */
  /*   @media (orientation: landscape) {
    [class*="_wrap"] {
      --_wrap-w-1:var(--_w-xs);
    }
  } */
  ._hide-sm {
    display: none;
  }
  ._grid[class*="_sm-"] {
    --_share-avg: var(--_group);
  }
  ._sm-1 {
    --_group: 1;
  }
  ._sm-1:where(._row[class*="_avg-"]) > *:nth-of-type(1n),
  ._sm-1:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-1:where(._col[class*="_avg-"]) > *:nth-of-type(1n),
  ._sm-1:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._sm-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._sm-2 {
    --_group: 2;
  }
  ._sm-2:where(._row[class*="_avg-"]) > *:nth-of-type(2n),
  ._sm-2:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-2:where(._col[class*="_avg-"]) > *:nth-of-type(2n),
  ._sm-2:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._sm-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._sm-3 {
    --_group: 3;
  }
  ._sm-3:where(._row[class*="_avg-"]) > *:nth-of-type(3n),
  ._sm-3:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-3:where(._col[class*="_avg-"]) > *:nth-of-type(3n),
  ._sm-3:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._sm-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._sm-4 {
    --_group: 4;
  }
  ._sm-4:where(._row[class*="_avg-"]) > *:nth-of-type(4n),
  ._sm-4:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-4:where(._col[class*="_avg-"]) > *:nth-of-type(4n),
  ._sm-4:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._sm-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._sm-5 {
    --_group: 5;
  }
  ._sm-5:where(._row[class*="_avg-"]) > *:nth-of-type(5n),
  ._sm-5:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-5:where(._col[class*="_avg-"]) > *:nth-of-type(5n),
  ._sm-5:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._sm-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._sm-6 {
    --_group: 6;
  }
  ._sm-6:where(._row[class*="_avg-"]) > *:nth-of-type(6n),
  ._sm-6:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-6:where(._col[class*="_avg-"]) > *:nth-of-type(6n),
  ._sm-6:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._sm-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._sm-7 {
    --_group: 7;
  }
  ._sm-7:where(._row[class*="_avg-"]) > *:nth-of-type(7n),
  ._sm-7:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-7:where(._col[class*="_avg-"]) > *:nth-of-type(7n),
  ._sm-7:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._sm-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._sm-8 {
    --_group: 8;
  }
  ._sm-8:where(._row[class*="_avg-"]) > *:nth-of-type(8n),
  ._sm-8:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-8:where(._col[class*="_avg-"]) > *:nth-of-type(8n),
  ._sm-8:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._sm-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._sm-9 {
    --_group: 9;
  }
  ._sm-9:where(._row[class*="_avg-"]) > *:nth-of-type(9n),
  ._sm-9:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-9:where(._col[class*="_avg-"]) > *:nth-of-type(9n),
  ._sm-9:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._sm-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._sm-10 {
    --_group: 10;
  }
  ._sm-10:where(._row[class*="_avg-"]) > *:nth-of-type(10n),
  ._sm-10:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-10:where(._col[class*="_avg-"]) > *:nth-of-type(10n),
  ._sm-10:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._sm-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._sm-11 {
    --_group: 11;
  }
  ._sm-11:where(._row[class*="_avg-"]) > *:nth-of-type(11n),
  ._sm-11:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-11:where(._col[class*="_avg-"]) > *:nth-of-type(11n),
  ._sm-11:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._sm-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._sm-12 {
    --_group: 12;
  }
  ._sm-12:where(._row[class*="_avg-"]) > *:nth-of-type(12n),
  ._sm-12:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-12:where(._col[class*="_avg-"]) > *:nth-of-type(12n),
  ._sm-12:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._sm-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._sm-13 {
    --_group: 13;
  }
  ._sm-13:where(._row[class*="_avg-"]) > *:nth-of-type(13n),
  ._sm-13:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-13:where(._col[class*="_avg-"]) > *:nth-of-type(13n),
  ._sm-13:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._sm-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._sm-14 {
    --_group: 14;
  }
  ._sm-14:where(._row[class*="_avg-"]) > *:nth-of-type(14n),
  ._sm-14:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-14:where(._col[class*="_avg-"]) > *:nth-of-type(14n),
  ._sm-14:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._sm-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._sm-15 {
    --_group: 15;
  }
  ._sm-15:where(._row[class*="_avg-"]) > *:nth-of-type(15n),
  ._sm-15:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-15:where(._col[class*="_avg-"]) > *:nth-of-type(15n),
  ._sm-15:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._sm-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._sm-16 {
    --_group: 16;
  }
  ._sm-16:where(._row[class*="_avg-"]) > *:nth-of-type(16n),
  ._sm-16:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-16:where(._col[class*="_avg-"]) > *:nth-of-type(16n),
  ._sm-16:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._sm-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._sm-17 {
    --_group: 17;
  }
  ._sm-17:where(._row[class*="_avg-"]) > *:nth-of-type(17n),
  ._sm-17:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-17:where(._col[class*="_avg-"]) > *:nth-of-type(17n),
  ._sm-17:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._sm-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._sm-18 {
    --_group: 18;
  }
  ._sm-18:where(._row[class*="_avg-"]) > *:nth-of-type(18n),
  ._sm-18:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-18:where(._col[class*="_avg-"]) > *:nth-of-type(18n),
  ._sm-18:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._sm-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._sm-19 {
    --_group: 19;
  }
  ._sm-19:where(._row[class*="_avg-"]) > *:nth-of-type(19n),
  ._sm-19:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-19:where(._col[class*="_avg-"]) > *:nth-of-type(19n),
  ._sm-19:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._sm-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._sm-20 {
    --_group: 20;
  }
  ._sm-20:where(._row[class*="_avg-"]) > *:nth-of-type(20n),
  ._sm-20:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-20:where(._col[class*="_avg-"]) > *:nth-of-type(20n),
  ._sm-20:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._sm-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._sm-21 {
    --_group: 21;
  }
  ._sm-21:where(._row[class*="_avg-"]) > *:nth-of-type(21n),
  ._sm-21:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-21:where(._col[class*="_avg-"]) > *:nth-of-type(21n),
  ._sm-21:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._sm-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._sm-22 {
    --_group: 22;
  }
  ._sm-22:where(._row[class*="_avg-"]) > *:nth-of-type(22n),
  ._sm-22:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-22:where(._col[class*="_avg-"]) > *:nth-of-type(22n),
  ._sm-22:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._sm-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._sm-23 {
    --_group: 23;
  }
  ._sm-23:where(._row[class*="_avg-"]) > *:nth-of-type(23n),
  ._sm-23:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-23:where(._col[class*="_avg-"]) > *:nth-of-type(23n),
  ._sm-23:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._sm-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._sm-24 {
    --_group: 24;
  }
  ._sm-24:where(._row[class*="_avg-"]) > *:nth-of-type(24n),
  ._sm-24:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-top: var(--_gap-flex);
  }
  ._sm-24:where(._col[class*="_avg-"]) > *:nth-of-type(24n),
  ._sm-24:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-left: var(--_gap-flex);
  }
  ._sm-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._sm-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  ._row:where([class*="_sm-"]) {
    flex-wrap: wrap;
  }
  ._row:where([class*="_sm-"]):is([class*="_avg-"]) > *,
  ._row:where([class*="_sm-"]) > *:is([class*="_flex"], [class*="_own"]) {
    width: calc(100%/var(--_group) - var(--_gap-flex)*(var(--_group) - 1)/var(--_group));
  }
  ._row:where([class*="_sm-"]) > *:is([class*="_flex"]) {
    flex: none;
  }
  ._col:where([class*="_sm-"]) {
    flex-wrap: wrap;
  }
  ._col:where([class*="_sm-"]):is([class*="_avg-"]) > *,
  ._col:where([class*="_sm-"]) > *:is([class*="_flex"], [class*="_own-"]) {
    height: calc(100%/var(--_group) - var(--_gap-flex)*(var(--_group) - 1)/var(--_group));
  }
  ._col:where([class*="_sm-"]) > *:is([class*="_flex"]) {
    flex: none;
  }
}
/*md->Laptop & tablet flip*/
@media screen and (min-width: 1200px) and (max-width: 1500px) {
  :root {
    --_s-screen: md;
  }
  /*   [class*="_wrap"] {
    --_wrap-w-1:var(--_w-md);
  } */
  /*   @media (orientation: landscape) {
    [class*="_wrap"] {
      --_wrap-w-1:var(--_w-sm);
    }
  }
 */
  ._hide-md {
    display: none;
  }
  ._grid[class*="_md-"] {
    --_share-avg: var(--_group);
  }
  ._md-1 {
    --_group: 1;
  }
  ._md-1:where(._row[class*="_avg-"]) > *:nth-of-type(1n),
  ._md-1:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-top: var(--_gap-flex);
  }
  ._md-1:where(._col[class*="_avg-"]) > *:nth-of-type(1n),
  ._md-1:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-left: var(--_gap-flex);
  }
  ._md-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._md-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._md-2 {
    --_group: 2;
  }
  ._md-2:where(._row[class*="_avg-"]) > *:nth-of-type(2n),
  ._md-2:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-top: var(--_gap-flex);
  }
  ._md-2:where(._col[class*="_avg-"]) > *:nth-of-type(2n),
  ._md-2:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-left: var(--_gap-flex);
  }
  ._md-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._md-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._md-3 {
    --_group: 3;
  }
  ._md-3:where(._row[class*="_avg-"]) > *:nth-of-type(3n),
  ._md-3:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-top: var(--_gap-flex);
  }
  ._md-3:where(._col[class*="_avg-"]) > *:nth-of-type(3n),
  ._md-3:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-left: var(--_gap-flex);
  }
  ._md-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._md-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._md-4 {
    --_group: 4;
  }
  ._md-4:where(._row[class*="_avg-"]) > *:nth-of-type(4n),
  ._md-4:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-top: var(--_gap-flex);
  }
  ._md-4:where(._col[class*="_avg-"]) > *:nth-of-type(4n),
  ._md-4:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-left: var(--_gap-flex);
  }
  ._md-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._md-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._md-5 {
    --_group: 5;
  }
  ._md-5:where(._row[class*="_avg-"]) > *:nth-of-type(5n),
  ._md-5:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-top: var(--_gap-flex);
  }
  ._md-5:where(._col[class*="_avg-"]) > *:nth-of-type(5n),
  ._md-5:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-left: var(--_gap-flex);
  }
  ._md-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._md-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._md-6 {
    --_group: 6;
  }
  ._md-6:where(._row[class*="_avg-"]) > *:nth-of-type(6n),
  ._md-6:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-top: var(--_gap-flex);
  }
  ._md-6:where(._col[class*="_avg-"]) > *:nth-of-type(6n),
  ._md-6:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-left: var(--_gap-flex);
  }
  ._md-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._md-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._md-7 {
    --_group: 7;
  }
  ._md-7:where(._row[class*="_avg-"]) > *:nth-of-type(7n),
  ._md-7:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-top: var(--_gap-flex);
  }
  ._md-7:where(._col[class*="_avg-"]) > *:nth-of-type(7n),
  ._md-7:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-left: var(--_gap-flex);
  }
  ._md-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._md-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._md-8 {
    --_group: 8;
  }
  ._md-8:where(._row[class*="_avg-"]) > *:nth-of-type(8n),
  ._md-8:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-top: var(--_gap-flex);
  }
  ._md-8:where(._col[class*="_avg-"]) > *:nth-of-type(8n),
  ._md-8:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-left: var(--_gap-flex);
  }
  ._md-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._md-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._md-9 {
    --_group: 9;
  }
  ._md-9:where(._row[class*="_avg-"]) > *:nth-of-type(9n),
  ._md-9:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-top: var(--_gap-flex);
  }
  ._md-9:where(._col[class*="_avg-"]) > *:nth-of-type(9n),
  ._md-9:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-left: var(--_gap-flex);
  }
  ._md-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._md-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._md-10 {
    --_group: 10;
  }
  ._md-10:where(._row[class*="_avg-"]) > *:nth-of-type(10n),
  ._md-10:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-top: var(--_gap-flex);
  }
  ._md-10:where(._col[class*="_avg-"]) > *:nth-of-type(10n),
  ._md-10:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-left: var(--_gap-flex);
  }
  ._md-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._md-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._md-11 {
    --_group: 11;
  }
  ._md-11:where(._row[class*="_avg-"]) > *:nth-of-type(11n),
  ._md-11:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-top: var(--_gap-flex);
  }
  ._md-11:where(._col[class*="_avg-"]) > *:nth-of-type(11n),
  ._md-11:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-left: var(--_gap-flex);
  }
  ._md-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._md-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._md-12 {
    --_group: 12;
  }
  ._md-12:where(._row[class*="_avg-"]) > *:nth-of-type(12n),
  ._md-12:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-top: var(--_gap-flex);
  }
  ._md-12:where(._col[class*="_avg-"]) > *:nth-of-type(12n),
  ._md-12:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-left: var(--_gap-flex);
  }
  ._md-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._md-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._md-13 {
    --_group: 13;
  }
  ._md-13:where(._row[class*="_avg-"]) > *:nth-of-type(13n),
  ._md-13:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-top: var(--_gap-flex);
  }
  ._md-13:where(._col[class*="_avg-"]) > *:nth-of-type(13n),
  ._md-13:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-left: var(--_gap-flex);
  }
  ._md-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._md-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._md-14 {
    --_group: 14;
  }
  ._md-14:where(._row[class*="_avg-"]) > *:nth-of-type(14n),
  ._md-14:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-top: var(--_gap-flex);
  }
  ._md-14:where(._col[class*="_avg-"]) > *:nth-of-type(14n),
  ._md-14:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-left: var(--_gap-flex);
  }
  ._md-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._md-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._md-15 {
    --_group: 15;
  }
  ._md-15:where(._row[class*="_avg-"]) > *:nth-of-type(15n),
  ._md-15:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-top: var(--_gap-flex);
  }
  ._md-15:where(._col[class*="_avg-"]) > *:nth-of-type(15n),
  ._md-15:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-left: var(--_gap-flex);
  }
  ._md-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._md-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._md-16 {
    --_group: 16;
  }
  ._md-16:where(._row[class*="_avg-"]) > *:nth-of-type(16n),
  ._md-16:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-top: var(--_gap-flex);
  }
  ._md-16:where(._col[class*="_avg-"]) > *:nth-of-type(16n),
  ._md-16:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-left: var(--_gap-flex);
  }
  ._md-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._md-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._md-17 {
    --_group: 17;
  }
  ._md-17:where(._row[class*="_avg-"]) > *:nth-of-type(17n),
  ._md-17:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-top: var(--_gap-flex);
  }
  ._md-17:where(._col[class*="_avg-"]) > *:nth-of-type(17n),
  ._md-17:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-left: var(--_gap-flex);
  }
  ._md-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._md-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._md-18 {
    --_group: 18;
  }
  ._md-18:where(._row[class*="_avg-"]) > *:nth-of-type(18n),
  ._md-18:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-top: var(--_gap-flex);
  }
  ._md-18:where(._col[class*="_avg-"]) > *:nth-of-type(18n),
  ._md-18:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-left: var(--_gap-flex);
  }
  ._md-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._md-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._md-19 {
    --_group: 19;
  }
  ._md-19:where(._row[class*="_avg-"]) > *:nth-of-type(19n),
  ._md-19:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-top: var(--_gap-flex);
  }
  ._md-19:where(._col[class*="_avg-"]) > *:nth-of-type(19n),
  ._md-19:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-left: var(--_gap-flex);
  }
  ._md-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._md-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._md-20 {
    --_group: 20;
  }
  ._md-20:where(._row[class*="_avg-"]) > *:nth-of-type(20n),
  ._md-20:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-top: var(--_gap-flex);
  }
  ._md-20:where(._col[class*="_avg-"]) > *:nth-of-type(20n),
  ._md-20:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-left: var(--_gap-flex);
  }
  ._md-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._md-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._md-21 {
    --_group: 21;
  }
  ._md-21:where(._row[class*="_avg-"]) > *:nth-of-type(21n),
  ._md-21:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-top: var(--_gap-flex);
  }
  ._md-21:where(._col[class*="_avg-"]) > *:nth-of-type(21n),
  ._md-21:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-left: var(--_gap-flex);
  }
  ._md-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._md-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._md-22 {
    --_group: 22;
  }
  ._md-22:where(._row[class*="_avg-"]) > *:nth-of-type(22n),
  ._md-22:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-top: var(--_gap-flex);
  }
  ._md-22:where(._col[class*="_avg-"]) > *:nth-of-type(22n),
  ._md-22:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-left: var(--_gap-flex);
  }
  ._md-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._md-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._md-23 {
    --_group: 23;
  }
  ._md-23:where(._row[class*="_avg-"]) > *:nth-of-type(23n),
  ._md-23:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-top: var(--_gap-flex);
  }
  ._md-23:where(._col[class*="_avg-"]) > *:nth-of-type(23n),
  ._md-23:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-left: var(--_gap-flex);
  }
  ._md-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._md-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._md-24 {
    --_group: 24;
  }
  ._md-24:where(._row[class*="_avg-"]) > *:nth-of-type(24n),
  ._md-24:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-top: var(--_gap-flex);
  }
  ._md-24:where(._col[class*="_avg-"]) > *:nth-of-type(24n),
  ._md-24:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-left: var(--_gap-flex);
  }
  ._md-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._md-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  ._row:where([class*="_md-"]) {
    flex-wrap: wrap;
  }
  ._row:where([class*="_md-"]):is([class*="_avg-"]) > *,
  ._row:where([class*="_md-"]) > *:is([class*="_flex"], [class*="_own"]) {
    width: calc(100%/var(--_group) - var(--_gap-flex)*(var(--_group) - 1)/var(--_group));
  }
  ._row:where([class*="_md-"]) > *:is([class*="_flex"]) {
    flex: none;
  }
  ._col:where([class*="_md-"]) {
    flex-wrap: wrap;
  }
  ._col:where([class*="_md-"]):is([class*="_avg-"]) > *,
  ._col:where([class*="_md-"]) > *:is([class*="_flex"], [class*="_own-"]) {
    height: calc(100%/var(--_group) - var(--_gap-flex)*(var(--_group) - 1)/var(--_group));
  }
  ._col:where([class*="_md-"]) > *:is([class*="_flex"]) {
    flex: none;
  }
}
/*lg->Desktop*/
@media screen and (min-width: 1500px) and (max-width: 4100px) {
  :root {
    --_s-screen: lg;
  }
  ._hide-lg {
    display: none;
  }
  ._grid[class*="_lg-"] {
    --_share-avg: var(--_group);
  }
  ._lg-1 {
    --_group: 1;
  }
  ._lg-1:where(._row[class*="_avg-"]) > *:nth-of-type(1n),
  ._lg-1:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-1:where(._col[class*="_avg-"]) > *:nth-of-type(1n),
  ._lg-1:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._lg-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._lg-2 {
    --_group: 2;
  }
  ._lg-2:where(._row[class*="_avg-"]) > *:nth-of-type(2n),
  ._lg-2:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-2:where(._col[class*="_avg-"]) > *:nth-of-type(2n),
  ._lg-2:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._lg-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._lg-3 {
    --_group: 3;
  }
  ._lg-3:where(._row[class*="_avg-"]) > *:nth-of-type(3n),
  ._lg-3:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-3:where(._col[class*="_avg-"]) > *:nth-of-type(3n),
  ._lg-3:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._lg-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._lg-4 {
    --_group: 4;
  }
  ._lg-4:where(._row[class*="_avg-"]) > *:nth-of-type(4n),
  ._lg-4:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-4:where(._col[class*="_avg-"]) > *:nth-of-type(4n),
  ._lg-4:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._lg-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._lg-5 {
    --_group: 5;
  }
  ._lg-5:where(._row[class*="_avg-"]) > *:nth-of-type(5n),
  ._lg-5:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-5:where(._col[class*="_avg-"]) > *:nth-of-type(5n),
  ._lg-5:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._lg-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._lg-6 {
    --_group: 6;
  }
  ._lg-6:where(._row[class*="_avg-"]) > *:nth-of-type(6n),
  ._lg-6:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-6:where(._col[class*="_avg-"]) > *:nth-of-type(6n),
  ._lg-6:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._lg-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._lg-7 {
    --_group: 7;
  }
  ._lg-7:where(._row[class*="_avg-"]) > *:nth-of-type(7n),
  ._lg-7:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-7:where(._col[class*="_avg-"]) > *:nth-of-type(7n),
  ._lg-7:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._lg-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._lg-8 {
    --_group: 8;
  }
  ._lg-8:where(._row[class*="_avg-"]) > *:nth-of-type(8n),
  ._lg-8:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-8:where(._col[class*="_avg-"]) > *:nth-of-type(8n),
  ._lg-8:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._lg-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._lg-9 {
    --_group: 9;
  }
  ._lg-9:where(._row[class*="_avg-"]) > *:nth-of-type(9n),
  ._lg-9:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-9:where(._col[class*="_avg-"]) > *:nth-of-type(9n),
  ._lg-9:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._lg-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._lg-10 {
    --_group: 10;
  }
  ._lg-10:where(._row[class*="_avg-"]) > *:nth-of-type(10n),
  ._lg-10:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-10:where(._col[class*="_avg-"]) > *:nth-of-type(10n),
  ._lg-10:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._lg-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._lg-11 {
    --_group: 11;
  }
  ._lg-11:where(._row[class*="_avg-"]) > *:nth-of-type(11n),
  ._lg-11:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-11:where(._col[class*="_avg-"]) > *:nth-of-type(11n),
  ._lg-11:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._lg-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._lg-12 {
    --_group: 12;
  }
  ._lg-12:where(._row[class*="_avg-"]) > *:nth-of-type(12n),
  ._lg-12:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-12:where(._col[class*="_avg-"]) > *:nth-of-type(12n),
  ._lg-12:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._lg-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._lg-13 {
    --_group: 13;
  }
  ._lg-13:where(._row[class*="_avg-"]) > *:nth-of-type(13n),
  ._lg-13:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-13:where(._col[class*="_avg-"]) > *:nth-of-type(13n),
  ._lg-13:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._lg-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._lg-14 {
    --_group: 14;
  }
  ._lg-14:where(._row[class*="_avg-"]) > *:nth-of-type(14n),
  ._lg-14:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-14:where(._col[class*="_avg-"]) > *:nth-of-type(14n),
  ._lg-14:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._lg-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._lg-15 {
    --_group: 15;
  }
  ._lg-15:where(._row[class*="_avg-"]) > *:nth-of-type(15n),
  ._lg-15:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-15:where(._col[class*="_avg-"]) > *:nth-of-type(15n),
  ._lg-15:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._lg-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._lg-16 {
    --_group: 16;
  }
  ._lg-16:where(._row[class*="_avg-"]) > *:nth-of-type(16n),
  ._lg-16:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-16:where(._col[class*="_avg-"]) > *:nth-of-type(16n),
  ._lg-16:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._lg-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._lg-17 {
    --_group: 17;
  }
  ._lg-17:where(._row[class*="_avg-"]) > *:nth-of-type(17n),
  ._lg-17:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-17:where(._col[class*="_avg-"]) > *:nth-of-type(17n),
  ._lg-17:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._lg-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._lg-18 {
    --_group: 18;
  }
  ._lg-18:where(._row[class*="_avg-"]) > *:nth-of-type(18n),
  ._lg-18:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-18:where(._col[class*="_avg-"]) > *:nth-of-type(18n),
  ._lg-18:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._lg-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._lg-19 {
    --_group: 19;
  }
  ._lg-19:where(._row[class*="_avg-"]) > *:nth-of-type(19n),
  ._lg-19:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-19:where(._col[class*="_avg-"]) > *:nth-of-type(19n),
  ._lg-19:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._lg-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._lg-20 {
    --_group: 20;
  }
  ._lg-20:where(._row[class*="_avg-"]) > *:nth-of-type(20n),
  ._lg-20:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-20:where(._col[class*="_avg-"]) > *:nth-of-type(20n),
  ._lg-20:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._lg-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._lg-21 {
    --_group: 21;
  }
  ._lg-21:where(._row[class*="_avg-"]) > *:nth-of-type(21n),
  ._lg-21:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-21:where(._col[class*="_avg-"]) > *:nth-of-type(21n),
  ._lg-21:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._lg-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._lg-22 {
    --_group: 22;
  }
  ._lg-22:where(._row[class*="_avg-"]) > *:nth-of-type(22n),
  ._lg-22:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-22:where(._col[class*="_avg-"]) > *:nth-of-type(22n),
  ._lg-22:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._lg-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._lg-23 {
    --_group: 23;
  }
  ._lg-23:where(._row[class*="_avg-"]) > *:nth-of-type(23n),
  ._lg-23:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-23:where(._col[class*="_avg-"]) > *:nth-of-type(23n),
  ._lg-23:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._lg-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._lg-24 {
    --_group: 24;
  }
  ._lg-24:where(._row[class*="_avg-"]) > *:nth-of-type(24n),
  ._lg-24:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-top: var(--_gap-flex);
  }
  ._lg-24:where(._col[class*="_avg-"]) > *:nth-of-type(24n),
  ._lg-24:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-left: var(--_gap-flex);
  }
  ._lg-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._lg-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  ._row:where([class*="_lg-"]) {
    flex-wrap: wrap;
  }
  ._row:where([class*="_lg-"]):is([class*="_avg-"]) > *,
  ._row:where([class*="_lg-"]) > *:is([class*="_flex"], [class*="_own"]) {
    width: calc(100%/var(--_group) - var(--_gap-flex)*(var(--_group) - 1)/var(--_group));
  }
  ._row:where([class*="_lg-"]) > *:is([class*="_flex"]) {
    flex: none;
  }
  ._col:where([class*="_lg-"]) {
    flex-wrap: wrap;
  }
  ._col:where([class*="_lg-"]):is([class*="_avg-"]) > *,
  ._col:where([class*="_lg-"]) > *:is([class*="_flex"], [class*="_own-"]) {
    height: calc(100%/var(--_group) - var(--_gap-flex)*(var(--_group) - 1)/var(--_group));
  }
  ._col:where([class*="_lg-"]) > *:is([class*="_flex"]) {
    flex: none;
  }
}
/*xl->UHD*/
@media screen and (min-width: 4100px) {
  :root {
    --_s-screen: xl;
  }
  ._hide-xl {
    display: none;
  }
  ._grid[class*="_xl"] {
    --_share-avg: var(--_group);
  }
  ._xl-1 {
    --_group: 1;
  }
  ._xl-1:where(._row[class*="_avg-"]) > *:nth-of-type(1n),
  ._xl-1:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-1:where(._col[class*="_avg-"]) > *:nth-of-type(1n),
  ._xl-1:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 1))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._xl-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._xl-2 {
    --_group: 2;
  }
  ._xl-2:where(._row[class*="_avg-"]) > *:nth-of-type(2n),
  ._xl-2:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-2:where(._col[class*="_avg-"]) > *:nth-of-type(2n),
  ._xl-2:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 2))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._xl-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._xl-3 {
    --_group: 3;
  }
  ._xl-3:where(._row[class*="_avg-"]) > *:nth-of-type(3n),
  ._xl-3:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-3:where(._col[class*="_avg-"]) > *:nth-of-type(3n),
  ._xl-3:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 3))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._xl-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._xl-4 {
    --_group: 4;
  }
  ._xl-4:where(._row[class*="_avg-"]) > *:nth-of-type(4n),
  ._xl-4:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-4:where(._col[class*="_avg-"]) > *:nth-of-type(4n),
  ._xl-4:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 4))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._xl-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._xl-5 {
    --_group: 5;
  }
  ._xl-5:where(._row[class*="_avg-"]) > *:nth-of-type(5n),
  ._xl-5:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-5:where(._col[class*="_avg-"]) > *:nth-of-type(5n),
  ._xl-5:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 5))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._xl-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._xl-6 {
    --_group: 6;
  }
  ._xl-6:where(._row[class*="_avg-"]) > *:nth-of-type(6n),
  ._xl-6:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-6:where(._col[class*="_avg-"]) > *:nth-of-type(6n),
  ._xl-6:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 6))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._xl-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._xl-7 {
    --_group: 7;
  }
  ._xl-7:where(._row[class*="_avg-"]) > *:nth-of-type(7n),
  ._xl-7:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-7:where(._col[class*="_avg-"]) > *:nth-of-type(7n),
  ._xl-7:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 7))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._xl-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._xl-8 {
    --_group: 8;
  }
  ._xl-8:where(._row[class*="_avg-"]) > *:nth-of-type(8n),
  ._xl-8:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-8:where(._col[class*="_avg-"]) > *:nth-of-type(8n),
  ._xl-8:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 8))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._xl-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._xl-9 {
    --_group: 9;
  }
  ._xl-9:where(._row[class*="_avg-"]) > *:nth-of-type(9n),
  ._xl-9:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-9:where(._col[class*="_avg-"]) > *:nth-of-type(9n),
  ._xl-9:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 9))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._xl-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._xl-10 {
    --_group: 10;
  }
  ._xl-10:where(._row[class*="_avg-"]) > *:nth-of-type(10n),
  ._xl-10:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-10:where(._col[class*="_avg-"]) > *:nth-of-type(10n),
  ._xl-10:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 10))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._xl-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._xl-11 {
    --_group: 11;
  }
  ._xl-11:where(._row[class*="_avg-"]) > *:nth-of-type(11n),
  ._xl-11:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-11:where(._col[class*="_avg-"]) > *:nth-of-type(11n),
  ._xl-11:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 11))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._xl-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._xl-12 {
    --_group: 12;
  }
  ._xl-12:where(._row[class*="_avg-"]) > *:nth-of-type(12n),
  ._xl-12:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-12:where(._col[class*="_avg-"]) > *:nth-of-type(12n),
  ._xl-12:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 12))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._xl-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._xl-13 {
    --_group: 13;
  }
  ._xl-13:where(._row[class*="_avg-"]) > *:nth-of-type(13n),
  ._xl-13:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-13:where(._col[class*="_avg-"]) > *:nth-of-type(13n),
  ._xl-13:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 13))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._xl-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._xl-14 {
    --_group: 14;
  }
  ._xl-14:where(._row[class*="_avg-"]) > *:nth-of-type(14n),
  ._xl-14:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-14:where(._col[class*="_avg-"]) > *:nth-of-type(14n),
  ._xl-14:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 14))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._xl-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._xl-15 {
    --_group: 15;
  }
  ._xl-15:where(._row[class*="_avg-"]) > *:nth-of-type(15n),
  ._xl-15:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-15:where(._col[class*="_avg-"]) > *:nth-of-type(15n),
  ._xl-15:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 15))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._xl-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._xl-16 {
    --_group: 16;
  }
  ._xl-16:where(._row[class*="_avg-"]) > *:nth-of-type(16n),
  ._xl-16:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-16:where(._col[class*="_avg-"]) > *:nth-of-type(16n),
  ._xl-16:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 16))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._xl-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._xl-17 {
    --_group: 17;
  }
  ._xl-17:where(._row[class*="_avg-"]) > *:nth-of-type(17n),
  ._xl-17:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-17:where(._col[class*="_avg-"]) > *:nth-of-type(17n),
  ._xl-17:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 17))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._xl-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._xl-18 {
    --_group: 18;
  }
  ._xl-18:where(._row[class*="_avg-"]) > *:nth-of-type(18n),
  ._xl-18:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-18:where(._col[class*="_avg-"]) > *:nth-of-type(18n),
  ._xl-18:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 18))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._xl-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._xl-19 {
    --_group: 19;
  }
  ._xl-19:where(._row[class*="_avg-"]) > *:nth-of-type(19n),
  ._xl-19:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-19:where(._col[class*="_avg-"]) > *:nth-of-type(19n),
  ._xl-19:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 19))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._xl-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._xl-20 {
    --_group: 20;
  }
  ._xl-20:where(._row[class*="_avg-"]) > *:nth-of-type(20n),
  ._xl-20:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-20:where(._col[class*="_avg-"]) > *:nth-of-type(20n),
  ._xl-20:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 20))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._xl-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._xl-21 {
    --_group: 21;
  }
  ._xl-21:where(._row[class*="_avg-"]) > *:nth-of-type(21n),
  ._xl-21:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-21:where(._col[class*="_avg-"]) > *:nth-of-type(21n),
  ._xl-21:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 21))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._xl-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._xl-22 {
    --_group: 22;
  }
  ._xl-22:where(._row[class*="_avg-"]) > *:nth-of-type(22n),
  ._xl-22:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-22:where(._col[class*="_avg-"]) > *:nth-of-type(22n),
  ._xl-22:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 22))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._xl-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._xl-23 {
    --_group: 23;
  }
  ._xl-23:where(._row[class*="_avg-"]) > *:nth-of-type(23n),
  ._xl-23:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-23:where(._col[class*="_avg-"]) > *:nth-of-type(23n),
  ._xl-23:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 23))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._xl-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._xl-24 {
    --_group: 24;
  }
  ._xl-24:where(._row[class*="_avg-"]) > *:nth-of-type(24n),
  ._xl-24:where(._row) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-top: var(--_gap-flex);
  }
  ._xl-24:where(._col[class*="_avg-"]) > *:nth-of-type(24n),
  ._xl-24:where(._col) > *:where([class*="_flex"], [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*="_flex"], [class*="_own-"]):where(:not(:nth-of-type(-n + 24))) {
    margin-left: var(--_gap-flex);
  }
  ._xl-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._xl-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  ._row:where([class*="_xl"]) {
    flex-wrap: wrap;
  }
  ._row:where([class*="_xl"]):is([class*="_avg-"]) > *,
  ._row:where([class*="_xl"]) > *:is([class*="_flex"], [class*="_own"]) {
    width: calc(100%/var(--_group) - var(--_gap-flex)*(var(--_group) - 1)/var(--_group));
  }
  ._row:where([class*="_xl"]) > *:is([class*="_flex"]) {
    flex: none;
  }
  ._col:where([class*="_xl"]) {
    flex-wrap: wrap;
  }
  ._col:where([class*="_xl"]):is([class*="_avg-"]) > *,
  ._col:where([class*="_xl"]) > *:is([class*="_flex"], [class*="_own-"]) {
    height: calc(100%/var(--_group) - var(--_gap-flex)*(var(--_group) - 1)/var(--_group));
  }
  ._col:where([class*="_xl"]) > *:is([class*="_flex"]) {
    flex: none;
  }
}
/*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: #fff;
  }
  ._badge-warn {
    color: #fff;
  }
}
[scheme="dark"] {
  --_h-stage: var(--_h-prim);
  --_s-stage: 10%;
  --_l-stage: 10%;
  --_c-coef: -1;
  --_l-text: 80%;
  --_l-mask: 100%;
}
[scheme="dark"]:where(:not(:root)) {
  --_c-stage: hsl(var(--_h-stage), var(--_s-stage), var(--_l-stage));
  --_c-text: hsla(var(--_h-text), var(--_s-text), var(--_l-text), var(--_a-text));
  --_c-text-bg: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 4%*var(--_c-coef)));
  --_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-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-brief: hsla(var(--_h-text), var(--_s-text), calc(var(--_l-text) + 20%*var(--_c-coef)), var(--_a-text));
  --_c-brief-bg: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 2%*var(--_c-coef)));
  --_c-ignore: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 30%*var(--_c-coef)));
  --_c-ignore-bg: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 2%*var(--_c-coef)));
  --_c-prim-bg: hsl(var(--_h-prim), 100%, calc(var(--_l-stage) - 3%*var(--_c-coef)));
  --_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-gy: hsla(var(--_h-prim), 20%, calc(var(--_l-stage) - 20%*var(--_c-coef)), var(--_a-prim));
  --_c-succ-bg: hsl(var(--_h-succ), 50%, calc(var(--_l-stage) - 4%*var(--_c-coef)));
  --_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-error-bg: hsl(var(--_h-error), 100%, calc(var(--_l-stage) - 3%*var(--_c-coef)));
  --_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-warn-bg: hsl(var(--_h-warn), 100%, calc(var(--_l-stage) - 4%*var(--_c-coef)));
  --_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-info-bg: hsl(var(--_h-info), 100%, calc(var(--_l-stage) - 3%*var(--_c-coef)));
  --_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-issue-bg: hsl(var(--_h-issue), 100%, calc(var(--_l-stage) - 4%*var(--_c-coef)));
  --_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)));
  color: var(--_c-text);
}
[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: #fff;
}
[scheme="dark"] ._badge-warn {
  color: #fff;
}
