
/*!
 * @since Last modified: 2025-5-24 23:38:58
 * @name OrcaUI front-end framework.
 * @version 1.0.1
 * @author OrcaUI development team <orcasaga@outlook.com>
 * @description OrcaUI is a self-contained UI framework that delivers the power and elegance of native Web Components. Like its namesake orca, it combines comprehensive features with intuitive usability - offering ready-to-use components that work across all modern browsers. Designed for developers who need production-ready UI solutions without framework dependencies.
 * @see {@link https://www.orcaui.com|Official website}
 * @see {@link https://github.com/orcasaga/orcaui/issues|github issues}
 * @see {@link https://gitee.com/orcasaga/orcaui/issues|Gitee issues}
 * @see {@link https://www.npmjs.com/package/orcaui|NPM}
 * @issue Discord Group https://discord.gg/ffwSrF5D
 * @copyright This software supports the MIT License, allowing free learning and commercial use, but please retain the terms 'OrcaUI' & 'ORCAUI' within the software.
 * @license MIT license
*/
@charset "utf-8";
/**
 * @since Last modified: 2025-05-24 14:10:54
 */
/*
 *Last modified: 2025-05-20 16:23:53
 */
:root {
  /*Stage colors*/
  --_h-stage: 0;
  --_s-stage: 0%;
  --_l-stage: 100%;
  --_c-stage: hsl(var(--_h-stage), var(--_s-stage), var(--_l-stage));
  --_c-stage-4: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.04);
  --_c-stage-8: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.08);
  --_c-stage-12: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.12);
  --_c-stage-16: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.16);
  --_c-stage-20: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.2);
  --_c-stage-24: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.24);
  --_c-stage-28: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.28);
  --_c-stage-32: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.32);
  --_c-stage-36: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.36);
  --_c-stage-40: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.4);
  --_c-stage-44: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.44);
  --_c-stage-48: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.48);
  --_c-stage-52: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.52);
  --_c-stage-56: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.56);
  --_c-stage-60: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.6);
  --_c-stage-64: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.64);
  --_c-stage-68: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.68);
  --_c-stage-72: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.72);
  --_c-stage-66: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.76);
  --_c-stage-80: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.8);
  --_c-stage-84: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.84);
  --_c-stage-88: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.88);
  --_c-stage-92: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.92);
  --_c-stage-96: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.96);
  --_c-stage-100: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 1);
  /*Mask colors*/
  --_h-mask: 0;
  --_s-mask: 0%;
  --_l-mask: 0%;
  --_c-mask: hsl(var(--_h-mask), var(--_s-mask), var(--_l-mask));
  --_c-mask-4: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.04);
  --_c-mask-8: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.08);
  --_c-mask-12: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.12);
  --_c-mask-16: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.16);
  --_c-mask-20: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.2);
  --_c-mask-24: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.24);
  --_c-mask-28: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.28);
  --_c-mask-32: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.32);
  --_c-mask-36: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.36);
  --_c-mask-40: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.4);
  --_c-mask-44: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.44);
  --_c-mask-48: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.48);
  --_c-mask-52: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.52);
  --_c-mask-56: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.56);
  --_c-mask-60: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.6);
  --_c-mask-64: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.64);
  --_c-mask-68: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.68);
  --_c-mask-72: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.72);
  --_c-mask-66: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.76);
  --_c-mask-80: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.8);
  --_c-mask-84: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.84);
  --_c-mask-88: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.88);
  --_c-mask-92: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.92);
  --_c-mask-96: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.96);
  --_c-mask-100: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 1);
  --_c-coef: 1;
  /*Primary colors*/
  /*bg->background,bd->border,fc->focus,ht->halftone,lt->lighten,dp->deepen,aj->adjacent,gy->grey,dk->dark,sg->sunglass,sd->shadow,tl->translucent,fg->frosted glass*/
  --_h-prim: 210;
  --_s-prim: 100%;
  --_l-prim: 55%;
  --_a-prim: 1;
  --_c-prim: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), var(--_a-prim));
  --_c-prim-bg: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.04);
  --_c-prim-bd: hsl(var(--_h-prim), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-prim-fc: hsl(var(--_h-prim), 62%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
  --_c-prim-ht: hsl(var(--_h-prim), 70%, calc(var(--_l-stage) - 30%*var(--_c-coef)));
  --_c-prim-lt: hsla(var(--_h-prim), calc(var(--_s-prim) + 10%), calc(var(--_l-prim) + 10%), var(--_a-prim));
  --_c-prim-dp: hsla(var(--_h-prim), calc(var(--_s-prim) - 10%), calc(var(--_l-prim) - 10%), var(--_a-prim));
  --_c-prim-aj: hsla(calc(var(--_h-prim) + 50), var(--_s-prim), var(--_l-prim), var(--_a-prim));
  --_c-prim-gy: hsla(var(--_h-prim), 20%, calc(var(--_l-stage) - 20%*var(--_c-coef)), var(--_a-prim));
  --_c-prim-dk: hsla(var(--_h-prim), 20%, 30%, var(--_a-prim));
  --_c-prim-sg: hsl(var(--_h-prim), 70%, 20%);
  --_c-prim-ct: hsla(calc(var(--_h-prim) + 180), var(--_s-prim), var(--_l-prim), var(--_a-prim));
  --_c-prim-tp: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0);
  --_c-prim-ac: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.08);
  --_c-prim-sd: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.2);
  --_c-prim-tl: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.6);
  --_c-prim-fg: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.8);
  /*Text colors*/
  --_h-text: 0;
  --_s-text: 0%;
  --_l-text: 0%;
  --_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-caption: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 30%*var(--_c-coef)));
  --_c-caption-bg: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.02);
  --_c-caption-bd: var(--_c-caption);
  --_c-caption-sd: hsl(var(--_h-text), var(--_s-text), 0%, 0.1);
  --_c-disable: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 30%*var(--_c-coef)));
  --_c-disable-bg: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.02);
  --_c-disable-bd: var(--_c-disable);
  --_c-disable-sd: hsl(var(--_h-text), var(--_s-text), 0%, 0.1);
  /*State colors*/
  --_h-succ: 134;
  --_s-succ: 43%;
  --_l-succ: 45%;
  --_a-succ: 1;
  --_c-succ: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), var(--_a-succ));
  --_c-succ-bg: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.04);
  --_c-succ-bd: hsl(var(--_h-succ), 33%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-succ-fc: hsl(var(--_h-succ), 38%, calc(var(--_l-stage) - 13%*var(--_c-coef)));
  --_c-succ-ht: hsl(var(--_h-succ), 23%, 74%);
  --_c-succ-lt: hsla(var(--_h-succ), var(--_s-succ), calc(var(--_l-succ) + 5%), var(--_a-succ));
  --_c-succ-dp: hsla(var(--_h-succ), var(--_s-succ), calc(var(--_l-succ) - 5%), var(--_a-succ));
  --_c-succ-aj: hsla(calc(var(--_h-succ) - 56), 63%, 59%, var(--_a-succ));
  --_c-succ-tp: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0);
  --_c-succ-ac: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.08);
  --_c-succ-sd: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.2);
  --_c-succ-tl: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.6);
  --_c-succ-fg: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.8);
  --_h-error: 354;
  --_s-error: 70%;
  --_l-error: 54%;
  --_a-error: 1;
  --_c-error: hsla(var(--_h-error), var(--_s-error), var(--_l-error), var(--_a-error));
  --_c-error-bg: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.04);
  --_c-error-bd: hsl(var(--_h-error), 39%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-error-fc: hsl(var(--_h-error), 42%, calc(var(--_l-stage) - 14%*var(--_c-coef)));
  --_c-error-ht: hsl(var(--_h-error), 23%, 74%);
  --_c-error-lt: hsla(var(--_h-error), var(--_s-error), calc(var(--_l-error) + 5%), var(--_a-error));
  --_c-error-dp: hsla(var(--_h-error), var(--_s-error), calc(var(--_l-error) - 5%), var(--_a-error));
  --_c-error-aj: hsla(calc(var(--_h-error) - 310), 100%, 50%, var(--_a-error));
  --_c-error-tp: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0);
  --_c-error-ac: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.08);
  --_c-error-sd: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.2);
  --_c-error-tl: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.6);
  --_c-error-fg: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.8);
  --_h-warn: 45;
  --_s-warn: 100%;
  --_l-warn: 51%;
  --_a-warn: 1;
  --_c-warn: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), var(--_a-warn));
  --_c-warn-bg: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.04);
  --_c-warn-bd: hsl(var(--_h-warn), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-warn-fc: hsl(var(--_h-warn), 49%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
  --_c-warn-ht: hsl(var(--_h-warn), 23%, 74%);
  --_c-warn-lt: hsla(var(--_h-warn), var(--_s-warn), calc(var(--_l-warn) + 5%), var(--_a-warn));
  --_c-warn-dp: hsla(var(--_h-warn), var(--_s-warn), calc(var(--_l-warn) - 12%), var(--_a-warn));
  --_c-warn-aj: hsla(calc(var(--_h-warn) - 0), var(--_s-warn), 74%, var(--_a-warn));
  --_c-warn-tp: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0);
  --_c-warn-ac: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.08);
  --_c-warn-sd: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.2);
  --_c-warn-tl: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.6);
  --_c-warn-fg: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.8);
  --_h-info: 210;
  --_s-info: 100%;
  --_l-info: 55%;
  --_a-info: 1;
  --_c-info: hsla(var(--_h-info), var(--_s-info), var(--_l-info), var(--_a-info));
  --_c-info-bg: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.04);
  --_c-info-bd: hsl(var(--_h-info), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-info-fc: hsl(var(--_h-info), 62%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
  --_c-info-ht: hsl(var(--_h-info), 75%, 67%);
  --_c-info-lt: hsla(var(--_h-info), var(--_s-info), calc(var(--_l-info) + 5%), var(--_a-info));
  --_c-info-dp: hsla(var(--_h-info), var(--_s-info), calc(var(--_l-info) - 10%), var(--_a-info));
  --_c-info-aj: hsla(calc(var(--_h-info) - 30), 82%, 44%, var(--_a-info));
  --_c-info-tp: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0);
  --_c-info-ac: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.08);
  --_c-info-sd: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.2);
  --_c-info-tl: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.6);
  --_c-info-fg: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.8);
  --_h-issue: 31;
  --_s-issue: 100%;
  --_l-issue: 50%;
  --_a-issue: 1;
  --_c-issue: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), var(--_a-issue));
  --_c-issue-bg: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.04);
  --_c-issue-bd: hsl(var(--_h-issue), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-issue-fc: hsl(var(--_h-issue), 49%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
  --_c-issue-ht: hsl(var(--_h-issue), 23%, 74%);
  --_c-issue-lt: hsla(var(--_h-issue), var(--_s-issue), calc(var(--_l-issue) + 5%), var(--_a-issue));
  --_c-issue-dp: hsla(var(--_h-issue), var(--_s-issue), calc(var(--_l-issue) - 10%), var(--_a-issue));
  --_c-issue-aj: hsla(calc(var(--_h-issue) + 20), var(--_s-issue), 57%, var(--_a-issue));
  --_c-issue-tp: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0);
  --_c-issue-ac: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.08);
  --_c-issue-sd: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.2);
  --_c-issue-tl: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.5);
  --_c-issue-fg: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.8);
  /*Other colors*/
  --_c-divide: rgba(0, 0, 0, 0.12);
  --_c-black: hsl(0, 0%, 20%);
  --_c-white: hsl(0, 0%, 100%);
  /*Images*/
  --_spin: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' stroke='%23198cff'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cg transform='translate(1 1)' stroke-width='1'%3E %3Ccircle stroke-opacity='.2' cx='14' cy='14' r='12'/%3E %3Cpath d='M14,26C7.372,26,2,20.629,2,14'%3E %3CanimateTransform attributeName='transform' type='rotate' from='0 14 14' to='360 14 14' dur='1s' repeatCount='indefinite'/%3E %3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  --_spin-dk: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cg transform='translate(1 1)' stroke-width='1'%3E %3Ccircle stroke-opacity='.2' cx='14' cy='14' r='12'/%3E %3Cpath d='M14,26C7.372,26,2,20.629,2,14'%3E %3CanimateTransform attributeName='transform' type='rotate' from='0 14 14' to='360 14 14' dur='1s' repeatCount='indefinite'/%3E %3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  --_blank: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='150'%3E%3C/svg%3E");
  --_avatar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cpath fill='%23FAFAFA' d='M0 0h80v160H0z'/%3E%3Cpath fill='%23F2F2F2' d='M80 0h80v160H80z'/%3E%3Cpath fill='%23B2B2B2' d='M98.916 97.252c10.393-6.382 17.34-17.851 17.34-30.916 0-19.992-16.266-36.255-36.257-36.255-19.992 0-36.255 16.263-36.255 36.255 0 13.064 6.946 24.534 17.338 30.916-26.968 8.119-46.615 33.135-46.615 62.748h131.066c0-29.613-19.648-54.629-46.617-62.748z'/%3E%3C/svg%3E");
  --_empty: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M118.827 138.41a7.968 7.968 0 0 0 7.92-7.921V111.35a7.92 7.92 0 1 0-15.84 0v19.173a7.968 7.968 0 0 0 7.92 7.92zm14.596 14.595h19.185a7.92 7.92 0 1 0 0-15.84h-19.173a7.92 7.92 0 1 0 0 15.84zm-29.192-15.782H85.058a7.92 7.92 0 0 0 0 15.842h19.173a7.92 7.92 0 0 0 0-15.842zm14.596 14.585a7.968 7.968 0 0 0-7.92 7.92v19.173a7.92 7.92 0 0 0 15.84 0v-19.149a7.968 7.968 0 0 0-7.92-7.92zm788.504 118.275a38.726 38.726 0 1 0 38.726 38.726 38.678 38.678 0 0 0-38.762-38.785zm0 61.492a22.884 22.884 0 1 1 22.884-22.885 22.92 22.92 0 0 1-22.884 22.885zM692.526 47.879a23.501 23.501 0 1 0-23.501-23.5 23.501 23.501 0 0 0 23.5 23.5zm0-31.303a7.672 7.672 0 1 1-7.672 7.672 7.707 7.707 0 0 1 7.672-7.672zm0 0' fill='%23e6e6e6'/%3E%3Cpath d='M275.769 992.816c0 11.145 38.156 21.343 99.85 26.963a1197.186 1197.186 0 0 0 199.912 0c61.906-5.573 99.85-15.818 99.85-26.963s-38.157-21.343-99.85-26.964a1197.02 1197.02 0 0 0-199.913 0c-61.657 5.573-99.85 15.818-99.85 26.964zm0 0' fill='%23f0f0f0'/%3E%3Cpath d='M571.025 482.896a7.766 7.766 0 0 0-11.134 0l-12 12-11.999-12a7.873 7.873 0 1 0-11.134 11.134l12 12-12 12a7.956 7.956 0 1 0 11.253 11.252l12-12 11.999 12a7.778 7.778 0 0 0 5.573 2.371 7.577 7.577 0 0 0 5.573-2.371 7.766 7.766 0 0 0 0-11.134l-12-12 12-11.999a8.11 8.11 0 0 0-.119-11.253zm-154.902 46.398a7.873 7.873 0 0 0 5.573 2.371 7.873 7.873 0 0 0 5.572-13.481l-12-12 12-12a7.766 7.766 0 0 0 0-11.133 7.992 7.992 0 0 0-11.264 0l-12 12-11.999-12a7.992 7.992 0 0 0-11.264 0 7.766 7.766 0 0 0 0 11.134l12 11.999-12 12a7.766 7.766 0 0 0 0 11.133 7.778 7.778 0 0 0 5.573 2.372 7.577 7.577 0 0 0 5.573-2.372l11.999-11.999zm59.879 83.391a107.39 107.39 0 0 0-77.452 32.655 7.956 7.956 0 0 0 .119 11.134 7.838 7.838 0 0 0 11.134-.118 92.617 92.617 0 0 1 132.385 0 8.158 8.158 0 0 0 5.692 2.371 7.826 7.826 0 0 0 7.304-4.826 8.015 8.015 0 0 0-1.613-8.656 107.758 107.758 0 0 0-77.57-32.536zm0 0' fill='%23dbdbdb'/%3E%3Cpath d='M768.602 313.872l-82.147-91.68a94.23 94.23 0 0 0-70.147-31.303H246.505a85.905 85.905 0 0 0-85.858 85.858V841.4a85.905 85.905 0 0 0 85.858 85.858h459.49a85.905 85.905 0 0 0 85.859-85.858V374.617a91.063 91.063 0 0 0-23.264-60.745zm-94.028-81.163l82.147 91.68a77.428 77.428 0 0 1 14.228 23.264h-85.49a38.963 38.963 0 0 1-38.975-38.974V212.8a77.285 77.285 0 0 1 28.09 19.92zm101.45 608.702a70.124 70.124 0 0 1-70.028 70.029h-459.49a70.124 70.124 0 0 1-70.03-70.03V276.748a70.124 70.124 0 0 1 70.03-70.029h369.802a79.443 79.443 0 0 1 14.347 1.364v100.585a54.91 54.91 0 0 0 54.804 54.804h89.7a84.352 84.352 0 0 1 .865 11.134v466.794zm0 0' fill='%23dbdbdb'/%3E%3C/svg%3E");
  --_none: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjBweCIgaGVpZ2h0PSIxNjBweCIgdmlld0JveD0iMCAwIDE2MCAxNjAiID4NCjxwYXRoIGZpbGw9IiNDOUNBQ0EiIGQ9Ik03OC42MzQsOTMuNjU3SDYxLjUzYy0xLjcxNywwLTMuMTA4LTEuMjIzLTMuMTA5LTIuNzI5di0yLjExbDkuMTYzLTYuOTU4bDMuMjg0LDIuODQxDQoJCQljMS43MDgsMS40ODYsNC40MjIsMS41ODUsNi4yNjIsMC4yMjhsMTUuNDg3LTExLjUwNWw2LjIyNiw1LjQ3OWMwLjYyOCwwLjU5MSwwLjg5MiwwLjg1OCwxLjU4LDAuODU4DQoJCQljMC40OTMsMCwwLjkwMy0wLjI0NCwxLjIyLTAuNTg3YzAuMzMyLTAuMzYzLDAuMzExLTEuMjM4LDAuMzExLTEuNjcyVjYzLjYwOGMwLTMuMDE4LTIuNzgzLTUuNDY1LTYuMjE5LTUuNDY1SDYxLjUzDQoJCQljLTMuNDM1LDAtNi4yMTgsMi40NDctNi4yMTgsNS40NjV2MjcuMzJjMCwxLjQ0OCwwLjY1NSwyLjgzOSwxLjgyMSwzLjg2M2MxLjE2NywxLjAyMiwyLjc0OSwxLjYwMSw0LjM5NywxLjYwMWgxNy4wNzENCgkJCWMwLjc5NSwwLDEuNTI1LTAuNTY2LDEuNTgzLTEuMjY1YzAuMDY0LTAuOC0wLjY1NC0xLjQ2OC0xLjU0OC0xLjQ2OEw3OC42MzQsOTMuNjU3eiBNNTguNDIyLDYzLjYwOA0KCQkJYzAtMS41MDksMS4zOTItMi43MzIsMy4xMDktMi43MzJoMzQuMjA0YzEuNzE3LDAsMy4xMDgsMS4yMjMsMy4xMDgsMi43MzJ2MTEuNDM0bC00LjEyMy0zLjYyOQ0KCQkJYy0xLjE1MS0wLjg1Ny0yLjg0LTAuODYtMy45OTYtMC4wMDhsLTE1LjU5LDExLjQyMmMtMC42MTMsMC40NDktMS41MTMsMC40MTctMi4wODItMC4wNzVsLTMuMjg3LTIuODQNCgkJCWMtMS4xNTktMC45OTMtMi45ODktMS4wNDQtNC4yMTYtMC4xMjFsLTcuMTI3LDUuNDJWNjMuNjA4TDU4LjQyMiw2My42MDh6IE02Ni41NTEsNzAuMDEzYzAsMS42NTgsMC45OTksMy4xNTMsMi41MywzLjc4Nw0KCQkJYzEuNTMyLDAuNjM1LDMuMjk1LDAuMjg1LDQuNDY3LTAuODg4YzEuMTczLTEuMTcyLDEuNTIyLTIuOTM1LDAuODg5LTQuNDY2Yy0wLjYzNS0xLjUzMS0yLjEyOS0yLjUzMS0zLjc4Ny0yLjUzMQ0KCQkJYy0xLjA4NywwLTIuMTMsMC40MzItMi44OTgsMS4yQzY2Ljk4Myw2Ny44ODQsNjYuNTUxLDY4LjkyNSw2Ni41NTEsNzAuMDEzTDY2LjU1MSw3MC4wMTN6IE0xMDEuODg1LDg1LjUzNQ0KCQkJYzMuNzM3LDMuNzMzLDMuNzM3LDkuNzg2LDAsMTMuNTJjLTMuNzM0LDMuNzM1LTkuNzg5LDMuNzM2LTEzLjUyMywwYy0zLjY4Mi0zLjc0My0zLjY1NC05Ljc1NCwwLjA1OC0xMy40NjMNCgkJCUM5Mi4xMyw4MS44OCw5OC4xNDMsODEuODU0LDEwMS44ODUsODUuNTM1TDEwMS44ODUsODUuNTM1eiBNOTAuMjkyLDk3LjEyM2MyLjI5NSwyLjI5NCw1Ljg4NiwyLjY1Nyw4LjU5MywwLjg2OGwtOS40NjItOS40NjMNCgkJCWMtMS43ODcsMi43MDUtMS40MjQsNi4yOTcsMC44NjksOC41OTJWOTcuMTIzeiBNMTAwLjgxOCw5Ni4wNThjMS43ODMtMi43MDksMS40MTYtNi4yOTYtMC44NzUtOC41ODYNCgkJCWMtMi4yOTMtMi4yODktNS44NzktMi42NTYtOC41ODYtMC44NzVMMTAwLjgxOCw5Ni4wNTh6Ii8+DQo8L3N2Zz4NCg==");
  /*Screen size*/
  --_screen: xxs;
  /*Namespace*/
  --PREFIX: _;
  --_alias: rep;
  --_isnarrow: 1;
  /*Opacity*/
  --_o-active: 0.6;
  --_o-disabled: 0.48;
  --_o-mask: 0.4;
  --_o-stage: 0.8;
  /*cubic-bezier*/
  --_bez-linear: cubic-bezier(0, 0, 1, 1);
  --_bez-ease: cubic-bezier(0.4, 0.2, 0.3, 1);
  --_bez-ei: cubic-bezier(0.6, 0, 1, 1);
  --_bez-eo: cubic-bezier(0, 0, 0.4, 1);
  --_bez-eio: cubic-bezier(0.6, 0, 0.6, 1);
  --_bez-eoi: cubic-bezier(0, 0.6, 1, 0.6);
  /*Duration*/
  --_dur-0: 0ms;
  --_dur-1: 100ms;
  --_dur-2: 200ms;
  --_dur-3: 300ms;
  --_dur-4: 400ms;
  --_dur-5: 500ms;
  --_dur-6: 600ms;
  --_dur-7: 700ms;
  --_dur-8: 800ms;
  --_dur-9: 900ms;
  --_dur-10: 1000ms;
  --_dur-20: 2000ms;
  --_dur-30: 3000ms;
  --_dur-40: 4000ms;
  --_dur-50: 5000ms;
  --_dur-60: 6000ms;
  --_dur-70: 7000ms;
  --_dur-80: 8000ms;
  --_dur-90: 9000ms;
  --_dur-100: 10000ms;
  --_num-step: 0;
  --_num-root: 10;
  --_num-min: calc(4 + var(--_num-step));
  --_num-space: calc(8 + var(--_num-step));
  --_num-caption: calc(12 + var(--_num-step));
  --_num-body: calc(14 + var(--_num-step));
  --_num-lead: calc(16 + var(--_num-step));
  --_num-subtitle: calc(18 + var(--_num-step));
  --_num-list: calc(var(--_num-lead) + 8);
  --_num-display: calc(var(--_num-lead) + 16);
  --_num-input: calc(var(--_num-lead) + 24);
  --_num-hitbox: calc(var(--_num-lead) + 32);
  --_num-max: calc(var(--_num-lead) + 40);
  /*Font size*/
  --_fs-root: calc(1px*var(--_num-root)*16/14);
  /*Rem of size*/
  --_rem-min: calc((var(--_num-min)/var(--_num-root))*1rem);
  --_rem-space: calc((var(--_num-space)/var(--_num-root))*1rem);
  --_rem-root: 1rem;
  --_rem-caption: calc((var(--_num-caption)/var(--_num-root))*1rem);
  --_rem-body: calc((var(--_num-body)/var(--_num-root))*1rem);
  --_rem-lead: calc((var(--_num-lead)/var(--_num-root))*1rem);
  --_rem-subtitle: calc((var(--_num-subtitle)/var(--_num-root))*1rem);
  --_rem-list: calc((var(--_num-list)/var(--_num-root))*1rem);
  --_rem-display: calc((var(--_num-display)/var(--_num-root))*1rem);
  --_rem-input: calc((var(--_num-input)/var(--_num-root))*1rem);
  --_rem-hitbox: calc((var(--_num-hitbox)/var(--_num-root))*1rem);
  --_rem-max: calc((var(--_num-max)/var(--_num-root))*1rem);
  /*Em of size*/
  --_em-min: calc((var(--_num-min)/var(--_num-body))*1em);
  --_em-space: calc((var(--_num-space)/var(--_num-body))*1em);
  --_em-root: calc((var(--_num-root)/var(--_num-body))*1em);
  --_em-caption: calc((var(--_num-caption)/var(--_num-body))*1em);
  --_em-body: 1em;
  --_em-lead: calc((var(--_num-lead)/var(--_num-body))*1em);
  --_em-subtitle: calc((var(--_num-subtitle)/var(--_num-body))*1em);
  --_em-list: calc((var(--_num-list)/var(--_num-body))*1em);
  --_em-display: calc((var(--_num-display)/var(--_num-body))*1em);
  --_em-input: calc((var(--_num-input)/var(--_num-body))*1em);
  --_em-hitbox: calc((var(--_num-hitbox)/var(--_num-body))*1em);
  --_em-max: calc((var(--_num-max)/var(--_num-body))*1em);
  /*Em of small size (base --_px-caption)*/
  --_em-min-dec: calc((var(--_num-min)/var(--_num-caption))*1em);
  --_em-space-dec: calc((var(--_num-space)/var(--_num-caption))*1em);
  --_em-root-dec: calc((var(--_num-root)/var(--_num-caption))*1em);
  --_em-caption-dec: 1em;
  --_em-body-dec: calc((var(--_num-body)/var(--_num-caption))*1em);
  --_em-lead-dec: calc((var(--_num-lead)/var(--_num-caption))*1em);
  --_em-subtitle-dec: calc((var(--_num-subtitle)/var(--_num-caption))*1em);
  --_em-list-dec: calc((var(--_num-list)/var(--_num-caption))*1em);
  --_em-display-dec: calc((var(--_num-display)/var(--_num-caption))*1em);
  --_em-input-dec: calc((var(--_num-input)/var(--_num-caption))*1em);
  --_em-hitbox-dec: calc((var(--_num-hitbox)/var(--_num-caption))*1em);
  --_em-max-dec: calc((var(--_num-max)/var(--_num-caption))*1em);
  /*Em of title size (base --_px-lead)*/
  --_em-min-inc: calc((var(--_num-min)/var(--_num-lead))*1em);
  --_em-space-inc: calc((var(--_num-space)/var(--_num-lead))*1em);
  --_em-root-inc: calc((var(--_num-root)/var(--_num-lead))*1em);
  --_em-caption-inc: calc((var(--_num-caption)/var(--_num-lead))*1em);
  --_em-body-inc: calc((var(--_num-body)/var(--_num-lead))*1em);
  --_em-lead-inc: 1em;
  --_em-subtitle-inc: calc((var(--_num-subtitle)/var(--_num-lead))*1em);
  --_em-list-inc: calc((var(--_num-list)/var(--_num-lead))*1em);
  --_em-display-inc: calc((var(--_num-display)/var(--_num-lead))*1em);
  --_em-input-inc: calc((var(--_num-input)/var(--_num-lead))*1em);
  --_em-hitbox-inc: calc((var(--_num-hitbox)/var(--_num-lead))*1em);
  --_em-max-inc: calc((var(--_num-max)/var(--_num-lead))*1em);
  /*Px of size*/
  --_px-min: calc(var(--_num-min)*1px);
  --_px-space: calc(var(--_num-space)*1px);
  --_px-root: calc(var(--_num-root)*1px);
  --_px-caption: calc(var(--_num-caption)*1px);
  --_px-body: calc(var(--_num-body)*1px);
  --_px-lead: calc(var(--_num-lead)*1px);
  --_px-subtitle: calc(var(--_num-subtitle)*1px);
  --_px-list: calc(var(--_num-list)*1px);
  --_px-display: calc(var(--_num-display)*1px);
  --_px-input: calc(var(--_num-input)*1px);
  --_px-hitbox: calc(var(--_num-hitbox)*1px);
  --_px-max: calc(var(--_num-max)*1px);
  /*Font size*/
  --_fs-caption: var(--_rem-caption);
  --_fs-body: var(--_rem-body);
  --_fs-lead: var(--_rem-lead);
  --_fs-subtitle: var(--_rem-subtitle);
  --_fs-title: calc(var(--_rem-body)*2);
  --_fs-display: var(--_rem-display);
  --_fs-huge: var(--_rem-hitbox);
  --_fs-h1: calc(var(--_rem-lead)*2);
  --_fs-h2: calc(var(--_rem-body)*2);
  --_fs-h3: var(--_rem-list);
  --_fs-h4: var(--_rem-subtitle);
  --_fs-h5: var(--_rem-lead);
  --_fs-h6: var(--_rem-body);
  --_lh-caption: var(--_rem-subtitle);
  --_lh-body: var(--_rem-list);
  --_lh-lead: calc(var(--_rem-body)*2);
  --_lh-subtitle: calc(var(--_rem-body)*2);
  --_lh-title: var(--_rem-input);
  --_lh-display: var(--_rem-hitbox);
  --_lh-huge: calc(var(--_fs-huge)*1.5);
  --_lh-h1: calc(var(--_num-hitbox)/(var(--_num-lead)*2));
  --_lh-h2: calc(var(--_num-input)/(var(--_num-body)*2));
  --_lh-h3: calc(var(--_num-display)/var(--_num-list));
  --_lh-h4: calc(var(--_num-list)/var(--_num-subtitle));
  --_lh-h5: calc(var(--_num-list)/var(--_num-lead));
  --_lh-h6: calc(var(--_num-subtitle)/var(--_num-body));
  --_lh-sm: 1.286;
  --_lh-md: 1.5;
  --_lh-lg: 1.78;
  /*Font family*/
  --_ff-icon: '_iconfont';
  --_ff-body: "Arial", "Helvetica Neue", "sans-serif", "pingfang SC", "Hiragino Sans GB", "microsoft yahei", "simsun";
  --_ff-alt: "PT Sans", "Segoe UI", "Arial Narrow", "microsoft yahei", "Yu Mincho", "simsun";
  --_ff-code: "Consolas", "Monaco", "Andale Mono", "Ubuntu Mono", "monospace", "microsoft yahei", "Microsoft JhengHei", "Yu Mincho", "simsun";
  /*Padding , Margin & Gap*/
  --_p: var(--_rem-body);
  /*Margin*/
  --_m: var(--_rem-body);
  /*Gap*/
  --_g: var(--_rem-min);
  --_g-full: 1.4rem;
  /*Width & Height*/
  --_h-input: var(--_rem-input);
  --_w-input: min(calc(var(--_rem-input)*10), 100%);
  --_w-bubble: min(calc(var(--_rem-input)*10), calc(100vw - var(--_g-full)*2));
  --_w-label: 10em;
  --_w-outline: 3px;
  --_w-xxs: calc(100vw - var(--_rem-body)*2);
  --_w-xs: calc(100vw - var(--_rem-body)*4);
  --_w-sm: calc(100vw - var(--_rem-body)*6);
  --_w-md: calc(100vw - var(--_rem-body)*8);
  --_w-lg: calc(100vw - var(--_rem-body)*12);
  --_w-xl: calc(100vw - var(--_rem-body)*16);
  --_w-xxl: calc(100vw - var(--_rem-body)*20);
  --_w-list: calc(var(--_rem-lead)*10);
  --_w-menu: calc(var(--_rem-list)*10);
  --_w-aside: calc(var(--_rem-body)*20);
  --_w-drawer: calc(var(--_rem-input)*10);
  /*Radius*/
  --_r: 0.3rem;
  --_r-input-sm: var(--_r);
  --_r-input: calc(var(--_r)*2);
  --_r-input-md: calc(var(--_r)*2);
  --_r-input-lg: calc(var(--_r)*3);
  --_r-bubble: calc(var(--_r)*3);
  --_r-full: 99999px;
  /*Other*/
  --_dir-coef: 1;
  --_device-coef: 0;
}
/*
 *Last modified: 2025-05-20 18:10:18
 */
@font-face {
  font-family: '_iconfont';
  src: url('data:font/woff2;charset=utf-8;base64, ') format('woff2');
  font-weight: normal;
  font-style: normal;
}
[class*=_icon-] {
  font-family: var(--_ff-icon);
  font-size: 1em;
  position: relative;
}
[class*=_icon-]:before {
  position: relative;
}
._icon-cny-o-f:before {
  content: "\e7cf";
}
._icon-cny-o:before {
  content: "\e7d0";
}
._icon-usd-o-f:before {
  content: "\e7d1";
}
._icon-usd-o:before {
  content: "\e7d2";
}
._icon-eur-o-f:before {
  content: "\e7d3";
}
._icon-eur-o:before {
  content: "\e7d4";
}
._icon-gbp-o:before {
  content: "\e7d5";
}
._icon-gbp-o-f:before {
  content: "\e7d6";
}
._icon-usd:before {
  content: "\e7c9";
}
._icon-eur:before {
  content: "\e7cd";
}
._icon-gbp:before {
  content: "\e7ce";
}
._icon-cny:before {
  content: "\e7e3";
}
._icon-coins:before {
  content: "\e7c7";
}
._icon-coins-f:before {
  content: "\e7c8";
}
._icon-coin-f:before {
  content: "\e7c4";
}
._icon-coin:before {
  content: "\e7c6";
}
._icon-article:before {
  content: "\e7c1";
}
._icon-br:before {
  content: "\e7c0";
}
._icon-html-box:before {
  content: "\e7bc";
}
._icon-uppercase:before {
  content: "\e7b8";
}
._icon-font-case:before {
  content: "\e7ba";
}
._icon-lowercase:before {
  content: "\e7b7";
}
._icon-font-bg:before {
  content: "\e7b5";
}
._icon-line-h:before {
  content: "\e7b4";
}
._icon-highlight:before {
  content: "\e9ac";
}
._icon-indent-more:before {
  content: "\f027";
}
._icon-indent-less:before {
  content: "\e7b2";
}
._icon-code-box:before {
  content: "\e7b1";
}
._icon-link-add:before {
  content: "\e7ab";
}
._icon-font-size:before {
  content: "\e7aa";
}
._icon-subscript:before {
  content: "\e7a3";
}
._icon-superscript:before {
  content: "\e7a4";
}
._icon-list-check:before {
  content: "\f0f5";
}
._icon-heading-1:before {
  content: "\e7a5";
}
._icon-clean-format:before {
  content: "\e7a6";
}
._icon-heading-2:before {
  content: "\e7a7";
}
._icon-bold:before {
  content: "\e7a8";
}
._icon-heading-4:before {
  content: "\e7a9";
}
._icon-italic:before {
  content: "\e7ac";
}
._icon-link-remove:before {
  content: "\e7ad";
}
._icon-heading-6:before {
  content: "\e7ae";
}
._icon-paragraph:before {
  content: "\e7b0";
}
._icon-code-block:before {
  content: "\e7b3";
}
._icon-underline:before {
  content: "\e7b6";
}
._icon-font:before {
  content: "\e7b9";
}
._icon-heading:before {
  content: "\e7bb";
}
._icon-text:before {
  content: "\e7bd";
}
._icon-through:before {
  content: "\e7be";
}
._icon-heading-3:before {
  content: "\e7bf";
}
._icon-table:before {
  content: "\e7c2";
}
._icon-heading-5:before {
  content: "\e7c5";
}
._icon-code-inline:before {
  content: "\e7ca";
}
._icon-font-color:before {
  content: "\e7cc";
}
._icon-npm:before {
  content: "\e7a0";
}
._icon-npm-f:before {
  content: "\e7a1";
}
._icon-drag:before {
  content: "\e79e";
}
._icon-min:before {
  content: "\e79c";
}
._icon-max:before {
  content: "\e79d";
}
._icon-instagram-f:before {
  content: "\e79b";
}
._icon-instagram:before {
  content: "\e87f";
}
._icon-upload-t:before {
  content: "\e798";
}
._icon-download-t:before {
  content: "\e799";
}
._icon-trash-t:before {
  content: "\e79a";
}
._icon-check-all:before {
  content: "\e797";
}
._icon-export:before {
  content: "\e765";
}
._icon-import:before {
  content: "\e8d2";
}
._icon-pause:before {
  content: "\e7af";
}
._icon-play:before {
  content: "\e7c3";
}
._icon-pinterest:before {
  content: "\e794";
}
._icon-qzone:before {
  content: "\e795";
}
._icon-google:before {
  content: "\e816";
}
._icon-tumblr:before {
  content: "\e796";
}
._icon-qzone-f:before {
  content: "\e779";
}
._icon-tumblr-f:before {
  content: "\e885";
}
._icon-pinterest-f:before {
  content: "\e793";
}
._icon-zhihu:before {
  content: "\e789";
}
._icon-jd:before {
  content: "\e792";
}
._icon-baidu:before {
  content: "\e600";
}
._icon-amazon:before {
  content: "\e77a";
}
._icon-douban:before {
  content: "\e77b";
}
._icon-tmall:before {
  content: "\e77c";
}
._icon-163music:before {
  content: "\e77d";
}
._icon-css3:before {
  content: "\e77e";
}
._icon-iqiyi:before {
  content: "\e77f";
}
._icon-qqmusic:before {
  content: "\e780";
}
._icon-stackoverflow:before {
  content: "\e781";
}
._icon-gitee:before {
  content: "\e782";
}
._icon-csdn:before {
  content: "\e783";
}
._icon-github:before {
  content: "\e784";
}
._icon-oschina:before {
  content: "\e785";
}
._icon-nodejs:before {
  content: "\e786";
}
._icon-bilibili:before {
  content: "\e787";
}
._icon-xiaomi:before {
  content: "\e7cb";
}
._icon-android:before {
  content: "\e788";
}
._icon-html5:before {
  content: "\e902";
}
._icon-ios:before {
  content: "\eb1b";
}
._icon-codepen:before {
  content: "\ea0c";
}
._icon-aliyun:before {
  content: "\e78a";
}
._icon-taobao:before {
  content: "\e78b";
}
._icon-microsoft:before {
  content: "\e78c";
}
._icon-youku:before {
  content: "\e78d";
}
._icon-ebay:before {
  content: "\e78e";
}
._icon-google-f:before {
  content: "\ee4f";
}
._icon-huawei:before {
  content: "\e78f";
}
._icon-tiktok:before {
  content: "\e790";
}
._icon-xunlei:before {
  content: "\e791";
}
._icon-folder-open-f:before {
  content: "\e777";
}
._icon-folder-open:before {
  content: "\e778";
}
._icon-scan:before {
  content: "\e776";
}
._icon-barcode:before {
  content: "\e775";
}
._icon-qrcode:before {
  content: "\e774";
}
._icon-star-half:before {
  content: "\e76a";
}
._icon-warn-o-t:before {
  content: "\e7f0";
}
._icon-bulb-t:before {
  content: "\e9b9";
}
._icon-check-t:before {
  content: "\e773";
}
._icon-arrow-left-t:before {
  content: "\f15d";
}
._icon-arrow-right-t:before {
  content: "\f15e";
}
._icon-close-t:before {
  content: "\f162";
}
._icon-minus-t:before {
  content: "\e766";
}
._icon-plus-t:before {
  content: "\e767";
}
._icon-arrow-up-t:before {
  content: "\e768";
}
._icon-arrow-down-t:before {
  content: "\e769";
}
._icon-right-t:before {
  content: "\e76b";
}
._icon-close-o-t:before {
  content: "\e76c";
}
._icon-check-o-t:before {
  content: "\e76d";
}
._icon-info-o-t:before {
  content: "\e76e";
}
._icon-issue-o-t:before {
  content: "\e76f";
}
._icon-clock-t:before {
  content: "\e770";
}
._icon-up-t:before {
  content: "\e771";
}
._icon-down-t:before {
  content: "\e772";
}
._icon-left-t:before {
  content: "\f161";
}
._icon-addpic:before {
  content: "\e764";
}
._icon-cloud-upload-f:before {
  content: "\e762";
}
._icon-cloud-download-f:before {
  content: "\e763";
}
._icon-swap:before {
  content: "\e761";
}
._icon-sort-az-up:before {
  content: "\f048";
}
._icon-arrowflag:before {
  content: "\e75e";
}
._icon-fingerprint:before {
  content: "\e75f";
}
._icon-select:before {
  content: "\e760";
}
._icon-list-ol:before {
  content: "\f03c";
}
._icon-sort:before {
  content: "\f0c5";
}
._icon-sort-az-down:before {
  content: "\f0c6";
}
._icon-sort-amount-down:before {
  content: "\f0c7";
}
._icon-sort-amount-up:before {
  content: "\f0c8";
}
._icon-sort-num-down:before {
  content: "\f0ca";
}
._icon-sort-num-up:before {
  content: "\f0cb";
}
._icon-street:before {
  content: "\f0e1";
}
._icon-repair:before {
  content: "\f15c";
}
._icon-quote-right-f:before {
  content: "\e970";
}
._icon-quote-left-f:before {
  content: "\e75d";
}
._icon-quote-right:before {
  content: "\e7f5";
}
._icon-quote-left:before {
  content: "\e7f6";
}
._icon-gift:before {
  content: "\e75b";
}
._icon-gift-f:before {
  content: "\e75c";
}
._icon-power:before {
  content: "\e75a";
}
._icon-at:before {
  content: "\e758";
}
._icon-hash:before {
  content: "\e759";
}
._icon-award:before {
  content: "\e756";
}
._icon-award-f:before {
  content: "\e757";
}
._icon-loader:before {
  content: "\e755";
}
._icon-sync:before {
  content: "\e753";
}
._icon-refresh:before {
  content: "\e754";
}
._icon-umbrella:before {
  content: "\e751";
}
._icon-umbrella-f:before {
  content: "\e752";
}
._icon-slash-h-f:before {
  content: "\e74f";
}
._icon-slash-f:before {
  content: "\e750";
}
._icon-slash-h:before {
  content: "\e96f";
}
._icon-slash:before {
  content: "\e74b";
}
._icon-badge-new:before {
  content: "\e74c";
}
._icon-badge-vip:before {
  content: "\e74d";
}
._icon-badge-hot:before {
  content: "\e74e";
}
._icon-redo:before {
  content: "\e749";
}
._icon-redo-f:before {
  content: "\e74a";
}
._icon-female:before {
  content: "\e747";
}
._icon-male:before {
  content: "\e748";
}
._icon-calendar-f:before {
  content: "\e745";
}
._icon-calendar:before {
  content: "\e746";
}
._icon-apply:before {
  content: "\e743";
}
._icon-apply-f:before {
  content: "\e744";
}
._icon-bigger:before {
  content: "\e741";
}
._icon-smaller:before {
  content: "\e742";
}
._icon-widgets-f:before {
  content: "\e73f";
}
._icon-widgets:before {
  content: "\e740";
}
._icon-align-center:before {
  content: "\e737";
}
._icon-align-right:before {
  content: "\e73c";
}
._icon-align-justify:before {
  content: "\e73d";
}
._icon-align-left:before {
  content: "\e73e";
}
._icon-grid:before {
  content: "\e73a";
}
._icon-grid-f:before {
  content: "\e73b";
}
._icon-divide:before {
  content: "\e736";
}
._icon-percent:before {
  content: "\e735";
}
._icon-pull-up:before {
  content: "\e96e";
}
._icon-pull-down:before {
  content: "\e79f";
}
._icon-org:before {
  content: "\e738";
}
._icon-org-f:before {
  content: "\e739";
}
._icon-dot-left:before {
  content: "\e733";
}
._icon-dot-right:before {
  content: "\e734";
}
._icon-me-f:before {
  content: "\e731";
}
._icon-me:before {
  content: "\e732";
}
._icon-home:before {
  content: "\e72f";
}
._icon-home-f:before {
  content: "\e730";
}
._icon-tobottom:before {
  content: "\e72d";
}
._icon-totop:before {
  content: "\e72e";
}
._icon-printer:before {
  content: "\e72b";
}
._icon-printer-f:before {
  content: "\e72c";
}
._icon-zoomin-f:before {
  content: "\e729";
}
._icon-zoomout-f:before {
  content: "\e72a";
}
._icon-good-f:before {
  content: "\e725";
}
._icon-bad-f:before {
  content: "\e726";
}
._icon-good:before {
  content: "\e727";
}
._icon-bad:before {
  content: "\e728";
}
._icon-corner-up-left:before {
  content: "\e721";
}
._icon-corner-left-down:before {
  content: "\e722";
}
._icon-corner-up-right:before {
  content: "\e723";
}
._icon-corner-right-up:before {
  content: "\e724";
}
._icon-seal-refuse-f:before {
  content: "\e720";
}
._icon-seal:before {
  content: "\e71f";
}
._icon-seal-f:before {
  content: "\e71d";
}
._icon-seal-ok-f:before {
  content: "\e71e";
}
._icon-pad:before {
  content: "\e71b";
}
._icon-pad-f:before {
  content: "\e71c";
}
._icon-pc:before {
  content: "\e719";
}
._icon-pc-f:before {
  content: "\e71a";
}
._icon-qq:before {
  content: "\e716";
}
._icon-weibo:before {
  content: "\e717";
}
._icon-wechat:before {
  content: "\e718";
}
._icon-trending-down:before {
  content: "\e712";
}
._icon-telephone:before {
  content: "\e713";
}
._icon-trending-up:before {
  content: "\e714";
}
._icon-telephone-f:before {
  content: "\e715";
}
._icon-qq-f:before {
  content: "\e70e";
}
._icon-weibo-f:before {
  content: "\e70f";
}
._icon-renren-f:before {
  content: "\e710";
}
._icon-wechat-f:before {
  content: "\e711";
}
._icon-facebook:before {
  content: "\e70a";
}
._icon-twitter:before {
  content: "\e70b";
}
._icon-facebook-f:before {
  content: "\e70c";
}
._icon-twitter-f:before {
  content: "\e70d";
}
._icon-pause-o:before {
  content: "\e6fe";
}
._icon-play-o:before {
  content: "\e6ff";
}
._icon-pause-o-f:before {
  content: "\e700";
}
._icon-play-o-f:before {
  content: "\e701";
}
._icon-flash-off:before {
  content: "\e6fa";
}
._icon-flash:before {
  content: "\e6fb";
}
._icon-flash-off-f:before {
  content: "\e6fc";
}
._icon-flash-f:before {
  content: "\e6fd";
}
._icon-moon:before {
  content: "\e6f8";
}
._icon-moon-f:before {
  content: "\e6f9";
}
._icon-logout:before {
  content: "\e6f6";
}
._icon-login:before {
  content: "\e6f7";
}
._icon-cube:before {
  content: "\e6f4";
}
._icon-cube-f:before {
  content: "\e6f5";
}
._icon-tv:before {
  content: "\e6f2";
}
._icon-tv-f:before {
  content: "\e6f3";
}
._icon-wifi:before {
  content: "\e6f0";
}
._icon-wifi-off:before {
  content: "\e6f1";
}
._icon-star:before {
  content: "\e6ee";
}
._icon-star-f:before {
  content: "\e6ef";
}
._icon-film:before {
  content: "\e6ea";
}
._icon-filter:before {
  content: "\e6eb";
}
._icon-film-f:before {
  content: "\e6ec";
}
._icon-filter-f:before {
  content: "\e6ed";
}
._icon-paperplane:before {
  content: "\e6e9";
}
._icon-paperplane-f:before {
  content: "\e7a2";
}
._icon-tags:before {
  content: "\e6e7";
}
._icon-tags-f:before {
  content: "\e6e8";
}
._icon-nav-v:before {
  content: "\e6e3";
}
._icon-nav:before {
  content: "\e6e4";
}
._icon-nav-f:before {
  content: "\e6e5";
}
._icon-nav-v-f:before {
  content: "\e6e6";
}
._icon-mic-off:before {
  content: "\e6df";
}
._icon-mic:before {
  content: "\e6e0";
}
._icon-mic-off-f:before {
  content: "\e6e1";
}
._icon-mic-f:before {
  content: "\e6e2";
}
._icon-message-s:before {
  content: "\e6db";
}
._icon-message-o:before {
  content: "\e6dc";
}
._icon-message-s-f:before {
  content: "\e6dd";
}
._icon-message-o-f:before {
  content: "\e6de";
}
._icon-sun:before {
  content: "\e6d9";
}
._icon-sun-f:before {
  content: "\e6da";
}
._icon-map:before {
  content: "\e6d5";
}
._icon-pin:before {
  content: "\e6d6";
}
._icon-map-f:before {
  content: "\e6d7";
}
._icon-pin-f:before {
  content: "\e6d8";
}
._icon-headphones:before {
  content: "\e6d3";
}
._icon-headphones-f:before {
  content: "\e6d4";
}
._icon-empty:before {
  content: "\e6d2";
}
._icon-box:before {
  content: "\e6d0";
}
._icon-box-f:before {
  content: "\e6d1";
}
._icon-image:before {
  content: "\e6cd";
}
._icon-image-f:before {
  content: "\e6ce";
}
._icon-image-alt-f:before {
  content: "\e6cf";
}
._icon-clock:before {
  content: "\e6cb";
}
._icon-clock-f:before {
  content: "\e6cc";
}
._icon-camera:before {
  content: "\e6c9";
}
._icon-camera-f:before {
  content: "\e6ca";
}
._icon-phone-off:before {
  content: "\e6c3";
}
._icon-phone-call:before {
  content: "\e6c4";
}
._icon-phone-f:before {
  content: "\e6c5";
}
._icon-phone-call-f:before {
  content: "\e6c6";
}
._icon-phone-off-f:before {
  content: "\e6c7";
}
._icon-phone-missed-f:before {
  content: "\e6c8";
}
._icon-phone-missed:before {
  content: "\e6c1";
}
._icon-phone:before {
  content: "\e6c2";
}
._icon-people-f:before {
  content: "\e6c0";
}
._icon-person-delete:before {
  content: "\e6b4";
}
._icon-people:before {
  content: "\e6b5";
}
._icon-person:before {
  content: "\e6b6";
}
._icon-person-add:before {
  content: "\e6b7";
}
._icon-person-remove:before {
  content: "\e6b8";
}
._icon-person-done:before {
  content: "\e6b9";
}
._icon-person-add-f:before {
  content: "\e6ba";
}
._icon-person-f:before {
  content: "\e6bb";
}
._icon-person-remove-f:before {
  content: "\e6bc";
}
._icon-person-delete-f:before {
  content: "\e6bd";
}
._icon-pie-alt-f:before {
  content: "\e6be";
}
._icon-person-done-f:before {
  content: "\e6bf";
}
._icon-radio:before {
  content: "\e6b2";
}
._icon-radio-f:before {
  content: "\e6b3";
}
._icon-shield:before {
  content: "\e6ae";
}
._icon-shield-off:before {
  content: "\e6af";
}
._icon-shield-off-f:before {
  content: "\e6b0";
}
._icon-shield-f:before {
  content: "\e6b1";
}
._icon-settings-alt:before {
  content: "\e6aa";
}
._icon-settings:before {
  content: "\e6ab";
}
._icon-settings-f:before {
  content: "\e6ac";
}
._icon-settings-alt-f:before {
  content: "\e6ad";
}
._icon-bag:before {
  content: "\e6a6";
}
._icon-cart:before {
  content: "\e6a7";
}
._icon-bag-f:before {
  content: "\e6a8";
}
._icon-cart-f:before {
  content: "\e6a9";
}
._icon-toggle-left:before {
  content: "\e6a2";
}
._icon-toggle-right:before {
  content: "\e6a3";
}
._icon-toggle-left-f:before {
  content: "\e6a4";
}
._icon-toggle-right-f:before {
  content: "\e6a5";
}
._icon-lock:before {
  content: "\e69e";
}
._icon-unlock:before {
  content: "\e69f";
}
._icon-lock-f:before {
  content: "\e6a0";
}
._icon-unlock-f:before {
  content: "\e6a1";
}
._icon-email:before {
  content: "\e696";
}
._icon-music:before {
  content: "\e697";
}
._icon-video-off:before {
  content: "\e698";
}
._icon-video:before {
  content: "\e699";
}
._icon-email-f:before {
  content: "\e69a";
}
._icon-music-f:before {
  content: "\e69b";
}
._icon-video-off-f:before {
  content: "\e69c";
}
._icon-video-f:before {
  content: "\e69d";
}
._icon-link-open:before {
  content: "\e693";
}
._icon-undo:before {
  content: "\e694";
}
._icon-undo-f:before {
  content: "\e695";
}
._icon-share:before {
  content: "\e691";
}
._icon-share-f:before {
  content: "\e692";
}
._icon-trash:before {
  content: "\e68d";
}
._icon-trash-alt:before {
  content: "\e68e";
}
._icon-trash-f:before {
  content: "\e68f";
}
._icon-trash-alt-f:before {
  content: "\e690";
}
._icon-eye-off-f:before {
  content: "\e68c";
}
._icon-eye-off-alt:before {
  content: "\e688";
}
._icon-eye-off:before {
  content: "\e689";
}
._icon-eye:before {
  content: "\e68a";
}
._icon-eye-f:before {
  content: "\e68b";
}
._icon-heart:before {
  content: "\e686";
}
._icon-heart-f:before {
  content: "\e687";
}
._icon-editing:before {
  content: "\e682";
}
._icon-edit:before {
  content: "\e683";
}
._icon-editing-f:before {
  content: "\e684";
}
._icon-edit-f:before {
  content: "\e685";
}
._icon-global-f:before {
  content: "\e681";
}
._icon-global:before {
  content: "\e67e";
}
._icon-earth:before {
  content: "\e67f";
}
._icon-earth-f:before {
  content: "\e680";
}
._icon-bulb:before {
  content: "\e67c";
}
._icon-bulb-f:before {
  content: "\e67d";
}
._icon-theme:before {
  content: "\e67a";
}
._icon-theme-f:before {
  content: "\e67b";
}
._icon-compass:before {
  content: "\e678";
}
._icon-compass-f:before {
  content: "\e679";
}
._icon-bell:before {
  content: "\e674";
}
._icon-bell-off:before {
  content: "\e675";
}
._icon-bell-off-f:before {
  content: "\e676";
}
._icon-bell-f:before {
  content: "\e677";
}
._icon-list-ul:before {
  content: "\e66f";
}
._icon-more:before {
  content: "\e670";
}
._icon-menu:before {
  content: "\e671";
}
._icon-more-v:before {
  content: "\e672";
}
._icon-menu-fold:before {
  content: "\e673";
}
._icon-menu-unfold:before {
  content: "\e96d";
}
._icon-bar:before {
  content: "\e66c";
}
._icon-pie:before {
  content: "\e66d";
}
._icon-pie-f:before {
  content: "\e66e";
}
._icon-options:before {
  content: "\e668";
}
._icon-options-v:before {
  content: "\e669";
}
._icon-options-f:before {
  content: "\e66a";
}
._icon-options-v-f:before {
  content: "\e66b";
}
._icon-attach:before {
  content: "\e664";
}
._icon-attach-v:before {
  content: "\e665";
}
._icon-link:before {
  content: "\e666";
}
._icon-link-h:before {
  content: "\e667";
}
._icon-volume-down:before {
  content: "\e65c";
}
._icon-volume-up:before {
  content: "\e65d";
}
._icon-volume-off:before {
  content: "\e65e";
}
._icon-volume-mute:before {
  content: "\e65f";
}
._icon-volume-off-f:before {
  content: "\e660";
}
._icon-volume-up-f:before {
  content: "\e661";
}
._icon-volume-down-f:before {
  content: "\e662";
}
._icon-volume-mute-f:before {
  content: "\e663";
}
._icon-copy:before {
  content: "\e65a";
}
._icon-copy-f:before {
  content: "\e65b";
}
._icon-file-remove:before {
  content: "\e645";
}
._icon-file-add:before {
  content: "\e646";
}
._icon-file:before {
  content: "\e647";
}
._icon-file-text:before {
  content: "\e648";
}
._icon-folder-add:before {
  content: "\e64d";
}
._icon-folder:before {
  content: "\e64f";
}
._icon-folder-remove:before {
  content: "\e652";
}
._icon-file-text-f:before {
  content: "\e653";
}
._icon-file-add-f:before {
  content: "\e654";
}
._icon-file-remove-f:before {
  content: "\e655";
}
._icon-file-f:before {
  content: "\e656";
}
._icon-folder-add-f:before {
  content: "\e657";
}
._icon-folder-remove-f:before {
  content: "\e658";
}
._icon-folder-f:before {
  content: "\e659";
}
._icon-zoomin:before {
  content: "\e642";
}
._icon-zoomout:before {
  content: "\e643";
}
._icon-search:before {
  content: "\e644";
}
._icon-cloud-download:before {
  content: "\e63e";
}
._icon-cloud-upload:before {
  content: "\e63f";
}
._icon-download:before {
  content: "\e640";
}
._icon-upload:before {
  content: "\e641";
}
._icon-warn-o:before {
  content: "\e709";
}
._icon-warn:before {
  content: "\e7d7";
}
._icon-info-o:before {
  content: "\e636";
}
._icon-info:before {
  content: "\e7f7";
}
._icon-issue-o:before {
  content: "\e63b";
}
._icon-issue:before {
  content: "\e63c";
}
._icon-warn-o-f:before {
  content: "\e63d";
}
._icon-info-o-f:before {
  content: "\e64b";
}
._icon-issue-o-f:before {
  content: "\e650";
}
._icon-minus-s:before {
  content: "\e62b";
}
._icon-minus-o:before {
  content: "\e635";
}
._icon-minus-o-f:before {
  content: "\e649";
}
._icon-minus-s-f:before {
  content: "\e64a";
}
._icon-minus:before {
  content: "\e64c";
}
._icon-code-download:before {
  content: "\e62a";
}
._icon-plus:before {
  content: "\e627";
}
._icon-plus-s:before {
  content: "\e628";
}
._icon-plus-o:before {
  content: "\e629";
}
._icon-plus-s-f:before {
  content: "\e64e";
}
._icon-plus-o-f:before {
  content: "\e651";
}
._icon-backspace:before {
  content: "\e626";
}
._icon-backspace-f:before {
  content: "\e634";
}
._icon-corner-down-left:before {
  content: "\e622";
}
._icon-corner-left-up:before {
  content: "\e623";
}
._icon-corner-right-down:before {
  content: "\e624";
}
._icon-corner-down-right:before {
  content: "\e625";
}
._icon-collapse-v:before {
  content: "\f166";
}
._icon-expand-h:before {
  content: "\f163";
}
._icon-left-up:before {
  content: "\e61d";
}
._icon-left-down:before {
  content: "\e61e";
}
._icon-right-up:before {
  content: "\e61f";
}
._icon-right-down:before {
  content: "\e620";
}
._icon-expand:before {
  content: "\e621";
}
._icon-collapse:before {
  content: "\e639";
}
._icon-expand-v:before {
  content: "\f164";
}
._icon-collapse-h:before {
  content: "\f165";
}
._icon-check-o-g:before {
  content: "\e61a";
}
._icon-check-s-g:before {
  content: "\e61b";
}
._icon-close-s:before {
  content: "\e708";
}
._icon-close-o:before {
  content: "\e618";
}
._icon-close-o-f:before {
  content: "\e637";
}
._icon-close-s-f:before {
  content: "\e638";
}
._icon-close:before {
  content: "\e63a";
}
._icon-circle:before {
  content: "\e61c";
}
._icon-check-o-f:before {
  content: "\e707";
}
._icon-check-o:before {
  content: "\e706";
}
._icon-square:before {
  content: "\e705";
}
._icon-check-s-f:before {
  content: "\e704";
}
._icon-check:before {
  content: "\e616";
}
._icon-check-s:before {
  content: "\e617";
}
._icon-down-double:before {
  content: "\e612";
}
._icon-left-double:before {
  content: "\e613";
}
._icon-right-double:before {
  content: "\e614";
}
._icon-up-double:before {
  content: "\e615";
}
._icon-code-o:before {
  content: "\e702";
}
._icon-code-o-f:before {
  content: "\e703";
}
._icon-code:before {
  content: "\e611";
}
._icon-right-o-f:before {
  content: "\e619";
}
._icon-down-o-f:before {
  content: "\e96a";
}
._icon-left-o-f:before {
  content: "\e96b";
}
._icon-up-o-f:before {
  content: "\e96c";
}
._icon-left-o:before {
  content: "\e8f6";
}
._icon-up-o:before {
  content: "\e967";
}
._icon-down-o:before {
  content: "\e968";
}
._icon-right-o:before {
  content: "\e969";
}
._icon-down:before {
  content: "\e60d";
}
._icon-left:before {
  content: "\e60e";
}
._icon-right:before {
  content: "\e60f";
}
._icon-up:before {
  content: "\e610";
}
._icon-arrow-left:before {
  content: "\e609";
}
._icon-arrow-right:before {
  content: "\e60a";
}
._icon-arrow-down:before {
  content: "\e60b";
}
._icon-arrow-up:before {
  content: "\e60c";
}
._icon-triangle-down:before {
  content: "\e605";
}
._icon-triangle-up:before {
  content: "\e606";
}
._icon-triangle-right:before {
  content: "\e607";
}
._icon-triangle-left:before {
  content: "\e608";
}
._icon-triangle-down-f:before {
  content: "\e630";
}
._icon-triangle-left-f:before {
  content: "\e631";
}
._icon-triangle-up-f:before {
  content: "\e632";
}
._icon-triangle-right-f:before {
  content: "\e633";
}
._icon-arrow-down-o:before {
  content: "\e601";
}
._icon-arrow-left-o:before {
  content: "\e602";
}
._icon-arrow-up-o:before {
  content: "\e603";
}
._icon-arrow-right-o:before {
  content: "\e604";
}
._icon-arrow-down-o-f:before {
  content: "\e62c";
}
._icon-arrow-left-o-f:before {
  content: "\e62d";
}
._icon-arrow-right-o-f:before {
  content: "\e62e";
}
._icon-arrow-up-o-f:before {
  content: "\e62f";
}
._icon-grabpay:before {
  content: "\e7ee";
}
._icon-paypal:before {
  content: "\eb88";
}
._icon-unionpay:before {
  content: "\e7dc";
}
._icon-stripe:before {
  content: "\ea35";
}
._icon-alipay:before {
  content: "\e884";
}
._icon-applepay:before {
  content: "\e7e2";
}
._icon-wechatpay:before {
  content: "\e7e7";
}
._icon-ideal:before {
  content: "\e926";
}
._icon-amazonpay:before {
  content: "\e7e8";
}
._icon-bancontact:before {
  content: "\eb49";
}
._icon-mastercard:before {
  content: "\e8f0";
}
._icon-visa:before {
  content: "\e7e9";
}
._icon-klarna:before {
  content: "\e80a";
}
._icon-amex:before {
  content: "\e7ea";
}
._icon-googlepay:before {
  content: "\e7eb";
}
._icon-wise:before {
  content: "\e7ec";
}
._icon-revolut:before {
  content: "\e831";
}
._icon-linkedin-f:before {
  content: "\e7da";
}
._icon-vimeo-f:before {
  content: "\e8b7";
}
._icon-linkedin:before {
  content: "\e7db";
}
._icon-twitch:before {
  content: "\e870";
}
._icon-snapchat-f:before {
  content: "\e7dd";
}
._icon-twitch-f:before {
  content: "\e8ae";
}
._icon-spotify:before {
  content: "\e7de";
}
._icon-youtube:before {
  content: "\e880";
}
._icon-youtube-f:before {
  content: "\e883";
}
._icon-line:before {
  content: "\e7df";
}
._icon-discord:before {
  content: "\e7e0";
}
._icon-spotify-f:before {
  content: "\e7e1";
}
._icon-line-f:before {
  content: "\e7e4";
}
._icon-whatsapp-f:before {
  content: "\e8ec";
}
._icon-discord-f:before {
  content: "\ebf8";
}
._icon-whatsapp:before {
  content: "\ec2d";
}
._icon-snapchat:before {
  content: "\e7e5";
}
._icon-kakaotalk-f:before {
  content: "\eab7";
}
._icon-kakaotalk:before {
  content: "\eab8";
}
._icon-threads:before {
  content: "\eae5";
}
._icon-vimeo:before {
  content: "\eaf1";
}
._icon-threads-f:before {
  content: "\e7e6";
}
._icon-ltr:before {
  content: "\e7d8";
}
._icon-rtl:before {
  content: "\e7d9";
}
[dir=rtl] ._icon-arrow-left:before {
  content: "\e60a";
}
[dir=rtl] ._icon-arrow-left-o:before {
  content: "\e604";
}
[dir=rtl] ._icon-arrow-left-o-f:before {
  content: "\e62e";
}
[dir=rtl] ._icon-arrow-left-t:before {
  content: "\f15e";
}
[dir=rtl] ._icon-arrow-right:before {
  content: "\e609";
}
[dir=rtl] ._icon-arrow-right-o:before {
  content: "\e602";
}
[dir=rtl] ._icon-arrow-right-o-f:before {
  content: "\e62d";
}
[dir=rtl] ._icon-arrow-right-t:before {
  content: "\f15d";
}
[dir=rtl] ._icon-left-t:before {
  content: "\e76b";
}
[dir=rtl] ._icon-right-t:before {
  content: "\f161";
}
[dir=rtl] ._icon-triangle-left:before {
  content: "\e607";
}
[dir=rtl] ._icon-triangle-left-f:before {
  content: "\e633";
}
[dir=rtl] ._icon-triangle-right:before {
  content: "\e608";
}
[dir=rtl] ._icon-triangle-right-f:before {
  content: "\e631";
}
[dir=rtl] ._icon-left:before {
  content: "\e60f";
}
[dir=rtl] ._icon-left-o:before {
  content: "\e969";
}
[dir=rtl] ._icon-left-o-f:before {
  content: "\e619";
}
[dir=rtl] ._icon-right:before {
  content: "\e60e";
}
[dir=rtl] ._icon-right-o:before {
  content: "\e8f6";
}
[dir=rtl] ._icon-right-o-f:before {
  content: "\e96b";
}
[dir=rtl] ._icon-left-up:before {
  content: "\e61f";
}
[dir=rtl] ._icon-right-up:before {
  content: "\e61d";
}
[dir=rtl] ._icon-corner-up-left:before {
  content: "\e723";
}
[dir=rtl] ._icon-corner-up-right:before {
  content: "\e721";
}
[dir=rtl] ._icon-corner-left-down:before {
  content: "\e624";
}
[dir=rtl] ._icon-corner-right-down:before {
  content: "\e722";
}
[dir=rtl] ._icon-corner-left-up:before {
  content: "\e724";
}
[dir=rtl] ._icon-corner-right-up:before {
  content: "\e623";
}
[dir=rtl] ._icon-corner-down-left:before {
  content: "\e625";
}
[dir=rtl] ._icon-corner-down-right:before {
  content: "\e622";
}
[dir=rtl] ._icon-left-double:before {
  content: "\e614";
}
[dir=rtl] ._icon-right-double:before {
  content: "\e613";
}
[dir=rtl] ._icon-dot-left:before {
  content: "\e734";
}
[dir=rtl] ._icon-dot-right:before {
  content: "\e733";
}
[dir=rtl] ._icon-menu-unfold:before {
  content: "\e673";
}
[dir=rtl] ._icon-menu-fold:before {
  content: "\e96d";
}
[dir=rtl] ._icon-left-up:before {
  content: "\e61f";
}
[dir=rtl] ._icon-right-up:before {
  content: "\e61d";
}
[dir=rtl] ._icon-left-down:before {
  content: "\e620";
}
[dir=rtl] ._icon-right-down:before {
  content: "\e61e";
}
[dir=rtl] [class*=_icon-paperplane],
[dir=rtl] [class*=_icon-undo],
[dir=rtl] [class*=_icon-redo],
[dir=rtl] ._icon-nav,
[dir=rtl] ._icon-nav-f,
[dir=rtl] ._icon-link-open {
  scale: -1 1;
}
/*
 *Last modified: 2025-05-24 13:57:21
 */
html {
  font-size: var(--_fs-root);
  width: 100%;
  padding: 0;
  margin: 0;
}
body {
  --_body-p: 0px;
  --_body-m: 0px;
  --_body-a: start;
  --_body-c: var(--_c-text);
  --_body-ff: var(--_ff-body);
  --_body-fs: var(--_fs-body);
  --_body-lh: var(--_lh-body);
  font-family: var(--_body-ff);
  font-size: var(--_body-fs);
  line-height: var(--_body-lh);
  color: var(--_body-c);
  text-align: var(--_body-a);
  width: 100%;
  min-height: 100%;
  padding: var(--_body-p);
  margin: var(--_body-m);
  position: relative;
}
/*reset*/
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  flex-shrink: 0;
}
*:focus {
  outline-color: var(--_btn-c-foc, var(--_field-c-foc, transparent));
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0.5em 0;
  line-height: 1.5em;
}
h1 {
  font-size: var(--_fs-h1);
}
h2 {
  font-size: var(--_fs-h2);
}
h3 {
  font-size: var(--_fs-h3);
}
h4 {
  font-size: var(--_fs-h4);
}
h5 {
  font-size: var(--_fs-h5);
}
h6 {
  font-size: var(--_fs-h6);
}
img {
  border: 0;
  vertical-align: middle;
}
svg {
  vertical-align: middle;
}
img,
video,
audio,
picture {
  max-width: 100%;
}
video,
audio,
picture,
iframe {
  display: block;
}
iframe {
  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;
}
hr {
  border-width: 0;
  height: 1px;
  overflow: hidden;
  background-color: var(--_c-text-bd);
}
sup a {
  color: var(--_c-prim);
}
code {
  --_code-c: var(--_c-prim);
  --_code-bg: var(--_c-text-bg);
  --_code-p: var(--_g);
  --_code-ff: var(--_ff-body);
  --_code-r: var(--_r);
  font-family: var(--_code-ff);
  color: var(--_code-c);
  background-color: var(--_code-bg);
  padding: 0 var(--_code-p);
  border-radius: var(--_code-r);
}
code[theme=prim] {
  --_code-c: var(--_c-prim);
  --_code-bg: var(--_c-prim-bg);
}
code[theme=succ] {
  --_code-c: var(--_c-succ);
  --_code-bg: var(--_c-succ-bg);
}
code[theme=error] {
  --_code-c: var(--_c-error);
  --_code-bg: var(--_c-error-bg);
}
code[theme=info] {
  --_code-c: var(--_c-info);
  --_code-bg: var(--_c-info-bg);
}
code[theme=issue] {
  --_code-c: var(--_c-issue);
  --_code-bg: var(--_c-issue-bg);
}
code[theme=warn] {
  --_code-c: var(--_c-warn-dp);
  --_code-bg: var(--_c-warn-bg);
}
code[theme=text] {
  --_code-c: var(--_c-text);
  --_code-bg: var(--_c-text-bg);
}
pre {
  --_pre-ff: var(--_ff-body);
  --_pre-fs: var(--_rem-caption);
  --_pre-bg: var(--_c-text-bd);
  --_pre-p: var(--_p);
  font-family: var(--_pre-ff);
  font-size: var(--_pre-fs);
  background-color: var(--_pre-bg);
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: var(--_pre-p);
}
pre > code {
  --_code-c: var(--_c-text);
  --_code-bg: transparent;
  --_code-ff: var(--_ff-code);
  --_code-p: 0;
  --_code-r: 0;
  min-height: var(--_rem-display);
  display: block;
}
kbd {
  --_kbd-c: var(--_c-brief);
  --_kbd-ff: var(--_ff-body);
  --_kbd-fs: var(--_rem-caption);
  --_kbd-lh: var(--_em-body-dec);
  --_kbd-bg: var(--_c-caption-bg);
  --_kbd-bc: var(--_c-caption);
  --_kbd-bw: 1px;
  --_kbd-p: var(--_em-min-dec);
  --_kbd-r: var(--_r);
  font-family: var(--_kbd-ff);
  font-size: var(--_kbd-fs);
  color: var(--_kbd-c);
  line-height: var(--_kbd-lh);
  background-color: var(--_kbd-bg);
  border: var(--_kbd-bw) solid var(--_kbd-bc);
  border-block-end-width: calc(var(--_kbd-bw) + 1px);
  padding: 0 var(--_kbd-p);
  border-radius: var(--_kbd-r);
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  user-select: none;
}
*:where(ul),
*:where(ol) {
  --_ul-p-se: 2em;
  --_ul-m-tb: 0;
  --_ul-dot-sz: 0.4rem;
  --_ul-dot-bg: var(--_c-text-sd);
  margin-block: var(--_ul-m-tb);
  box-sizing: border-box;
  padding-inline-start: var(--_ul-p-se);
}
*:where(ul) {
  list-style: none;
}
*:where(ul._reset) {
  --_ul-p-se: 0;
}
*:where(ul._reset) ul {
  --_ul-p-se: 0;
}
*:where(ol._reset) {
  list-style: none;
  --_ul-p-se: 0;
}
*:where(ol._reset) ol {
  list-style: none;
  --_ul-p-se: 0;
}
*:where(li) {
  position: relative;
}
*:where(ul) > li:before {
  content: '';
  width: var(--_ul-dot-sz);
  height: var(--_ul-dot-sz);
  border-radius: var(--_ul-dot-sz);
  background-color: var(--_ul-dot-bg);
  position: absolute;
  inset-inline-start: calc(var(--_ul-p-se)/-2);
  inset-block-start: calc((var(--_ul-lh, var(--_lh-body)) - var(--_ul-dot-sz))/2);
}
*:where(ul._reset) li:before {
  display: none;
}
*:where(dl) {
  --_dl-dot-sz: 0.4rem;
  --_dl-dot-bg: var(--_c-text-sd);
  --_dl-m: var(--_m);
  --_dl-p-tb: var(--_p);
  --_dl-p-se: 1em;
  --_dl-g: var(--_rem-space);
  margin-block-start: var(--_dl-m);
  margin-block-end: var(--_dl-m);
}
*:where(dl):where(:not(._reset)) {
  border-block-start: 1px solid var(--_c-text-bd);
  border-block-end: 1px solid var(--_c-text-bd);
  padding-block-start: var(--_dl-p-tb);
  padding-block-end: var(--_dl-p-tb);
  padding-inline-start: var(--_dl-p-se);
  padding-inline-end: 0;
  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(--_dl-dot-sz);
  height: var(--_dl-dot-sz);
  border-radius: var(--_dl-dot-sz);
  background-color: var(--_dl-dot-bg);
  position: absolute;
  inset-inline-start: calc(-1*var(--_dl-p-se));
  inset-block-start: calc((var(--_dl-lh, var(--_lh-body)) - var(--_dl-dot-sz))/2);
}
*:where(dl):where(:not(._reset)) dd {
  margin-inline-start: 0;
}
*:where(dl):where(:not(._reset)) dd + dt {
  margin-block-start: var(--_dl-g);
}
blockquote {
  background-color: var(--_c-prim-bg);
  border-inline-start: 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 inline-end;
}
ruby > rt {
  padding: 0 var(--_g);
  font-size: clamp(var(--_rem-root), var(--_em-caption), var(--_rem-subtitle));
}
address {
  font-style: normal;
  line-height: var(--_lh-sm);
  display: flex;
}
time {
  font-size: var(--_rem-caption);
  color: var(--_c-caption);
  line-height: var(--_lh-md);
  display: inline-block;
}
mark {
  background-color: var(--_c-warn-aj);
}
i {
  font-style: normal;
}
s,
u {
  text-decoration: none;
}
article {
  overflow-wrap: break-word;
  hyphens: auto;
}
article i,
article u,
article s,
article a,
article span {
  display: inline;
}
article img {
  height: auto !important;
  width: auto !important;
}
form {
  position: relative;
}
fieldset {
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r-input-lg);
  padding: var(--_p);
}
:where(fieldset) legend {
  padding: 0 var(--_rem-space);
  font-size: var(--_px-caption);
}
:where(fieldset) td {
  padding: var(--_g);
}
label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
label input {
  margin-inline-end: var(--_g);
}
label:where(:has(input[disabled])) {
  cursor: text;
}
input,
select {
  vertical-align: middle;
}
input:where([type=submit], [type=reset], [type=button]) {
  vertical-align: top;
}
input,
textarea,
select {
  --_field-h: var(--_em-input);
  --_field-p-se: var(--_em-space);
  --_field-fs: var(--_rem-body);
  --_field-r: var(--_r-input);
  --_field-w: var(--_w-input);
  --_field-c: var(--_c-text);
  --_field-bg: var(--_c-stage);
  --_field-bw: 1px;
  --_field-bc: var(--_c-text-bd);
  font-family: var(--_ff-body);
  font-size: var(--_field-fs);
  color: var(--_field-c);
}
input:where(:not([type=radio], [type=checkbox], [type=submit], [type=reset], [type=button], [type=range])),
textarea,
select {
  background-color: var(--_field-bg);
  min-width: var(--_field-w);
  width: var(--_field-w);
  box-sizing: border-box;
  border-radius: var(--_field-r);
  border: var(--_field-bw) solid var(--_field-bc);
  resize: none;
  position: relative;
  transition: all var(--_dur-1) linear;
}
input::-ms-clear,
input::-ms-reveal {
  opacity: var(--_o-disabled);
  transition: all var(--_dur-1) linear;
}
input::-ms-clear:hover,
input::-ms-reveal:hover {
  opacity: 1;
}
input::-webkit-calendar-picker-indicator {
  width: 1em;
  height: 1em;
  padding: 0;
  line-height: 1em;
}
input:where([type=search])::-webkit-search-cancel-button {
  filter: grayscale(100%);
  opacity: var(--_o-disabled);
  transition: all var(--_dur-1) linear;
}
input:where([type=search])::-webkit-search-cancel-button:hover {
  opacity: 1;
  cursor: pointer;
}
input:where([type=color]) {
  --_field-w: auto;
  min-width: auto;
  height: var(--_field-h);
  aspect-ratio: 1 / 1;
  padding: 0 2px !important;
}
input:where([type=color]) ::-webkit-color-swatch {
  border: 0;
}
@-moz-document url-prefix() {
  input:where([type=color]) {
    padding: 2px !important;
  }
}
input:where(:not([type=radio], [type=checkbox], [type=submit], [type=reset], [type=button], [type=range])),
select {
  height: var(--_field-h);
  line-height: var(--_field-h);
  padding: 0 var(--_field-p-se);
}
textarea {
  --_field-lh: var(--_em-list);
  --_field-rows: 5;
  height: calc(var(--_field-lh)*var(--_field-rows) + (var(--_field-h) - var(--_field-lh)) + 2px);
  line-height: var(--_field-lh);
  box-sizing: border-box;
  padding: calc((var(--_field-h) - var(--_field-lh))/2) var(--_field-p-se);
  overflow: auto;
  vertical-align: top;
}
input:where([type=checkbox], [type=radio]) {
  accent-color: var(--_c-prim);
  appearance: checkbox;
  -webkit-appearance: checkbox;
}
select:where([multiple], [size]) {
  --_field-count: 5;
  padding: 0;
  overflow: auto;
}
select:where([multiple]:not([size])) {
  min-height: calc((var(--_rem-input) + 1px)*var(--_field-count) + 1px);
}
select:where([size]) {
  --_field-h: auto;
}
select option {
  padding: 0 var(--_rem-space);
  height: var(--_rem-input);
  border-block-end: 1px solid var(--_c-text-bd);
  display: flex;
  align-items: center;
  transition: all var(--_dur-1) linear;
}
select option:last-child {
  border-width: 0;
}
select:where([disabled]) option {
  color: var(--_c-disable);
  pointer-events: none;
}
select:where(:not([disabled])) option:hover {
  background-color: var(--_c-text-bd);
}
select option:checked {
  color: var(--_c-prim);
  background-color: var(--_c-prim-bg);
}
select option:selected {
  background-color: var(--_c-prim);
}
input:where([type=file]) {
  line-height: calc((var(--_num-input) - 4)/var(--_num-body));
}
input:where([type=file])::file-selector-button,
input:where([type=file])::-webkit-file-upload-button {
  color: var(--_field-c);
  background: transparent;
  line-height: calc((var(--_num-input) - 2)/var(--_num-body));
  border: none;
  border-inline-end: 1px solid var(--_c-text-bd);
  padding-inline-end: var(--_em-space);
  padding-inline-start: 0;
  margin-inline-end: var(--_em-space);
  user-select: none;
  pointer-events: none;
  float: inline-start;
}
@-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-inline-end: var(--_rem-space);
  color: var(--_c-caption);
}
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-inline-end: var(--_rem-space);
  border-radius: var(--_r);
  padding: 0 var(--_rem-min);
}
input:where([type=datetime-local], [type=date], [type=month], [type=week])::-webkit-datetime-edit-month-field:focus,
input:where([type=datetime-local], [type=date], [type=month], [type=week])::-webkit-datetime-edit-day-field:focus,
input:where([type=datetime-local], [type=date], [type=month], [type=week])::-webkit-datetime-edit-year-field:focus,
input:where([type=datetime-local], [type=date], [type=month], [type=week])::-webkit-datetime-edit-week-field:focus,
input:where([type=datetime-local], [type=date], [type=month], [type=week])::-webkit-datetime-edit-hour-field:focus,
input:where([type=datetime-local], [type=date], [type=month], [type=week])::-webkit-datetime-edit-minute-field:focus {
  background-color: var(--_c-prim);
}
input:where([type=datetime-local], [type=date], [type=month], [type=week])::-webkit-calendar-picker-indicator {
  opacity: var(--_o-disabled);
  padding: 0;
  transition: all var(--_dur-1) linear;
}
input:where([type=datetime-local], [type=date], [type=month], [type=week])::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}
input:where([type=range]) {
  --_range-h: 0.3rem;
  height: var(--_range-h);
  width: var(--_field-w);
  background-color: var(--_c-text-bd);
  border-radius: var(--_r);
  appearance: none;
  transition: all var(--_dur-1) linear;
}
input:where([type=range])::-webkit-slider-thumb {
  width: 1.6rem;
  height: 1.6rem;
  border: 0.2rem solid var(--_c-prim);
  border-radius: 50%;
  background-color: var(--_c-stage);
  cursor: pointer;
  appearance: none;
  transition: all var(--_dur-1) linear;
}
input:where([type=range])::-moz-range-thumb {
  width: 1.2rem;
  height: 1.2rem;
  border: 0.2rem solid var(--_c-prim);
  border-radius: 50%;
  background-color: var(--_c-stage);
  cursor: pointer;
  transition: all var(--_dur-1) linear;
}
input:where([type=range])::-moz-range-progress {
  background-color: var(--_c-prim);
  border-radius: var(--_r);
  transition: all var(--_dur-1) linear;
}
input:where([type=range]:not([disabled])):hover {
  background-color: var(--_c-prim-bd);
}
input:where([type=range]:not([disabled]))::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 0.3rem var(--_c-prim-sd);
}
input:where([type=range]:not([disabled]))::-moz-range-thumb:hover {
  box-shadow: 0 0 0 0.3rem var(--_c-prim-sd);
}
input:where([type=range][disabled])::-webkit-slider-thumb {
  border-color: var(--_c-caption);
  cursor: text;
}
input:where([type=range][disabled])::-moz-range-thumb {
  border-color: var(--_c-caption);
  cursor: text;
}
input:where([type=range][disabled])::-moz-range-progress {
  background-color: var(--_c-caption);
}
meter {
  --_meter-h: var(--_rem-min);
  block-size: var(--_rem-min);
  vertical-align: middle;
}
meter::-webkit-meter-bar {
  height: var(--_meter-h);
  min-width: calc(var(--_rem-input)*3);
  background-color: var(--_c-text-bd);
  border: none;
}
meter::-webkit-meter-optimum-value,
meter::-webkit-meter-suboptimum-value,
meter::-webkit-meter-even-less-good-value {
  border-radius: var(--_meter-h);
  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(--_prog-h);
}
progress {
  --_prog-h: var(--_rem-min);
  --_prog-w: var(--_w-input);
  width: var(--_prog-w);
  height: var(--_prog-h);
  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(--_prog-h);
}
input:where([type=submit]),
input:where([type=reset], [type=button]),
button {
  --_btn-fs: var(--_rem-body);
  --_btn-h: calc(1em*var(--_num-input)/var(--_num-body));
  --_btn-p-se: var(--_em-body);
  --_btn-r: var(--_r-input);
  font-size: var(--_btn-fs);
  height: var(--_btn-h);
  padding: 0 var(--_btn-p-se);
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all var(--_dur-2) linear;
  position: relative;
  border-radius: var(--_btn-r);
  --_btn-bg: var(--_c-stage);
  --_btn-c: var(--_c-text);
  --_btn-bc: var(--_c-text-bd);
  --_btn-bw: 1px;
  --_btn-c-foc: transparent;
  --_btn-sd: transparent;
  vertical-align: middle;
  background-color: var(--_btn-bg);
  color: var(--_btn-c);
  border: var(--_btn-bw) solid var(--_btn-bc);
  box-shadow: 0.2rem 0.2rem 1rem 0 var(--_btn-sd);
}
input:where([type=submit])[size=xs],
input:where([type=reset], [type=button])[size=xs],
button[size=xs] {
  --_btn-fs: var(--_rem-caption);
  --_btn-p-se: var(--_em-min-dec);
  --_btn-h: var(--_em-list-dec);
  --_btn-r: var(--_r-input-sm);
}
input:where([type=submit])[size=sm],
input:where([type=reset], [type=button])[size=sm],
button[size=sm] {
  --_btn-fs: var(--_rem-caption);
  --_btn-h: var(--_em-display-dec);
  --_btn-r: var(--_r-input-sm);
}
input:where([type=submit])[size=lg],
input:where([type=reset], [type=button])[size=lg],
button[size=lg] {
  --_btn-h: var(--_em-max);
  --_btn-p-se: 2em;
  --_btn-r: var(--_r-input-lg);
}
input:where([type=submit]),
button:where([type=submit]) {
  --_btn-bg: var(--_c-prim);
  --_btn-c: var(--_c-white);
  --_btn-bw: 0;
}
input:where([type=submit][disabled]),
button:where([type=submit][disabled]) {
  opacity: var(--_o-active);
}
input:where([type=reset][disabled], [type=button][disabled]),
button:where(:not([type=submit])[disabled]) {
  --_btn-c: var(--_c-caption);
}
input:where([type=submit][disabled]),
input:where([type=reset][disabled], [type=button][disabled]),
button:where([disabled]) {
  cursor: not-allowed;
  user-select: none;
  pointer-events: none;
}
input::placeholder,
textarea::placeholder {
  font-size: calc(1em*(var(--_num-body) - 2)/var(--_num-body));
  color: var(--_c-caption);
  width: 100%;
}
input::placeholder {
  position: absolute;
  inset-block-start: 50%;
  transform: translateY(-50%);
}
input:where(:not([type=checkbox], [type=radio], [type=range], [type=submit], [type=reset], [type=button]):not([disabled])):hover,
textarea:where(:not([disabled])):hover,
select:where(:not([disabled])):hover {
  border-color: var(--_c-prim);
}
input:where([type=submit]:not([disabled])):hover,
button:where([type=submit]:not([disabled])):hover {
  --_btn-bg: var(--_c-prim-lt);
  --_btn-sd: var(--_c-prim-sd);
}
input:where([type=reset], [type=button]):where(:not([disabled])):hover,
button:where(:not([type=submit])):where(:not([disabled])):hover {
  --_btn-bc: var(--_c-prim);
  --_btn-c: var(--_c-prim);
  --_btn-sd: var(--_c-prim-sd);
}
input:where(:not([type=range], [type=checkbox], [type=radio])),
input:where([type=reset], [type=button]),
button:where(:not([type=submit])),
select,
textarea,
a {
  outline: var(--_w-outline) solid transparent;
  outline-offset: 0px;
}
input:where(:not([type=range], [type=checkbox], [type=radio], [type=reset], [type=button], [type=submit])):focus,
select:focus,
textarea:focus {
  color: var(--_c-prim);
  border-color: var(--_c-prim);
  outline-color: var(--_c-prim-sd);
}
input:where([type=submit]):focus,
button:where([type=submit]):focus {
  --_btn-c: var(--_c-white);
  --_btn-sd: var(--_c-prim-sd);
}
input:where([type=reset], [type=button]):focus,
button:where(:not([type=submit])):focus {
  --_btn-c: var(--_c-prim);
  --_btn-bc: var(--_c-prim);
  --_btn-sd: transparent;
  --_btn-c-foc: var(--_c-prim-sd);
}
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])):active,
button:where([type=submit]:not([disabled])):active {
  --_btn-c: rgba(255, 255, 255, var(--_o-active));
  --_btn-bg: var(--_c-prim-dp);
}
input:where([type=reset], [type=button]):where(:not([disabled])):active,
button:where(:not([type=submit]):not([disabled])):active {
  --_btn-c: var(--_c-prim-tl);
  --_btn-sd: transparent;
  --_btn-c-foc: var(--_c-prim-sd);
}
/*Hyperlink*/
a:where(:not(._reset)) {
  --_link-c: var(--_c-prim);
  --_link-c-hov: var(--_link-c);
}
a:where(._reset) {
  --_link-c: var(--_c-text);
  --_link-c-hov: var(--_c-prim);
}
a {
  --_link-bg: transparent;
  color: var(--_link-c);
  background-color: var(--_link-bg);
  text-underline-offset: 2px;
  transition: color var(--_dur-1) linear, background-color var(--_dur-1) linear, box-shadow var(--_dur-1) linear, opacity var(--_dur-1) linear, outline-color var(--_dur-1) linear;
  text-decoration: none;
}
/* a:where(:not([disabled])):visited {
    color: var(--_c-text-ht);
}
 */
a:where(:not([disabled])):hover {
  color: var(--_link-c-hov);
}
a:where(:not([disabled])):active {
  color: var(--_link-c-hov);
  opacity: var(--_o-active);
}
a:where(:not([disabled])):focus {
  color: var(--_link-c-hov);
}
a:where([disabled]) {
  --_link-c: var(--_c-caption);
  user-select: none;
  pointer-events: none;
}
:where([tabindex]) {
  outline: var(--_w-outline) solid transparent;
  outline-offset: 0px;
}
:where(:not([disabled])[tabindex]):focus {
  outline-color: var(--_c-prim-sd);
}
/*Table*/
table {
  --_table-ell: calc(var(--_rem-lead)*10);
  --_table-w: auto;
  --_table-fs: var(--_rem-body);
  --_table-bg: transparent;
  --_table-c-stp: var(--_c-caption-bg);
  --_table-c-hov: var(--_c-text-bg);
  --_table-c-foc: var(--_c-prim);
  --_table-c-sel: var(--_c-prim-bg);
  --_table-bc: var(--_table-wrap-bd, var(--_c-text-bd));
  --_xxs-w: var(--_table-w);
  --_xs-w: var(--_table-w);
  --_sm-w: var(--_table-w);
  --_md-w: var(--_table-w);
  --_lg-w: var(--_table-w);
  --_xl-w: var(--_table-w);
  --_xxl-w: var(--_table-w);
  --_hh-w: var(--_table-w);
  --_tb-w: var(--_table-w);
  --_dt-w: var(--_table-w);
  font-size: var(--_table-fs);
  min-width: 100%;
  width: var(--_table-w);
  border-block-start: 1px solid var(--_table-bc);
  border-block-end: 1px solid var(--_table-bc);
  background-color: var(--_table-bg);
  border-spacing: 0;
  table-layout: fixed;
  border-collapse: collapse;
}
table tr {
  border-block-end: 1px solid var(--_table-bc);
  padding: 0.5rem;
  transition: background-color var(--_dur-1) linear;
}
table tfoot tr {
  border-block-start: 1px solid var(--_table-bc);
}
table tbody tr:last-child {
  border: none;
}
table th,
table td {
  box-sizing: border-box;
  position: relative;
}
table td {
  padding: 1rem;
  font-size: var(--_table-fs);
  line-height: var(--_rem-subtitle);
}
table thead td,
table th {
  color: var(--_c-brief);
  font-weight: normal;
  padding: var(--_px-space) 1rem;
  font-size: var(--_px-caption);
  line-height: var(--_px-subtitle);
}
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;
}
table tr:where([selected]),
table th:where([selected]),
table td:where([selected]) {
  background-color: var(--_table-c-sel);
}
table tr:where([disabled]),
table th[disabled],
table td[disabled] {
  opacity: var(--_o-disabled);
}
table td[focused] {
  color: var(--_table-c-foc);
  box-shadow: inset 0 0 0 2px var(--_table-c-foc);
}
table:where([stripe]) tbody tr:nth-child(odd),
table:where([stripe=odd]) tbody tr:nth-child(odd) {
  background-color: var(--_table-c-stp);
}
table:where([stripe=even]) tbody tr:nth-child(even) {
  background-color: var(--_table-c-stp);
}
table:where([hoverable]) tbody tr:where(:not([selected], [disabled])):hover {
  background-color: var(--_table-c-hov);
}
table td:where([focused]) {
  color: var(--_table-c-foc);
  box-shadow: inset 0 0 0 2px var(--_table-c-foc);
}
table:where([focusable]) td:where(:not([focused], [name=check], [name=tools])):hover {
  box-shadow: inset 0 0 0 2px var(--_c-caption);
}
table:where([nowrap]) td,
table:where([nowrap]) th {
  white-space: nowrap;
}
table:where([widest]) {
  --_table-w: max-content;
}
table[lines=inner] {
  border-block-start: none;
  border-block-end: none;
}
table[lines=outer] {
  border-inline-start: 1px solid var(--_table-bc);
  border-inline-end: 1px solid var(--_table-bc);
}
table[lines=all] {
  border-inline-start: 1px solid var(--_table-bc);
  box-shadow: inset calc(-1px * var(--_dir-coef)) 0 0 0 var(--_table-bc);
  position: relative;
}
table[lines=all] td,
table[lines=all] th {
  position: relative;
  box-shadow: inset calc(-1px * var(--_dir-coef)) 0 0 0 var(--_table-bc);
}
table[lines=all] td[selected] {
  position: relative;
  box-shadow: inset 0 0 0 2px var(--_table-c-foc);
}
table ._ell,
table [class*=_ell-] {
  max-width: var(--_table-ell);
}
/*
Last modified: 2025-05-24 13:57:25
*/
/*Button*/
OC-BTN {
  --_btn-sd: var(--_c-prim-sd);
  --_btn-bg: var(--_c-prim-bg);
  --_btn-c: var(--_c-text);
  --_btn-bc: var(--_c-text-bd);
  --_btn-c-act: var(--_c-prim-tl);
  --_btn-p-se: var(--_em-body);
  --_btn-fs: var(--_rem-body);
  --_btn-r: var(--_r-input);
  --_btn-bw: 1px;
  --_btn-h: var(--_em-input);
  font-size: var(--_btn-fs);
  position: relative;
  display: inline-flex;
  border-radius: var(--_btn-r);
  vertical-align: middle;
  /*   &:where([active]) [rep=more]:before {
    transform: rotate(-90deg);
  } */
}
OC-BTN > [rep=wrap] {
  color: var(--_btn-c);
  background-color: var(--_c-stage);
  border: var(--_btn-bw) solid var(--_btn-bc);
  height: var(--_btn-h);
  padding: 0 var(--_btn-p-se);
  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%;
}
OC-BTN > a[rep=wrap] {
  color: var(--_btn-c);
}
OC-BTN:where(:not([disabled])) > [rep=wrap]:visited {
  color: var(--_btn-c);
}
OC-BTN:where(:not([disabled])) > [rep=wrap]:hover {
  color: var(--_c-prim);
  border-color: var(--_c-prim);
  box-shadow: 0.2rem 0.2rem 1rem 0 var(--_btn-sd);
}
OC-BTN:where(:not([disabled])) > [rep=wrap]:focus {
  color: var(--_c-prim);
  border-color: var(--_c-prim);
  outline-color: var(--_btn-sd);
}
OC-BTN:where(:not([disabled])) > [rep=wrap]:active {
  color: var(--_btn-c-act);
  opacity: 1;
}
OC-BTN:where([disabled]) > [rep=wrap] {
  color: var(--_c-caption);
  cursor: not-allowed;
  user-select: none;
  pointer-events: none;
}
OC-BTN[type=plain] {
  --_btn-bw: 0;
}
OC-BTN[type=plain] > [rep=wrap] {
  background-color: transparent;
}
OC-BTN[type=plain][theme=prim] > [rep=wrap] {
  --_btn-c: var(--_c-prim);
}
OC-BTN[type=plain][theme=succ] > [rep=wrap] {
  --_btn-c: var(--_c-succ);
}
OC-BTN[type=plain][theme=error] > [rep=wrap] {
  --_btn-c: var(--_c-error);
}
OC-BTN[type=plain][theme=warn] > [rep=wrap] {
  --_btn-c: var(--_c-warn);
}
OC-BTN[type=plain][theme=info] > [rep=wrap] {
  --_btn-c: var(--_c-info);
}
OC-BTN[type=plain][theme=issue] > [rep=wrap] {
  --_btn-c: var(--_c-issue);
}
OC-BTN[type=plain][theme=text] > [rep=wrap] {
  --_btn-c: var(--_c-text);
}
OC-BTN[type=plain][theme=brief] > [rep=wrap] {
  --_btn-c: var(--_c-brief);
}
OC-BTN[type=plain][theme=caption] > [rep=wrap] {
  --_btn-c: var(--_c-caption);
}
OC-BTN[type=plain] > [rep=wrap]:hover {
  background-color: transparent;
  color: var(--_btn-c);
  box-shadow: none;
}
OC-BTN[type=plain]:where(:not([theme=prim], [theme=succ], [theme=error], [theme=warn], [theme=info], [theme=issue], [theme=brief], [theme=caption])) > [rep=wrap]:hover {
  color: var(--_c-prim);
}
OC-BTN[type=plain] > [rep=wrap]:focus {
  color: var(--_btn-c);
  outline-color: transparent;
}
OC-BTN[type=plain]:where(:not([theme=prim], [theme=succ], [theme=error], [theme=warn], [theme=info], [theme=issue], [theme=brief], [theme=caption])) > [rep=wrap]:focus {
  color: var(--_c-prim);
}
OC-BTN[type=plain] > [rep=wrap]:active {
  color: var(--_btn-c);
  opacity: var(--_o-active);
}
OC-BTN[type=plain]:where(:not([theme=prim], [theme=succ], [theme=error], [theme=warn], [theme=info], [theme=issue], [theme=brief], [theme=caption])) > [rep=wrap]:active {
  color: var(--_c-prim);
}
OC-BTN[type=plain]:where([disabled]) {
  color: var(--_btn-c);
  opacity: var(--_o-disabled);
}
OC-BTN[type=seal] {
  --_btn-sd: var(--_c-text-sd);
  --_btn-bg: var(--_c-text-bg);
  --_btn-c: var(--_c-text);
}
OC-BTN[type=seal] > [rep=wrap] {
  border-color: var(--_btn-c);
  background-color: transparent;
}
OC-BTN[type=seal][theme=prim] {
  --_btn-sd: var(--_c-prim-sd);
  --_btn-bg: var(--_c-prim-bg);
  --_btn-c: var(--_c-prim);
}
OC-BTN[type=seal][theme=succ] {
  --_btn-sd: var(--_c-succ-sd);
  --_btn-bg: var(--_c-succ-bg);
  --_btn-c: var(--_c-succ);
}
OC-BTN[type=seal][theme=error] {
  --_btn-sd: var(--_c-error-sd);
  --_btn-bg: var(--_c-error-bg);
  --_btn-c: var(--_c-error);
}
OC-BTN[type=seal][theme=warn] {
  --_btn-sd: var(--_c-warn-sd);
  --_btn-bg: var(--_c-warn-bg);
  --_btn-c: var(--_c-warn);
}
OC-BTN[type=seal][theme=info] {
  --_btn-sd: var(--_c-info-sd);
  --_btn-bg: var(--_c-info-bg);
  --_btn-c: var(--_c-info);
}
OC-BTN[type=seal][theme=issue] {
  --_btn-sd: var(--_c-issue-sd);
  --_btn-bg: var(--_c-issue-bg);
  --_btn-c: var(--_c-issue);
}
OC-BTN[type=seal][theme=text] {
  --_btn-sd: var(--_c-text-sd);
  --_btn-bg: var(--_c-text-bg);
  --_btn-c: var(--_c-text);
}
OC-BTN[type=seal][theme=brief] {
  --_btn-sd: var(--_c-brief-sd);
  --_btn-bg: var(--_c-brief-bg);
  --_btn-c: var(--_c-brief);
}
OC-BTN[type=seal][theme=caption] {
  --_btn-sd: var(--_c-caption-sd);
  --_btn-bg: var(--_c-caption-bg);
  --_btn-c: var(--_c-caption);
}
OC-BTN[type=seal] > [rep=wrap]:hover {
  color: var(--_btn-c);
  background-color: var(--_btn-bg);
}
OC-BTN[type=seal] > [rep=wrap]:focus {
  color: var(--_btn-c);
  border-color: var(--_btn-c);
  background-color: var(--_btn-bg);
  outline-color: transparent;
}
OC-BTN[type=seal] > [rep=wrap]:active {
  opacity: var(--_o-active);
}
OC-BTN[type=seal]:where([disabled]) > [rep=wrap] {
  color: var(--_btn-c);
  opacity: var(--_o-disabled);
}
OC-BTN[theme=prim]:where(:not([type=seal], [type=plain])) {
  --_btn-bg: var(--_c-prim);
  --_btn-sd: var(--_c-prim-sd);
  --_c-lt: var(--_c-prim-lt);
  --_c-dp: var(--_c-prim-dp);
}
OC-BTN[theme=prim]:where(:not([type=seal], [type=plain])) {
  --_btn-bg: var(--_c-prim);
  --_btn-sd: var(--_c-prim-sd);
  --_c-lt: var(--_c-prim-lt);
  --_c-dp: var(--_c-prim-dp);
}
OC-BTN[theme=error]:where(:not([type=seal], [type=plain])) {
  --_btn-bg: var(--_c-error);
  --_btn-sd: var(--_c-error-sd);
  --_c-lt: var(--_c-error-lt);
  --_c-dp: var(--_c-error-dp);
}
OC-BTN[theme=succ]:where(:not([type=seal], [type=plain])) {
  --_btn-bg: var(--_c-succ);
  --_btn-sd: var(--_c-succ-sd);
  --_c-lt: var(--_c-succ-lt);
  --_c-dp: var(--_c-succ-dp);
}
OC-BTN[theme=info]:where(:not([type=seal], [type=plain])) {
  --_btn-bg: var(--_c-info);
  --_btn-sd: var(--_c-info-sd);
  --_c-lt: var(--_c-info-lt);
  --_c-dp: var(--_c-info-dp);
}
OC-BTN[theme=issue]:where(:not([type=seal], [type=plain])) {
  --_btn-bg: var(--_c-issue);
  --_btn-sd: var(--_c-issue-sd);
  --_c-lt: var(--_c-issue-lt);
  --_c-dp: var(--_c-issue-dp);
}
OC-BTN[theme=warn]:where(:not([type=seal], [type=plain])) {
  --_btn-bg: var(--_c-warn);
  --_btn-sd: var(--_c-warn-sd);
  --_c-lt: var(--_c-warn-lt);
  --_c-dp: var(--_c-warn-dp);
}
OC-BTN[theme=text]:where(:not([type=seal], [type=plain])) {
  --_btn-bg: hsl(var(--_h-text), var(--_s-text), 20%);
  --_btn-sd: var(--_c-text-sd);
  --_c-lt: var(--_c-text-lt);
  --_c-dp: var(--_c-text-dp);
}
OC-BTN[theme=brief]:where(:not([type=seal], [type=plain])) {
  --_btn-bg: var(--_c-brief-bg);
  --_btn-sd: var(--_c-brief-sd);
  --_c-lt: var(--_c-brief-lt);
  --_c-dp: var(--_c-brief-dp);
}
OC-BTN[theme=caption]:where(:not([type=seal], [type=plain])) {
  --_btn-bg: var(--_c-caption-bg);
  --_btn-sd: var(--_c-caption-sd);
  --_c-lt: var(--_c-caption-lt);
  --_c-dp: var(--_c-caption-dp);
}
OC-BTN:is([theme=prim],
    [theme=error],
    [theme=succ],
    [theme=info],
    [theme=issue],
    [theme=warn],
    [theme=text],
    [theme=brief],
    [theme=caption],
  ):where(:not([type=seal], [type=plain])) {
  --_btn-c: var(--_c-white);
  --_btn-bw: 0;
}
OC-BTN:is([theme=prim],
    [theme=error],
    [theme=succ],
    [theme=info],
    [theme=issue],
    [theme=warn],
    [theme=text],
    [theme=brief],
    [theme=caption],
  ):where(:not([type=seal], [type=plain])) > [rep=wrap] {
  background-color: var(--_btn-bg);
}
OC-BTN:is([theme=prim],
    [theme=error],
    [theme=succ],
    [theme=info],
    [theme=issue],
    [theme=warn],
    [theme=text],
    [theme=brief],
    [theme=caption],
  ):where(:not([type=seal], [type=plain])) > [rep=wrap]:hover {
  color: var(--_btn-c);
  background-color: var(--_c-lt);
}
OC-BTN:is([theme=prim],
    [theme=error],
    [theme=succ],
    [theme=info],
    [theme=issue],
    [theme=warn],
    [theme=text],
    [theme=brief],
    [theme=caption],
  ):where(:not([type=seal], [type=plain])) > [rep=wrap]:focus {
  color: var(--_btn-c);
}
OC-BTN:is([theme=prim],
    [theme=error],
    [theme=succ],
    [theme=info],
    [theme=issue],
    [theme=warn],
    [theme=text],
    [theme=brief],
    [theme=caption],
  ):where(:not([type=seal], [type=plain])) > [rep=wrap]:active {
  opacity: 1;
  color: rgba(255, 255, 255, var(--_o-active));
  background-color: var(--_c-dp);
}
OC-BTN:is([theme=prim],
    [theme=error],
    [theme=succ],
    [theme=info],
    [theme=issue],
    [theme=warn],
    [theme=text],
    [theme=brief],
    [theme=caption],
  ):where(:not([type=seal], [type=plain])):where([disabled]) > [rep=wrap] {
  color: var(--_btn-c);
  opacity: var(--_o-disabled);
}
OC-BTN[theme=warn]:where(:not([type=seal], [type=plain])) {
  --_btn-c: hsl(var(--_h-text), var(--_s-text), 20%);
}
OC-BTN[theme=warn]:where(:not([type=seal], [type=plain])) > [rep=wrap]:active {
  color: var(--_c-text-aj);
}
OC-BTN[theme=brief]:where(:not([type=seal], [type=plain])) > [rep=wrap]:hover,
OC-BTN[theme=caption]:where(:not([type=seal], [type=plain])) > [rep=wrap]:hover {
  background-color: var(--_btn-bg);
}
OC-BTN[theme=brief]:where(:not([type=seal], [type=plain])) > [rep=wrap]:focus,
OC-BTN[theme=caption]:where(:not([type=seal], [type=plain])) > [rep=wrap]:focus {
  outline-width: 1px;
}
OC-BTN[theme=brief]:where(:not([type=seal], [type=plain])) > [rep=wrap]:active,
OC-BTN[theme=caption]:where(:not([type=seal], [type=plain])) > [rep=wrap]:active {
  color: var(--_btn-c);
  background-color: var(--_btn-bg);
  opacity: var(--_o-active);
}
OC-BTN[theme=brief]:where(:not([type=seal], [type=plain])):where([disabled]) > [rep=wrap],
OC-BTN[theme=caption]:where(:not([type=seal], [type=plain])):where([disabled]) > [rep=wrap] {
  color: var(--_btn-c);
  opacity: 1;
}
OC-BTN[theme=brief]:where(:not([type=seal], [type=plain])) {
  --_btn-c: var(--_c-brief);
}
OC-BTN[e]:where(:not([type=seal], [type=plain])) {
  --_btn-c: var(--_c-caption);
}
OC-BTN[shape=square] {
  border-radius: 0;
}
OC-BTN[shape=round] {
  --_btn-p-se: 1.5em;
  border-radius: var(--_rem-input);
}
OC-BTN[size=xs] {
  --_btn-fs: var(--_rem-caption);
  --_btn-p-se: var(--_em-min-dec);
  --_btn-h: var(--_em-list-dec);
  --_btn-r: var(--_r-input-sm);
}
OC-BTN[size=sm] {
  --_btn-fs: var(--_rem-caption);
  --_btn-h: var(--_em-display-dec);
  --_btn-r: var(--_r-input-sm);
}
OC-BTN[size=lg] {
  --_btn-h: var(--_em-max);
  --_btn-p-se: 2em;
  --_btn-r: var(--_r-input-lg);
}
OC-BTN[width="1"] {
  width: var(--_em-input);
}
OC-BTN[width="1"] > [rep=wrap] {
  padding: 0;
}
OC-BTN[width="2"] {
  width: calc(var(--_em-input)*2);
}
OC-BTN[width="2"] > [rep=wrap] {
  padding: 0;
}
OC-BTN[width="3"] {
  width: calc(var(--_em-input)*3);
}
OC-BTN[width="4"] {
  width: calc(var(--_em-input)*4);
}
OC-BTN[width="5"] {
  width: calc(var(--_em-input)*5);
}
OC-BTN[width="6"] {
  width: calc(var(--_em-input)*6);
}
OC-BTN[width="7"] {
  width: calc(var(--_em-input)*7);
}
OC-BTN[width="8"] {
  width: calc(var(--_em-input)*8);
}
OC-BTN[width="9"] {
  width: calc(var(--_em-input)*9);
}
OC-BTN[width="10"] {
  width: calc(var(--_em-input)*10);
}
OC-BTN[width=neat] {
  width: var(--_w-input);
}
OC-BTN[width=full] {
  width: 100%;
}
OC-BTN[width=iso] {
  --_btn-p-se: 0;
}
OC-BTN[width=iso] > [rep=wrap] {
  aspect-ratio: 1/1;
}
OC-BTN[theme=prim]:where([gradient]:not([type=seal], [type=plain])) > [rep=wrap] {
  background: linear-gradient(45deg, var(--_c-prim), var(--_c-prim-aj));
}
OC-BTN[theme=error]:where([gradient]:not([type=seal], [type=plain])) > [rep=wrap] {
  background: linear-gradient(45deg, var(--_c-error), var(--_c-error-aj));
}
OC-BTN[theme=succ]:where([gradient]:not([type=seal], [type=plain])) > [rep=wrap] {
  background: linear-gradient(45deg, var(--_c-succ), var(--_c-succ-aj));
}
OC-BTN[theme=info]:where([gradient]:not([type=seal], [type=plain])) > [rep=wrap] {
  background: linear-gradient(45deg, var(--_c-info), var(--_c-info-aj));
}
OC-BTN[theme=warn]:where([gradient]:not([type=seal], [type=plain])) > [rep=wrap] {
  background: linear-gradient(45deg, var(--_c-warn), var(--_c-warn-aj));
}
OC-BTN[theme=issue]:where([gradient]:not([type=seal], [type=plain])) > [rep=wrap] {
  background: linear-gradient(45deg, var(--_c-issue), var(--_c-issue-aj));
}
OC-BTN[theme=text]:where([gradient]:not([type=seal], [type=plain])) > [rep=wrap] {
  background: linear-gradient(45deg, hsl(var(--_h-text), var(--_s-text), 20%), var(--_c-text-aj));
}
OC-BTN[shaded]:where(:not([type=seal], [type=plain])) {
  --_btn-sd: rgba(0, 0, 0, 0.1);
}
OC-BTN[shaded]:where(:not([type=seal], [type=plain])) > [rep=wrap] {
  outline-color: transparent;
  box-shadow: 1px 1px 0.5rem var(--_btn-sd);
}
OC-BTN[shaded]:where([theme=prim]> [rep=wrap],
    [theme=error] >[rep=wrap],
    [theme=succ] >[rep=wrap],
    [theme=info] >[rep=wrap],
    [theme=issue] >[rep=wrap],
    [theme=warn] >[rep=wrap],
    [theme=text]) > [rep=wrap] {
  box-shadow: 0.5rem 0.5rem 2rem var(--_btn-sd);
}
OC-BTN[shaded]:where([theme=prim]) {
  --_btn-sd: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.4);
}
OC-BTN[shaded]:where([theme=error]) {
  --_btn-sd: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.4);
}
OC-BTN[shaded]:where([theme=succ]) {
  --_btn-sd: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.4);
}
OC-BTN[shaded]:where([theme=info]) {
  --_btn-sd: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.4);
}
OC-BTN[shaded]:where([theme=issue]) {
  --_btn-sd: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.4);
}
OC-BTN[shaded]:where([theme=warn]) {
  --_btn-sd: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.4);
}
OC-BTN[shaded]:where([theme=text]) {
  --_btn-sd: hsla(var(--_h-text), var(--_s-text), 20%, 0.4);
}
OC-BTN [rep=icon] {
  margin-inline-end: var(--_g);
}
OC-BTN [rep=tail] {
  margin-inline-start: var(--_g);
}
OC-BTN [rep=disk],
OC-BTN [rep=cube],
OC-BTN [rep=image] {
  height: var(--_rem-list);
  margin-inline-end: var(--_g);
}
OC-BTN OC-BADGE {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  transform: translate(calc(50% * var(--_dir-coef)), -50%);
}
OC-BTN:has([rep=label]:empty) [rep=icon] {
  margin-inline-end: 0;
}
OC-BTN:has([rep=label]:empty) [rep=tail] {
  margin-inline-start: 0;
}
OC-BTN [rep=expand],
OC-BTN [rep=more],
OC-BTN [rep=remove],
OC-BTN [rep=update] {
  font-family: var(--_ff-icon);
  margin-inline-end: calc(-1*var(--_btn-p-se) + 0.286em);
  margin-inline-start: var(--_btn-p-se);
}
OC-BTN [rep=expand]:hover:before,
OC-BTN [rep=more]:hover:before,
OC-BTN [rep=remove]:hover:before,
OC-BTN [rep=update]:hover:before {
  opacity: 1;
}
OC-BTN [rep=expand]:before,
OC-BTN [rep=more]:before,
OC-BTN [rep=remove]:before,
OC-BTN [rep=update]:before {
  display: inline-block;
  opacity: var(--_o-disabled);
  scale: 0.8;
  transition: all var(--_dur-2) linear;
}
OC-BTN [rep=expand]:before {
  content: 'down';
}
OC-BTN:where(._opened) [rep=expand]:before {
  rotate: 180deg;
}
OC-BTN [rep=more]:before {
  content: 'right';
}
OC-BTN [rep=remove]:before {
  content: 'close';
}
OC-BTN [rep=remove]:hover {
  color: var(--_c-error);
}
OC-BTN [rep=update]:before {
  content: 'refresh';
}
OC-BTN:where([check=ing]) {
  cursor: not-allowed;
  user-select: none;
  pointer-events: none;
}
OC-BTN:where([check=ing]) > [rep=wrap]:before {
  --_spin-bg: var(--_c-prim-sd);
  --_spin-c: var(--_c-prim);
  content: '';
  width: 1em;
  margin-inline-end: var(--_g);
  animation: _rotate360 1s linear infinite;
  background: transparent;
  box-sizing: border-box;
  border: 0.2rem solid var(--_spin-bg);
  border-block-end-color: var(--_spin-c);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: inline-flex;
}
OC-BTN:where([check=ed]) > [rep=wrap]:before {
  content: 'check-o-f';
  color: var(--_btn-c);
  font-family: var(--_ff-icon);
  width: em;
  margin-inline-end: var(--_g);
  display: inline-flex;
}
OC-BTN:where([check=ing]):has([rep=label]:empty) > [rep=wrap]:before,
OC-BTN:where([check=ed]):has([rep=label]:empty) > [rep=wrap]:before {
  margin-inline-end: 0;
}
OC-BTN:where([type=seal]) > [rep=wrap]:before {
  border-color: var(--_btn-sd);
  border-block-end-color: var(--_btn-c);
}
OC-BTN:where([check=ing]:not([type=seal], [type=plain])):where([theme=prim], [theme=succ], [theme=error], [theme=info], [theme=issue]) > [rep=wrap]:before {
  --_spin-bg: rgba(255, 255, 255, 0.2);
  --_spin-c: var(--_c-white);
}
OC-BTN:where([check=ing]:not([type=seal], [type=plain])):where([theme=warn]) > [rep=wrap]:before {
  --_spin-c: var(--_btn-c);
  --_spin-bg: hsl(var(--_h-text), var(--_s-text), 20%, 0.2);
}
OC-BTN:where([check=ed]:not([type=seal], [type=plain], [theme=prim], [theme=succ], [theme=error], [theme=info], [theme=warn], [theme=issue])) > [rep=wrap]:before {
  color: var(--_c-prim);
}
[dir=rtl] OC-BTN [rep=more]:before {
  content: 'left';
}
/*
 *Last modified: 2025-05-24 13:55:08
 */
/*rtl & ltr*/
[dir=rtl],
._rtl {
  --_dir-coef: -1;
}
._rtl,
._ltr {
  text-align: start;
}
._rtl {
  direction: rtl;
  unicode-bidi: bidi-override;
}
._ltr {
  direction: ltr;
  unicode-bidi: embed;
}
/*grid layout*/
._grid {
  --_lyt-avg: 1;
  --_lyt-group: 1;
  --_lyt-g-coef: 0;
  --_lyt-g: 0;
  box-sizing: border-box;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(var(--_lyt-avg), 1fr);
  grid-gap: calc(var(--_lyt-g) + var(--_rem-space)*var(--_lyt-g-coef));
  position: relative;
  z-index: 2;
  /* &._g-0 {
        --_lyt-g: 0;
    }
    &._g-1 {
        --_lyt-g: 1px;
    }
    &._g-2 {
        --_lyt-g: 2px;
    }
    &._g-3 {
        --_lyt-g: 3px;
    }
    &._g-xxs {
        --_lyt-g: var(--_g);
    }
    &._g-xs {
        --_lyt-g: calc(var(--_g)*2);
    }
    &._g,
    &._g-sm {
        --_lyt-g: var(--_p);
    }
    &._g-md {
        --_lyt-g: var(--_rem-list);
    }
    &._g-lg {
        --_lyt-g: var(--_rem-display);
    }
    &._g-xl {
        --_lyt-g: var(--_rem-input);
    }
    &._g-xxl {
        --_lyt-g: var(--_rem-max);
    } */
}
._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-inline-start: 1px solid var(--_c-text-bd);
  border-block-start: 1px solid var(--_c-text-bd);
}
._grid._fluid > * {
  border-inline-end: 1px solid var(--_c-text-bd);
  border-block-end: 1px solid var(--_c-text-bd);
}
._grid._ratio > *,
._grid._ratio-1x1 > * {
  aspect-ratio: 1/1;
}
._grid._ratio-2x1 > * {
  aspect-ratio: 2/1;
}
._grid._ratio-16x9 > * {
  aspect-ratio: 16/9;
}
._grid._ratio-16x10 > * {
  aspect-ratio: 16/10;
}
._grid._ratio-4x3 > * {
  aspect-ratio: 4/3;
}
._grid._ratio-5x4 > * {
  aspect-ratio: 5/4;
}
._grid._ratio-3x2 > * {
  aspect-ratio: 3/2;
}
._grid._ratio-21x9 > * {
  aspect-ratio: 21/9;
}
._grid._ratio-32x9 > * {
  aspect-ratio: 32/9;
}
._grid._ratio-2x3 > * {
  aspect-ratio: 2/3;
}
._grid._ratio-9x16 > * {
  aspect-ratio: 9/16;
}
._grid._ratio-1x2 > * {
  aspect-ratio: 1/2;
}
._grid > * > ._hide-clip {
  display: none;
}
/*Flex layout*/
._row,
._col {
  --_lyt-avg: 1;
  --_lyt-g-coef: 0;
  --_lyt-g: 0px;
  --_lyt-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]) > OC-BR,
._col:where([class*=_g]) > OC-BR,
._row:where([class*=_g]) > OC-BC,
._col:where([class*=_g]) > OC-BC {
  display: none;
}
._row > * > ._hide-clip,
._col > * > ._hide-clip,
._row > * > ._hide-clip,
._col > * > ._hide-clip {
  display: none;
}
._row:where(:has(>[class*=_flex])),
._col:where(:has(>[class*=_flex])) {
  gap: calc(var(--_lyt-g) + var(--_rem-space)*var(--_lyt-g-coef));
}
:where(._row) > [class*=_flex] {
  width: 0;
}
._row {
  flex-direction: row;
  width: 100%;
}
:where(._row[class*=_avg-]) > *:where(:not(:last-of-type)),
:where(._row) > *:where([class*=_own-]):where(:not(:last-of-type)) {
  margin-inline-end: var(--_lyt-g);
}
/* ._row:where(._g-0) {
    --_lyt-g: 0;
}
._row:where(._g-1) {
    --_lyt-g: 1px;
}
._row:where(._g-2) {
    --_lyt-g: 2px;
}
._row:where(._g-3) {
    --_lyt-g: 3px;
}
._row:where(._g-xxs) {
    --_lyt-g: var(--_g);
}
._row:where(._g-xs) {
    --_lyt-g: calc(var(--_g)*2);
}
._row:where(._g, ._g-sm) {
    --_lyt-g: var(--_rem-lead);
}
._row:where(._g-md) {
    --_lyt-g: var(--_rem-list);
}
._row:where(._g-lg) {
    --_lyt-g: var(--_rem-display);
}
._row:where(._g-xl) {
    --_lyt-g: var(--_rem-input);
}
._row:where(._g-xxl) {
    --_lyt-g: var(--_rem-max);
} */
:where(._col) > [class*=_flex] {
  height: 0;
}
._col {
  flex-direction: column;
  height: 100%;
}
:where(._col[class*=_avg-]) > *:where(:not(:last-of-type)),
:where(._col) > *:where([class*=_own-]):where(:not(:last-of-type)) {
  margin-block-end: var(--_lyt-g);
}
/* ._col:where(._g-0) {
    --_lyt-g: 0;
}
._col:where(._g-1) {
    --_lyt-g: 1px;
}
._col:where(._g-2) {
    --_lyt-g: 2px;
}
._col:where(._g-3) {
    --_lyt-g: 3px;
}
._col:where(._g-xxs) {
    --_lyt-g: var(--_g);
}
._col:where(._g-xs) {
    --_lyt-g: calc(var(--_g)*2);
}
._col:where(._g, ._g-sm) {
    --_lyt-g: var(--_rem-lead);
}
._col:where(._g-md) {
    --_lyt-g: var(--_rem-list);
}
._col:where(._g-lg) {
    --_lyt-g: var(--_rem-display);
}
._col:where(._g-xl) {
    --_lyt-g: var(--_rem-input);
}
._col:where(._g-xxl) {
    --_lyt-g: var(--_rem-max);
} */
[class*=_flex] {
  --_flex-grow: 1;
  --_flex-shrink: 1;
  --_flex-basis: auto;
  flex-grow: var(--_flex-grow);
  flex-shrink: var(--_flex-shrink);
  flex-basis: var(--_flex-basis);
  position: relative;
}
@-moz-document url-prefix() {
  [class*=_flex] {
    min-width: 0;
  }
}
._flex-none {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  --_flex-grow: 0;
  --_flex-shrink: 0;
}
._flex-0 {
  --_flex-grow: 0;
}
._flex,
._flex-1 {
  --_flex-grow: 1;
}
._flex-2 {
  --_flex-grow: 2;
}
._flex-3 {
  --_flex-grow: 3;
}
._flex-4 {
  --_flex-grow: 4;
}
._flex-5 {
  --_flex-grow: 5;
}
._flex-6 {
  --_flex-grow: 6;
}
._flex-7 {
  --_flex-grow: 7;
}
._flex-8 {
  --_flex-grow: 8;
}
._flex-9 {
  --_flex-grow: 9;
}
._flex-10 {
  --_flex-grow: 10;
}
._flex-11 {
  --_flex-grow: 11;
}
._flex-12 {
  --_flex-grow: 12;
}
._flex-13 {
  --_flex-grow: 13;
}
._flex-14 {
  --_flex-grow: 14;
}
._flex-15 {
  --_flex-grow: 15;
}
._flex-16 {
  --_flex-grow: 16;
}
._flex-17 {
  --_flex-grow: 17;
}
._flex-18 {
  --_flex-grow: 18;
}
._flex-19 {
  --_flex-grow: 19;
}
._flex-20 {
  --_flex-grow: 20;
}
._flex-21 {
  --_flex-grow: 21;
}
._flex-22 {
  --_flex-grow: 22;
}
._flex-23 {
  --_flex-grow: 23;
}
._flex-24 {
  --_flex-grow: 24;
}
[class*=_own-] {
  display: inline-flex;
  box-sizing: border-box;
  position: relative;
}
:where(._row) > [class*=_own-] {
  width: calc((100%/24)*var(--_flex-grow));
}
:where(._col) > [class*=_own-] {
  height: calc((100%/24)*var(--_flex-grow));
}
._own-0 {
  --_flex-grow: 0;
}
:where(:not([class*=_xxs-], [class*=_xs-], [class*=_sm-], [class*=_md-], [class*=_lg-], [class*=_xl-])) > ._own-0 {
  width: 0;
  height: 0;
  overflow: hidden;
}
._own-1 {
  --_flex-grow: 1;
}
._own-2 {
  --_flex-grow: 2;
}
._own-3 {
  --_flex-grow: 3;
}
._own-4 {
  --_flex-grow: 4;
}
._own-5 {
  --_flex-grow: 5;
}
._own-6 {
  --_flex-grow: 6;
}
._own-7 {
  --_flex-grow: 7;
}
._own-8 {
  --_flex-grow: 8;
}
._own-9 {
  --_flex-grow: 9;
}
._own-10 {
  --_flex-grow: 10;
}
._own-11 {
  --_flex-grow: 11;
}
._own-12 {
  --_flex-grow: 12;
}
._own-13 {
  --_flex-grow: 13;
}
._own-14 {
  --_flex-grow: 14;
}
._own-15 {
  --_flex-grow: 15;
}
._own-16 {
  --_flex-grow: 16;
}
._own-17 {
  --_flex-grow: 17;
}
._own-18 {
  --_flex-grow: 18;
}
._own-19 {
  --_flex-grow: 19;
}
._own-20 {
  --_flex-grow: 20;
}
._own-21 {
  --_flex-grow: 21;
}
._own-22 {
  --_flex-grow: 22;
}
._own-23 {
  --_flex-grow: 23;
}
._own,
._own-24 {
  --_flex-grow: 24;
}
:where([class*=_own-]) > [class*=_flex] {
  height: 0;
}
:where(._row[class*=_avg-]) > *,
:where(._col[class*=_avg-]) > * {
  display: inline-flex;
  box-sizing: border-box;
  position: relative;
}
:where(._row[class*=_avg-]) > * {
  width: calc(100%/var(--_lyt-avg));
}
:where(._col[class*=_avg-]) > * {
  height: calc(100%/var(--_lyt-avg));
}
._avg-1 {
  --_lyt-avg: 1;
}
._avg-2 {
  --_lyt-avg: 2;
}
._avg-3 {
  --_lyt-avg: 3;
}
._avg-4 {
  --_lyt-avg: 4;
}
._avg-5 {
  --_lyt-avg: 5;
}
._avg-6 {
  --_lyt-avg: 6;
}
._avg-7 {
  --_lyt-avg: 7;
}
._avg-8 {
  --_lyt-avg: 8;
}
._avg-9 {
  --_lyt-avg: 9;
}
._avg-10 {
  --_lyt-avg: 10;
}
._avg-11 {
  --_lyt-avg: 11;
}
._avg-12 {
  --_lyt-avg: 12;
}
._avg-13 {
  --_lyt-avg: 13;
}
._avg-14 {
  --_lyt-avg: 14;
}
._avg-15 {
  --_lyt-avg: 15;
}
._avg-16 {
  --_lyt-avg: 16;
}
._avg-17 {
  --_lyt-avg: 17;
}
._avg-18 {
  --_lyt-avg: 18;
}
._avg-19 {
  --_lyt-avg: 19;
}
._avg-20 {
  --_lyt-avg: 20;
}
._avg-21 {
  --_lyt-avg: 21;
}
._avg-22 {
  --_lyt-avg: 22;
}
._avg-23 {
  --_lyt-avg: 23;
}
._avg-24 {
  --_lyt-avg: 24;
}
[class*=_grid]:where(._g-0),
[class*=_row]:where(._g-0),
[class*=_col]:where(._g-0) {
  --_lyt-g: 0;
}
[class*=_grid]:where(._g-1),
[class*=_row]:where(._g-1),
[class*=_col]:where(._g-1) {
  --_lyt-g: 1px;
}
[class*=_grid]:where(._g-2),
[class*=_row]:where(._g-2),
[class*=_col]:where(._g-2) {
  --_lyt-g: 2px;
}
[class*=_grid]:where(._g-3),
[class*=_row]:where(._g-3),
[class*=_col]:where(._g-3) {
  --_lyt-g: 3px;
}
[class*=_grid]:where(._g-xxs),
[class*=_row]:where(._g-xxs),
[class*=_col]:where(._g-xxs) {
  --_lyt-g: var(--_rem-min);
}
[class*=_grid]:where(._g-xs),
[class*=_row]:where(._g-xs),
[class*=_col]:where(._g-xs) {
  --_lyt-g: var(--_rem-space);
}
[class*=_grid]:where(._g, ._g-sm),
[class*=_row]:where(._g, ._g-sm),
[class*=_col]:where(._g, ._g-sm) {
  --_lyt-g: var(--_rem-body);
}
[class*=_grid]:where(._g-md, ._g-lg, ._g-xl, ._g-xxl),
[class*=_row]:where(._g-md, ._g-lg, ._g-xl, ._g-xxl),
[class*=_col]:where(._g-md, ._g-lg, ._g-xl, ._g-xxl) {
  --_lyt-g: var(--_rem-lead);
}
[class*=_grid]:where(._g-md),
[class*=_row]:where(._g-md),
[class*=_col]:where(._g-md) {
  --_lyt-g-coef: 0.5;
}
[class*=_grid]:where(._g-lg),
[class*=_row]:where(._g-lg),
[class*=_col]:where(._g-lg) {
  --_lyt-g-coef: 1;
}
[class*=_grid]:where(._g-xl),
[class*=_row]:where(._g-xl),
[class*=_col]:where(._g-xl) {
  --_lyt-g-coef: 1.5;
}
[class*=_grid]:where(._g-xxl),
[class*=_row]:where(._g-xxl),
[class*=_col]:where(._g-xxl) {
  --_lyt-g-coef: 2;
}
/*Color*/
._c,
[class*=_c-] {
  --_c: var(--_c-prim);
  color: var(--_c);
}
._c-prim {
  --_c: var(--_c-prim);
}
._c-error {
  --_c: var(--_c-error);
}
._c-succ {
  --_c: var(--_c-succ);
}
._c-info {
  --_c: var(--_c-info);
}
._c-warn {
  --_c: var(--_c-warn);
}
._c-issue {
  --_c: var(--_c-issue);
}
._c-text {
  --_c: var(--_c-text);
}
._c-brief {
  --_c: var(--_c-brief);
}
._c-caption {
  --_c: var(--_c-caption);
}
._c-disable {
  --_c: var(--_c-disable);
}
._c-stage {
  --_c: var(--_c-stage);
}
._c-white {
  --_c: var(--_c-white);
}
._c-mask {
  --_c: var(--_c-mask);
}
._c-black {
  --_c: var(--_c-black);
}
/*Background*/
._bg,
[class*=_bg-] {
  --_bg: var(--_c-stage);
  background-color: var(--_bg);
}
._bg-prim {
  --_bg: var(--_c-prim);
}
._bg-prim-lt {
  --_bg: var(--_c-prim-bg);
}
._bg-succ {
  --_bg: var(--_c-succ);
}
._bg-succ-lt {
  --_bg: var(--_c-succ-bg);
}
._bg-error {
  --_bg: var(--_c-error);
}
._bg-error-lt {
  --_bg: var(--_c-error-bg);
}
._bg-warn {
  --_bg: var(--_c-warn);
}
._bg-warn-lt {
  --_bg: var(--_c-warn-bg);
}
._bg-info {
  --_bg: var(--_c-info);
}
._bg-info-lt {
  --_bg: var(--_c-info-bg);
}
._bg-issue {
  --_bg: var(--_c-issue);
}
._bg-issue-lt {
  --_bg: var(--_c-issue-bg);
}
._bg-text {
  --_bg: var(--_c-text);
}
._bg-text-lt {
  --_bg: var(--_c-text-bg);
}
._bg-brief {
  --_bg: var(--_c-brief);
}
._bg-brief-lt {
  --_bg: var(--_c-brief-bg);
}
._bg-caption {
  --_bg: var(--_c-caption);
}
._bg-caption-lt {
  --_bg: var(--_c-caption-bg);
}
._bg-disable {
  --_bg: var(--_c-disable);
}
._bg-disable-lt {
  --_bg: var(--_c-disable-bg);
}
._bg-stage {
  --_bg: var(--_c-stage);
}
._bg-mask {
  --_bg: var(--_c-mask);
}
._bg-white {
  --_bg: var(--_c-white);
}
._bg-black {
  --_bg: var(--_c-black);
}
/*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 {
  --_sd: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem var(--_sd);
}
._sd-bd {
  --_sd: var(--_c-text-bd);
  --_sd-refer: rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 var(--_sd), -1px 0 0 var(--_sd), 0 1px 0 var(--_sd), 0 -1px 0 var(--_sd), 0 0.2rem 0.6rem var(--_sd-refer);
}
._sd-lt {
  --_sd: rgba(0, 0, 0, 0.06);
  box-shadow: 1px 1px 0.5rem var(--_sd);
}
._sd-dk {
  --_sd: rgba(0, 0, 0, 0.12);
  box-shadow: 0 0.2rem 1rem var(--_sd);
}
._sd-pm {
  --_sd: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 2rem var(--_sd);
}
._sd-pt {
  --_sd: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0.1rem 0.3rem var(--_sd);
}
._sd-prim {
  --_sd: var(--_c-prim-sd);
  box-shadow: 1px 2px 1rem var(--_sd);
}
._sd-error {
  --_sd: var(--_c-error-sd);
  box-shadow: 1px 2px 1rem var(--_sd);
}
._sd-succ {
  --_sd: var(--_c-succ-sd);
  box-shadow: 1px 2px 1rem var(--_sd);
}
._sd-info {
  --_sd: var(--_c-info-sd);
  box-shadow: 1px 2px 1rem var(--_sd);
}
._sd-warn {
  --_sd: var(--_c-warn-sd);
  box-shadow: 1px 2px 1rem var(--_sd);
}
._sd-issue {
  --_sd: var(--_c-issue-sd);
  box-shadow: 1px 2px 1rem var(--_sd);
}
/*Padding*/
._p,
[class*=_p-] {
  --_p-sz: var(--_rem-body);
  --_p-s: var(--_p-sz);
  --_p-e: var(--_p-sz);
  --_p-t: var(--_p-sz);
  --_p-b: var(--_p-sz);
  --_p-coef: 0;
  padding-inline-start: calc(var(--_p-s) + var(--_rem-space)*var(--_p-coef));
  padding-inline-end: calc(var(--_p-e) + var(--_rem-space)*var(--_p-coef));
  padding-block-start: calc(var(--_p-t) + var(--_rem-space)*var(--_p-coef));
  padding-block-end: calc(var(--_p-b) + var(--_rem-space)*var(--_p-coef));
}
._p,
._p-s,
._p-e,
._p-t,
._p-b,
._p-se,
._p-tb {
  --_p-sz: var(--_rem-body);
}
._p-s {
  --_p-e: 0;
  --_p-t: 0;
  --_p-b: 0;
}
._p-e {
  --_p-s: 0;
  --_p-t: 0;
  --_p-b: 0;
}
._p-t {
  --_p-s: 0;
  --_p-e: 0;
  --_p-b: 0;
}
._p-b {
  --_p-s: 0;
  --_p-e: 0;
  --_p-t: 0;
}
._p-se {
  --_p-t: 0;
  --_p-b: 0;
}
._p-tb {
  --_p-s: 0;
  --_p-e: 0;
}
._p-0 {
  --_p-sz: 0;
}
._p-1 {
  --_p-sz: calc(var(--_rem-body)*1);
}
._p-2 {
  --_p-sz: calc(var(--_rem-body)*2);
}
._p-3 {
  --_p-sz: calc(var(--_rem-body)*3);
}
._p-4 {
  --_p-sz: calc(var(--_rem-body)*4);
}
._p-5 {
  --_p-sz: calc(var(--_rem-body)*5);
}
._p-6 {
  --_p-sz: calc(var(--_rem-body)*6);
}
._p-7 {
  --_p-sz: calc(var(--_rem-body)*7);
}
._p-8 {
  --_p-sz: calc(var(--_rem-body)*8);
}
._p-9 {
  --_p-sz: calc(var(--_rem-body)*9);
}
._p-10 {
  --_p-sz: calc(var(--_rem-body)*10);
}
._p-xxs {
  --_p-sz: var(--_rem-min);
}
._p-xs {
  --_p-sz: var(--_rem-space);
}
._p-sm {
  --_p-sz: var(--_rem-body);
}
._p-md,
._p-lg,
._p-xl,
._p-xxl {
  --_p-sz: var(--_rem-lead);
}
._p-md {
  --_p-coef: 0.5;
}
._p-lg {
  --_p-coef: 1;
}
._p-xl {
  --_p-coef: 1.5;
}
._p-xxl {
  --_p-coef: 2;
}
/*Margin*/
._m,
[class*=_m-] {
  --_m-sz: var(--_rem-body);
  --_m-s: var(--_m-sz);
  --_m-e: var(--_m-sz);
  --_m-t: var(--_m-sz);
  --_m-b: var(--_m-sz);
  --_m-coef: 0;
  margin-inline-start: calc(var(--_m-s) + var(--_rem-space)*var(--_m-coef));
  margin-inline-end: calc(var(--_m-e) + var(--_rem-space)*var(--_m-coef));
  margin-block-start: calc(var(--_m-t) + var(--_rem-space)*var(--_m-coef));
  margin-block-end: calc(var(--_m-b) + var(--_rem-space)*var(--_m-coef));
}
._m,
._m-s,
._m-e,
._m-t,
._m-b,
._m-se,
._m-tb {
  --_m-sz: var(--_rem-body);
}
._m-s {
  --_m-e: 0;
  --_m-t: 0;
  --_m-b: 0;
}
._m-e {
  --_m-s: 0;
  --_m-t: 0;
  --_m-b: 0;
}
._m-t {
  --_m-s: 0;
  --_m-e: 0;
  --_m-b: 0;
}
._m-b {
  --_m-s: 0;
  --_m-e: 0;
  --_m-t: 0;
}
._m-se {
  --_m-t: 0;
  --_m-b: 0;
}
._m-tb {
  --_m-s: 0;
  --_m-e: 0;
}
._m-0 {
  --_m-sz: 0;
}
._m-1 {
  --_m-sz: calc(var(--_rem-body)*1);
}
._m-2 {
  --_m-sz: calc(var(--_rem-body)*2);
}
._m-3 {
  --_m-sz: calc(var(--_rem-body)*3);
}
._m-4 {
  --_m-sz: calc(var(--_rem-body)*4);
}
._m-5 {
  --_m-sz: calc(var(--_rem-body)*5);
}
._m-6 {
  --_m-sz: calc(var(--_rem-body)*6);
}
._m-7 {
  --_m-sz: calc(var(--_rem-body)*7);
}
._m-8 {
  --_m-sz: calc(var(--_rem-body)*8);
}
._m-9 {
  --_m-sz: calc(var(--_rem-body)*9);
}
._m-10 {
  --_m-sz: calc(var(--_rem-body)*10);
}
._m-xxs {
  --_m-sz: var(--_rem-min);
}
._m-xs {
  --_m-sz: var(--_rem-space);
}
._m-sm {
  --_m-sz: var(--_rem-body);
}
._m-md,
._m-lg,
._m-xl,
._m-xxl {
  --_m-sz: var(--_rem-lead);
}
._m-md {
  --_m-coef: 0.5;
}
._m-lg {
  --_m-coef: 1;
}
._m-xl {
  --_m-coef: 1.5;
}
._m-xxl {
  --_m-coef: 2;
}
/*Radius*/
._r,
[class*=_r-] {
  --_r-sz: var(--_r);
  border-radius: var(--_r-sz);
}
._r-0 {
  --_r-sz: 0;
}
._r-1 {
  --_r-sz: var(--_r);
}
._r-2 {
  --_r-sz: calc(var(--_r)*2);
}
._r-3 {
  --_r-sz: calc(var(--_r)*3);
}
._r-4 {
  --_r-sz: calc(var(--_r)*4);
}
._r-5 {
  --_r-sz: calc(var(--_r)*5);
}
._r-6 {
  --_r-sz: calc(var(--_r)*6);
}
._r-7 {
  --_r-sz: calc(var(--_r)*7);
}
._r-8 {
  --_r-sz: calc(var(--_r)*8);
}
._r-9 {
  --_r-sz: calc(var(--_r)*9);
}
._r-10 {
  --_r-sz: calc(var(--_r)*10);
}
._r-xxs {
  --_r-sz: var(--_rem-min);
}
._r-xs {
  --_r-sz: var(--_rem-space);
}
._r-sm {
  --_r-sz: var(--_rem-body);
}
._r-md {
  --_r-sz: var(--_rem-list);
}
._r-lg {
  --_r-sz: var(--_rem-display);
}
._r-xl {
  --_r-sz: var(--_rem-input);
}
._r-xxl {
  --_r-sz: var(--_rem-max);
}
._r-s {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
._r-e {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
._r-t {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
._r-b {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
._r-input,
._r-input-md {
  --_r-sz: var(--_r-input);
}
._r-input-sm {
  --_r-sz: var(--_r-input-sm);
}
._r-input-lg {
  --_r-sz: var(--_r-input-lg);
}
._r-bubble {
  --_r-sz: var(--_r-bubble);
}
._r-full {
  --_r-sz: var(--_r-full);
}
/*Border*/
._bd,
[class*=_bd-] {
  --_bw: 1px;
  --_bc: var(--_c-text-bd);
  --_bs: solid;
  border: var(--_bw) var(--_bs) var(--_bc);
}
._bd-s {
  border-inline-end-width: 0;
  border-block-start-width: 0;
  border-block-end-width: 0;
}
._bd-e {
  border-inline-start-width: 0;
  border-block-start-width: 0;
  border-block-end-width: 0;
}
._bd-t {
  border-inline-end-width: 0;
  border-inline-start-width: 0;
  border-block-end-width: 0;
}
._bd-b {
  border-inline-end-width: 0;
  border-block-start-width: 0;
  border-inline-start-width: 0;
}
._bd-se {
  border-block-start-width: 0;
  border-block-end-width: 0;
}
._bd-tb {
  border-inline-end-width: 0;
  border-inline-start-width: 0;
}
._bd-0 {
  --_bw: 0;
}
._bd-1 {
  --_bw: 1px;
}
._bd-2 {
  --_bw: 2px;
}
._bd-3 {
  --_bw: 3px;
}
._bd-4 {
  --_bw: 4px;
}
._bd-5 {
  --_bw: 5px;
}
._bd-6 {
  --_bw: 6px;
}
._bd-7 {
  --_bw: 7px;
}
._bd-8 {
  --_bw: 8px;
}
._bd-9 {
  --_bw: 9px;
}
._bd-10 {
  --_bw: 10px;
}
._bd-prim {
  --_bc: var(--_c-prim);
}
._bd-error {
  --_bc: var(--_c-error);
}
._bd-succ {
  --_bc: var(--_c-succ);
}
._bd-issue {
  --_bc: var(--_c-issue);
}
._bd-warn {
  --_bc: var(--_c-warn);
}
._bd-info {
  --_bc: var(--_c-info);
}
._bd-text {
  --_bc: var(--_c-text);
}
._bd-brief {
  --_bc: var(--_c-brief);
}
._bd-caption {
  --_bc: var(--_c-caption);
}
._bd-prim-lt {
  --_bc: var(--_c-prim-bd);
}
._bd-error-lt {
  --_bc: var(--_c-error-bd);
}
._bd-succ-lt {
  --_bc: var(--_c-succ-bd);
}
._bd-issue-lt {
  --_bc: var(--_c-issue-bd);
}
._bd-warn-lt {
  --_bc: var(--_c-warn-bd);
}
._bd-info-lt {
  --_bc: var(--_c-info-bd);
}
._bd-text-lt {
  --_bc: var(--_c-text-bd);
}
._bd-brief-lt {
  --_bc: var(--_c-brief-bd);
}
._bd-caption-lt {
  --_bc: var(--_c-caption-bd);
}
._bd-solid {
  --_bs: solid;
}
._bd-dashed {
  --_bs: dashed;
}
._bd-dotted {
  --_bs: dotted;
}
/*Break row*/
OC-BR {
  --_br-h: var(--_rem-body);
  --_br-coef: 0;
  width: 100%;
  height: calc(var(--_br-h) + var(--_rem-space)*var(--_br-coef));
  display: block;
  overflow: hidden;
}
OC-BR[size="0"] {
  --_br-h: 0;
}
OC-BR[size=xxs] {
  --_br-h: var(--_rem-min);
}
OC-BR[size=xs] {
  --_br-h: var(--_rem-space);
}
OC-BR[size=sm] {
  --_br-h: var(--_rem-body);
}
OC-BR[size=sm],
OC-BR[size=md],
OC-BR[size=lg],
OC-BR[size=xl],
OC-BR[size=xxl] {
  --_br-h: var(--_rem-lead);
}
OC-BR[size=md] {
  --_br-coef: 0.5;
}
OC-BR[size=lg] {
  --_br-coef: 1;
}
OC-BR[size=xl] {
  --_br-coef: 1.5;
}
OC-BR[size=xxl] {
  --_br-coef: 2;
}
/*Break column*/
OC-BC {
  --_bc-w: var(--_rem-body);
  --_bc-coef: 0;
  width: calc(var(--_bc-w) + var(--_rem-space)*var(--_bc-coef));
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}
OC-BC[size="0"] {
  --_bc-w: 0;
}
OC-BC[size=xxs] {
  --_bc-w: var(--_rem-min);
}
OC-BC[size=xs] {
  --_bc-w: var(--_rem-space);
}
OC-BC[size=sm] {
  --_bc-w: var(--_rem-body);
}
OC-BC[size=md],
OC-BC[size=lg],
OC-BC[size=xl],
OC-BC[size=xxl] {
  --_bc-w: var(--_rem-lead);
}
OC-BC[size=md] {
  --_bc-coef: 0.5;
}
OC-BC[size=lg] {
  --_bc-coef: 1;
}
OC-BC[size=xl] {
  --_bc-coef: 1.5;
}
OC-BC[size=xxl] {
  --_bc-coef: 2;
}
/*Divider*/
OC-DIVIDER {
  --_div-fs: var(--_rem-lead);
  --_div-g: 0;
  --_div-g-coef: 0;
  display: block;
  margin-inline-start: auto;
  margin-inline-end: auto;
}
OC-DIVIDER [rep=wrap] {
  display: flex;
  align-items: center;
}
OC-DIVIDER [rep=start],
OC-DIVIDER [rep=end] {
  height: 1px;
  background-color: var(--_c-text-bd);
  flex: auto;
}
OC-DIVIDER [rep=label] {
  margin: auto var(--_m);
}
OC-DIVIDER[break],
OC-DIVIDER[size] {
  margin-block-start: calc(var(--_div-g) + var(--_rem-space)*var(--_div-g-coef));
  margin-block-end: calc(var(--_div-g) + var(--_rem-space)*var(--_div-g-coef));
}
OC-DIVIDER[break=xxs] {
  --_div-g: var(--_rem-min);
}
OC-DIVIDER[break=xs] {
  --_div-g: var(--_rem-space);
}
OC-DIVIDER[break=sm] {
  --_div-g: var(--_rem-body);
}
OC-DIVIDER[break=md],
OC-DIVIDER[break=lg],
OC-DIVIDER[break=xl],
OC-DIVIDER[break=xxl] {
  --_div-g: var(--_rem-lead);
}
OC-DIVIDER[break=md] {
  --_div-g-coef: 0.5;
}
OC-DIVIDER[break=lg] {
  --_div-g-coef: 1;
}
OC-DIVIDER[break=xl] {
  --_div-g-coef: 1.5;
}
OC-DIVIDER[break=xxl] {
  --_div-g-coef: 2;
}
OC-DIVIDER[fs] [rep=label],
OC-DIVIDER[size] [rep=label] {
  font-size: var(--_div-fs);
}
OC-DIVIDER[fs=sm] {
  --_div-fs: var(--_fs-body);
}
OC-DIVIDER[fs=md] {
  --_div-fs: var(--_fs-lead);
}
OC-DIVIDER[fs=lg] {
  --_div-fs: var(--_fs-subtitle);
}
OC-DIVIDER[size=sm] {
  --_div-fs: var(--_rem-body);
  --_div-g: var(--_rem-body);
}
OC-DIVIDER[size=md] {
  --_div-fs: var(--_rem-lead);
  --_div-g: var(--_rem-lead);
  --_div-g-coef: 1;
}
OC-DIVIDER[size=lg] {
  --_div-fs: var(--_rem-subtitle);
  --_div-g: var(--_rem-lead);
  --_div-g-coef: 2;
}
/*Display*/
._d-none {
  display: none;
}
._d-flow {
  display: flow-root;
}
._d-inline {
  display: inline;
}
._d-grid {
  display: grid;
}
._d-flex {
  display: flex;
}
._d-block {
  display: block;
}
._d-ingrid {
  display: inline-grid;
}
._d-inflex {
  display: inline-flex;
}
._d-inblock {
  display: inline-block;
}
._d-show {
  visibility: visible;
  position: relative;
  pointer-events: auto;
}
._d-hide {
  visibility: hidden;
  position: absolute;
  pointer-events: none;
}
._d-full {
  width: 100%;
  box-sizing: border-box;
}
/*Width*/
[class*=_w-] {
  box-sizing: border-box;
}
._w-0 {
  width: 0px;
}
._w-1 {
  width: calc(var(--_rem-input)*1);
}
._w-2 {
  width: calc(var(--_rem-input)*2);
}
._w-3 {
  width: calc(var(--_rem-input)*3);
}
._w-4 {
  width: calc(var(--_rem-input)*4);
}
._w-5 {
  width: calc(var(--_rem-input)*5);
}
._w-6 {
  width: calc(var(--_rem-input)*6);
}
._w-7 {
  width: calc(var(--_rem-input)*7);
}
._w-8 {
  width: calc(var(--_rem-input)*8);
}
._w-9 {
  width: calc(var(--_rem-input)*9);
}
._w-10 {
  width: calc(var(--_rem-input)*10);
}
._w-neat {
  width: var(--_w-input);
}
._w-half {
  width: 50%;
}
._w-full {
  width: 100%;
}
._w-auto {
  width: auto;
}
._w-iso {
  aspect-ratio: 1/1;
}
/*Height*/
[class*=_h-] {
  box-sizing: border-box;
}
._h-0 {
  height: 0px;
}
._h-1 {
  height: calc(var(--_rem-input)*1);
}
._h-2 {
  height: calc(var(--_rem-input)*2);
}
._h-3 {
  height: calc(var(--_rem-input)*3);
}
._h-4 {
  height: calc(var(--_rem-input)*4);
}
._h-5 {
  height: calc(var(--_rem-input)*5);
}
._h-6 {
  height: calc(var(--_rem-input)*6);
}
._h-7 {
  height: calc(var(--_rem-input)*7);
}
._h-8 {
  height: calc(var(--_rem-input)*8);
}
._h-9 {
  height: calc(var(--_rem-input)*9);
}
._h-10 {
  height: calc(var(--_rem-input)*10);
}
._h-neat {
  height: var(--_rem-input);
}
._h-half {
  height: 50%;
}
._h-full {
  height: 100%;
}
._h-auto {
  height: auto;
}
._h-iso {
  aspect-ratio: 1/1;
}
/*Align*/
._a-s {
  text-align: start;
}
._a-c {
  text-align: center;
}
._a-e {
  text-align: end;
}
._a-st,
._a-ct,
._a-et,
._a-sc,
._a-cc,
._a-ec,
._a-sb,
._a-cb,
._a-eb {
  display: flex;
}
._a-st,
._a-ct,
._a-et {
  align-items: flex-start;
}
._a-st {
  justify-content: flex-start;
}
._a-ct {
  justify-content: center;
}
._a-et {
  justify-content: flex-end;
}
._a-sc,
._a-cc,
._a-ec {
  align-items: center;
}
._a-sc {
  justify-content: flex-start;
}
._a-cc {
  justify-content: center;
}
._a-ec {
  justify-content: flex-end;
}
._a-sb,
._a-cb,
._a-eb {
  align-items: flex-end;
}
._a-sb {
  justify-content: flex-start;
}
._a-cb {
  justify-content: center;
}
._a-eb {
  justify-content: flex-end;
}
/*Text*/
._fs-caption {
  font-size: var(--_fs-caption);
}
._fs-body {
  font-size: var(--_fs-body);
}
._fs-lead {
  font-size: var(--_fs-lead);
}
._fs-subtitle {
  font-size: var(--_fs-subtitle);
}
._fs-title {
  font-size: var(--_fs-title);
}
._fs-display {
  font-size: var(--_fs-display);
}
._fs-huge {
  font-size: var(--_fs-huge);
}
._fs-h1 {
  font-size: var(--_fs-h1);
}
._fs-h2 {
  font-size: var(--_fs-h2);
}
._fs-h3 {
  font-size: var(--_fs-h3);
}
._fs-h4 {
  font-size: var(--_fs-h4);
}
._fs-h5 {
  font-size: var(--_fs-h5);
}
._fs-h6 {
  font-size: var(--_fs-h6);
}
._lh-caption {
  line-height: var(--_lh-caption);
}
._lh-body {
  line-height: var(--_lh-body);
}
._fs-lead {
  line-height: var(--_lh-lead);
}
._lh-subtitle {
  line-height: var(--_lh-subtitle);
}
._lh-title {
  line-height: var(--_lh-title);
}
._lh-display {
  line-height: var(--_lh-display);
}
._lh-huge {
  line-height: var(--_lh-huge);
}
._lh-h1 {
  line-height: var(--_lh-h1);
}
._lh-h2 {
  line-height: var(--_lh-h2);
}
._lh-h3 {
  line-height: var(--_lh-h3);
}
._lh-h4 {
  line-height: var(--_lh-h4);
}
._lh-h5 {
  line-height: var(--_lh-h5);
}
._lh-h6 {
  line-height: var(--_lh-h6);
}
._ff-body {
  font-family: var(--_ff-body);
}
._ff-icon {
  font-family: var(--_ff-icon);
}
._ff-alt {
  font-family: var(--_ff-alt);
}
._ff-code {
  font-family: var(--_ff-code);
}
._fw-normal {
  font-weight: normal;
}
._fw-bold {
  font-weight: bold;
}
._fw-bolder {
  font-weight: bolder;
}
._fw-lighter {
  font-weight: lighter;
}
._fw-100 {
  font-weight: 100;
}
._fw-200 {
  font-weight: 200;
}
._fw-300 {
  font-weight: 300;
}
._fw-400 {
  font-weight: 400;
}
._fw-500 {
  font-weight: 500;
}
._fw-600 {
  font-weight: 600;
}
._fw-700 {
  font-weight: 700;
}
._fw-800 {
  font-weight: 800;
}
._fw-900 {
  font-weight: 900;
}
._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 inline-end;
}
._t-upc {
  text-transform: uppercase;
}
._t-lwc {
  text-transform: lowercase;
}
._t-cap {
  text-transform: capitalize;
}
._t-br {
  display: inline-block;
  font-size: max(var(--_px-caption),0.5em);
  line-height: 1.2em;
  vertical-align: middle;
  text-align: justify;
  text-align-last: justify;
}
[class*=_t-diffuse] {
  --_df-g: 1.4em;
  text-align: center;
  letter-spacing: var(--_df-g);
  margin-right: calc(-1*var(--_df-g));
}
._t-diffuse-xxs {
  --_df-g: 0.6em;
}
._t-diffuse-xs {
  --_df-g: 0.8em;
}
._t-diffuse-sm {
  --_df-g: 1em;
}
._t-diffuse-md {
  --_df-g: 1.4em;
}
._t-diffuse-lg {
  --_df-g: 1.8em;
}
._t-diffuse-xl {
  --_df-g: 2.4em;
}
._t-diffuse-xxl {
  --_df-g: 2.8em;
}
[class*=_t-blank] {
  --_bk-g: 1.4em;
  word-spacing: var(--_bk-g);
}
._t-blank-xxs {
  --_bk-g: 0.6em;
}
._t-blank-xs {
  --_bk-g: 0.8em;
}
._t-blank-sm {
  --_bk-g: 1em;
}
._t-blank-md {
  --_bk-g: 1.4em;
}
._t-blank-lg {
  --_bk-g: 1.8em;
}
._t-blank-xl {
  --_bk-g: 2.4em;
}
._t-blank-xxl {
  --_bk-g: 2.8em;
}
._t-huge {
  font-size: var(--_fs-huge);
  line-height: var(--_lh-huge);
}
._t-display {
  font-size: var(--_fs-dispay);
  line-height: var(--_lh-dispay);
}
._t-title {
  font-size: var(--_fs-title);
  line-height: var(--_lh-title);
}
._t-subtitle {
  font-size: var(--_fs-subtitle);
  line-height: var(--_lh-subtitle);
}
._t-lead {
  font-size: var(--_fs-lead);
  line-height: var(--_lh-lead);
}
._t-body {
  font-size: var(--_fs-body);
  line-height: var(--_lh-body);
}
._t-caption {
  font-size: var(--_fs-caption);
  line-height: var(--_lh-caption);
}
[unselectable] {
  user-select: none;
}
/*State*/
[disabled]:where(:not(input, select, textarea)) {
  pointer-events: none;
}
[inert] {
  user-select: none;
  pointer-events: none;
}
[dedicated] {
  overscroll-behavior: contain;
}
[hyphenated] {
  overflow-wrap: break-word;
  hyphens: auto;
}
/*Spin style*/
[class*=_spin-] {
  --_spin-c: var(--_c-prim);
  --_spin-bg: var(--_c-prim-sd);
}
[class*=_spin-]:before {
  content: '';
  animation: _rotate360 1s linear infinite;
  background: transparent;
  box-sizing: border-box;
  border: 0.2rem solid var(--_spin-bg);
  border-block-end-color: var(--_spin-c);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: inline-flex;
}
[class*=_spin-block],
[class*=_spin-flex] {
  min-height: calc(var(--_rem-display)*3);
}
[class*=_spin-block]:before,
[class*=_spin-flex]:before {
  content: '';
  width: var(--_rem-display);
  animation: _rotate360 1s linear infinite;
  background: transparent;
  box-sizing: border-box;
  border: 0.2rem solid var(--_spin-bg);
  border-block-end-color: var(--_spin-c);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: inline-flex;
}
[class*=_spin-block] {
  display: block;
  position: relative;
}
[class*=_spin-block]:before {
  position: absolute;
  inset-inline-start: 50%;
  inset-block-start: 50%;
  margin-inline-start: calc(var(--_rem-display)/-2);
  margin-block-start: calc(var(--_rem-display)/-2);
}
[class*=_spin-flex] {
  display: flex;
  justify-content: center;
  align-items: center;
}
[class*=_spin-inline] {
  min-width: var(--_rem-list);
  min-height: var(--_rem-list);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
[class*=_spin-inline]:before {
  content: '';
  width: 1em;
  animation: _rotate360 1s linear infinite;
  background: transparent;
  box-sizing: border-box;
  border: 0.2rem solid var(--_spin-bg);
  border-block-end-color: var(--_spin-c);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: inline-flex;
}
._spin-block-dk:before,
._spin-flex-dk:before,
._spin-inline-dk:before {
  --_spin-bg: rgba(255, 255, 255, 0.2);
  --_spin-c: var(--_c-white);
}
[rep=disk],
[rep=cube],
[rep=image] {
  --_leg-c: var(--_c-caption);
  --_leg-bg: transparent;
  color: var(--_leg-c);
  background-color: var(--_leg-bg);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  transition: all var(--_dur-2) linear;
  position: relative;
  /*   &:empty{
        visibility: hidden;
        position: fixed;
        pointer-events: none;
    } */
}
[rep=disk] img,
[rep=cube] img,
[rep=image] img {
  width: inherit;
  height: inherit;
  border-radius: inherit;
  object-fit: cover;
  transition: all var(--_dur-2) linear;
}
[rep=disk] img[src=""],
[rep=cube] img[src=""],
[rep=image] img[src=""] {
  display: none;
}
[rep=disk]:has(img[src=""]):before,
[rep=cube]:has(img[src=""]):before,
[rep=image]:has(img[src=""]):before {
  content: "issue";
  font-family: var(--_ff-icon);
}
[rep=image]:has(img[src=""]) {
  padding: var(--_rem-space);
}
img[rep=disk],
img[rep=cube],
img[rep=image] {
  object-fit: cover;
}
[rep=disk],
[rep=cube] {
  aspect-ratio: 1/1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
[rep=disk] {
  border-radius: 100%;
}
[rep=cube] {
  border-radius: var(--_r);
}
[rep=poster] {
  --_poster-ar: 4/3;
  --_poster-fs: var(--_rem-display);
  --_poster-c: var(--_c-caption);
  --_poster-bg: var(--_c-text-bg);
  --_poster-r: var(--_r-input);
  --_poster-d: inline-flex;
  aspect-ratio: var(--_poster-ar);
  overflow: hidden;
  border-radius: var(--_poster-r);
  background-color: var(--_poster-bg);
  display: var(--_poster-d);
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}
[rep=poster] > OC-BADGE,
[rep=poster] > OC-BUOY {
  position: absolute;
  inset-inline-start: var(--_rem-space);
  inset-block-start: var(--_rem-space);
}
[rep=poster] > img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  transition: all var(--_dur-2) linear;
}
[rep=poster] > img[src=""] {
  display: none;
}
[rep=poster]:has(>img[src=""]):before {
  color: var(--_poster-c);
  content: "issue";
  font-family: var(--_ff-icon);
  font-size: var(--_poster-fs);
}
._char {
  font-size: var(--_rem-subtitle);
}
._o,
._o-0 {
  opacity: 0;
}
._o-4 {
  opacity: 0.04;
}
._o-8 {
  opacity: 0.08;
}
._o-12 {
  opacity: 0.12;
}
._o-16 {
  opacity: 0.16;
}
._o-20 {
  opacity: 0.2;
}
._o-24 {
  opacity: 0.24;
}
._o-28 {
  opacity: 0.28;
}
._o-32 {
  opacity: 0.32;
}
._o-36 {
  opacity: 0.36;
}
._o-40 {
  opacity: 0.4;
}
._o-44 {
  opacity: 0.44;
}
._o-48 {
  opacity: 0.48;
}
._o-52 {
  opacity: 0.52;
}
._o-56 {
  opacity: 0.56;
}
._o-60 {
  opacity: 0.6;
}
._o-64 {
  opacity: 0.64;
}
._o-68 {
  opacity: 0.68;
}
._o-72 {
  opacity: 0.72;
}
._o-76 {
  opacity: 0.76;
}
._o-80 {
  opacity: 0.8;
}
._o-84 {
  opacity: 0.84;
}
._o-88 {
  opacity: 0.88;
}
._o-92 {
  opacity: 0.92;
}
._o-96 {
  opacity: 0.96;
}
._o-100 {
  opacity: 1;
}
._o-active {
  opacity: var(--_o-active);
}
._o-disabled {
  opacity: var(--_o-disabled);
}
._o-mask {
  opacity: var(--_o-mask);
}
._o-stage {
  opacity: var(--_o-stage);
}
._ar,
._ar-1x1 {
  aspect-ratio: 1/1;
}
._ar-2x1 {
  aspect-ratio: 2/1;
}
._ar-16x9 {
  aspect-ratio: 16/9;
}
._ar-16x10 {
  aspect-ratio: 16/10;
}
._ar-4x3 {
  aspect-ratio: 4/3;
}
._ar-5x4 {
  aspect-ratio: 5/4;
}
._ar-3x2 {
  aspect-ratio: 3/2;
}
._ar-21x9 {
  aspect-ratio: 21/9;
}
._ar-32x9 {
  aspect-ratio: 32/9;
}
._ar-2x3 {
  aspect-ratio: 2/3;
}
._ar-9x16 {
  aspect-ratio: 9/16;
}
._ar-1x2 {
  aspect-ratio: 1/2;
}
._empty {
  --_emp-c: var(--_c-caption);
  --_emp-h-icon: var(--_px-hitbox);
  --_emp-h-img: 300px;
  font-size: var(--_px-body);
  color: var(--_emp-c);
  text-align: center;
  padding: var(--_px-display) 0;
  margin: auto;
  display: flex;
  flex-direction: column;
}
._empty > [rep=icon] {
  font-size: var(--_emp-h-icon);
  line-height: 1em;
}
._empty > [rep=icon] img {
  max-height: var(--_emp-h-img);
}
._empty > [rep=actions] {
  margin-block-start: var(--_px-body);
}
._empty > [rep=actions] > a {
  --_link-c: var(--_c-brief);
  margin: 0 var(--_px-space);
}
._empty > [rep=skip] {
  font-size: var(--_px-caption);
}
._empty-hide:empty {
  display: none !important;
}
._empty-detach:empty {
  visibility: hidden !important;
  position: absolute !important;
  pointer-events: none !important;
}
._empty-collapse:empty {
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-width: 0 !important;
  overflow: hidden !important;
}
._inset-fixed {
  position: fixed;
}
._inset-abs {
  position: absolute;
}
._inset-sticky {
  position: sticky;
}
._inset-rel {
  position: relative;
}
._inset-static {
  position: static;
}
._inset-t-0 {
  inset-block-start: 0;
}
._inset-s-0 {
  inset-inline-start: 0;
}
._inset-b-0 {
  inset-block-end: 0;
}
._inset-e-0 {
  inset-inline-end: 0;
}
._inset-t-auto {
  inset-block-start: auto;
}
._inset-s-auto {
  inset-inline-start: auto;
}
._inset-b-auto {
  inset-block-end: auto;
}
._inset-e-auto {
  inset-inline-end: auto;
}
._inset-st {
  inset-block-start: 0;
  inset-inline-start: 0;
}
._inset-et {
  inset-block-start: 0;
  inset-inline-end: 0;
}
._inset-sb {
  inset-block-end: 0;
  inset-inline-start: 0;
}
._inset-eb {
  inset-block-end: 0;
  inset-inline-end: 0;
}
._inset-0 {
  inset: 0;
}
._inset-auto {
  inset: auto;
}
._scroller {
  --_sclr-w: auto;
  --_sclr-h: fit-content;
  --_sclr-x: auto;
  --_sclr-y: auto;
  --_xxs-h: var(--_sclr-h);
  --_xs-h: var(--_sclr-h);
  --_sm-h: var(--_sclr-h);
  --_md-h: var(--_sclr-h);
  --_lg-h: var(--_sclr-h);
  --_xl-h: var(--_sclr-h);
  --_xxl-h: var(--_sclr-h);
  --_hh-h: var(--_sclr-h);
  --_tb-h: var(--_sclr-h);
  --_dt-h: var(--_sclr-h);
  --_xxs-w: var(--_sclr-w);
  --_xs-w: var(--_sclr-w);
  --_sm-w: var(--_sclr-w);
  --_md-w: var(--_sclr-w);
  --_lg-w: var(--_sclr-w);
  --_xl-w: var(--_sclr-w);
  --_xxl-w: var(--_sclr-w);
  --_hh-w: var(--_sclr-h);
  --_tb-w: var(--_sclr-h);
  --_dt-w: var(--_sclr-h);
  width: var(--_sclr-w);
  height: var(--_sclr-h);
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-x: var(--_sclr-x);
  overflow-y: var(--_sclr-y);
  box-sizing: border-box;
}
._scroller[axis=x] {
  --_sclr-y: hidden;
}
._scroller[axis=y] {
  --_sclr-x: hidden;
}
/*Group button*/
/*Container btns*/
._box-btns {
  display: inline-flex;
  box-sizing: border-box;
  border-radius: inherit;
  width: inherit;
}
._box-btns > * {
  margin: 0 var(--_g);
}
/*Container tools*/
._box-tools {
  --_tools-fs: var(--_rem-body);
  --_tools-g: var(--_rem-min);
  --_tools-h: var(--_rem-list);
  --_tools-w: auto;
  --_tools-r: var(--_r);
  --_tools-m-se: 0;
  --_tools-c: var(--_c-brief);
  --_tools-c-hov: var(--_c-prim);
  --_tools-c-foc: var(--_c-prim);
  --_tools-c-haz: var(--_tools-c);
  --_tools-c-haz-hov: var(--_c-error);
  --_tools-bg: transparent;
  --_tools-bg-hov: transparent;
  --_tools-bg-haz: var(--_tools-bg);
  --_tools-bg-haz-hov: var(--_tools-bg-hov);
  --_tools-o: 1;
  --_tools-o-hov: 1;
  font-size: var(--_tools-fs);
  line-height: var(--_tools-h);
  display: inline-flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
._box-tools > * {
  color: var(--_tools-c);
  background-color: var(--_tools-bg);
  width: var(--_tools-w);
  height: var(--_tools-h);
  text-align: center;
  padding: 0 var(--_tools-g);
  margin: auto var(--_tools-m-se);
  box-sizing: border-box;
  border-radius: var(--_tools-r);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: var(--_tools-o);
  transition: all var(--_dur-2) linear;
}
._box-tools > *._opened [rep=arrow] {
  rotate: 180deg;
}
._box-tools > *:hover {
  opacity: var(--_tools-o-hov);
}
._box-tools > *:hover:where(:not([rep=close],[rep=remove])) {
  color: var(--_tools-c-hov);
  background-color: var(--_tools-bg-hov);
}
._box-tools > *[rep=close],
._box-tools > *[rep=remove] {
  color: var(--_tools-c-haz);
  background-color: var(--_tools-bg-haz);
}
._box-tools > *[rep=close]:hover,
._box-tools > *[rep=remove]:hover,
._box-tools > *[rep=close]:focus,
._box-tools > *[rep=remove]:focus,
._box-tools > *[rep=close][focused],
._box-tools > *[rep=remove][focused] {
  color: var(--_tools-c-haz-hov);
  background-color: var(--_tools-bg-haz-hov);
}
._box-tools > *:focus:where(:not([rep=close],[rep=remove])),
._box-tools > *[focused]:where(:not([rep=close],[rep=remove])) {
  color: var(--_tools-c-foc);
  background-color: var(--_tools-bg-hov);
}
._box-tools [rep=arrow] {
  width: 0;
  height: 0;
  border-width: 3px 3px 0 3px;
  border-style: solid;
  border-color: var(--_c-caption) transparent transparent transparent;
  margin-inline-start: var(--_rem-min);
  transition: all var(--_dur-2) linear;
}
._box-tools [rep=icon] {
  width: var(--_tools-fs);
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
._box-tools [rep=icon] + [rep=label] {
  margin-inline-start: var(--_rem-min);
}
._box-tools [rep=disk],
._box-tools [rep=cube],
._box-tools [rep=image] {
  height: var(--_rem-subtitle);
  display: inline-flex;
}
._box-tools [rep=disk],
._box-tools [rep=cube] {
  aspect-ratio: 1/1;
}
._box-tools [rep=disk] img,
._box-tools [rep=cube] img {
  object-fit: cover;
}
._box-tools [rep=disk] {
  border-radius: 100%;
}
._box-tools [rep=cube] {
  border-radius: var(--_r);
}
._box-tools [rep=image] img {
  height: 100%;
}
._box-tools [rep=disk] + [rep=label],
._box-tools [rep=cube] + [rep=label],
._box-tools [rep=image] + [rep=label] {
  margin-inline-start: var(--_rem-min);
}
._box-tools > *[disabled] {
  opacity: var(--_o-disabled);
  user-select: none;
  pointer-events: none;
}
/*Container*/
[class*=_box-] [rep=title] {
  font-size: var(--_rem-lead);
  font-weight: bold;
  line-height: 1.5em;
  margin-block-end: var(--_rem-space);
}
[class*=_box-] [rep=brief] {
  color: var(--_c-brief);
  line-height: var(--_rem-subtitle);
  margin-block-start: var(--_rem-space);
}
[class*=_box-] [rep=media] {
  text-align: center;
  width: inherit;
}
._box-image,
._box-audio,
._box-video,
._box-iframe {
  width: inherit;
}
._box-image [rep=media] > *,
._box-audio [rep=media] > *,
._box-video [rep=media] > *,
._box-iframe [rep=media] > * {
  display: block;
  width: inherit;
}
/*Container iframe*/
._box-iframe {
  width: 100%;
  display: flex;
  flex-direction: column;
}
._box-iframe [rep=media] {
  flex: auto;
}
._box-iframe iframe {
  border: none;
}
/*Container qrCode*/
._box-qr {
  width: inherit;
}
._box-qr [rep=media] {
  display: flex;
  align-items: center;
  justify-content: center;
}
._box-qr [rep=media] img {
  min-width: 8rem;
}
/*Bubble footer*/
._bubble-footer {
  --_bubble-foot-p: 0;
  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-block: var(--_bubble-foot-p);
  box-sizing: border-box;
}
._bubble-footer:where([layout=left]) ._bubble-footer-wrap [rep=tips],
._bubble-footer:where([layout=right]) ._bubble-footer-wrap [rep=tips] {
  flex: auto;
}
._bubble-footer:where([layout=plain]) ._bubble-footer-wrap {
  border-block-start: 1px solid var(--_c-text-bd);
}
._bubble-footer:where([layout=right]) ._bubble-footer-wrap {
  flex-direction: row-reverse;
}
._bubble-footer ._box-btns {
  display: inline-flex;
}
._bubble-footer ._box-btns > * {
  margin: 0;
}
._bubble-footer:where([layout=center]) ._box-btns,
._bubble-footer:where([layout=plain]) ._box-btns {
  display: flex;
  justify-content: center;
}
._bubble-footer:where([layout=plain]) ._box-btns {
  border-radius: inherit;
}
._bubble-footer:where([layout=center]) ._box-btns {
  margin: var(--_rem-display) 0;
}
._bubble-footer:where([layout=center]) ._box-btns > * {
  margin: 0 var(--_rem-space);
}
._bubble-footer:where([layout=left]) ._box-btns > * {
  margin-inline-end: var(--_rem-space);
}
._bubble-footer:where([layout=right]) ._box-btns > * {
  margin-inline-start: var(--_rem-space);
}
._bubble-footer:where([layout=plain]) ._box-btns > * {
  border-radius: 0;
  flex: 1;
}
._bubble-footer:where([layout=plain]) ._box-btns > *:where(:not(:last-child)) {
  border-inline-end: 1px solid var(--_c-text-bd);
}
._bubble-footer [rep=tips] {
  font-size: var(--_rem-body);
  line-height: 1.8rem;
  height: var(--_rem-input);
  display: flex;
  align-items: center;
}
._bubble-footer:where([layout=center]) [rep=tips],
._bubble-footer:where([layout=plain]) [rep=tips] {
  border-block-start: 1px solid var(--_c-text-bd);
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
  background-color: var(--_c-text-bg);
  justify-content: center;
}
._bubble-footer:where([layout=left]) [rep=tips] {
  justify-content: flex-end;
  text-align: end;
}
._bubble-footer:where([layout=right]) [rep=tips] {
  justify-content: flex-start;
}
/*Field container*/
._field {
  --_form-h: var(--_rem-input);
  --_form-g: var(--_rem-space);
  --_form-p-se: 0;
  --_form-p-tb: 0;
  --_form-m-tb: var(--_m);
  --_form-bw: 1px;
  --_form-w-label: var(--_w-label);
  width: inherit;
  margin: var(--_form-m-tb) auto;
  padding: var(--_form-p-tb) var(--_form-p-se);
  display: flex;
  align-items: flex-start;
  position: relative;
  box-sizing: border-box;
}
._field > ._field-label {
  color: var(--_c-text);
  width: var(--_form-w-label);
  text-align: end;
  margin-inline-end: var(--_rem-space);
  height: var(--_form-h);
  line-height: calc(var(--_form-h) / 2);
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
._field > ._field-label img,
._field > ._field-label [class*=icon] {
  width: var(--_rem-subtitle);
  margin-inline-end: var(--_rem-min);
}
._field > ._field-label:emtpy {
  display: none;
}
._field > ._field-cont {
  width: var(--_w-input);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
}
._field > ._field-cont > ._field-note {
  font-size: var(--_rem-caption);
  line-height: var(--_rem-subtitle);
  width: 100%;
  padding-block-start: var(--_rem-space);
}
._field > ._field-cont > ._field-input {
  width: 100%;
  min-height: var(--_form-h);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
._field > ._field-cont > ._field-input input:where(:not([embed]):not([type=radio], [type=checkbox], [type=range], [type=reset], [type=submit])) {
  height: var(--_form-h);
  line-height: var(--_form-h);
}
._field > ._field-cont > ._field-input input:where(:not([embed]):not([type=radio], [type=checkbox], [type=range], [type=color], [type=reset], [type=submit])) {
  padding: 0 var(--_form-g);
}
._field > ._field-cont > ._field-input input:where([type=file]:not([embed]))::file-selector-button,
._field > ._field-cont > ._field-input input:where([type=file]:not([embed]))::-webkit-file-upload-button {
  line-height: calc(var(--_form-h) - 0.2rem);
}
._field > ._field-cont > ._field-input input:where([type=range]:not([embed])) {
  margin: calc((var(--_form-h) - var(--_range-h))/2) 0;
}
._field > ._field-cont > ._field-input > label {
  line-height: var(--_form-h);
  white-space: nowrap;
}
._field > ._field-cont > ._field-input meter {
  margin: calc((var(--_form-h) - var(--_meter-h))/2) 0;
}
._field > ._field-cont > ._field-input progress {
  margin: calc((var(--_form-h) - var(--_prog-h))/2) 0;
}
._field > ._field-cont > ._field-input select:where(:not([embed])) {
  height: var(--_form-h);
  line-height: var(--_form-h);
}
._field > ._field-cont > ._field-input select:where(:not([embed])) option {
  height: var(--_form-h);
}
._field > ._field-cont > ._field-input select:where([multiple]:not([embed])) {
  min-height: calc((var(--_form-h) + 1px)*5 - 1px);
}
._field > ._field-cont > ._field-input textarea:where(:not([embed])) {
  --_field-p-tb: calc((var(--_form-h) - var(--_rem-list))/2);
  padding-inline-start: var(--_form-g);
  padding-inline-end: var(--_form-g);
}
._field > ._field-cont > ._field-input input:where(:not([embed]):not([type=radio], [type=checkbox], [type=color], [type=submit], [type=reset])),
._field > ._field-cont > ._field-input select:where(:not([embed])),
._field > ._field-cont > ._field-input textarea:where(:not([embed])),
._field > ._field-cont > ._field-input progress,
._field > ._field-cont > ._field-input meter {
  min-width: auto;
  width: 100%;
}
._field > ._field-cont > ._field-input > AX-INPUT {
  --_input-w: 100%;
}
._field > ._field-cont > ._field-input > AX-FILE {
  --_file-w: 100%;
}
._field > ._field-cont > ._field-input > AX-TEXTAREA {
  --_tarea-w: 100%;
}
._field > ._field-cont > ._field-input > AX-DATETIME {
  --_date-w: 100%;
}
._field > ._field-cont > ._field-input > AX-DATETIME ._datetime:where([display=inline]) {
  --_date-panel-w: 100%;
  width: 100%;
}
._field > ._field-cont > ._field-input > AX-NUMBER {
  --_number-w: 100%;
}
._field > ._field-cont > ._field-input > AX-SEARCH {
  --_srch-w: 100%;
}
._field > ._field-cont > ._field-input > AX-RANGE {
  --_range-w: 100%;
}
._field > ._field-cont > ._field-input > AX-SELECT {
  --_select-w: 100%;
}
._field > ._field-cont > ._field-input > AX-RADIOS,
._field > ._field-cont > ._field-input > AX-CHECKBOXES {
  width: 100%;
}
._field > ._field-cont > ._field-input > AX-UPLOAD {
  width: 100%;
}
._field > ._field-cont ._field-unit {
  font-size: var(--_px-caption);
  color: var(--_c-brief);
  background-color: var(--_c-stage);
  line-height: calc(var(--_rem-list) + 0.2rem);
  height: var(--_rem-list);
  position: absolute;
  inset-inline-end: var(--_rem-space);
  inset-block-start: calc((var(--_form-h) - var(--_rem-list))/2);
}
._field > ._field-cont:has(>._box-tools) > ._field-input textarea:where(:not([embed])) {
  padding-inline-end: var(--_rem-list);
}
._field > ._field-cont > ._box-tools {
  --_tools-c: var(--_c-caption);
  --_tools-c-hov: var(--_c-text);
  position: absolute;
  inset-inline-end: var(--_rem-min);
  inset-block-start: calc((var(--_form-h) - var(--_rem-list))/2);
  z-index: 2;
}
._field > ._field-cont > ._box-tools [rep=icon] {
  font-size: var(--_px-caption);
}
._field > ._field-cont:has(>._field-input>textarea) ._box-tools {
  flex-direction: column;
  inset-inline-end: var(--_rem-min);
}
._field > ._field-help {
  display: inline-flex;
  align-items: center;
  line-height: var(--_form-h);
  height: var(--_form-h);
}
._field > ._field-help > * {
  margin-inline-start: var(--_rem-space);
}
._field > ._field-help [rep=text] {
  line-height: calc(var(--_form-h)/2);
  height: var(--_form-h);
  display: inline-flex;
  align-items: center;
}
._field > ._field-help [rep=disk],
._field > ._field-help [rep=cube],
._field > ._field-help [rep=image] {
  height: var(--_form-h);
  display: inline-flex;
}
._field > ._field-help [rep=disk] img,
._field > ._field-help [rep=cube] img,
._field > ._field-help [rep=image] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
._field > ._field-help [rep=disk],
._field > ._field-help [rep=cube] {
  aspect-ratio: 1/1;
}
._field > ._field-help [rep=image],
._field > ._field-help [rep=cube] {
  border-radius: var(--_r-input);
}
._field > ._field-help [rep=disk] {
  border-radius: 100%;
}
._field:where(:not(._field-compact)) > ._field-help AX-BTN:where(:not([size])) {
  --_btn-p-se: var(--_form-g);
}
._field:where(._field-embed) > ._field-label {
  text-align: start;
  justify-content: flex-start;
  padding-inline-start: var(--_form-g);
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: 3;
}
._field:where(._field-embed)._flexible > ._field-cont {
  flex: auto;
}
._field:where(._field-embed) > ._field-cont > ._field-input input:where(:not([embed]):not([type=radio], [type=checkbox], [type=range], [type=reset], [type=submit])),
._field:where(._field-embed) > ._field-cont > ._field-input textarea:where(:not([embed])) {
  padding-inline-start: var(--_form-w-label);
}
._field:where(._field-full) > ._field-label,
._field:where(._field-apart) > ._field-label {
  width: auto;
  text-align: start;
  justify-content: flex-start;
}
._field:where(._field-full) > ._field-cont,
._field:where(._field-apart) > ._field-cont {
  width: 0;
  flex: auto;
  text-align: start;
}
:where(._field-full)._field > ._field-label {
  max-width: var(--_w-label);
}
:where(._field-apart)._field {
  --_form-m-tb: 0;
  position: relative;
  padding-block-end: var(--_p);
}
:where(._field-apart)._field:where(:has(._field-label, ._field-help)) {
  padding-block-start: var(--_form-h);
}
:where(._field-apart)._field > ._field-label,
:where(._field-apart)._field > ._field-help {
  position: absolute;
  inset-block-start: 0;
}
:where(._field-apart)._field:where(:not(:has(._field-label)):not(:has(._field-help))) {
  padding-block-end: 0;
}
:where(._field-apart)._field > ._field-label {
  inset-inline-start: 0;
}
:where(._field-apart)._field > ._field-help {
  inset-inline-end: 0;
}
:where(._field-apart)._field > ._field-help AX-BTN:where(:not([size])) {
  --_btn-h: min(calc(var(--_form-h) - 1rem), var(--_rem-display));
}
:where(._field-apart)._field > ._field-help AX-BTN {
  --_btn-r: var(--_r-input-sm);
  --_btn-fs: var(--_rem-caption);
}
:where(._field-apart)._field > ._field-help [rep=disk],
:where(._field-apart)._field > ._field-help [rep=image],
:where(._field-apart)._field > ._field-help [rep=cube] {
  height: min(calc(var(--_form-h) - 1rem), var(--_rem-display));
}
:where(._field-apart)._field > ._field-help [rep=image],
:where(._field-apart)._field > ._field-help [rep=cube] {
  border-radius: var(--_r-input-sm);
}
:where(._field-compact)._field {
  --_form-g: 0;
  --_form-m-tb: 0;
  --_form-p-tb: var(--_rem-space);
  --_form-p-se: var(--_rem-body);
  border-block-start: var(--_form-bw) solid var(--_c-text-bd);
  margin: 0;
}
:where(._field-compact)._field > ._field-label {
  width: auto;
  max-width: var(--_w-label);
  margin-inline-end: 0;
  text-align: start;
  justify-content: flex-start;
}
:where(._field-compact)._field > ._field-cont {
  width: auto;
  flex: auto;
  text-align: start;
}
:where(._field-compact)._field > ._field-cont > ._box-tools {
  inset-inline-end: 0;
}
:where(._field-compact)._field > ._field-cont ._field-unit {
  inset-inline-end: 0;
  background-color: transparent;
}
:where(._field-compact)._field > ._field-cont > ._field-input input:where(:not([embed]):not([type=radio], [type=checkbox], [type=range], [type=reset], [type=submit])),
:where(._field-compact)._field > ._field-cont > ._field-input select:where(:not([embed])),
:where(._field-compact)._field > ._field-cont > ._field-input select:where(:not([embed])) option {
  padding: 0;
}
:where(._field-compact)._field > ._field-cont > ._field-input textarea:where(:not([embed])) {
  padding-inline-start: 0;
  padding-inline-end: 0;
}
:where(._field-compact)._field > ._field-cont > ._field-input input:where(:not([embed]):not([type=radio], [type=checkbox], [type=range], [type=reset], [type=submit], [type=color])),
:where(._field-compact)._field > ._field-cont > ._field-input select:where(:not([embed])),
:where(._field-compact)._field > ._field-cont > ._field-input textarea:where(:not([embed])),
:where(._field-compact)._field > ._field-cont > ._field-input progress,
:where(._field-compact)._field > ._field-cont > ._field-input meter {
  min-width: auto;
}
:where(._field-compact)._field > ._field-cont > ._field-input input:where(:not([embed]):not([type=radio], [type=checkbox], [type=reset], [type=submit], [type=color])),
:where(._field-compact)._field > ._field-cont > ._field-input select:where(:not([embed])),
:where(._field-compact)._field > ._field-cont > ._field-input textarea:where(:not([embed])),
:where(._field-compact)._field > ._field-cont > ._field-input input:where(:not([embed]):not([type=radio], [type=checkbox], [type=reset], [type=submit], [type=color])):hover,
:where(._field-compact)._field > ._field-cont > ._field-input select:where(:not([embed])):hover,
:where(._field-compact)._field > ._field-cont > ._field-input textarea:where(:not([embed])):hover,
:where(._field-compact)._field > ._field-cont > ._field-input input:where(:not([embed]):not([type=radio], [type=checkbox], [type=reset], [type=submit], [type=color])):focus,
:where(._field-compact)._field > ._field-cont > ._field-input select:where(:not([embed])):focus,
:where(._field-compact)._field > ._field-cont > ._field-input textarea:where(:not([embed])):focus {
  border-color: transparent;
  outline-color: transparent;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-INPUT {
  --_input-bw: 0;
  --_input-sd: transparent;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-INPUT [rep=wrap] {
  outline: none;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-INPUT [rep=label],
:where(._field-compact)._field > ._field-cont > ._field-input > AX-INPUT [rep=unit] {
  background-color: transparent;
  border-color: transparent;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-INPUT [rep=btn] {
  padding-inline-end: 0;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-INPUT input {
  --_field-p-se: 0;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-FILE {
  --_file-p-se: 0;
  --_file-sd: transparent;
  --_file-bw: 0;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-FILE [rep=label] {
  background-color: transparent;
  border-color: transparent;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-SELECT {
  --_select-bw: 0;
  --_select-sd: transparent;
  outline: none;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-SELECT ._select {
  padding-inline-start: 0;
  outline: none;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-TEXTAREA {
  --_tarea-bw: 0;
  --_tarea-sd: transparent;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-TEXTAREA [rep=wrap] {
  outline: none;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-TEXTAREA textarea {
  padding-inline-start: 0;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-DATETIME ._datetime-wrap {
  --_date-sd: transparent;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-DATETIME AX-TEXTAREA {
  --_tarea-bw: 0;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-DATETIME AX-TEXTAREA [rep=wrap] {
  outline: none;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-DATETIME textarea {
  padding-inline-start: 0;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-SEARCH {
  --_srch-bw: 0;
  --_srch-c-foc: transparent;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-SEARCH AX-FIELDS > [rep=wrap] > AX-BTN {
  --_btn-c-sd: transparent;
  --_btn-r: var(--_r-input-sm);
  --_btn-h: var(--_rem-display);
  --_btn-fs: var(--_rem-caption);
  border-start-start-radius: var(--_btn-r);
  border-end-start-radius: var(--_btn-r);
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-SEARCH AX-FIELDS [rep=fields]:focus-within + AX-BTN > [rep=wrap] {
  border-inline-start-color: var(--_btn-bc);
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-UPLOAD ._upload {
  border-color: transparent;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-NUMBER {
  --_number-bw: 0;
  --_number-sd: transparent;
  --_number-sz-btn: var(--_rem-list);
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-NUMBER [rep=wrap] {
  outline: none;
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-NUMBER [rep=decrease],
:where(._field-compact)._field > ._field-cont > ._field-input > AX-NUMBER [rep=increase] {
  font-size: var(--_rem-root);
  border-radius: 100%;
  border: 1px solid var(--_number-bc);
}
:where(._field-compact)._field > ._field-cont > ._field-input > AX-NUMBER [rep=decrease]:hover,
:where(._field-compact)._field > ._field-cont > ._field-input > AX-NUMBER [rep=increase]:hover {
  color: var(--_c-white);
  background-color: var(--_c-prim);
}
:where(._field-compact)._field > ._field-help AX-BTN:where(:not([size])) {
  --_btn-h: min(var(--_form-h), var(--_rem-display));
}
:where(._field-compact)._field > ._field-help AX-BTN {
  --_btn-r: var(--_r-input-sm);
  --_btn-fs: var(--_rem-caption);
}
:where(._field-compact)._field > ._field-help [rep=disk],
:where(._field-compact)._field > ._field-help [rep=image],
:where(._field-compact)._field > ._field-help [rep=cube] {
  height: min(var(--_form-h), var(--_rem-display));
}
:where(._field-compact)._field > ._field-help [rep=image],
:where(._field-compact)._field > ._field-help [rep=cube] {
  border-radius: var(--_r);
}
._field:where(._field-sm, ._field-lg) > ._field-cont > ._field-input input:where([type=reset], [type=submit]),
._field:where(._field-sm, ._field-lg) > ._field-cont > ._field-input button,
._field:where(._field-sm, ._field-lg) > ._field-cont > ._field-input > AX-BTN {
  --_btn-h: var(--_form-h);
}
._field:where(._field-sm) {
  --_form-h: var(--_rem-display);
  --_form-g: var(--_rem-space);
  --_form-m-tb: var(--_rem-space);
}
._field:where(._field-sm) > ._field-help AX-BTN:where(:not([size])) {
  --_btn-p-se: var(--_form-g);
}
._field:where(._field-sm):where(:not(._field-apart, ._field-compact)) > ._field-help AX-BTN:where(:not([size])) {
  --_btn-h: var(--_form-h);
}
._field:where(._field-sm)._field-compact {
  --_form-p-tb: var(--_rem-space);
}
._field:where(._field-sm)._field-apart {
  --_form-m-tb: var(--_rem-space);
}
._field:where(._field-lg) {
  --_form-h: calc(var(--_rem-input) + 1rem);
  --_form-g: calc(var(--_g)*3);
}
._field:where(._field-lg) > ._field-cont > ._field-input input:where([type=reset], [type=submit]),
._field:where(._field-lg) > ._field-cont > ._field-input button,
._field:where(._field-lg) > ._field-cont > ._field-input > AX-BTN {
  --_btn-p-se: 2.33em;
}
._field:where(._field-lg):where(:not(._field-apart, ._field-compact)) > ._field-help AX-BTN:where(:not([size])) {
  --_btn-h: var(--_form-h);
}
@media (any-hover: none) {
  ._field > ._field-cont > ._field-input select:where([multiple]:not([embed])) {
    min-height: auto;
  }
}
@media (max-width: 899px) {
  ._field > ._field-help,
  ._field > ._field-help > * {
    font-size: var(--_rem-caption);
  }
  ._field:where(:not(._field-apart, ._field-full, ._field-compact, ._field-embed)) {
    --_form-m-se: var(--_p);
  }
  ._field:where(:not(._field-apart, ._field-full, ._field-compact, ._field-embed)) > ._field-label {
    text-align: start;
    width: auto;
    justify-content: flex-start;
  }
  ._field:where(:not(._field-apart, ._field-full, ._field-compact, ._field-embed)) > ._field-cont {
    width: auto;
    flex: auto;
    text-align: start;
  }
  ._field:where(:not(._field-apart, ._field-full, ._field-compact, ._field-embed)) > ._field-cont input:where(:not([embed]):not([type=radio], [type=checkbox], [type=range], [type=reset], [type=submit], [type=color])),
  ._field:where(:not(._field-apart, ._field-full, ._field-compact, ._field-embed)) > ._field-cont select:where(:not([embed])),
  ._field:where(:not(._field-apart, ._field-full, ._field-compact, ._field-embed)) > ._field-cont textarea:where(:not([embed])),
  ._field:where(:not(._field-apart, ._field-full, ._field-compact, ._field-embed)) > ._field-cont progress,
  ._field:where(:not(._field-apart, ._field-full, ._field-compact, ._field-embed)) > ._field-cont meter {
    min-width: auto;
  }
  ._field:where(._field-embed) > ._field-cont {
    width: auto;
    flex: auto;
    text-align: start;
  }
  ._field:where(:not(._field-compact, ._field-embed)) > ._field-help [rep=text] {
    width: auto !important;
  }
  :where(._field-full)._field > ._field-label {
    max-width: none;
  }
  ._field:where(:not(._field-apart, ._field-compact, ._field-embed)) {
    margin-block-start: calc(var(--_form-h) + var(--_form-m-tb));
    position: relative;
  }
  ._field:where(:not(._field-apart, ._field-compact, ._field-embed)) > ._field-label,
  ._field:where(:not(._field-apart, ._field-compact, ._field-embed)) > ._field-help {
    position: absolute;
    inset-block-start: calc(-1*var(--_form-h));
  }
  ._field:where(:not(._field-apart, ._field-compact, ._field-embed)) > ._field-label {
    inset-inline-start: 0;
    width: auto !important;
  }
  ._field:where(:not(._field-apart, ._field-compact, ._field-embed)) > ._field-help {
    inset-inline-end: 0;
  }
  ._field:where(:not(._field-apart, ._field-compact, ._field-embed)) > ._field-help AX-BTN:where(:not([size])) {
    --_btn-h: calc(var(--_form-h) - 1rem);
  }
  ._field:where(:not(._field-apart, ._field-compact, ._field-embed)) > ._field-help [rep=disk],
  ._field:where(:not(._field-apart, ._field-compact, ._field-embed)) > ._field-help [rep=image],
  ._field:where(:not(._field-apart, ._field-compact, ._field-embed)) > ._field-help [rep=cube] {
    height: calc(var(--_form-h) - 1rem);
  }
}
/*Container*/
[class*=_container] {
  --_container-d: block;
  box-sizing: border-box;
  display: var(--_container-d);
}
[class*=_container]:where(:not(._container-full)) {
  --_container-resp: var(--_w-xxs);
  --_container-w: var(--_container-resp);
  --_container-full: 100%;
  width: min(var(--_container-w),var(--_container-resp),var(--_container-full));
  margin: 0 auto;
}
._container-full {
  width: 100%;
}
/*animation*/
@keyframes _rotate-360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
._rotate-360 {
  animation: _rotate-360 var(--_dur-20) linear both;
}
@keyframes _rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._rotate360 {
  animation: _rotate360 var(--_dur-20) linear both;
}
._circle-360 {
  animation: _rotate-360 var(--_dur-20) linear infinite both;
}
._circle360 {
  animation: _rotate360 var(--_dur-20) linear infinite both;
}
._rotate-180 {
  transition: rotate var(--_dur-6) var(--_bez-ease);
  rotate: -180deg;
}
._rotate180 {
  transition: rotate var(--_dur-6) var(--_bez-ease);
  rotate: 180deg;
}
._rotate-90 {
  transition: rotate var(--_dur-2) var(--_bez-ease);
  rotate: -90deg;
}
._rotate90 {
  transition: rotate var(--_dur-2) var(--_bez-ease);
  rotate: 90deg;
}
._rotate-45 {
  transition: rotate var(--_dur-2) var(--_bez-ease);
  rotate: -45deg;
}
._rotate45 {
  transition: rotate var(--_dur-2) var(--_bez-ease);
  rotate: 45deg;
}
@keyframes _remind-h {
  0% {
    transform: translateX(2px);
  }
  50% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(2px);
  }
}
@keyframes _remind-v {
  0% {
    transform: translateY(2px);
  }
  50% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(2px);
  }
}
._remind-h {
  animation: _remind-h var(--_dur-9) linear infinite both;
}
._remind-v {
  animation: _remind-v var(--_dur-9) linear infinite both;
}
@keyframes _bounce {
  from,
  20%,
  53%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
._bounceShow {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  transform-origin: center bottom;
  animation-name: _bounce;
}
@keyframes _flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
._flashShow {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _flash;
}
@keyframes _pulse {
  from,
  50%,
  to {
    transform: scale3d(1, 1, 1);
  }
  25%,
  75% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
}
._pulseShow {
  animation-duration: var(--_dur-3);
  animation-name: _pulse;
  animation-timing-function: ease-in-out;
}
@keyframes _shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
._shakeShow {
  animation-duration: var(--_dur-3);
  animation-name: _shake;
}
@keyframes _fadeIn {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._fadeIn {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeIn;
}
@keyframes _fadeOut {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
._fadeOut {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeIn;
}
@keyframes _fadeInUp {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
._fadeInUp {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeInUp;
}
@keyframes _fadeOutUp {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
}
._fadeOutUp {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeOutUp;
}
@keyframes _fadeInDown {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
._fadeInDown {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeInDown;
}
@keyframes _fadeOutDown {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }
}
._fadeOutDown {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeOutDown;
}
@keyframes _fadeInStart {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 0;
    transform: translate3d(calc(20% * var(--_dir-coef)), 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
._fadeInStart {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeInStart;
}
@keyframes _fadeOutStart {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(calc(20% * var(--_dir-coef)), 0, 0);
  }
}
._fadeOutStart {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeOutStart;
}
@keyframes _fadeInEnd {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 0;
    transform: translate3d(calc(-20% * var(--_dir-coef)), 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
._fadeInEnd {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeInEnd;
}
@keyframes _fadeOutEnd {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(calc(-20% * var(--_dir-coef)), 0, 0);
  }
}
._fadeOutEnd {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _fadeOutEnd;
}
@keyframes _springIn {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    transform: scale(0.7);
    opacity: 0;
  }
  45% {
    transform: scale(1.02);
    opacity: 1;
  }
  80% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
._springIn {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _springIn;
}
@keyframes _springOut {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(0.98);
  }
  55% {
    transform: scale(1.02);
    opacity: 1;
  }
  100% {
    transform: scale(0.7);
    opacity: 0;
  }
}
._springOut {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _springOut;
}
@keyframes _scaleIn {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
._scaleIn {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _scaleIn;
}
@keyframes _scaleOut {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
._scaleOut {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _scaleOut;
}
@keyframes _flyInStart {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    opacity: 0;
    transform: translate3d(-50%, 50%, 0) rotate(-30deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
._flyInStart {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _flyInStart;
}
[dir=rtl] ._flyInStart {
  animation-name: _flyInEnd;
}
@keyframes _flyOutStart {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translate3d(-50%, 50%, 0) rotate(-30deg);
  }
}
._flyOutStart {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _flyOutStart;
}
[dir=rtl] ._flyOutStart {
  animation-name: _flyOutEnd;
}
@keyframes _flyInEnd {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    opacity: 0;
    transform: translate3d(50%, 50%, 0) rotate(30deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
._flyInEnd {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _flyInEnd;
}
[dir=rtl] ._flyInEnd {
  animation-name: _flyInStart;
}
@keyframes _flyOutEnd {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translate3d(50%, 50%, 0) rotate(30deg);
  }
}
._flyOutEnd {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _flyOutEnd;
}
[dir=rtl] ._flyOutEnd {
  animation-name: _flyOutStart;
}
@keyframes _flyInUp {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    opacity: 0;
    transform: translate3d(0%, -100%, 0) rotate(-30deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
._flyInUp {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _flyInUp;
}
@keyframes _flyOutUp {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translate3d(0%, -100%, 0) rotate(-30deg);
  }
}
._flyOutUp {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _flyOutUp;
}
@keyframes _flyInDown {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    opacity: 0;
    transform: translate3d(0%, 100%, 0) rotate(30deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
._flyInDown {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _flyInDown;
}
@keyframes _flyOutDown {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: translate3d(0%, 100%, 0) rotate(30deg);
  }
}
._flyOutDown {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _flyOutDown;
}
@keyframes _rotateIn {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    transform: scale(0.5) rotate(180deg);
    opacity: 0;
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}
._rotateIn {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _rotateIn;
}
@keyframes _rotateOut {
  from,
  to {
    animation-timing-function: var(--_bez-ease);
  }
  0% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.5) rotate(180deg);
    opacity: 0;
  }
}
._rotateOut {
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  animation-name: _rotateOut;
}
._dur-100 {
  animation-duration: var(--_dur-100);
  transition-duration: var(--_dur-100);
}
._dur-90 {
  animation-duration: var(--_dur-90);
  transition-duration: var(--_dur-90);
}
._dur-80 {
  animation-duration: var(--_dur-80);
  transition-duration: var(--_dur-80);
}
._dur-70 {
  animation-duration: var(--_dur-70);
  transition-duration: var(--_dur-70);
}
._dur-60 {
  animation-duration: var(--_dur-60);
  transition-duration: var(--_dur-60);
}
._dur-50 {
  animation-duration: var(--_dur-50);
  transition-duration: var(--_dur-50);
}
._dur-40 {
  animation-duration: var(--_dur-40);
  transition-duration: var(--_dur-40);
}
._dur-30 {
  animation-duration: var(--_dur-30);
  transition-duration: var(--_dur-30);
}
._dur-20 {
  animation-duration: var(--_dur-20);
  transition-duration: var(--_dur-20);
}
._dur-10 {
  animation-duration: var(--_dur-10);
  transition-duration: var(--_dur-10);
}
._dur-9 {
  animation-duration: var(--_dur-9);
  transition-duration: var(--_dur-9);
}
._dur-8 {
  animation-duration: var(--_dur-8);
  transition-duration: var(--_dur-8);
}
._dur-7 {
  animation-duration: var(--_dur-7);
  transition-duration: var(--_dur-7);
}
._dur-6 {
  animation-duration: var(--_dur-6);
  transition-duration: var(--_dur-6);
}
._dur-5 {
  animation-duration: var(--_dur-5);
  transition-duration: var(--_dur-5);
}
._dur-4 {
  animation-duration: var(--_dur-4);
  transition-duration: var(--_dur-4);
}
._dur-3 {
  animation-duration: var(--_dur-3);
  transition-duration: var(--_dur-3);
}
._dur-2 {
  animation-duration: var(--_dur-2);
  transition-duration: var(--_dur-2);
}
._dur-1 {
  animation-duration: var(--_dur-1);
  transition-duration: var(--_dur-1);
}
._dur-0 {
  animation-duration: var(--_dur-0);
  transition-duration: var(--_dur-0);
}
._loop-1 {
  animation-iteration-count: 1;
}
._loop-2 {
  animation-iteration-count: 2;
}
._loop-3 {
  animation-iteration-count: 3;
}
._loop-4 {
  animation-iteration-count: 4;
}
._loop-5 {
  animation-iteration-count: 5;
}
._loop-6 {
  animation-iteration-count: 6;
}
._loop-7 {
  animation-iteration-count: 7;
}
._loop-8 {
  animation-iteration-count: 8;
}
._loop-9 {
  animation-iteration-count: 9;
}
._loop-10 {
  animation-iteration-count: 10;
}
._loop-inf {
  animation-iteration-count: infinite;
}
/*Checked animation of checkbox & radio*/
@keyframes _checked {
  0% {
    box-shadow: 0 0 0 0 var(--_c-prim-sd);
  }
  50% {
    box-shadow: 0 0 0 0.3rem var(--_c-prim-sd);
  }
  99% {
    box-shadow: 0 0 0 0.6rem var(--_c-prim-tp);
  }
  100% {
    box-shadow: none;
  }
}
/*Radio & Checkbox*/
AX-RADIO,
AX-CHECKBOX {
  --_chk-h: var(--_rem-input);
  --_chk-lh: var(--_chk-h);
  --_chk-a-v: center;
  --_chk-d: inline-flex;
  --_chk-g-l: var(--_g);
  --_chk-g-r: var(--_rem-list);
  line-height: var(--_chk-lh);
  height: var(--_chk-h);
  display: var(--_chk-d);
  vertical-align: middle;
}
AX-RADIO label,
AX-CHECKBOX label {
  box-sizing: border-box;
  height: inherit;
  display: inline-flex;
  align-items: var(--_chk-a-v);
  position: relative;
}
AX-RADIO input,
AX-CHECKBOX input {
  position: fixed;
  inset-inline-start: -100000px;
}
AX-RADIO:has(i:empty),
AX-CHECKBOX:has(i:empty) {
  height: var(--_rem-list);
  line-height: var(--_rem-list);
}
AX-RADIO:has(i:empty) i,
AX-CHECKBOX:has(i:empty) i {
  display: none;
}
AX-RADIO:where(:not([type=chera], [type=switch])) i,
AX-CHECKBOX:where(:not([type=chera], [type=switch])) i {
  transition: all var(--_dur-2) linear;
}
AX-RADIO:where(:not([type=chera], [type=switch])):where(:not([type=text])),
AX-CHECKBOX:where(:not([type=chera], [type=switch])):where(:not([type=text])) {
  white-space: nowrap;
  text-overflow: ellipsis;
}
AX-RADIO:where(:not([type=chera], [type=switch])) u ~ i:where(:not(:empty)),
AX-CHECKBOX:where(:not([type=chera], [type=switch])) u ~ i:where(:not(:empty)) {
  margin-inline-start: var(--_chk-g-l);
}
AX-RADIO:where(:not([type=chera], [type=switch])):where(:not([type=text], [type=btn])) u ~ i:where(:not(:empty)),
AX-CHECKBOX:where(:not([type=chera], [type=switch])):where(:not([type=text], [type=btn])) u ~ i:where(:not(:empty)) {
  margin-inline-end: var(--_chk-g-r);
}
AX-RADIO:where(:not([type=chera], [type=switch])):hover u:before,
AX-CHECKBOX:where(:not([type=chera], [type=switch])):hover u:before {
  border-color: var(--_c-prim);
}
AX-RADIO:where(:not([type=chera], [type=switch])) input:where(:checked) + i,
AX-CHECKBOX:where(:not([type=chera], [type=switch])) input:where(:checked) + i {
  color: var(--_c-prim);
}
AX-RADIO:where(:not([type=chera], [type=switch])) input:where(:focus) ~ u:before,
AX-CHECKBOX:where(:not([type=chera], [type=switch])) input:where(:focus) ~ u:before {
  outline: none;
  border-color: var(--_c-prim);
}
AX-RADIO:where(:not([type=chera], [type=switch])) input:where(:disabled) ~ i,
AX-CHECKBOX:where(:not([type=chera], [type=switch])) input:where(:disabled) ~ i {
  color: var(--_c-disable);
  cursor: not-allowed;
}
AX-RADIO:where(:not([type=chera], [type=switch])) input:where(:disabled:checked) ~ u:before,
AX-CHECKBOX:where(:not([type=chera], [type=switch])) input:where(:disabled:checked) ~ u:before {
  background-color: var(--_c-prim-sd);
}
AX-RADIO:where(:not([type=chera], [type=switch]))[size=xs],
AX-CHECKBOX:where(:not([type=chera], [type=switch]))[size=xs] {
  --_chk-h: var(--_rem-list);
}
AX-RADIO:where(:not([type=chera], [type=switch]))[size=xs]:where(:not([type=text])),
AX-CHECKBOX:where(:not([type=chera], [type=switch]))[size=xs]:where(:not([type=text])) {
  --_chk-g-r: var(--_m);
}
AX-RADIO:where(:not([type=chera], [type=switch]))[size=sm],
AX-CHECKBOX:where(:not([type=chera], [type=switch]))[size=sm] {
  --_chk-h: var(--_rem-display);
}
AX-RADIO:where(:not([type=chera], [type=switch]))[size=sm]:where(:not([type=text])),
AX-CHECKBOX:where(:not([type=chera], [type=switch]))[size=sm]:where(:not([type=text])) {
  --_chk-g-r: var(--_m);
}
AX-RADIO:where(:not([type=chera], [type=switch]))[size=lg],
AX-CHECKBOX:where(:not([type=chera], [type=switch]))[size=lg] {
  --_chk-h: var(--_rem-max);
}
/*Radio*/
AX-RADIO:where(:not([type=chera], [type=switch])) u {
  width: var(--_rem-subtitle);
  aspect-ratio: 1/1;
  line-height: var(--_rem-subtitle);
  position: relative;
  display: inline-flex;
}
AX-RADIO:where(:not([type=chera], [type=switch])) u:before {
  content: '';
  width: inherit;
  height: inherit;
  box-sizing: border-box;
  border-radius: 100%;
  border: 1px solid var(--_c-text-bd);
  background-color: var(--_c-stage);
  transition: all var(--_dur-2) ease-out;
}
AX-RADIO:where(:not([type=chera], [type=switch])) u:after {
  content: '';
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-color: var(--_c-prim);
  display: inline-block;
  transform: scale(0);
  transition: all var(--_dur-2) ease-out;
  position: absolute;
  inset-block-start: 0.4rem;
  inset-inline-start: 0.4rem;
}
AX-RADIO:where(:not([type=chera], [type=switch])) input:where(:checked) ~ u:before {
  border-color: var(--_c-prim);
  animation: _checked var(--_dur-3) ease-out forwards;
}
AX-RADIO:where(:not([type=chera], [type=switch])) input:where(:checked) ~ u:after {
  transform: scale(1);
}
AX-RADIO:where(:not([type=chera], [type=switch])):where([check=ing]:not(:has(input:checked))) input ~ u:before {
  border-color: var(--_c-prim);
}
AX-RADIO:where(:not([type=chera], [type=switch])):where([check=ing]:not(:has(input:checked))) input ~ u:after {
  background-color: var(--_c-prim-bd);
  transform: scale(1);
}
AX-RADIO:where(:not([type=chera], [type=switch])) input:where(:disabled) ~ u:before {
  border-color: var(--_c-text-bd);
  cursor: not-allowed;
}
AX-RADIO:where(:not([type=chera], [type=switch])) input:where(:disabled) ~ u:after {
  cursor: not-allowed;
}
AX-RADIO:where(:not([type=chera], [type=switch])) input:where(:disabled:checked) ~ u:after {
  background-color: var(--_c-disable-bg);
  transform: scale(1);
}
/*Checkbox*/
AX-CHECKBOX:where(:not([type=chera], [type=switch])) {
  /*   &:has(i:empty) {
    height: var(--_rem-list);
    line-height: var(--_rem-list);
    i {
      display: none;
    }
  } */
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])) u {
  width: calc(var(--_rem-subtitle) - 0.2rem);
  aspect-ratio: 1/1;
  line-height: calc(var(--_rem-subtitle) - 0.2rem);
  position: relative;
  display: inline-flex;
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])) u:before {
  content: '';
  width: inherit;
  height: inherit;
  box-sizing: border-box;
  border-radius: var(--_r);
  border: 1px solid var(--_c-text-bd);
  background-color: var(--_c-stage);
  transition: all var(--_dur-2) ease-out;
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])) u:after {
  font-family: var(--_ff-icon);
  content: 'check';
  color: var(--_c-stage);
  font-size: var(--_rem-caption);
  width: inherit;
  height: inherit;
  line-height: inherit;
  text-align: center;
  transform: scale(0);
  transition: all var(--_dur-2) ease-out;
  position: absolute;
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])) input:where(:checked) ~ u:before {
  border-color: var(--_c-prim);
  background-color: var(--_c-prim);
  animation: _checked var(--_dur-3) ease-out forwards;
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])) input:where(:checked) ~ u:after {
  transform: scale(0.8);
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])):where([check=ing]:not(:has(input:checked))) input ~ u:before {
  border-color: var(--_c-prim);
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])):where([check=ing]:not(:has(input:checked))) input ~ u:after {
  content: '';
  width: 1rem;
  height: 1rem;
  background-color: var(--_c-prim-bd);
  transform: none;
  inset-block-start: 0.3rem;
  inset-inline-start: 0.3rem;
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])) input:where(:focus) ~ u:before {
  outline: none;
  border-color: var(--_c-prim);
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])) input:where(:disabled) ~ u:before {
  border-color: var(--_c-text-bd);
  background-color: var(--_c-disable-bg);
  cursor: not-allowed;
}
AX-CHECKBOX:where(:not([type=chera], [type=switch])) input:where(:disabled:checked) ~ u:after {
  color: var(--_c-disable);
  transform: scale(0.8);
  cursor: not-allowed;
}
/*Chera of checkbox & radio*/
AX-CHECKBOX[type=chera],
AX-RADIO[type=chera] {
  --_chk-d: block;
  --_chera-h: calc(var(--_chk-h) - 0.6rem);
}
AX-CHECKBOX[type=chera] label,
AX-RADIO[type=chera] label {
  display: flex;
}
AX-CHECKBOX[type=chera] i,
AX-RADIO[type=chera] i {
  height: var(--_chera-h);
  line-height: calc(var(--_chera-h) - 0.2rem);
  padding-block: 0;
  padding-inline-end: calc(var(--_p) * 2);
  padding-inline-start: 1rem;
  background-color: var(--_c-stage);
  box-sizing: border-box;
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all var(--_dur-2) ease-out;
  flex: auto;
}
AX-CHECKBOX[type=chera] u,
AX-RADIO[type=chera] u {
  font-size: var(--_rem-caption);
  color: var(--_c-caption);
  transform: translate(0, -50%);
  transition: all var(--_dur-2) ease-out;
  position: absolute;
  inset-inline-end: 1rem;
  inset-block-start: 50%;
}
AX-CHECKBOX[type=chera] u:after,
AX-RADIO[type=chera] u:after {
  font-family: var(--_ff-icon);
  content: 'check';
}
AX-CHECKBOX[type=chera]:where(:hover) i,
AX-RADIO[type=chera]:where(:hover) i {
  border-color: var(--_c-prim);
}
AX-CHECKBOX[type=chera] input:where(:checked) ~ i,
AX-RADIO[type=chera] input:where(:checked) ~ i {
  color: var(--_c-white);
  background-color: var(--_c-prim);
  border-color: var(--_c-prim);
}
AX-CHECKBOX[type=chera] input:where(:checked) ~ u,
AX-RADIO[type=chera] input:where(:checked) ~ u {
  color: var(--_c-white);
}
AX-CHECKBOX[type=chera]:where([check=ing]:not(:has(input:checked))) input ~ i,
AX-RADIO[type=chera]:where([check=ing]:not(:has(input:checked))) input ~ i {
  background-color: var(--_c-prim-bg);
}
AX-CHECKBOX[type=chera] input:where(:focus) ~ u,
AX-RADIO[type=chera] input:where(:focus) ~ u {
  border-color: var(--_c-prim);
}
AX-CHECKBOX[type=chera] input:where(:disabled) ~ i,
AX-RADIO[type=chera] input:where(:disabled) ~ i {
  color: var(--_c-disable);
  border-color: var(--_c-text-bd);
  background-color: var(--_c-disable-bg);
}
AX-CHECKBOX[type=chera] input:where(:disabled:checked) ~ i,
AX-RADIO[type=chera] input:where(:disabled:checked) ~ i {
  color: var(--_c-disable);
  border-color: var(--_c-text-bd);
  background-color: var(--_c-prim-sd);
}
AX-CHECKBOX[type=chera] input:where(:disabled:checked) ~ u,
AX-RADIO[type=chera] input:where(:disabled:checked) ~ u {
  color: var(--_c-disable);
}
AX-CHECKBOX[type=chera][size=xs],
AX-RADIO[type=chera][size=xs] {
  --_chk-h: var(--_rem-list);
  font-size: var(--_rem-caption);
}
AX-CHECKBOX[type=chera][size=xs] i,
AX-RADIO[type=chera][size=xs] i {
  height: calc(var(--_chk-h) - 0.2rem);
  line-height: calc(var(--_chk-h) - 0.2rem - 0.2rem);
  padding-inline-start: 0.4rem;
}
AX-CHECKBOX[type=chera][size=xs] u,
AX-RADIO[type=chera][size=xs] u {
  inset-inline-end: 0.4rem;
}
AX-CHECKBOX[type=chera][size=sm],
AX-RADIO[type=chera][size=sm] {
  --_chk-h: var(--_rem-display);
  font-size: var(--_rem-caption);
}
AX-CHECKBOX[type=chera][size=sm] i,
AX-RADIO[type=chera][size=sm] i {
  height: calc(var(--_chk-h) - 0.2rem);
  line-height: calc(var(--_chk-h) - 0.2rem - 0.2rem);
}
AX-CHECKBOX[type=chera][size=lg],
AX-RADIO[type=chera][size=lg] {
  --_chk-h: calc(var(--_rem-input) + 1rem);
}
AX-CHECKBOX[type=chera][size=lg] i,
AX-RADIO[type=chera][size=lg] i {
  height: var(--_rem-input);
  line-height: calc(var(--_rem-input) - 0.2rem);
}
/*Text of checkbox & radio*/
AX-CHECKBOX[type=text],
AX-RADIO[type=text] {
  --_chk-lh: var(--_rem-list);
  --_chk-h: auto;
  --_chk-a-v: start;
  --_chk-d: block;
  padding-inline: 0;
  padding-block: calc((var(--_rem-input) - var(--_chk-lh))/2);
}
AX-CHECKBOX[type=text] label,
AX-RADIO[type=text] label {
  display: flex;
}
AX-CHECKBOX[type=text] i,
AX-RADIO[type=text] i {
  flex: auto;
  flex-wrap: wrap;
}
AX-CHECKBOX[type=text] u {
  margin-block-start: calc((var(--_chk-lh) - var(--_rem-subtitle) + 0.2rem)/2);
}
AX-RADIO[type=text] u {
  margin-block-start: calc((var(--_chk-lh) - var(--_rem-subtitle))/2);
}
/*Btn of checkbox & radio*/
AX-CHECKBOX[type=btn],
AX-RADIO[type=btn] {
  --_chk-lh: calc(var(--_chk-h) - 2px);
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r-input);
  background-color: var(--_c-stage);
  padding-inline: 1em;
  padding-block: 0;
  box-sizing: border-box;
  transition: all var(--_dur-2) linear;
}
AX-CHECKBOX[type=btn] label,
AX-RADIO[type=btn] label {
  height: calc(var(--_chk-h) - 2px);
}
AX-CHECKBOX[type=btn]:hover,
AX-RADIO[type=btn]:hover {
  border-color: var(--_c-prim);
  background-color: var(--_c-prim-bg);
}
AX-CHECKBOX[type=btn]:has(:checked),
AX-RADIO[type=btn]:has(:checked) {
  border-color: var(--_c-prim);
}
AX-CHECKBOX[type=btn]:focus-within,
AX-RADIO[type=btn]:focus-within {
  border-color: var(--_c-prim);
  outline: var(--_w-outline) solid transparent;
  outline-offset: 0px;
  outline-color: var(--_c-prim-sd);
}
AX-CHECKBOX[type=btn][size=xs],
AX-RADIO[type=btn][size=xs] {
  font-size: var(--_rem-caption);
  padding-inline: var(--_em-min);
  border-radius: var(--_r-input-sm);
}
AX-CHECKBOX[type=btn][size=sm],
AX-RADIO[type=btn][size=sm] {
  font-size: var(--_rem-caption);
  border-radius: var(--_r-input-sm);
}
AX-CHECKBOX[type=btn][size=lg],
AX-RADIO[type=btn][size=lg] {
  padding-inline: 2em;
  border-radius: var(--_r-input-lg);
}
/*Switch of checkbox*/
AX-CHECKBOX[type=switch] {
  --_switch-w: calc(var(--_rem-subtitle)*2);
  --_switch-h: var(--_rem-subtitle);
  --_switch-r: var(--_switch-h);
  --_switch-btn-h: calc(var(--_switch-h) - 2px);
  --_switch-btn-w: var(--_switch-btn-h);
  --_switch-btn-r: var(--_switch-btn-h);
  --_switch-btn-inset: calc(var(--_switch-w) - var(--_switch-btn-w) - 2px);
}
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-inline-start: var(--_g);
}
AX-CHECKBOX[type=switch] u {
  width: var(--_switch-w);
  height: var(--_switch-h);
  box-sizing: border-box;
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_switch-r);
  margin: calc((var(--_chk-h) - var(--_switch-h))/2) 0;
  background-color: var(--_c-text-bg);
  transition: all var(--_dur-2) linear;
  position: relative;
}
AX-CHECKBOX[type=switch] u:before {
  content: '';
  font-size: var(--_rem-space);
  color: var(--_c-brief);
  height: var(--_switch-btn-h);
  width: var(--_switch-btn-w);
  line-height: var(--_switch-btn-h);
  border-radius: var(--_switch-btn-r);
  background-color: var(--_c-white);
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.4);
  transition: all var(--_dur-2) var(--_bez-eo);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset-inline-end: var(--_switch-btn-inset);
}
AX-CHECKBOX[type=switch]:where([contained]) {
  --_switch-r: calc(var(--_r) + 1px);
  --_switch-btn-r: var(--_r);
}
AX-CHECKBOX[type=switch]:where([contained]:has(u[on][off])) {
  --_switch-w: var(--_rem-hitbox);
  --_switch-btn-w: calc(var(--_rem-lead)*2);
}
AX-CHECKBOX[type=switch]:where([contained]) u:before {
  content: attr(off);
}
AX-CHECKBOX[type=switch]:where(:not([contained])) u:after {
  content: attr(off);
  color: var(--_c-caption);
  font-size: var(--_rem-space);
  height: calc(var(--_switch-h) - 2px);
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset-inline-start: auto;
  inset-inline-end: 0;
  pointer-events: none;
}
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 {
  --_switch-btn-inset: 0;
}
AX-CHECKBOX[type=switch]:where([contained]) input:where(:checked) ~ u:before {
  content: attr(on);
}
AX-CHECKBOX[type=switch]:where(:not([contained])) input:where(:checked) ~ u:after {
  content: attr(on);
  color: var(--_c-white);
  inset-inline-end: auto;
  inset-inline-start: 0;
}
AX-CHECKBOX[type=switch]:where([check=ing]:not(:has(input:checked))) input ~ u {
  background-color: var(--_c-prim-bg);
  border-color: var(--_c-prim);
}
AX-CHECKBOX[type=switch] input:where(:checked) + i {
  color: var(--_c-prim);
}
AX-CHECKBOX[type=switch] input:where(:disabled) ~ i {
  color: var(--_c-disable);
}
AX-CHECKBOX[type=switch] input:where(:disabled) ~ u {
  border-color: var(--_c-text-bd);
  background-color: var(--_c-disable-bg);
}
AX-CHECKBOX[type=switch] input:where(:disabled:checked) ~ u {
  background-color: var(--_c-prim-sd);
}
AX-CHECKBOX[type=switch][size=xs] {
  --_chk-h: var(--_rem-list);
}
AX-CHECKBOX[type=switch][size=sm] {
  --_chk-h: var(--_rem-display);
}
AX-CHECKBOX[type=switch][size=lg] {
  --_chk-h: var(--_rem-max);
}
/*Checkboxes & Radios group */
AX-RADIOS,
AX-CHECKBOXES,
AX-RADIOS > [rep=wrap],
AX-CHECKBOXES > [rep=wrap] {
  width: 100%;
}
AX-RADIOS[type=btn],
AX-CHECKBOXES[type=btn] {
  --_chk-g-btn: var(--_rem-body);
}
AX-RADIOS[type=btn] AX-RADIO:not(:last-child),
AX-CHECKBOXES[type=btn] AX-CHECKBOX:not(:last-child) {
  margin-inline-end: var(--_chk-g-btn);
}
AX-RADIOS[type=btn][size=xs],
AX-CHECKBOXES[type=btn][size=xs] {
  --_chk-g-btn: var(--_rem-min);
}
AX-RADIOS[type=btn][size=sm],
AX-CHECKBOXES[type=btn][size=sm] {
  --_chk-g-btn: var(--_rem-space);
}
AX-RADIOS[type=btn][size=lg],
AX-CHECKBOXES[type=btn][size=lg] {
  --_chk-g-btn: var(--_rem-list);
}
/*Group button*/
/*Header*/
AX-HEADER {
  --_header-h: calc(var(--_rem-hitbox) + 1rem);
  --_header-m: var(--_m);
  --_header-bw: 1px;
  --_header-bc: var(--_c-text-bd);
  --_header-bg: var(--_c-stage);
  --_header-filter: none;
  --_header-g: var(--_rem-display);
  display: block;
  width: 100%;
  position: relative;
  z-index: 710;
  transition: all var(--_dur-2) linear;
}
AX-HEADER ._header-wrap {
  width: 100%;
  box-sizing: border-box;
  background-color: var(--_header-bg);
  backdrop-filter: var(--_header-filter);
  border-block-end: var(--_header-bw) solid var(--_header-bc);
  transition: all var(--_dur-2) linear;
  display: flex;
  align-items: center;
  flex: auto;
}
AX-HEADER[feature=blur] {
  --_header-bg: var(--_c-stage-88);
  --_header-filter: blur(10px);
}
AX-HEADER[feature=transparent] {
  --_header-bg: transparent;
  --_header-bw: 0;
}
AX-HEADER ._header-holder {
  height: var(--_header-h);
  overflow: hidden;
}
AX-HEADER:where(:not([inherit])) > ._header-wrap {
  position: fixed;
  inset-inline-start: 0;
  inset-block-start: 0;
}
AX-HEADER:where([inherit]) ._header-wrap {
  position: inherit;
  inset-inline-start: auto;
  inset-block-start: auto;
}
AX-HEADER:where([inherit]) ._header-holder {
  display: none;
}
AX-HEADER ._header-l,
AX-HEADER ._header-r {
  display: none;
  align-items: center;
}
AX-HEADER ._header-l > :where(:not(AX-DEFORM)),
AX-HEADER ._header-r > :where(:not(AX-DEFORM)) {
  height: var(--_rem-input);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
AX-HEADER ._header-l > :where(:not(AX-DEFORM)) > [class*=icon],
AX-HEADER ._header-r > :where(:not(AX-DEFORM)) > [class*=icon] {
  font-size: var(--_rem-subtitle);
  aspect-ratio: 1 / 1;
}
AX-HEADER ._header-l > :where(:not(AX-DEFORM)) > AX-BADGE,
AX-HEADER ._header-r > :where(:not(AX-DEFORM)) > AX-BADGE {
  position: absolute;
  inset-block-end: calc(100% - 1.4rem);
  inset-inline-start: calc(100% - 1.4rem);
}
AX-HEADER ._header-c {
  box-sizing: border-box;
  flex: auto;
}
AX-HEADER ._header-c [class*=_container] {
  display: flex;
  justify-content: center;
  align-items: center;
}
AX-HEADER ._header-c:where(:not(:has([class*=_container]))) {
  display: flex;
  justify-content: center;
  align-items: center;
}
AX-HEADER ._header-head {
  flex: auto;
  margin-inline-start: var(--_header-m);
}
AX-HEADER ._header-body {
  display: flex;
  align-items: center;
  margin-inline-end: var(--_header-m);
}
AX-HEADER [rep=logo] {
  height: var(--_header-h);
  transition: all var(--_dur-2) linear;
  vertical-align: middle;
  position: relative;
  display: inline-flex;
  align-items: center;
}
AX-HEADER [rep=logo] img {
  max-width: none;
  height: inherit;
}
AX-HEADER ._header-c [class*=_container] {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
AX-HEADER ._header-c [class*=_container] > ._header-head {
  margin-inline-start: 0;
}
AX-HEADER ._header-c [class*=_container] > ._header-body {
  margin-inline-end: 0;
}
AX-HEADER [rep=nav] {
  margin-inline-start: var(--_header-g);
  display: flex;
  justify-content: center;
  align-items: center;
}
AX-HEADER [rep=nav] ._group-lamp {
  --_group-height: var(--_header-h);
}
AX-HEADER [rep=nav] ._grade > [rep=host] {
  line-height: var(--_header-h);
}
AX-HEADER [rep=nav] ._menu[nav] {
  --_menu-h-1st: var(--_header-h);
}
AX-HEADER [rep=btns] {
  margin-inline-start: var(--_header-g);
}
AX-HEADER [rep=link] {
  color: var(--_c-text);
  margin-inline-start: var(--_header-g);
}
AX-HEADER [rep=link]:hover {
  color: var(--_c-prim);
}
AX-HEADER [rep=icons] {
  margin-inline-start: var(--_header-g);
  height: var(--_header-h);
  display: inline-flex;
  align-items: center;
}
AX-HEADER [rep=icons] > * {
  color: var(--_c-text);
  height: var(--_rem-input);
  text-align: center;
  transition: all var(--_dur-2) linear;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}
AX-HEADER [rep=icons] > *[class*=icon] {
  font-size: var(--_rem-subtitle);
  aspect-ratio: 1 / 1;
  justify-content: center;
}
AX-HEADER [rep=icons] > *[class*=icon] AX-BADGE {
  position: absolute;
  inset-block-end: calc(100% - 1.6rem);
  inset-inline-start: calc(100% - 1.2rem);
}
AX-HEADER [rep=dropdown] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-inline-start: var(--_header-g);
}
AX-HEADER [rep=dropdown]:after {
  content: 'down';
  font-family: var(--_ff-icon);
  font-size: var(--_px-root);
  color: var(--_c-caption);
  margin-inline-start: var(--_g);
  transition: all var(--_dur-2) linear;
}
AX-HEADER [rep=dropdown]._opened:after {
  rotate: 180deg;
}
AX-HEADER [rep=search] {
  margin-inline-start: var(--_header-g);
}
AX-HEADER [rep=avatar] {
  margin-inline-start: var(--_header-g);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
AX-HEADER[justify] ._header-head {
  text-align: start;
}
/* 
._header {
  --_header-h: calc(var(--_rem-hitbox) + 1.0rem);
  --_header-m: var(--_m);
  --_header-g: var(--_rem-display);
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
  .v3-trans-all();
  width: 100%;
  display: flex;
  align-items: center;
  z-index: 610;
  ._header-wrap {
    display: flex;
    align-items: center;
    flex: auto;
  }
  &:where(:not([inherit])) {
    position: fixed;
    inset-inline-start: 0;
    inset-block-start: 0;
  }
  &:where([inherit]) {
    position: inherit;
    inset-inline-start: auto;
    inset-block-start: auto;
    &+._header-holder {
      display: none;
    }
  }
}
 */
/*Footer*/
._footer a {
  color: var(--_c-text);
}
._footer a:hover {
  color: var(--_c-prim);
}
._footer [rep=signs] {
  display: inline-flex;
  font-size: var(--_rem-caption);
  line-height: var(--_rem-list);
  flex-wrap: wrap;
}
._footer [rep=signs] > * {
  color: var(--_c-brief);
  flex: auto;
  text-align: center;
  display: inline-flex;
  flex-direction: column;
}
._footer [rep=signs] > * img {
  height: var(--_rem-list);
  aspect-ratio: 1/1;
  filter: grayscale(100%);
  transition: all var(--_dur-2) linear;
}
._footer [rep=signs] > *:hover {
  color: var(--_c-text);
}
._footer [rep=signs] > *:hover img {
  filter: grayscale(0);
}
._footer [rep=signs] > *:where(:not(:last-child)) {
  margin-inline-end: var(--_rem-display);
}
._footer [rep=qrcode] {
  display: inline-flex;
  flex-direction: column;
  width: auto;
}
._footer [rep=qrcode] [rep=title] {
  font-weight: bold;
}
._footer [rep=qrcode] [rep=body] {
  display: inline-flex;
}
._footer [rep=qrcode] [rep=body] img {
  max-width: var(--_w-label);
  border-radius: var(--_r);
  border: 1px solid var(--_c-divide);
}
._footer [rep=qrcode] [rep=brief] {
  font-size: var(--_rem-caption);
}
._footer [rep=subnav] {
  display: inline-flex;
  max-width: 100%;
}
._footer [rep=subnav] > * {
  flex: auto;
  min-width: var(--_w-list);
}
._footer [rep=subnav] > * [rep=title] {
  font-weight: bold;
}
._footer [rep=nav] {
  display: inline-flex;
  flex-wrap: wrap;
}
._footer [rep=nav] > *:where(:not(:last-child)) {
  margin-inline-end: var(--_rem-display);
}
._footer [rep=security] {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}
._footer [rep=security] > a {
  display: inline-flex;
}
._footer [rep=security] > a:where(:not(:last-child)) {
  margin-inline-end: var(--_px-space);
}
._footer [rep=security] img {
  height: var(--_px-display);
}
._footer [rep=icons] {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}
._footer [rep=icons] > :where(:not(:last-child)) {
  margin-inline-end: var(--_rem-body);
}
._footer [rep=balls] {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}
._footer [rep=balls] > a {
  font-size: var(--_rem-caption);
  color: var(--_c-white);
  background-color: hsl(var(--_h-text), var(--_s-text), 20%);
  height: var(--_rem-display);
  aspect-ratio: 1/1;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
._footer [rep=balls] > a:hover {
  color: hsla(var(--_h-stage), var(--_s-stage), 100%, 0.6);
}
._footer [rep=balls] > a:where(:not(:last-child)) {
  margin-inline-end: var(--_rem-body);
}
._footer [rep=contact] {
  display: inline-flex;
  flex-direction: column;
}
._footer [rep=contact] [rep=title] {
  font-weight: bold;
}
._footer [rep=contact] [rep=icon] {
  text-align: start;
  width: var(--_rem-list);
}
._footer [rep=cprt],
._footer [rep=ignore] {
  line-height: var(--_rem-list);
}
._footer [rep=cprt] a:hover,
._footer [rep=ignore] a:hover {
  color: var(--_c-prim);
}
._footer [rep=cprt] img,
._footer [rep=ignore] img {
  max-height: var(--_rem-subtitle);
  vertical-align: middle;
}
._footer [rep=cprt] {
  color: var(--_c-brief);
}
._footer [rep=cprt] a {
  color: var(--_c-brief);
}
._footer [rep=ignore] {
  font-size: var(--_rem-caption);
  color: var(--_c-caption);
}
._footer [rep=ignore] a {
  color: var(--_c-caption);
}
@media (max-width: 599px) {
  ._footer [rep=qrcode],
  ._footer [rep=subnav],
  ._footer [rep=nav],
  ._footer [rep=icons],
  ._footer [rep=security],
  ._footer [rep=balls],
  ._footer [rep=signs],
  ._footer [rep=subnav],
  ._footer [rep=cprt],
  ._footer [rep=ignore] {
    display: block;
  }
  ._footer [rep=cprt],
  ._footer [rep=nav] {
    width: auto;
  }
}
/*Deform*/
AX-DEFORM {
  --_deform-sz: var(--_rem-input);
  --_deform-w-line: 1.6rem;
  --_deform-h-line: 0.2rem;
  --_deform-c: var(--_c-text);
  --_deform-bc: var(--_c-text-bd);
  --_deform-bg: transparent;
  --_deform-r: var(--_r-input);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  border-radius: var(--_deform-r);
  height: var(--_deform-sz);
  aspect-ratio: 1 / 1;
  background-color: var(--_deform-bg);
  cursor: pointer;
  transition: all var(--_dur-2) linear;
  position: relative;
}
AX-DEFORM:before {
  border-radius: var(--_r);
  border-color: var(--_deform-c);
}
AX-DEFORM [rep=wrap] {
  height: var(--_rem-display);
  aspect-ratio: 1 / 1;
  display: inline-flex;
  position: relative;
}
AX-DEFORM [rep=wrap] > * {
  height: var(--_deform-h-line);
  width: var(--_deform-w-line);
  background-color: var(--_deform-c);
  border-radius: var(--_deform-h-line);
  transition: all var(--_dur-2) linear;
  position: absolute;
  inset-inline-start: calc((100% - var(--_deform-w-line))/2);
  inset-block-start: calc((100% - var(--_deform-h-line))/2);
}
AX-DEFORM[type=info]:where(:not(._opened)) [rep=wrap] > :nth-child(1) {
  width: var(--_deform-h-line);
  inset-block-start: calc((100% - var(--_deform-w-line))/2);
  inset-inline-start: calc((100% - var(--_deform-h-line))/2);
}
AX-DEFORM[type=info]:where(:not(._opened)) [rep=wrap] > :nth-child(2) {
  width: calc(var(--_deform-w-line) - var(--_deform-h-line));
  transform: rotate(90deg);
  inset-block-start: calc(50% + var(--_deform-h-line));
  inset-inline-start: calc((100% - (calc(var(--_deform-w-line) - var(--_deform-h-line))))/2);
}
AX-DEFORM[type=info] [rep=wrap] > :nth-child(3) {
  opacity: 0;
}
AX-DEFORM[type=add]:where(:not(._opened)) [rep=wrap] > :nth-child(2) {
  transform: rotate(90deg);
}
AX-DEFORM[type=add] [rep=wrap] > :nth-child(3) {
  opacity: 0;
}
AX-DEFORM[type=left],
AX-DEFORM[type=right],
AX-DEFORM[type=up],
AX-DEFORM[type=down] {
  --_deform-w-line: 1rem;
}
AX-DEFORM[type=left] [rep=wrap] > :nth-child(1),
AX-DEFORM[type=right] [rep=wrap] > :nth-child(1),
AX-DEFORM[type=up] [rep=wrap] > :nth-child(1),
AX-DEFORM[type=down] [rep=wrap] > :nth-child(1) {
  transform: rotate(-45deg);
}
AX-DEFORM[type=left] [rep=wrap] > :nth-child(2),
AX-DEFORM[type=right] [rep=wrap] > :nth-child(2),
AX-DEFORM[type=up] [rep=wrap] > :nth-child(2),
AX-DEFORM[type=down] [rep=wrap] > :nth-child(2) {
  transform: rotate(45deg);
}
AX-DEFORM[type=left] [rep=wrap] > :nth-child(3),
AX-DEFORM[type=right] [rep=wrap] > :nth-child(3),
AX-DEFORM[type=up] [rep=wrap] > :nth-child(3),
AX-DEFORM[type=down] [rep=wrap] > :nth-child(3) {
  opacity: 0;
}
AX-DEFORM[type=left] [rep=wrap] > :nth-child(1) {
  inset-block-start: calc(50% - 0.3rem);
}
AX-DEFORM[type=left] [rep=wrap] > :nth-child(2) {
  inset-block-start: calc(50% + 0.3rem);
}
AX-DEFORM[type=left]._opened [rep=wrap] > :nth-child(1) {
  inset-block-start: calc(50% + 0.3rem);
}
AX-DEFORM[type=left]._opened [rep=wrap] > :nth-child(2) {
  inset-block-start: calc(50% - 0.3rem);
}
AX-DEFORM[type=right] [rep=wrap] > :nth-child(1) {
  inset-block-start: calc(50% + 0.3rem);
}
AX-DEFORM[type=right] [rep=wrap] > :nth-child(2) {
  inset-block-start: calc(50% - 0.3rem);
}
AX-DEFORM[type=right]._opened [rep=wrap] > :nth-child(1) {
  inset-block-start: calc(50% - 0.3rem);
}
AX-DEFORM[type=right]._opened [rep=wrap] > :nth-child(2) {
  inset-block-start: calc(50% + 0.3rem);
}
AX-DEFORM[type=up] [rep=wrap] > :nth-child(1) {
  inset-inline-start: calc(50% - 0.8rem);
}
AX-DEFORM[type=up] [rep=wrap] > :nth-child(2) {
  inset-inline-start: calc(50% - 0.2rem);
}
AX-DEFORM[type=up]._opened [rep=wrap] > :nth-child(1) {
  inset-inline-start: calc(50% - 0.2rem);
}
AX-DEFORM[type=up]._opened [rep=wrap] > :nth-child(2) {
  inset-inline-start: calc(50% - 0.8rem);
}
AX-DEFORM[type=down] [rep=wrap] > :nth-child(1) {
  inset-inline-start: calc(50% - 0.2rem);
}
AX-DEFORM[type=down] [rep=wrap] > :nth-child(2) {
  inset-inline-start: calc(50% - 0.8rem);
}
AX-DEFORM[type=down]._opened [rep=wrap] > :nth-child(1) {
  inset-inline-start: calc(50% - 0.8rem);
}
AX-DEFORM[type=down]._opened [rep=wrap] > :nth-child(2) {
  inset-inline-start: calc(50% - 0.2rem);
}
AX-DEFORM[type*=menu]:where(:not(._opened)) [rep=wrap] > :nth-child(1) {
  inset-block-start: calc(50% - 0.6rem);
}
AX-DEFORM[type*=menu]:where(:not(._opened)) [rep=wrap] > :nth-child(3) {
  inset-block-start: calc(50% + 0.4rem);
}
AX-DEFORM[type=menustart]:where(:not(._opened)) [rep=wrap] > :nth-child(1),
AX-DEFORM[type=menuend]:where(:not(._opened)) [rep=wrap] > :nth-child(1) {
  width: calc(var(--_deform-w-line)*0.625);
}
AX-DEFORM[type=menustart]:where(:not(._opened)) [rep=wrap] > :nth-child(3),
AX-DEFORM[type=menuend]:where(:not(._opened)) [rep=wrap] > :nth-child(3) {
  width: calc(var(--_deform-w-line)*0.875);
}
AX-DEFORM[type=menuend]:where(:not(._opened)) [rep=wrap] > * {
  inset-inline-start: auto;
  inset-inline-end: calc((100% - var(--_deform-w-line))/2);
}
AX-DEFORM[type=close] [rep=wrap] > :nth-child(1),
AX-DEFORM[type=menu]._opened [rep=wrap] > :nth-child(1),
AX-DEFORM[type=menustart]._opened [rep=wrap] > :nth-child(1),
AX-DEFORM[type=menuend]._opened [rep=wrap] > :nth-child(1),
AX-DEFORM[type=info]._opened [rep=wrap] > :nth-child(1),
AX-DEFORM[type=add]._opened [rep=wrap] > :nth-child(1) {
  transform: rotate(-45deg);
}
AX-DEFORM[type=close] [rep=wrap] > :nth-child(2),
AX-DEFORM[type=menu]._opened [rep=wrap] > :nth-child(2),
AX-DEFORM[type=menustart]._opened [rep=wrap] > :nth-child(2),
AX-DEFORM[type=menuend]._opened [rep=wrap] > :nth-child(2),
AX-DEFORM[type=info]._opened [rep=wrap] > :nth-child(2),
AX-DEFORM[type=add]._opened [rep=wrap] > :nth-child(2) {
  transform: rotate(45deg);
}
AX-DEFORM[type=close] [rep=wrap] > :nth-child(3),
AX-DEFORM[type=menu]._opened [rep=wrap] > :nth-child(3),
AX-DEFORM[type=menustart]._opened [rep=wrap] > :nth-child(3),
AX-DEFORM[type=menuend]._opened [rep=wrap] > :nth-child(3),
AX-DEFORM[type=info]._opened [rep=wrap] > :nth-child(3),
AX-DEFORM[type=add]._opened [rep=wrap] > :nth-child(3) {
  opacity: 0;
}
AX-DEFORM[bordered]:before,
AX-DEFORM[shape]:before {
  content: "";
  box-sizing: border-box;
  border: 1px solid var(--_deform-bc);
  width: 100%;
  height: 100%;
  pointer-events: none;
  transform-origin: 0 0;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  border-radius: var(--_deform-r);
}
AX-DEFORM[shape=square] {
  --_deform-r: 0;
}
AX-DEFORM[shape=round] {
  --_deform-r: 100%;
}
AX-DEFORM[size=lg] {
  --_deform-r: var(--_r-input-lg);
  --_deform-sz: var(--_rem-max);
}
AX-DEFORM[size=sm] {
  --_deform-w-line: 1.2rem;
  --_deform-r: var(--_r-input-sm);
  --_deform-sz: var(--_rem-display);
}
AX-DEFORM[size=sm]:where([type*=menu]) [rep=wrap] > :nth-child(1) {
  inset-block-start: calc(50% - 0.5rem);
}
AX-DEFORM[size=sm]:where([type*=menu]) [rep=wrap] > :nth-child(3) {
  inset-block-start: calc(50% + 0.3rem);
}
AX-DEFORM[size=sm]:where([type=left]),
AX-DEFORM[size=sm]:where([type=right]),
AX-DEFORM[size=sm]:where([type=up]),
AX-DEFORM[size=sm]:where([type=down]) {
  --_deform-w-line: 0.8rem;
}
AX-DEFORM[size=sm]:where([type=left]) [rep=wrap] > :nth-child(1) {
  inset-block-start: calc(50% - 0.2rem);
}
AX-DEFORM[size=sm]:where([type=left]) [rep=wrap] > :nth-child(2) {
  inset-block-start: calc(50% + 0.2rem);
}
AX-DEFORM[size=sm]:where([type=right]) [rep=wrap] > :nth-child(1) {
  inset-block-start: calc(50% + 0.2rem);
}
AX-DEFORM[size=sm]:where([type=right]) [rep=wrap] > :nth-child(2) {
  inset-block-start: calc(50% - 0.2rem);
}
AX-DEFORM[size=sm]:where([type=up]) [rep=wrap] > :nth-child(1) {
  inset-inline-start: calc(50% - 0.6rem);
}
AX-DEFORM[size=sm]:where([type=up]) [rep=wrap] > :nth-child(2) {
  inset-inline-start: calc(50% - 0.1rem);
}
AX-DEFORM[size=sm]:where([type=down]) [rep=wrap] > :nth-child(1) {
  inset-inline-start: calc(50% - 0.1rem);
}
AX-DEFORM[size=sm]:where([type=down]) [rep=wrap] > :nth-child(2) {
  inset-inline-start: calc(50% - 0.6rem);
}
AX-DEFORM:where(:not([filled]))[theme=prim] {
  --_deform-c: var(--_c-prim);
}
AX-DEFORM:where(:not([filled]))[theme=succ] {
  --_deform-c: var(--_c-succ);
}
AX-DEFORM:where(:not([filled]))[theme=error] {
  --_deform-c: var(--_c-error);
}
AX-DEFORM:where(:not([filled]))[theme=warn] {
  --_deform-c: var(--_c-warn);
}
AX-DEFORM:where(:not([filled]))[theme=info] {
  --_deform-c: var(--_c-info);
}
AX-DEFORM:where(:not([filled]))[theme=issue] {
  --_deform-c: var(--_c-issue);
}
AX-DEFORM:where(:not([filled]))[theme=text] {
  --_deform-c: var(--_c-text);
}
AX-DEFORM:where(:not([filled]))[theme=brief] {
  --_deform-c: var(--_c-brief);
}
AX-DEFORM:where(:not([filled]))[theme=caption] {
  --_deform-c: var(--_c-caption);
}
AX-DEFORM:where([filled]) {
  --_deform-c: var(--_c-white);
  --_deform-bg: hsl(var(--_h-text), var(--_s-text), 20%);
}
AX-DEFORM:where([filled]):before {
  display: none;
}
AX-DEFORM:where([filled])[theme=prim] {
  --_deform-bg: var(--_c-prim);
}
AX-DEFORM:where([filled])[theme=succ] {
  --_deform-bg: var(--_c-succ);
}
AX-DEFORM:where([filled])[theme=error] {
  --_deform-bg: var(--_c-error);
}
AX-DEFORM:where([filled])[theme=warn] {
  --_deform-c: var(--_c-black);
  --_deform-bg: var(--_c-warn);
}
AX-DEFORM:where([filled])[theme=info] {
  --_deform-bg: var(--_c-info);
}
AX-DEFORM:where([filled])[theme=issue] {
  --_deform-bg: var(--_c-issue);
}
AX-DEFORM:where([filled])[theme=text] {
  --_deform-bg: hsl(var(--_h-text), var(--_s-text), 20%);
}
AX-DEFORM:where([filled])[theme=brief] {
  --_deform-c: var(--_c-brief);
  --_deform-bg: var(--_c-brief-bg);
}
AX-DEFORM:where([filled])[theme=caption] {
  --_deform-c: var(--_c-caption);
  --_deform-bg: var(--_c-caption-bg);
}
AX-DEFORM[disabled] {
  cursor: not-allowed;
}
AX-DEFORM[disabled] {
  opacity: var(--_o-disabled);
}
/*Spin*/
AX-SPIN {
  --_spin-sz: var(--_rem-display);
  --_spin-c: var(--_c-prim);
  --_spin-bg: var(--_c-prim-sd);
  display: inline-block;
  width: var(--_spin-sz);
  vertical-align: middle;
  animation: _rotate360 1s linear infinite;
  background: transparent;
  box-sizing: border-box;
  border: 0.2rem solid var(--_spin-bg);
  border-block-end-color: var(--_spin-c);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: inline-flex;
}
AX-SPIN[size=sm] {
  --_spin-sz: var(--_rem-body);
}
AX-SPIN[size=lg] {
  --_spin-sz: var(--_rem-max);
}
AX-SPIN[theme=succ] {
  --_spin-c: var(--_c-succ);
  --_spin-bg: var(--_c-succ-sd);
}
AX-SPIN[theme=error] {
  --_spin-c: var(--_c-error);
  --_spin-bg: var(--_c-error-sd);
}
AX-SPIN[theme=info] {
  --_spin-c: var(--_c-info);
  --_spin-bg: var(--_c-info-sd);
}
AX-SPIN[theme=warn] {
  --_spin-c: var(--_c-warn);
  --_spin-bg: var(--_c-warn-sd);
}
AX-SPIN[theme=issue] {
  --_spin-c: var(--_c-issue);
  --_spin-bg: var(--_c-issue-sd);
}
AX-SPIN[theme=text] {
  --_spin-c: var(--_c-text);
  --_spin-bg: var(--_c-text-sd);
}
AX-SPIN[theme=brief] {
  --_spin-c: var(--_c-brief);
  --_spin-bg: var(--_c-brief-sd);
}
AX-SPIN[theme=caption] {
  --_spin-c: var(--_c-caption);
  --_spin-bg: var(--_c-caption-sd);
}
AX-SPIN[dark],
AX-SPIN[theme=dark] {
  --_spin-bg: rgba(255, 255, 255, 0.2);
  --_spin-c: var(--_c-white);
}
button AX-SPIN,
AX-BTN AX-SPIN {
  --_spin-sz: var(--_rem-body);
}
button:where([type=submit]) AX-SPIN {
  --_spin-bg: rgba(255, 255, 255, 0.2);
  --_spin-c: var(--_c-white);
}
/*Line*/
AX-LINE {
  --_line-sz: 1px;
  --_line-dir-s: inline-end;
  --_line-dir-e: inline-start;
  --_line-bg: var(--_c-text-bd);
  --_line-c: var(--_c-caption);
  --_line-offset: 2em;
  --_line-g: 0px;
  --_line-g-coef: 0;
  display: block;
  clear: both;
}
AX-LINE [rep=wrap] {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  overflow: hidden;
}
AX-LINE [rep=start],
AX-LINE [rep=end] {
  height: var(--_line-sz);
  background-color: var(--_line-bg);
  flex: auto;
}
AX-LINE [rep=label] {
  color: var(--_line-c);
  margin: auto var(--_m);
}
AX-LINE:where([align=start]:has([rep=label])) [rep=start],
AX-LINE:where([align=end]:has([rep=label])) [rep=end] {
  flex: none;
}
AX-LINE:where([align=start]:not([dir=v]):has([rep=label])) [rep=start],
AX-LINE:where([align=end]:not([dir=v]):has([rep=label])) [rep=end] {
  width: var(--_line-offset);
}
AX-LINE[type=dashed] [rep=start] {
  background: linear-gradient(to var(--_line-dir-s), var(--_line-bg) 0%, var(--_line-bg) 50%, transparent 50%, transparent 100%);
  background-position: left center;
}
AX-LINE[type=dashed] [rep=end] {
  background: linear-gradient(to var(--_line-dir-e), var(--_line-bg) 0%, var(--_line-bg) 50%, transparent 50%, transparent 100%);
  background-position: right center;
}
AX-LINE[type=dashed] [rep=start],
AX-LINE[type=dashed] [rep=end] {
  background-size: calc(var(--_line-sz)*10) var(--_line-sz);
  background-repeat: repeat-x;
}
AX-LINE[type=slash] [rep=start],
AX-LINE[type=slash] [rep=end] {
  background: linear-gradient(45deg, var(--_line-bg) 0, var(--_line-bg) 25%, transparent 25%, transparent 50%, var(--_line-bg) 50%, var(--_line-bg) 75%, transparent 75%, transparent);
  background-size: 0.6rem 0.6rem;
}
AX-LINE[size=sm] [rep=start],
AX-LINE[size=sm] [rep=end] {
  --_line-sz: 2px;
}
AX-LINE[size=md] {
  font-size: var(--_rem-lead);
}
AX-LINE[size=md] [rep=start],
AX-LINE[size=md] [rep=end] {
  --_line-sz: 4px;
}
AX-LINE[size=lg] {
  font-size: var(--_fs-lg);
}
AX-LINE[size=lg] [rep=start],
AX-LINE[size=lg] [rep=end] {
  --_line-sz: 8px;
}
AX-LINE[theme=prim] {
  --_line-bg: var(--_c-prim-bd);
  --_line-c: var(--_c-prim);
}
AX-LINE[theme=error] {
  --_line-bg: var(--_c-error-bd);
  --_line-c: var(--_c-error);
}
AX-LINE[theme=succ] {
  --_line-bg: var(--_c-succ-bd);
  --_line-c: var(--_c-succ);
}
AX-LINE[theme=info] {
  --_line-bg: var(--_c-info-bd);
  --_line-c: var(--_c-info);
}
AX-LINE[theme=warn] {
  --_line-bg: var(--_c-warn-bd);
  --_line-c: var(--_c-warn);
}
AX-LINE[theme=issue] {
  --_line-bg: var(--_c-issue-bd);
  --_line-c: var(--_c-issue);
}
AX-LINE[theme=text] {
  --_line-bg: var(--_c-text-bd);
  --_line-c: var(--_c-text);
}
AX-LINE[dir=v] {
  --_line-dir-s: block-end;
  --_line-dir-e: block-start;
  width: var(--_line-sz);
  height: 100%;
}
AX-LINE[dir=v] [rep=wrap] {
  width: inherit;
  height: inherit;
  flex-direction: column;
}
AX-LINE[dir=v]:has([rep=label]) {
  width: var(--_rem-display);
}
AX-LINE[dir=v] [rep=label] {
  writing-mode: vertical-rl;
  margin: var(--_m) auto;
}
AX-LINE[dir=v] [rep=start],
AX-LINE[dir=v] [rep=end] {
  width: var(--_line-sz);
  height: auto;
}
AX-LINE[dir=v]:where([align=start]:has([rep=label])) [rep=start],
AX-LINE[dir=v]:where([align=end]:has([rep=label])) [rep=end] {
  height: var(--_line-offset);
}
AX-LINE[dir=v][type=dashed] [rep=start],
AX-LINE[dir=v][type=dashed] [rep=end] {
  background-size: var(--_line-sz) calc(var(--_line-sz)*10);
  background-repeat: repeat-y;
}
AX-LINE:where(:not([dir=v])) {
  margin-block-start: calc(var(--_line-g) + var(--_rem-space)*var(--_line-g-coef));
  margin-block-end: calc(var(--_line-g) + var(--_rem-space)*var(--_line-g-coef));
}
AX-LINE:where([dir=v]) {
  margin-inline-start: calc(var(--_line-g) + var(--_rem-space)*var(--_line-g-coef));
  margin-inline-end: calc(var(--_line-g) + var(--_rem-space)*var(--_line-g-coef));
}
AX-LINE[break=xxs] {
  --_line-g: var(--_rem-min);
}
AX-LINE[break=xs] {
  --_line-g: var(--_rem-space);
}
AX-LINE[break=sm] {
  --_line-g: var(--_rem-body);
}
AX-LINE[break=md],
AX-LINE[break=lg],
AX-LINE[break=xl],
AX-LINE[break=xxl] {
  --_line-g: var(--_rem-lead);
}
AX-LINE[break=md] {
  --_line-g-coef: 0.5;
}
AX-LINE[break=lg] {
  --_line-g-coef: 1;
}
AX-LINE[break=xl] {
  --_line-g-coef: 1.5;
}
AX-LINE[break=xxl] {
  --_line-g-coef: 2;
}
/*Badge*/
AX-BADGE {
  --_badge-bg: var(--_c-error);
  --_badge-bd: var(--_c-error);
  --_badge-c: var(--_c-white);
  --_badge-r: calc(1.5em - 2px);
  vertical-align: middle;
  display: inline-flex;
}
AX-BADGE [rep=wrap] {
  font-size: var(--_px-caption);
  color: var(--_badge-c);
  line-height: calc(1.5em - 2px);
  height: calc(1.5em - 2px);
  padding: 0 5px;
  display: inline-block;
  border-radius: var(--_badge-r);
  box-sizing: border-box;
  background-color: var(--_badge-bg);
}
AX-BADGE:where([glassy]) {
  --_badge-bg: var(--_c-error-tl);
}
AX-BADGE:where([shadowed]) [rep=wrap] {
  box-shadow: 0 0 0 0.2rem var(--_c-stage);
}
AX-BADGE[theme=prim] {
  --_badge-bg: var(--_c-prim);
}
AX-BADGE[theme=prim]:where([glassy]) {
  --_badge-bg: var(--_c-prim-tl);
}
AX-BADGE[theme=succ] {
  --_badge-bg: var(--_c-succ);
}
AX-BADGE[theme=succ]:where([glassy]) {
  --_badge-bg: var(--_c-succ-tl);
}
AX-BADGE[theme=warn] {
  --_badge-c: var(--_c-black);
  --_badge-bg: var(--_c-warn);
}
AX-BADGE[theme=warn]:where([glassy]) {
  --_badge-bg: var(--_c-warn-tl);
}
AX-BADGE[theme=info] {
  --_badge-bg: var(--_c-info);
}
AX-BADGE[theme=info]:where([glassy]) {
  --_badge-bg: var(--_c-info-tl);
}
AX-BADGE[theme=issue] {
  --_badge-bg: var(--_c-issue);
}
AX-BADGE[theme=issue]:where([glassy]) {
  --_badge-bg: var(--_c-issue-tl);
}
AX-BADGE[theme=text] {
  --_badge-bg: var(--_c-black);
}
AX-BADGE[theme=text]:where([glassy]) {
  --_badge-bg: var(--_c-text-tl);
}
AX-BADGE[theme=brief] {
  --_badge-bg: var(--_c-brief);
}
AX-BADGE[theme=caption] {
  --_badge-c: var(--_c-caption);
  --_badge-bg: var(--_c-caption-bg);
}
AX-BADGE[shape=radius] {
  --_badge-r: var(--_r);
}
AX-BADGE[shape=square] {
  --_badge-r: 0;
}
AX-BADGE[shape=drop] [rep=wrap] {
  border-end-start-radius: 0;
}
AX-BADGE[type=seal] {
  --_badge-c: var(--_c-error);
}
AX-BADGE[type=seal] [rep=wrap] {
  border: 1px solid var(--_badge-bd);
  line-height: calc(1.5em - 4px);
  padding: 0 4px;
  background: transparent;
}
AX-BADGE[type=seal]:where([glassy]) [rep=wrap] {
  opacity: 0.6;
}
AX-BADGE:where([theme=prim])[type=seal] {
  --_badge-c: var(--_c-prim);
  --_badge-bd: var(--_c-prim);
}
AX-BADGE:where([theme=succ])[type=seal] {
  --_badge-c: var(--_c-succ);
  --_badge-bd: var(--_c-succ);
}
AX-BADGE:where([theme=warn])[type=seal] {
  --_badge-c: var(--_c-warn);
  --_badge-bd: var(--_c-warn);
}
AX-BADGE:where([theme=info])[type=seal] {
  --_badge-c: var(--_c-info);
  --_badge-bd: var(--_c-info);
}
AX-BADGE:where([theme=issue])[type=seal] {
  --_badge-c: var(--_c-issue);
  --_badge-bd: var(--_c-issue);
}
AX-BADGE:where([theme=text])[type=seal] {
  --_badge-c: var(--_c-text);
  --_badge-bd: var(--_c-text);
}
AX-BADGE:where([theme=brief])[type=seal] {
  --_badge-c: var(--_c-brief);
  --_badge-bd: var(--_c-brief);
}
AX-BADGE:where([theme=caption])[type=seal] {
  --_badge-c: var(--_c-caption);
  --_badge-bd: var(--_c-caption);
}
AX-BADGE [rep=wrap]:empty {
  width: 8px;
  height: 8px;
  padding: 0;
  border-radius: 100%;
}
/*Avatar*/
AX-AVATAR {
  --_av-fs: var(--_rem-body);
  --_av-h: var(--_rem-input);
  --_av-r: calc(var(--_av-h)/4);
  --_av-c: var(--_c-text-aj);
  --_av-bg: var(--_c-caption-bg);
  border-radius: clamp(var(--_r), var(--_av-r), calc(var(--_r)*6));
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  position: relative;
}
AX-AVATAR > [rep=wrap] {
  font-size: var(--_av-fs);
  color: var(--_av-c);
  height: var(--_av-h);
  aspect-ratio: 1/1;
  background-color: var(--_av-bg);
  border-radius: inherit;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
AX-AVATAR img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  transition: all var(--_dur-2) linear;
}
AX-AVATAR img[src=""] {
  display: none;
}
AX-AVATAR AX-BADGE {
  position: absolute;
  inset-inline-end: calc(-1*var(--_rem-space));
  inset-block-start: calc(-1*var(--_rem-space));
}
AX-AVATAR AX-BADGE:has([rep=wrap]:empty) {
  inset-inline-end: -0.2rem;
  inset-block-start: -0.2rem;
}
AX-AVATAR [rep=tips] {
  font-size: var(--_rem-caption);
  color: var(--_c-white);
  width: 100%;
  height: 100%;
  line-height: var(--_em-subtitle-dec);
  border-radius: inherit;
  background-color: rgba(0, 0, 0, var(--_o-mask));
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
}
AX-AVATAR[size=xxs] {
  --_av-fs: var(--_rem-caption);
  --_av-h: var(--_rem-list);
}
AX-AVATAR[size=xs] {
  --_av-fs: var(--_rem-caption);
  --_av-h: var(--_rem-display);
}
AX-AVATAR[size=sm] {
  --_av-h: var(--_rem-input);
}
AX-AVATAR[size=md] {
  --_av-h: calc(var(--_rem-display)*2);
}
AX-AVATAR[size=lg] {
  --_av-fs: var(--_rem-lead);
  --_av-h: calc(var(--_rem-display)*3);
}
AX-AVATAR[size=xl] {
  --_av-fs: var(--_rem-subtitle);
  --_av-h: calc(var(--_rem-display)*4);
}
AX-AVATAR[size=xxl] {
  --_av-fs: var(--_rem-list);
  --_av-h: calc(var(--_rem-display)*5);
}
AX-AVATAR:where([size=xs]) [rep=mask],
AX-AVATAR:where([size=sm]) [rep=mask] {
  font-size: var(--_rem-caption);
}
AX-AVATAR[shape=square] {
  border-radius: 0;
}
AX-AVATAR[shape=round] {
  border-radius: 100%;
}
AX-AVATAR[arrow]:after {
  content: 'down';
  font-family: var(--_ff-icon);
  font-size: var(--_px-root);
  color: var(--_c-caption);
  transition: all var(--_dur-2) linear;
}
AX-AVATAR:where([arrow=inside]):after {
  margin-inline-start: var(--_px-min);
}
AX-AVATAR:where(:not([arrow=inside])):after {
  position: absolute;
  inset-inline-end: calc(var(--_px-root)*-1 - var(--_px-min));
}
AX-AVATAR[arrow]:where(._opened):after {
  rotate: 180deg;
}
AX-AVATAR[theme=prim],
AX-AVATAR[theme=error],
AX-AVATAR[theme=succ],
AX-AVATAR[theme=info],
AX-AVATAR[theme=issue],
AX-AVATAR[theme=text] {
  --_av-c: var(--_c-white);
}
AX-AVATAR[theme=prim] {
  --_av-bg: var(--_c-prim);
}
AX-AVATAR[theme=error] {
  --_av-bg: var(--_c-error);
}
AX-AVATAR[theme=succ] {
  --_av-bg: var(--_c-succ);
}
AX-AVATAR[theme=info] {
  --_av-bg: var(--_c-info);
}
AX-AVATAR[theme=warn] {
  --_av-bg: var(--_c-warn);
}
AX-AVATAR[theme=issue] {
  --_av-bg: var(--_c-issue);
}
AX-AVATAR[theme=text] {
  --_av-bg: var(--_c-text);
}
AX-AVATAR[theme=prim-lt] {
  --_av-bg: var(--_c-prim-bg);
  --_av-c: var(--_c-prim-dp);
}
AX-AVATAR[theme=error-lt] {
  --_av-bg: var(--_c-error-bg);
  --_av-c: var(--_c-error-dp);
}
AX-AVATAR[theme=succ-lt] {
  --_av-bg: var(--_c-succ-bg);
  --_av-c: var(--_c-succ-dp);
}
AX-AVATAR[theme=info-lt] {
  --_av-bg: var(--_c-info-bg);
  --_av-c: var(--_c-info-dp);
}
AX-AVATAR[theme=issue-lt] {
  --_av-bg: var(--_c-issue-bg);
  --_av-c: var(--_c-issue-dp);
}
AX-AVATAR[theme=warn-lt] {
  --_av-bg: var(--_c-warn-bg);
  --_av-c: var(--_c-text);
}
AX-AVATAR[theme=text-lt] {
  --_av-bg: var(--_c-text-bg);
  --_av-c: var(--_c-text);
}
/*Ajax state*/
/*ajax-state=timeout/abort/error/success/before*/
._ajax-mask {
  position: relative;
}
._ajax-mask:before {
  --_spin-bg: var(--_c-prim-sd);
  --_spin-c: var(--_c-prim);
  content: '';
  width: var(--_rem-display);
  margin-inline-start: calc(var(--_rem-display)/-2);
  margin-block-start: calc(var(--_rem-display)/-2);
  position: absolute;
  inset-inline-start: 50%;
  inset-block-start: 50%;
  z-index: 9;
  animation: _rotate360 1s linear infinite;
  background: transparent;
  box-sizing: border-box;
  border: 0.2rem solid var(--_spin-bg);
  border-block-end-color: var(--_spin-c);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: inline-flex;
}
._ajax-mask:after {
  content: '';
  background-color: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), var(--_o-mask));
  width: 100%;
  height: 100%;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: 8;
  transition: all var(--_dur-2) linear;
}
/*validation*/
._valid {
  --_valid-fs: var(--_px-caption);
  --_valid-lh: var(--_lh-md);
  --_valid-p-tb: var(--_em-min-dec);
  --_valid-g: var(--_valid-p-tb);
  font-size: var(--_valid-fs);
  line-height: var(--_valid-lh);
  padding: var(--_valid-p-tb) 0;
  display: flex;
  position: relative;
}
._valid [class*=icon] {
  font-size: var(--_valid-fs);
  margin-inline-end: var(--_valid-g);
}
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-CALLOUT {
  --_callout-c: var(--_c-text);
  --_callout-c-icon: var(--_c-warn);
  --_callout-bg: var(--_c-warn-bg);
  --_callout-bc: var(--_c-warn-bd);
  --_callout-bw: 1px;
  --_callout-r: var(--_r-input-sm);
  --_callout-fs: var(--_px-caption);
  --_callout-p-tb: var(--_em-min-dec);
  --_callout-p-se: var(--_em-space-dec);
  --_callout-lh: var(--_em-subtitle-dec);
  display: block;
  font-size: var(--_callout-fs);
  color: var(--_callout-c);
  /* &[hidden] {
        display: none;
    } */
}
AX-CALLOUT > [rep=wrap] {
  line-height: var(--_callout-lh);
  border: var(--_callout-bw) solid var(--_callout-bc);
  display: flex;
  align-items: flex-start;
  border-radius: var(--_callout-r);
  padding: var(--_callout-p-tb) var(--_callout-p-se);
  position: relative;
  /*         [rep=close] {
            font-size: var(--_px-caption);
            color: var(--_c-text);
            width: 1.5em;
            aspect-ratio: 1/1;
            line-height: 1.5em;
            text-align: center;
            opacity: var(--_o-disabled);
            margin-inline-end: -0.333em;
            .v3-trans-all();
            &:hover {
                cursor: pointer;
                opacity: 1;
            }
        } */
}
AX-CALLOUT > [rep=wrap] > [rep=mask] {
  width: 100%;
  height: 100%;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: 2;
}
AX-CALLOUT > [rep=wrap] > [rep=tools] {
  --_tools-h: var(--_callout-lh);
  --_tools-fs: var(--_px-caption);
  position: relative;
  z-index: 3;
}
AX-CALLOUT > [rep=wrap] > [rep=tools] > * {
  color: var(--_callout-c);
  opacity: var(--_o-disabled);
}
AX-CALLOUT > [rep=wrap] > [rep=tools] > *:hover {
  opacity: 1;
}
AX-CALLOUT > [rep=wrap] > [rep=body] {
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
AX-CALLOUT > [rep=wrap] > [rep=body] > [rep=title] {
  font-weight: bold;
  margin-block-end: var(--_em-min-dec);
}
AX-CALLOUT > [rep=wrap] > [rep=icon] {
  color: var(--_callout-c-icon);
}
AX-CALLOUT > [rep=wrap] > [rep=icon],
AX-CALLOUT > [rep=wrap] > [rep=disk],
AX-CALLOUT > [rep=wrap] > [rep=cube],
AX-CALLOUT > [rep=wrap] > [rep=image] {
  display: inline-flex;
  font-size: var(--_em-body-dec);
  margin-inline-end: var(--_em-min);
}
AX-CALLOUT > [rep=wrap] > [rep=disk],
AX-CALLOUT > [rep=wrap] > [rep=cube],
AX-CALLOUT > [rep=wrap] > [rep=image] {
  height: var(--_em-body-dec);
}
AX-CALLOUT > [rep=wrap] > [rep=disk],
AX-CALLOUT > [rep=wrap] > [rep=cube] {
  aspect-ratio: 1/1;
}
AX-CALLOUT > [rep=wrap] > [rep=disk] img,
AX-CALLOUT > [rep=wrap] > [rep=cube] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
AX-CALLOUT > [rep=wrap] > [rep=disk] {
  border-radius: 100%;
}
AX-CALLOUT > [rep=wrap] > [rep=cube] {
  border-radius: var(--_r);
}
AX-CALLOUT > [rep=wrap] > [rep=image] img {
  height: 100%;
}
AX-CALLOUT > [rep=wrap] > AX-RESULT {
  --_result-w: 1em;
  font-size: var(--_em-body-dec);
  margin-inline-end: var(--_em-min);
  height: var(--_em-subtitle);
}
AX-CALLOUT > [rep=wrap] > AX-PROGRESS {
  width: 100%;
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: 0;
}
AX-CALLOUT:where(:has( > [rep=wrap] > [rep=tools]:where(:not(:empty)))) > [rep=wrap] {
  padding-inline-end: var(--_em-min-dec);
}
AX-CALLOUT[size=md] {
  --_callout-p-tb: calc((9/var(--_num-caption)) * 1em);
  --_callout-r: var(--_r-input);
}
AX-CALLOUT[size=lg] {
  --_callout-fs: var(--_px-body);
  --_callout-r: var(--_r-input);
  --_callout-p-tb: calc((9/var(--_num-body)) * 1em);
  --_callout-p-se: var(--_em-body);
  --_callout-lh: var(--_em-subtitle);
}
AX-CALLOUT[size=lg] > [rep=wrap] > [rep=disk],
AX-CALLOUT[size=lg] > [rep=wrap] > [rep=cube],
AX-CALLOUT[size=lg] > [rep=wrap] > [rep=image] {
  height: var(--_em-subtitle);
}
AX-CALLOUT[notable] {
  --_callout-p-tb: var(--_em-body-dec);
  --_callout-p-se: var(--_em-body-dec);
  --_callout-r: var(--_r-input);
}
AX-CALLOUT[notable] > [rep=wrap] {
  padding-inline-end: var(--_callout-p-se);
}
AX-CALLOUT[notable] > [rep=wrap] > [rep=icon],
AX-CALLOUT[notable] > [rep=wrap] > [rep=disk],
AX-CALLOUT[notable] > [rep=wrap] > [rep=cube],
AX-CALLOUT[notable] > [rep=wrap] > [rep=image] {
  font-size: var(--_em-display-dec);
  height: 1em;
  line-height: 1em;
  margin-inline-end: 0.5em;
}
AX-CALLOUT[notable] > [rep=wrap] > [rep=body] {
  min-height: var(--_em-display-dec);
}
AX-CALLOUT[notable] > [rep=wrap] > [rep=body] > [rep=title] {
  font-size: var(--_em-body-dec);
}
AX-CALLOUT[notable] > [rep=wrap] > [rep=tools] {
  position: absolute;
  inset-inline-end: var(--_em-min-dec);
  inset-block-start: var(--_em-min-dec);
}
AX-CALLOUT[notable] > [rep=wrap] > AX-RESULT {
  font-size: var(--_em-display-dec);
  margin-inline-end: 0.5em;
  height: 1em;
}
AX-CALLOUT[borderless] {
  --_callout-bw: 0;
  --_callout-p-tb: calc((5/var(--_num-caption)) * 1em);
}
AX-CALLOUT[borderless][size=md] {
  --_callout-p-tb: var(--_em-root-dec);
}
AX-CALLOUT[borderless][size=lg] {
  --_callout-p-tb: var(--_em-root);
}
AX-CALLOUT[square] {
  --_callout-r: 0;
}
AX-CALLOUT:where(:not([opaque])) > [rep=wrap] {
  background-color: var(--_callout-bg);
}
AX-CALLOUT:where([opaque]) > [rep=wrap] {
  background: linear-gradient(to right, var(--_callout-bg), var(--_callout-bg)), linear-gradient(to right, var(--_c-stage), var(--_c-stage));
}
AX-CALLOUT:where([theme=prim]) {
  --_callout-c: var(--_c-prim-dp);
  --_callout-c-icon: var(--_c-prim);
  --_callout-bg: var(--_c-prim-bg);
  --_callout-bc: var(--_c-prim-bd);
}
AX-CALLOUT:where([theme=prim]):where([feature=plain]) {
  --_callout-c: var(--_c-prim);
}
AX-CALLOUT:where([theme=succ]) {
  --_callout-c: var(--_c-succ-dp);
  --_callout-c-icon: var(--_c-succ);
  --_callout-bg: var(--_c-succ-bg);
  --_callout-bc: var(--_c-succ-bd);
}
AX-CALLOUT:where([theme=succ]):where([feature=plain]) {
  --_callout-c: var(--_c-succ);
}
AX-CALLOUT:where([theme=error]) {
  --_callout-c: var(--_c-error-dp);
  --_callout-c-icon: var(--_c-error);
  --_callout-bg: var(--_c-error-bg);
  --_callout-bc: var(--_c-error-bd);
}
AX-CALLOUT:where([theme=error]):where([feature=plain]) {
  --_callout-c: var(--_c-error);
}
AX-CALLOUT:where([theme=warn]) {
  --_callout-c: var(--_c-text);
  --_callout-c-icon: var(--_c-warn);
  --_callout-bg: var(--_c-warn-bg);
  --_callout-bc: var(--_c-warn-bd);
}
AX-CALLOUT:where([theme=warn]):where([feature=plain]) {
  --_callout-c: var(--_c-warn);
}
AX-CALLOUT:where([theme=issue]) {
  --_callout-c: var(--_c-issue-dp);
  --_callout-c-icon: var(--_c-issue);
  --_callout-bg: var(--_c-issue-bg);
  --_callout-bc: var(--_c-issue-bd);
}
AX-CALLOUT:where([theme=issue]):where([feature=plain]) {
  --_callout-c: var(--_c-issue);
}
AX-CALLOUT:where([theme=info]) {
  --_callout-c: var(--_c-info-dp);
  --_callout-c-icon: var(--_c-info);
  --_callout-bg: var(--_c-info-bg);
  --_callout-bc: var(--_c-info-bd);
}
AX-CALLOUT:where([theme=info]):where([feature=plain]) {
  --_callout-c: var(--_c-info);
}
AX-CALLOUT:where([theme=text]) {
  --_callout-c: var(--_c-text-dp);
  --_callout-c-icon: var(--_c-text);
  --_callout-bg: var(--_c-text-bg);
  --_callout-bc: var(--_c-text-bd);
}
AX-CALLOUT:where([theme=text]):where([feature=plain]) {
  --_callout-c: var(--_c-text);
}
AX-CALLOUT:where([feature=plain]) {
  --_callout-bw: 0;
  --_callout-bg: transparent;
  --_callout-p-se: 0;
}
/*Message*/
._message {
  --_msg-w: 600px;
  width: min(var(--_msg-w),100%);
  position: fixed;
  inset-inline-start: 50%;
  inset-block-start: 0;
  z-index: 910;
  transform: translate(calc(-50% * var(--_dir-coef)), 0);
}
._message AX-CALLOUT {
  margin: var(--_m) var(--_m) 0 var(--_m);
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.06);
  display: none;
}
._message AX-CALLOUT[noprogress] AX-PROGRESS {
  opacity: 0;
}
._message:where([placement=left-top]) {
  --_msg-w: 400px;
  inset-inline-start: 0;
  transform: none;
}
._message:where([placement=right-top]) {
  --_msg-w: 400px;
  inset-inline-start: auto;
  inset-inline-end: 0;
  transform: none;
}
._message:where([placement=left-center]) {
  --_msg-w: 400px;
  inset-inline-start: 0;
  inset-block-start: 50%;
  transform: translate(0, -50%);
}
._message:where([placement=center]) {
  inset-block-start: 50%;
  transform: translate(calc(-50% * var(--_dir-coef)), -50%);
}
._message:where([placement=right-center]) {
  --_msg-w: 400px;
  inset-inline-start: auto;
  inset-inline-end: 0;
  inset-block-start: 50%;
  transform: translate(0, -50%);
}
._message:where([placement=left-bottom]) {
  --_msg-w: 400px;
  inset-inline-start: 0;
  inset-block-start: auto;
  inset-block-end: 0;
  transform: none;
}
._message:where([placement=center-bottom]) {
  inset-block-start: auto;
  inset-block-end: 0;
}
._message:where([placement=right-bottom]) {
  --_msg-w: 400px;
  inset-inline-start: auto;
  inset-inline-end: 0;
  inset-block-start: auto;
  inset-block-end: 0;
  transform: none;
}
._message:where([placement*=-center], [placement=center]) AX-CALLOUT {
  margin-block-start: calc(var(--_m)/2);
  margin-block-end: calc(var(--_m)/2);
}
._message:where([placement*=-bottom]) AX-CALLOUT {
  margin-block-start: 0;
  margin-block-end: var(--_m);
}
/*Result component*/
OC-RESULT {
  --_result-w: 5.4rem;
  --_result-ani: _draw-waiting;
  --_result-bg: var(--_c-text-sd);
  --_result-c-icon: var(--_c-info);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
OC-RESULT [rep=wrap] {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
OC-RESULT [rep=icon] {
  color: var(--_result-c-icon);
  height: var(--_result-w);
  aspect-ratio: 1/1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
OC-RESULT svg {
  width: inherit;
  height: inherit;
}
OC-RESULT svg ._out,
OC-RESULT svg ._in-1:where(:not(._circle)),
OC-RESULT svg ._in-2:where(:not(._circle)),
OC-RESULT svg ._bg {
  stroke-width: 3.7253;
  stroke-linecap: round;
  stroke-linejoin: round;
}
OC-RESULT svg ._line {
  fill: none;
}
OC-RESULT svg ._circle {
  opacity: 0;
}
OC-RESULT:where(:not([to])) [rep=icon] ._bg {
  stroke: var(--_result-bg);
  animation: var(--_result-ani) 1.5s linear infinite;
}
OC-RESULT:where(:not([to])):where([bg=succ]) {
  --_result-bg: var(--_c-succ);
}
OC-RESULT:where(:not([to])):where([bg=error]) {
  --_result-bg: var(--_c-error);
}
OC-RESULT:where(:not([to])):where([bg=info]) {
  --_result-bg: var(--_c-info);
}
OC-RESULT:where(:not([to])):where([bg=warn]) {
  --_result-bg: var(--_c-warn);
}
OC-RESULT:where(:not([to])):where([bg=issue]) {
  --_result-bg: var(--_c-issue);
}
OC-RESULT:where([to]) [rep=icon] ._out {
  animation: var(--_result-ani) 1.5s linear infinite;
}
OC-RESULT:where([to=warn]) [rep=icon] ._out {
  --_result-ani: _draw-waiting2;
}
OC-RESULT[to=succ] [rep=icon] ._out {
  stroke: var(--_c-succ);
  stroke-dasharray: 227 229;
  stroke-dashoffset: 228;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
  animation: _draw-rotate 800ms ease-out 0ms forwards;
}
OC-RESULT[to=succ] [rep=icon] ._in-1 {
  stroke: var(--_c-succ);
  stroke-dasharray: 49 51;
  stroke-dashoffset: 50;
  animation: _draw-line 400ms ease-out 800ms forwards;
}
OC-RESULT[to=succ] [rep=icon] ._bg {
  stroke: var(--_c-succ-bg);
}
OC-RESULT[to=error] [rep=icon] ._out {
  stroke: var(--_c-error);
  stroke-dasharray: 227 229;
  stroke-dashoffset: 228;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
  animation: _draw-rotate 800ms ease-out 0ms forwards;
}
OC-RESULT[to=error] [rep=icon] ._bg {
  stroke: var(--_c-error-bg);
}
OC-RESULT[to=error] [rep=icon] ._in-1,
OC-RESULT[to=error] [rep=icon] ._in-2 {
  stroke: var(--_c-error);
  stroke-dasharray: 42 44;
  stroke-dashoffset: -43;
}
OC-RESULT[to=error] [rep=icon] ._in-1 {
  animation: _draw-line 400ms ease-out 800ms forwards;
}
OC-RESULT[to=error] [rep=icon] ._in-2 {
  animation: _draw-line 400ms ease-out 1200ms forwards;
}
OC-RESULT[to=info] [rep=icon] ._out {
  stroke: var(--_c-info);
  stroke-dasharray: 227 229;
  stroke-dashoffset: 228;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
  animation: _draw-rotate 800ms ease-out 0ms forwards;
}
OC-RESULT[to=info] [rep=icon] ._in-1 {
  stroke: var(--_c-info);
  stroke-dasharray: 35 37;
  stroke-dashoffset: -36;
  animation: _draw-line 400ms ease-out 1200ms forwards;
}
OC-RESULT[to=info] [rep=icon] ._in-2 {
  transform-origin: 4.33492rem 2.35856rem;
  animation: _draw-circle 400ms ease-out 800ms forwards;
}
OC-RESULT[to=info] [rep=icon] ._bg {
  stroke: var(--_c-info-bg);
}
OC-RESULT[to=info] [rep=icon] ._circle {
  fill: var(--_c-info);
}
OC-RESULT[to=warn] [rep=icon] ._out {
  stroke: var(--_c-warn);
  stroke-dasharray: 248 250;
  stroke-dashoffset: 249;
  animation: _draw-line 800ms ease-out 0ms forwards;
}
OC-RESULT[to=warn] [rep=icon] ._in-1 {
  stroke: var(--_c-warn);
  stroke-dasharray: 30 32;
  stroke-dashoffset: 31;
  animation: _draw-line 400ms ease-out 800ms forwards;
}
OC-RESULT[to=warn] [rep=icon] ._in-2 {
  transform-origin: 4.33492rem 6.43337rem;
  animation: _draw-circle 400ms ease-out 1200ms forwards;
}
OC-RESULT[to=warn] [rep=icon] ._bg {
  stroke: var(--_c-warn-bg);
}
OC-RESULT[to=warn] [rep=icon] ._circle {
  fill: var(--_c-warn);
}
OC-RESULT[to=issue] [rep=icon] ._out {
  stroke: var(--_c-issue);
  stroke-dasharray: 227 229;
  stroke-dashoffset: 228;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
  animation: _draw-rotate 800ms ease-out 0ms forwards;
}
OC-RESULT[to=issue] [rep=icon] ._in-1 {
  stroke: var(--_c-issue);
  stroke-dasharray: 59 61;
  stroke-dashoffset: 60;
  animation: _draw-line 400ms ease-out 800ms forwards;
}
OC-RESULT[to=issue] [rep=icon] ._in-2 {
  transform-origin: 4.46612rem 6.05502rem;
  animation: _draw-circle 400ms ease-out 1200ms forwards;
}
OC-RESULT[to=issue] [rep=icon] ._bg {
  stroke: var(--_c-issue-bg);
}
OC-RESULT[to=issue] [rep=icon] ._circle {
  fill: var(--_c-issue);
}
OC-RESULT[type=font] [rep=icon] {
  font-size: var(--_result-w);
}
OC-RESULT[type=font][to=succ] {
  --_result-c-icon: var(--_c-succ);
}
OC-RESULT[type=font][to=error] {
  --_result-c-icon: var(--_c-error);
}
OC-RESULT[type=font][to=info] {
  --_result-c-icon: var(--_c-info);
}
OC-RESULT[type=font][to=warn] {
  --_result-c-icon: var(--_c-warn);
}
OC-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-flex;
}
AX-FORMAT [rep=wrap] {
  display: inline-flex;
}
/*
Last modified: 2025-05-19 20:45:10
*/
/*Ellipsis*/
._ell,
._ell-1,
[class*=_ell-] {
  --_ell-num: 1;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
._ell-hold {
  height: calc(var(--_ell-lh)*var(--_ell-num));
}
._ell-2,
._ell-3,
._ell-3,
._ell-4,
._ell-5,
._ell-6,
._ell-7,
._ell-8,
._ell-9 {
  display: -webkit-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--_ell-num);
  text-align: start;
}
._ell-2 {
  --_ell-num: 2;
}
._ell-3 {
  --_ell-num: 3;
}
._ell-4 {
  --_ell-num: 4;
}
._ell-5 {
  --_ell-num: 5;
}
._ell-6 {
  --_ell-num: 6;
}
._ell-7 {
  --_ell-num: 7;
}
._ell-8 {
  --_ell-num: 8;
}
._ell-9 {
  --_ell-num: 9;
}
._ell-h1,
._ell-h2,
._ell-h3,
._ell-h4,
._ell-h5,
._ell-h6,
._ell-caption,
._ell-body,
._ell-lead,
._ell-subtitle,
._ell-title,
._ell-huge {
  font-size: var(--_ell-fs);
  line-height: var(--_ell-lh);
}
._ell-h1 {
  --_ell-fs: var(--_fs-h1);
  --_ell-lh: var(--_lh-h1);
}
._ell-h2 {
  --_ell-fs: var(--_fs-h2);
  --_ell-lh: var(--_lh-h2);
}
._ell-h3 {
  --_ell-fs: var(--_fs-h3);
  --_ell-lh: var(--_lh-h3);
}
._ell-h4 {
  --_ell-fs: var(--_fs-h4);
  --_ell-lh: var(--_lh-h4);
}
._ell-h5 {
  --_ell-fs: var(--_fs-h5);
  --_ell-lh: var(--_lh-h5);
}
._ell-h6 {
  --_ell-fs: var(--_fs-h6);
  --_ell-lh: var(--_lh-h6);
}
._ell-caption {
  --_ell-fs: var(--_fs-caption);
  --_ell-lh: var(--_lh-caption);
}
._ell-body {
  --_ell-fs: var(--_fs-body);
  --_ell-lh: var(--_lh-body);
}
._ell-lead {
  --_ell-fs: var(--_fs-lead);
  --_ell-lh: var(--_lh-lead);
}
._ell-subtitle {
  --_ell-fs: var(--_fs-subtitle);
  --_ell-lh: var(--_lh-subtitle);
}
._ell-title {
  --_ell-fs: var(--_fs-title);
  --_ell-lh: var(--_lh-title);
}
._ell-display {
  --_ell-fs: var(--_fs-display);
  --_ell-lh: var(--_lh-display);
}
._ell-huge {
  --_ell-fs: var(--_fs-huge);
  --_ell-lh: var(--_lh-huge);
}
/*Flag Element*/
AX-FLAG {
  --_flag-c: var(--_c-white);
  --_flag-bg: var(--_c-prim);
  font-size: var(--_px-caption);
  display: block;
  overflow: hidden;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: 3;
}
AX-FLAG [rep=wrap] {
  display: block;
  border-radius: inherit;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
AX-FLAG [rep=label] {
  color: var(--_flag-c);
  background-color: var(--_flag-bg);
  overflow: hidden;
}
AX-FLAG:where(:not([type=circle], [type=horn])) {
  width: 42px;
  aspect-ratio: 1/1;
}
AX-FLAG:where(:not([type=circle], [type=horn])) [rep=label] {
  width: 60px;
  aspect-ratio: 1/1;
  line-height: 100px;
  text-align: center;
  rotate: -45deg;
  position: absolute;
  inset-block-start: -30px;
  inset-inline-start: -30px;
}
AX-FLAG[placement=right]:where(:not([type=circle], [type=horn])) {
  inset-inline-start: auto;
  inset-inline-end: 0;
  inset-block-start: 0;
}
AX-FLAG[placement=right]:where(:not([type=circle], [type=horn])) [rep=label] {
  inset-block-start: -30px;
  inset-inline-start: auto;
  inset-inline-end: -30px;
  rotate: 45deg;
}
AX-FLAG[type=circle] {
  width: var(--_px-input);
  aspect-ratio: 1/1;
  border-radius: 100%;
  inset-inline-start: var(--_px-body);
  inset-block-start: var(--_px-body);
}
AX-FLAG[type=circle] i {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
}
AX-FLAG[type=circle][placement=right] {
  inset-inline-start: auto;
  inset-inline-end: var(--_px-body);
}
AX-FLAG[type=horn] {
  width: var(--_px-max);
  height: var(--_px-list);
  inset-inline-start: 0;
  inset-block-start: var(--_px-body);
}
AX-FLAG[type=horn] i {
  width: calc(100% - 12px);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
AX-FLAG[type=horn]:before,
AX-FLAG[type=horn]:after {
  content: '';
  width: 0;
  height: 0;
  border-width: 7px;
  border-style: solid;
  position: absolute;
  inset-inline-end: 0;
}
AX-FLAG[type=horn]:before {
  border-color: var(--_flag-bg) transparent transparent var(--_flag-bg);
  inset-block-start: 0;
}
AX-FLAG[type=horn]:after {
  border-color: transparent transparent var(--_flag-bg) var(--_flag-bg);
  inset-block-end: 0;
}
AX-FLAG[type=horn][placement=right] {
  inset-inline-start: auto;
  inset-inline-end: 0;
}
AX-FLAG[type=horn][placement=right] i {
  margin-inline-start: 12px;
}
AX-FLAG[type=horn][placement=right]:before,
AX-FLAG[type=horn][placement=right]:after {
  inset-inline-end: auto;
  inset-inline-start: 0;
}
AX-FLAG[type=horn][placement=right]:before {
  border-color: var(--_flag-bg) var(--_flag-bg) transparent transparent;
}
AX-FLAG[type=horn][placement=right]:after {
  border-color: transparent var(--_flag-bg) var(--_flag-bg) transparent;
}
AX-FLAG[theme=prim] {
  --_flag-bg: var(--_c-prim);
}
AX-FLAG[theme=succ] {
  --_flag-bg: var(--_c-succ);
}
AX-FLAG[theme=error] {
  --_flag-bg: var(--_c-error);
}
AX-FLAG[theme=warn] {
  --_flag-c: var(--_c-black);
  --_flag-bg: var(--_c-warn);
}
AX-FLAG[theme=info] {
  --_flag-bg: var(--_c-info);
}
AX-FLAG[theme=issue] {
  --_flag-bg: var(--_c-issue);
}
AX-FLAG[theme=text] {
  --_flag-c: var(--_c-white);
  --_flag-bg: hsl(var(--_h-text), var(--_s-text), 20%);
}
AX-FLAG[theme=brief] {
  --_flag-c: var(--_c-brief);
  --_flag-bg: var(--_c-brief-bg);
}
AX-FLAG[theme=caption] {
  --_flag-c: var(--_c-caption);
  --_flag-bg: var(--_c-caption-bg);
}
[dir=rtl] AX-FLAG:where(:not([type=circle], [type=horn])) [rep=label] {
  rotate: 45deg;
}
[dir=rtl] AX-FLAG[placement=right]:where(:not([type=circle], [type=horn])) [rep=label] {
  rotate: -45deg;
}
[dir=rtl] AX-FLAG[type=horn]:before {
  border-color: var(--_flag-bg) var(--_flag-bg) transparent transparent;
}
[dir=rtl] AX-FLAG[type=horn]:after {
  border-color: transparent var(--_flag-bg) var(--_flag-bg) transparent;
}
[dir=rtl] AX-FLAG[type=horn][placement=right]:before {
  border-color: var(--_flag-bg) transparent transparent var(--_flag-bg);
}
[dir=rtl] AX-FLAG[type=horn][placement=right]:after {
  border-color: transparent transparent var(--_flag-bg) var(--_flag-bg);
}
/*Bulletin*/
._bullet {
  --_blt-h: var(--_em-input);
  --_blt-lh: var(--_em-subtitle);
  --_blt-p: var(--_em-body);
  --_blt-sz-legend: var(--_em-list);
  --_blt-a-v: center;
  color: var(--_c-text);
  height: var(--_blt-h);
  line-height: var(--_blt-lh);
  display: flex;
  align-items: var(--_blt-a-v);
  box-sizing: border-box;
  transition: all var(--_dur-1) linear;
  position: relative;
}
._bullet:where(:not([unpadded])) {
  padding: 0 var(--_blt-p);
}
._bullet ._bullet-body {
  flex: auto;
  display: flex;
  align-items: var(--_blt-a-v);
}
._bullet ._bullet-body:has(>[rep=label]) {
  width: 0;
}
._bullet [rep=label] {
  color: inherit;
  max-width: 100%;
  transition: all var(--_dur-1) linear;
  flex: auto;
}
._bullet:where(:not([multiline])) [rep=label] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
._bullet:where(:not([disabled], [active], [selected], [checked])) [rep=label]:hover,
._bullet:where(:not(:has([checked]))) [rep=label]:hover {
  color: var(--_c-prim);
}
._bullet [rep=rank] {
  font-size: var(--_rem-root);
  color: var(--_c-text-aj);
  background-color: var(--_c-stage);
  width: var(--_rem-body);
  aspect-ratio: 1/1;
  line-height: var(--_rem-body);
  margin-inline-end: var(--_rem-space);
  border-radius: var(--_r);
  border: 1px solid var(--_c-text-bd);
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
._bullet [rep=rank]:before {
  content: attr(data-value);
}
._bullet [rep=rank][data-value="1"] {
  color: var(--_c-white);
  background-color: var(--_c-error);
  border-color: var(--_c-error-dp);
}
._bullet [rep=rank][data-value="2"] {
  color: var(--_c-white);
  background-color: var(--_c-issue);
  border-color: var(--_c-issue-dp);
}
._bullet [rep=rank][data-value="3"] {
  color: var(--_c-white);
  background-color: var(--_c-prim);
  border-color: var(--_c-prim-dp);
}
._bullet [rep=arrow],
._bullet [rep=tips] {
  font-size: var(--_px-caption);
  color: var(--_c-caption);
  margin-inline-start: var(--_rem-space);
}
._bullet AX-BADGE {
  margin-inline-start: var(--_rem-space);
}
._bullet [rep=icon] {
  width: var(--_rem-subtitle);
  margin-inline-end: var(--_rem-space);
  text-align: center;
}
._bullet [rep=check] {
  font-size: var(--_rem-caption);
  font-family: var(--_ff-icon);
  margin-inline-start: var(--_rem-space);
}
._bullet [rep=check]:before {
  content: 'check';
}
._bullet [rep=disk],
._bullet [rep=cube],
._bullet [rep=image] {
  height: var(--_blt-sz-legend);
  margin-inline-end: var(--_rem-space);
}
._bullet:has(input:checked) {
  color: var(--_c-prim);
}
._bullet ._bullet-body AX-CHECKBOX,
._bullet ._bullet-body AX-RADIO {
  width: 100%;
}
._bullet ._bullet-body AX-CHECKBOX [rep=wrap],
._bullet ._bullet-body AX-RADIO [rep=wrap] {
  width: 100%;
}
._bullet ._bullet-body AX-CHECKBOX i,
._bullet ._bullet-body AX-RADIO i {
  margin-inline-end: 0;
  flex: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
._bullet[selected]:where(:not([disabled])) {
  color: var(--_c-prim);
}
._bullet[selected]:where(:not([disabled])) [check] {
  color: var(--_c-prim);
}
._bullet[selected]:where(:not([disabled])) a {
  color: var(--_c-prim);
}
._bullet[active]:where(:not([disabled])) {
  color: var(--_c-prim);
  background-color: var(--_c-prim-bg);
}
._bullet[active]:where(:not([disabled])) [check] {
  color: var(--_c-prim);
}
._bullet[active]:where(:not([disabled])) a {
  color: var(--_c-prim);
}
._bullet:has([checked]):where(:not([disabled])),
._bullet[checked]:where(:not([disabled])) {
  color: var(--_c-prim);
}
._bullet:has([checked]):where(:not([disabled])):after,
._bullet[checked]:where(:not([disabled])):after {
  color: var(--_c-prim);
}
._bullet:has([checked]),
._bullet[checked]:after {
  content: 'check';
  font-family: var(--_ff-icon);
  font-size: var(--_rem-caption);
  margin-inline-start: var(--_rem-space);
}
._bullet[disabled] {
  color: var(--_c-caption);
}
._bullet[disabled] a {
  color: var(--_c-caption);
}
._bullet[hoverable]:where(:not([active], [disabled])):hover {
  background-color: var(--_c-caption-bg);
}
._bullet[hoverable]:where([selected], [checked]):hover,
._bullet[hoverable]:has([checked]):hover {
  background-color: var(--_c-prim-bg);
}
._bullet[multiline] {
  --_blt-h: auto;
  --_blt-sz-legend: calc(var(--_blt-lh)*2);
  --_blt-a-v: flex-start;
  margin-block-start: var(--_blt-p);
  margin-block-end: var(--_blt-p);
}
._bullet[multiline] ._bullet-body {
  flex-direction: column;
}
._bullet[multiline] ._bullet-body AX-CHECKBOX,
._bullet[multiline] ._bullet-body AX-RADIO {
  --_chk-h: var(--_blt-h);
  --_chk-lh: var(--_blt-lh);
}
._bullet[multiline] ._bullet-body AX-CHECKBOX i,
._bullet[multiline] ._bullet-body AX-RADIO i {
  text-overflow: initial;
  white-space: initial;
}
._bullet[multiline] ._bullet-body AX-CHECKBOX[type=chera] i,
._bullet[multiline] ._bullet-body AX-RADIO[type=chera] i {
  height: auto;
  line-height: var(--_chk-lh);
  padding-block-start: var(--_em-space);
  padding-block-end: var(--_em-space);
}
._bullet[multiline] ._bullet-body > [rep=tips] {
  margin-inline-start: 0;
  margin-block-start: var(--_rem-space);
}
@media (max-width: 599px) {
  ._bullet:where(:has(._bullet-body > [rep=tips])) {
    --_blt-h: auto;
    --_blt-a-v: flex-start;
    margin-block-start: var(--_blt-p);
    margin-block-end: var(--_blt-p);
  }
  ._bullet:where(:has(._bullet-body > [rep=tips])) ._bullet-body {
    flex-direction: column;
  }
  ._bullet:where(:has(._bullet-body > [rep=tips])) ._bullet-body > [rep=tips] {
    margin-inline-start: 0;
    margin-block-start: var(--_rem-space);
  }
  ._bullet:where(:has(._bullet-body > [rep=tips])) ._bullet-body > [rep=label] {
    white-space: normal;
  }
}
/*Post*/
._post {
  --_post-g: var(--_rem-space);
  --_post-ar: 4/3;
  --_post-m-img: var(--_m);
  --_post-h-img: 11rem;
  box-sizing: border-box;
  transition: all var(--_dur-1) linear;
  position: relative;
  display: flex;
}
._post ._post-body {
  flex: auto;
  width: 0;
  position: relative;
}
._post:has([rep=posters]) {
  flex-direction: column;
}
._post:has([rep=posters]) ._post-body {
  width: auto;
}
._post [rep=title] {
  font-size: var(--_rem-lead);
  font-weight: normal;
  margin-block-end: var(--_post-g);
}
._post [rep=title] a {
  --_link-c: var(--_c-text);
  --_link-hov: var(--_c-prim);
}
._post [rep=title]:hover {
  color: var(--_c-prim);
}
._post [rep=brief] {
  color: var(--_c-brief);
}
._post [rep=byline] {
  color: var(--_c-brief);
  font-size: var(--_rem-caption);
  line-height: var(--_rem-subtitle);
  margin-block-start: var(--_post-g);
}
._post [rep=byline] > a {
  --_link-c: var(--_c-brief);
}
._post [rep=byline] > * {
  margin-inline-end: var(--_rem-space);
}
._post [rep=poster] {
  --_poster-ar: var(--_post-ar);
  height: var(--_post-h-img);
  overflow: hidden;
}
._post [rep=type] {
  color: var(--_c-caption);
  font-size: var(--_rem-caption);
  height: var(--_rem-body);
  line-height: var(--_rem-body);
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: calc(-1*var(--_rem-body));
}
._post [rep=poster]:nth-child(1) {
  margin-inline-end: var(--_post-m-img);
}
._post ._post-body ~ [rep=poster] {
  margin-inline-start: var(--_post-m-img);
}
._post [rep=posters]:nth-child(1) {
  margin-block-end: var(--_post-g);
}
._post ._post-body ~ [rep=posters] {
  margin-block-start: var(--_post-g);
}
._post [rep=posters] ._grid > * {
  border-radius: var(--_r);
}
/*Buoy*/
AX-BUOY {
  --_buoy-p: 0.6rem;
  --_buoy-h: var(--_rem-list);
  --_buoy-lh: var(--_rem-list);
  --_buoy-c: var(--_c-text);
  --_buoy-bc: var(--_c-text-bd);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
AX-BUOY [rep=wrap] {
  font-size: var(--_rem-caption);
  color: var(--_buoy-c);
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid var(--_buoy-bc);
  border-radius: var(--_r);
  height: var(--_buoy-h);
  line-height: calc(var(--_buoy-lh) - 2px);
  background-color: var(--_c-stage);
  text-align: center;
  transition: all var(--_dur-1) linear;
  display: inline-flex;
}
AX-BUOY [rep=head] {
  background-color: var(--_c-caption-bg);
  padding: 0 var(--_buoy-p);
  border-inline-end: 1px solid var(--_buoy-bc);
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all var(--_dur-1) linear;
}
AX-BUOY [rep=head]:empty {
  display: none;
}
AX-BUOY [rep=head] [rep=icon],
AX-BUOY [rep=head] [rep=arrow] {
  transition: all var(--_dur-2) linear;
}
AX-BUOY [rep=head] [rep=icon] {
  font-size: var(--_rem-caption);
}
AX-BUOY [rep=head] [rep=arrow] {
  font-size: var(--_rem-root);
  opacity: var(--_o-mask);
}
AX-BUOY [rep=head]:where(:has([rep=icon])) [rep=label] {
  margin-inline-start: var(--_rem-min);
}
AX-BUOY [rep=head]:where(:has([rep=arrow])) [rep=label] {
  margin-inline-end: var(--_rem-min);
}
AX-BUOY[inverted] [rep=head] {
  background-color: var(--_c-stage);
}
AX-BUOY [rep=value] {
  padding: 0 var(--_buoy-p);
  transition: all var(--_dur-1) linear;
}
AX-BUOY[inverted] [rep=value] {
  background-color: var(--_c-caption-bg);
}
AX-BUOY._opened [rep=arrow] {
  rotate: 180deg;
}
AX-BUOY:where(:not([inverted])) [rep=head]:hover {
  color: var(--_c-caption);
}
AX-BUOY[theme=prim] {
  --_buoy-c: var(--_c-prim);
  --_buoy-bc: var(--_c-prim);
}
AX-BUOY[theme=succ] {
  --_buoy-c: var(--_c-succ);
  --_buoy-bc: var(--_c-succ);
}
AX-BUOY[theme=error] {
  --_buoy-c: var(--_c-error);
  --_buoy-bc: var(--_c-error);
}
AX-BUOY[theme=warn] {
  --_buoy-c: var(--_c-warn);
  --_buoy-bc: var(--_c-warn);
}
AX-BUOY[theme=info] {
  --_buoy-c: var(--_c-info);
  --_buoy-bc: var(--_c-info);
}
AX-BUOY[theme=issue] {
  --_buoy-c: var(--_c-issue);
  --_buoy-bc: var(--_c-issue);
}
AX-BUOY[theme=text] {
  --_buoy-bc: var(--_c-black);
}
AX-BUOY[theme=brief] {
  --_buoy-c: var(--_c-brief);
  --_buoy-bc: var(--_c-brief);
}
AX-BUOY[theme=prim]:where(:not([inverted])) [rep=head],
AX-BUOY[theme=prim]:where([inverted]) [rep=value] {
  background-color: var(--_c-prim);
}
AX-BUOY[theme=succ]:where(:not([inverted])) [rep=head],
AX-BUOY[theme=succ]:where([inverted]) [rep=value] {
  background-color: var(--_c-succ);
}
AX-BUOY[theme=error]:where(:not([inverted])) [rep=head],
AX-BUOY[theme=error]:where([inverted]) [rep=value] {
  background-color: var(--_c-error);
}
AX-BUOY[theme=warn]:where(:not([inverted])) [rep=head],
AX-BUOY[theme=warn]:where([inverted]) [rep=value] {
  background-color: var(--_c-warn);
}
AX-BUOY[theme=info]:where(:not([inverted])) [rep=head],
AX-BUOY[theme=info]:where([inverted]) [rep=value] {
  background-color: var(--_c-info);
}
AX-BUOY[theme=issue]:where(:not([inverted])) [rep=head],
AX-BUOY[theme=issue]:where([inverted]) [rep=value] {
  background-color: var(--_c-issue);
}
AX-BUOY[theme=text]:where(:not([inverted])) [rep=head],
AX-BUOY[theme=text]:where([inverted]) [rep=value] {
  background-color: var(--_c-black);
}
AX-BUOY[theme=brief]:where(:not([inverted])) [rep=head],
AX-BUOY[theme=brief]:where([inverted]) [rep=value] {
  background-color: var(--_c-brief);
}
AX-BUOY[theme] [rep=head] {
  border-width: 0;
}
AX-BUOY[theme]:where(:not([inverted])) [rep=head] {
  color: var(--_c-white);
}
AX-BUOY[theme]:where(:not([inverted])) [rep=head]:hover {
  color: rgba(255, 255, 255, var(--_o-active));
}
AX-BUOY[size=sm] {
  --_buoy-h: var(--_rem-subtitle);
  --_buoy-lh: var(--_rem-subtitle);
  --_buoy-p: var(--_rem-min);
}
AX-BUOY[size=lg] {
  --_buoy-h: var(--_rem-display);
  --_buoy-lh: var(--_rem-display);
  --_buoy-p: var(--_rem-space);
}
AX-BUOY[theme=prim]:where([inverted]) [rep=head] {
  color: var(--_c-prim);
}
AX-BUOY[theme=succ]:where([inverted]) [rep=head] {
  color: var(--_c-succ);
}
AX-BUOY[theme=error]:where([inverted]) [rep=head] {
  color: var(--_c-error);
}
AX-BUOY[theme=warn]:where([inverted]) [rep=head] {
  color: var(--_c-warn);
}
AX-BUOY[theme=info]:where([inverted]) [rep=head] {
  color: var(--_c-info);
}
AX-BUOY[theme=issue]:where([inverted]) [rep=head] {
  color: var(--_c-issue);
}
AX-BUOY[theme=text]:where([inverted]) [rep=head] {
  color: var(--_c-text);
}
AX-BUOY[theme=brief]:where([inverted]) [rep=head] {
  color: var(--_c-brief);
}
AX-BUOY[theme]:where([inverted]) [rep=value] {
  color: var(--_c-white);
}
AX-BUOY[inverted] [rep=value]:hover {
  color: var(--_c-text);
}
AX-BUOY[theme]:where([inverted]) [rep=value]:hover {
  color: rgba(255, 255, 255, var(--_o-active));
}
/*
Last modified: 2025-05-19 11:03:50
*/
/*Good component*/
AX-GOOD {
  text-align: center;
  margin: var(--_rem-display) auto;
  display: inline-flex;
  flex-direction: column;
  vertical-align: middle;
}
AX-GOOD [rep=wrap] {
  line-height: var(--_rem-input);
  border-radius: var(--_rem-input);
  padding: 0 var(--_rem-input);
  border: 1px solid var(--_c-text-bd);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all var(--_dur-1) linear;
  position: relative;
}
AX-GOOD:where(:not([increased])) [rep=wrap]:hover {
  color: var(--_c-white);
  background-color: var(--_c-prim);
  border-color: var(--_c-prim);
  cursor: pointer;
}
AX-GOOD:where(:not([increased])) [rep=wrap]:hover [rep=icon] {
  color: var(--_c-white);
}
AX-GOOD [rep=value] {
  transition: all var(--_dur-1) linear;
}
AX-GOOD [rep=icon] {
  color: var(--_c-prim);
  margin-inline-end: var(--_rem-space);
  transition: all var(--_dur-1) linear;
}
AX-GOOD [rep=tips] {
  font-size: var(--_rem-caption);
  color: var(--_c-text-aj);
  text-align: center;
}
AX-GOOD[increased] [rep=wrap],
AX-GOOD[increased] [rep=tips],
AX-GOOD[increased] [rep=label],
AX-GOOD[increased] [rep=icon] {
  color: var(--_c-caption);
}
/*About article*/
._from {
  --_from-c: var(--_c-text-aj);
  color: var(--_from-c);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  zoom: 1;
}
._from [rep=left] {
  flex: auto;
  width: 0;
  position: relative;
}
._from a {
  --_link-c: var(--_from-c);
}
._from OC-AVATAR {
  margin-inline-end: var(--_rem-space);
}
._author {
  --_author-c: var(--_c-text-aj);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  zoom: 1;
}
._author [rep=left] {
  line-height: var(--_rem-list);
  display: block;
  flex: auto;
  width: 0;
  position: relative;
}
._author [rep=right] {
  color: var(--_author-c);
}
._author [rep=brief] {
  font-size: var(--_rem-caption);
  color: var(--_author-c);
}
._author OC-AVATAR {
  margin-inline-end: var(--_rem-space);
}
/*
Last modified: 2025-05-23 06:36:10
*/
/*Anchors*/
AX-ANCHORS {
  --_anch-end: var(--_m);
  --_anch-top: calc(var(--_rem-hitbox) + var(--_rem-display));
  --_anch-p: var(--_p);
  --_anch-bg: var(--_c-stage-80);
  --_anch-r: var(--_r);
  --_anch-pos: fixed;
  padding: var(--_anch-p);
  box-sizing: border-box;
  border-radius: var(--_anch-r);
  background-color: var(--_anch-bg);
  display: flex;
  position: var(--_anch-pos);
  inset-inline-end: var(--_anch-end);
  inset-block-start: var(--_anch-top);
  z-index: 610;
}
AX-ANCHORS[expanded] {
  background: transparent;
}
AX-ANCHORS ul {
  border-inline-start: 1px solid var(--_c-text-bd);
}
AX-ANCHORS li {
  padding-inline-start: var(--_p);
  position: relative;
}
AX-ANCHORS li [rep=head] {
  line-height: var(--_rem-subtitle);
  padding: calc((var(--_rem-display) - var(--_rem-subtitle))/2) 0;
  position: relative;
}
AX-ANCHORS li [rep=head]:after {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  inset-inline-start: calc(-1*var(--_p) - 1px);
  inset-block-start: 0;
  transition: all var(--_dur-1) linear;
}
AX-ANCHORS li [rep=head][active] {
  color: var(--_c-prim);
}
AX-ANCHORS li [rep=head][active] [rep=label] {
  color: var(--_c-prim);
}
AX-ANCHORS li [rep=head][active]:after {
  background-color: var(--_c-prim);
}
AX-ANCHORS li [rep=label] {
  color: var(--_c-text);
  cursor: pointer;
  transition: all var(--_dur-1) linear;
}
AX-ANCHORS li [rep=label]:hover {
  color: var(--_c-prim);
}
._anchor {
  position: relative;
}
._anchor ._hash {
  font-weight: normal;
  position: absolute;
  inset-inline-start: 0;
  width: var(--_rem-display);
  text-align: center;
  transform: translateX(calc(-100% * var(--_dir-coef)));
}
/*
 *Last modified: 2025-05-19 21:26:29
 */
/*Wall*/
._wall,
[class*=_wall-] {
  --_wall-ar: 1/1;
  --_wall-fs: var(--_rem-caption);
  --_wall-c: var(--_c-white);
  --_wall-bg: var(--_c-text-bg);
  --_wall-mask: rgba(0, 0, 0, var(--_o-mask));
  --_wall-r: 0;
}
._wall > *,
[class*=_wall-] > * {
  aspect-ratio: var(--_wall-ar);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: var(--_wall-bg);
  border-radius: var(--_wall-r);
  box-sizing: border-box;
  position: relative;
}
._wall > * > img,
[class*=_wall-] > * > img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  transition: all var(--_dur-2) linear;
}
._wall > * > img[src=""],
[class*=_wall-] > * > img[src=""] {
  display: none;
}
._wall > *:has(>img[src=""]):after,
[class*=_wall-] > *:has(>img[src=""]):after {
  color: var(--_c-caption);
  content: "issue";
  font-family: var(--_ff-icon);
  font-size: var(--_rem-display);
}
._wall [rep=title],
[class*=_wall-] [rep=title] {
  color: var(--_wall-c);
  font-size: var(--_wall-fs);
  background-color: var(--_wall-mask);
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
  box-sizing: border-box;
  line-height: var(--_rem-subtitle);
  width: 100%;
  text-align: center;
  padding: var(--_rem-space);
  transition: all var(--_dur-2) linear;
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: 0;
  z-index: 3;
}
._wall:where(:not(._wall-sticky)) [rep=title],
[class*=_wall-]:where(:not(._wall-sticky)) [rep=title] {
  transform: translateY(100%);
}
._wall [rep=tools],
[class*=_wall-] [rep=tools] {
  transition: all var(--_dur-2) linear;
  position: absolute;
  z-index: 2;
}
._wall [rep=tools] > *,
[class*=_wall-] [rep=tools] > * {
  --_tools-c: var(--_c-white);
  --_tools-c-hov: var(--_c-white);
}
._wall:where(._wall-sticky) [rep=tools],
[class*=_wall-]:where(._wall-sticky) [rep=tools] {
  text-align: end;
  line-height: var(--_rem-list);
  display: inline-flex;
  inset-inline-end: var(--_rem-space);
  inset-block-start: var(--_rem-space);
}
._wall:where(:not(._wall-sticky)) [rep=tools],
[class*=_wall-]:where(:not(._wall-sticky)) [rep=tools] {
  background-color: var(--_wall-mask);
  width: 100%;
  aspect-ratio: 1/1;
  text-align: center;
  opacity: 0;
  inset-inline-start: 0;
  inset-block-start: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
._wall:where(:not(._wall-sticky)) [rep=tools] ._box-tools > *,
[class*=_wall-]:where(:not(._wall-sticky)) [rep=tools] ._box-tools > * {
  margin: auto var(--_rem-min);
}
._wall [rep=tags],
[class*=_wall-] [rep=tags] {
  width: 80%;
  padding-block-start: var(--_rem-space);
  padding-block-end: 0;
  padding-inline-start: var(--_rem-space);
  padding-inline-end: 0;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
}
._wall [rep=tags] > *,
[class*=_wall-] [rep=tags] > * {
  margin-inline-end: var(--_rem-min);
  margin-block-end: var(--_rem-min);
}
._wall [rep=icon],
[class*=_wall-] [rep=icon] {
  font-size: var(--_rem-subtitle);
  color: var(--_c-white);
  line-height: 1em;
  position: absolute;
  inset-inline-end: var(--_rem-body);
  inset-block-start: var(--_rem-body);
  z-index: 1;
}
._wall [rep=text],
[class*=_wall-] [rep=text],
._wall [rep=tips],
[class*=_wall-] [rep=tips],
._wall [rep=more],
[class*=_wall-] [rep=more],
._wall ._hide-clip,
[class*=_wall-] ._hide-clip {
  color: var(--_c-white);
  background-color: var(--_wall-mask);
  border-radius: inherit;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: var(--_p);
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: 2;
}
._wall [rep=text],
[class*=_wall-] [rep=text],
._wall [rep=tips],
[class*=_wall-] [rep=tips],
._wall [rep=more],
[class*=_wall-] [rep=more] {
  display: flex;
}
._wall [rep=text],
[class*=_wall-] [rep=text] {
  align-items: flex-start;
}
._wall [rep=tips],
[class*=_wall-] [rep=tips],
._wall [rep=more],
[class*=_wall-] [rep=more],
._wall ._hide-clip,
[class*=_wall-] ._hide-clip {
  line-height: var(--_rem-subtitle);
  align-items: center;
}
._wall [rep=tips],
[class*=_wall-] [rep=tips] {
  font-size: var(--_rem-caption);
}
._wall [rep=count],
[class*=_wall-] [rep=count] {
  font-size: var(--_rem-caption);
  color: var(--_c-white);
  background-color: var(--_wall-mask);
  line-height: var(--_rem-subtitle);
  padding: 0 var(--_rem-min);
  border-radius: var(--_r);
  position: absolute;
  inset-inline-start: var(--_rem-space);
  inset-block-end: var(--_rem-space);
  z-index: 2;
}
._wall:where(:not(._wall-sticky)) > *:hover [rep=title],
[class*=_wall-]:where(:not(._wall-sticky)) > *:hover [rep=title] {
  transform: translateY(0);
}
._wall:where(:not(._wall-sticky)) > *:hover [rep=tools],
[class*=_wall-]:where(:not(._wall-sticky)) > *:hover [rep=tools] {
  opacity: 1;
}
/*
Last modified: 2025-05-20 18:10:18
*/
/*Card*/
._card {
  --_card-p: var(--_p);
  --_card-g: var(--_rem-space);
  --_card-bg: var(--_c-stage);
  --_card-bd: 1px;
  --_card-r: var(--_r-input);
  --_card-ar: 16/9;
  --_card-scale: 1.05;
  --_card-fw: bold;
  --_card-m: var(--_rem-body);
  background-color: var(--_card-bg);
  border: var(--_card-bd) solid var(--_c-text-bd);
  border-radius: var(--_card-r);
  box-sizing: border-box;
  display: block;
  padding: var(--_card-p);
  position: relative;
  transition: all var(--_dur-2) linear;
}
._card [rep=title] {
  font-size: var(--_rem-lead);
  font-weight: var(--_card-fw);
  margin-block-end: var(--_card-g);
}
._card [rep=title] a {
  --_link-c: var(--_c-text);
  --_link-hov: var(--_c-prim);
}
._card [rep=title]:hover {
  color: var(--_c-prim);
}
._card [rep=brief] {
  color: var(--_c-brief);
}
._card [rep=byline] {
  color: var(--_c-brief);
  font-size: var(--_rem-caption);
  line-height: var(--_rem-subtitle);
  margin-block-start: var(--_card-g);
}
._card [rep=byline] > a {
  --_link-c: var(--_c-brief);
}
._card [rep=byline] > * {
  margin-inline-end: var(--_rem-space);
}
._card [rep=poster] {
  --_poster-ar: var(--_card-ar);
  --_poster-d: flex;
  --_poster-r: 0;
  overflow: hidden;
}
._card ._card-foot {
  margin-block-start: var(--_card-p);
}
._card [rep=btns] {
  border-block-start: 1px solid var(--_c-text-bd);
  margin-block-end: calc(-1*var(--_card-p));
  text-align: center;
  line-height: var(--_rem-hitbox);
  display: flex;
}
._card [rep=btns] > * {
  width: calc((100%/24)*12);
  padding: 0;
  flex: auto;
  position: relative;
}
._card [rep=btns] > *:not(:last-child) {
  border-inline-end: 1px solid var(--_c-text-bd);
}
._card [rep=btns] [rep=left] {
  width: 70%;
  text-align: start;
}
._card [rep=btns] [rep=right] {
  width: 30%;
}
._card [rep=posters]:where(:not(:first-child)),
._card [rep=poster]:where(:not(:first-child)) {
  margin-block-start: var(--_card-m);
}
._card [rep=posters]:where(:not(:last-child)),
._card [rep=poster]:where(:not(:last-child)) {
  margin-block-end: var(--_card-m);
}
._card [rep=poster] + [rep=posters] {
  margin-block-start: calc(-1*var(--_card-m) + 2px);
}
._card[unpadded] {
  --_card-p: 0;
  --_card-bd: 0;
}
._card[unpadded] [rep=poster] {
  --_poster-r: var(--_card-r);
}
._card[unpadded] [rep=poster]:hover > img {
  transform: scale(var(--_card-scale));
}
._card:where(:not([unpadded])):hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
._card:where(:not([unpadded])):hover [rep=poster] > img {
  transform: scale(var(--_card-scale));
}
/*Grade*/
._grade {
  --_grade-w: var(--_w-list);
  --_grade-r: var(--_r-input);
  position: relative;
}
._grade > [rep=host] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
._grade > [rep=host] [rep=label] {
  position: relative;
}
._grade > [rep=host] [rep=arrow] {
  color: var(--_c-caption);
  font-family: var(--_ff-icon);
  font-size: var(--_px-root);
  margin-inline-start: var(--_rem-min);
  transition: all var(--_dur-2) linear;
}
._grade > [rep=host] [rep=arrow]:before {
  content: 'down';
}
._grade:where(:not([expanded])) > [rep=host] [rep=label]:after {
  content: '';
  height: 2px;
  width: 2em;
  background-color: var(--_c-prim);
  transform: translate(calc(-50% * var(--_dir-coef)), 0) scaleX(0);
  transition: all var(--_dur-2) linear;
  position: absolute;
  inset-inline-start: 50%;
  inset-block-end: 0;
}
._grade:where(:not([expanded])) > [rep=host] [rep=arrow] {
  margin-inline-start: var(--_rem-min);
}
._grade:where([expanded]) > [rep=host] [rep=arrow] {
  order: -10;
  margin-inline-end: var(--_rem-min);
}
._grade > ._grade-wrap {
  box-sizing: border-box;
}
._grade:where(:not([expanded])) > ._grade-wrap {
  background-color: var(--_c-stage);
  transform: translateX(calc(-50% * var(--_dir-coef)));
  display: none;
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 50%;
  z-index: 3;
}
._grade[placement=right]:where(:not([expanded])) ._grade-wrap {
  inset-block-start: 0;
  inset-inline-start: auto;
  inset-inline-end: calc(-1*var(--_grade-w) - var(--_rem-space));
  transform: none;
}
._grade[placement=right]:where(:not([expanded])) ._grade-wrap:before {
  content: '';
  width: 1rem;
  height: var(--_rem-input);
  position: absolute;
  inset-inline-start: -1rem;
  inset-block-start: 0;
}
._grade[placement=bottom-start]:where(:not([expanded])) ._grade-wrap {
  transform: none;
  inset-inline-start: 0;
}
._grade[placement=bottom-end]:where(:not([expanded])) ._grade-wrap {
  transform: none;
  inset-inline-start: auto;
  inset-inline-end: 0;
}
._grade:where(:not([expanded])) ._grade-wrap,
._grade:where(:not([expanded])) ul._grade-wrap ul {
  width: var(--_grade-w);
  box-sizing: border-box;
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_grade-r);
}
._grade:where(:not([expanded])) ._grade-wrap:where(:not(ul)) {
  --_grade-w: var(--_w-drawer);
}
._grade:where(:not([expanded])) ul._grade-wrap li {
  position: relative;
  border-block-end: 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);
  transform: translate(calc(100% * var(--_dir-coef)), 0%);
  position: absolute;
  width: 100%;
  inset-block-start: -0.1rem;
  inset-inline-end: 0;
  display: none;
}
._grade:where([expanded]) li {
  margin-inline-start: 2em;
}
._grade ul._grade-wrap [rep=head] {
  line-height: var(--_rem-subtitle);
  min-height: var(--_rem-input);
  padding: calc((var(--_rem-input) - var(--_rem-subtitle))/2) var(--_p);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all var(--_dur-1) linear;
}
._grade ul._grade-wrap li [rep=arrow] {
  font-family: var(--_ff-icon);
  font-size: var(--_px-root);
  color: var(--_c-caption);
  height: 1em;
  width: 1em;
  line-height: 1em;
  text-align: center;
  transition: all var(--_dur-2) linear;
}
._grade:where(:not([expanded])) ul._grade-wrap li [rep=arrow] {
  margin-inline-end: -1rem;
  margin-inline-start: calc(-1em + 1rem);
}
._grade:where(:not([expanded])) ul._grade-wrap li [rep=arrow]:before {
  content: 'right';
}
._grade:where([expanded]) ul._grade-wrap [rep=head] {
  border-radius: var(--_grade-r);
  display: inline-flex;
}
._grade:where([expanded]) ul._grade-wrap [rep=head] [rep=label] {
  width: auto;
}
._grade:where([expanded]) ul._grade-wrap li [rep=arrow] {
  margin-inline-start: -1.4rem;
  margin-inline-end: calc(1.4rem - 1em);
  order: -10;
}
._grade:where([expanded]) ul._grade-wrap li [rep=arrow]:before {
  content: 'down';
}
._grade ul._grade-wrap [rep=label] {
  color: var(--_c-text);
  box-sizing: border-box;
  flex: auto;
  width: 0;
}
._grade ul._grade-wrap [rep=icon],
._grade ul._grade-wrap [rep=disk],
._grade ul._grade-wrap [rep=cube],
._grade ul._grade-wrap [rep=image] {
  margin-inline-end: var(--_rem-min);
}
._grade ul._grade-wrap [rep=disk],
._grade ul._grade-wrap [rep=cube],
._grade ul._grade-wrap [rep=image] {
  height: var(--_rem-list);
  display: inline-flex;
}
._grade ul._grade-wrap [rep=disk],
._grade ul._grade-wrap [rep=cube] {
  width: var(--_rem-list);
  object-fit: cover;
}
._grade ul._grade-wrap [rep=disk] {
  border-radius: 100%;
}
._grade ul._grade-wrap [rep=cube] {
  border-radius: var(--_r);
}
._grade:where(:not([expanded])):hover > [rep=host] [rep=arrow] {
  rotate: 180deg;
}
._grade:where(:not([expanded])):hover > ._grade-wrap {
  display: block;
}
._grade:where(:not([expanded])) ul._grade-wrap li:hover > [rep=head] + ul {
  display: block;
}
._grade:where(:not([expanded])) ul._grade-wrap li:hover > [rep=head] [rep=arrow] {
  rotate: 180deg;
}
._grade > [rep=host][selected] {
  color: var(--_c-prim);
}
._grade:where(:not([expanded])) > [rep=host][selected] [rep=label]:after {
  transform: translate(calc(-50% * var(--_dir-coef)), 0) scaleX(1);
}
._grade ul._grade-wrap [rep=head]:where(:not([selected], [disabled])):hover {
  color: var(--_c-prim);
  background-color: var(--_c-prim-bg);
}
._grade ul._grade-wrap [rep=head]:where(:not([selected], [disabled])):hover [rep=label] {
  color: var(--_c-prim);
}
._grade ul._grade-wrap [rep=head][selected] [rep=arrow] {
  color: rgba(255, 255, 255, var(--_o-active));
}
._grade ul._grade-wrap [rep=head][selected],
._grade ul._grade-wrap [rep=head][selected]:hover {
  color: var(--_c-white);
  background-color: var(--_c-prim);
}
._grade ul._grade-wrap [rep=head][selected] [rep=label],
._grade ul._grade-wrap [rep=head][selected]:hover [rep=label] {
  color: v var(--_c-white);
}
._grade ul._grade-wrap [rep=head][disabled] {
  color: var(--_c-caption);
}
._grade ul._grade-wrap [rep=head][disabled] [rep=label] {
  color: var(--_c-caption);
}
[dir=rtl] ._grade:where(:not([expanded])) ul._grade-wrap li [rep=arrow]:before {
  content: 'left';
}
/*Toggle btns*/
._toggle {
  --_tgl-c: var(--_c-text);
  --_tgl-bc: var(--_c-text-bd);
  --_tgl-bg: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.4);
  --_tgl-g: var(--_m);
  --_tgl-sz: var(--_rem-display);
  color: var(--_tgl-c);
  width: var(--_tgl-sz);
  border: 1px solid var(--_tgl-bc);
  background-color: var(--_tgl-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;
  inset-inline-end: var(--_tgl-g);
  inset-block-start: calc(50% - var(--_tgl-sz) / 2);
  z-index: 610;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: var(--_dur-9);
  animation-fill-mode: both;
  animation-name: _remind-h;
  /*     &[placement=right] {
      inset-inline-end: var(--_tgl-g);
      inset-block-start: calc(50% - var(--_tgl-sz) / 2);
      &:before {
          content: 'left';
      }
      &[done] {
          inset-inline-end: calc(-1*var(--_tgl-sz));
          &:before {
              content: 'right';
          }
      }
  } */
}
._toggle:before {
  font-family: var(--_ff-icon);
  content: 'arrow-left';
}
._toggle[done] {
  inset-inline-end: calc(-1*var(--_tgl-sz) - 4px);
}
._toggle[done]:before {
  content: 'arrow-right';
}
._toggle[placement=left] {
  inset-inline-end: auto;
  inset-block-end: auto;
  inset-inline-start: var(--_tgl-g);
  inset-block-start: calc(50% - var(--_tgl-sz) / 2);
}
._toggle[placement=left]:before {
  content: 'arrow-right';
}
._toggle[placement=left][done] {
  inset-inline-start: calc(-1*var(--_tgl-sz) - 4px);
}
._toggle[placement=left][done]:before {
  content: 'arrow-left';
}
._toggle[placement=top] {
  inset-inline-end: auto;
  inset-block-end: auto;
  inset-inline-start: calc(50% - var(--_tgl-sz) / 2);
  inset-block-start: var(--_tgl-g);
}
._toggle[placement=top]:before {
  content: 'arrow-down';
}
._toggle[placement=top][done] {
  inset-block-start: calc(-1*var(--_tgl-sz) - 4px);
}
._toggle[placement=top][done]:before {
  content: 'arrow-up';
}
._toggle[placement=bottom] {
  inset-inline-end: auto;
  inset-block-start: auto;
  inset-inline-start: calc(50% - var(--_tgl-sz) / 2);
  inset-block-end: var(--_tgl-g);
}
._toggle[placement=bottom]:before {
  content: 'arrow-up';
}
._toggle[placement=bottom][done] {
  inset-block-end: calc(-1*var(--_tgl-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] {
  --_tgl-c: var(--_c-prim);
  --_tgl-bc: var(--_c-prim);
  --_tgl-bg: var(--_c-prim-ac);
}
._toggle[theme=error] {
  --_tgl-c: var(--_c-error);
  --_tgl-bc: var(--_c-error);
  --_tgl-bg: var(--_c-error-ac);
}
._toggle[theme=succ] {
  --_tgl-c: var(--_c-succ);
  --_tgl-bc: var(--_c-succ);
  --_tgl-bg: var(--_c-succ-ac);
}
._toggle[theme=info] {
  --_tgl-c: var(--_c-info);
  --_tgl-bc: var(--_c-info);
  --_tgl-bg: var(--_c-info-ac);
}
._toggle[theme=issue] {
  --_tgl-c: var(--_c-issue);
  --_tgl-bc: var(--_c-issue);
  --_tgl-bg: var(--_c-issue-ac);
}
._toggle[theme=warn] {
  --_tgl-c: var(--_c-warn);
  --_tgl-bc: var(--_c-warn);
  --_tgl-bg: var(--_c-warn-ac);
}
._toggle:where(:not([theme])):hover {
  --_tgl-c: var(--_c-prim);
  --_tgl-bc: var(--_c-prim);
  --_tgl-bg: var(--_c-prim-ac);
}
._toggle:where([theme]):hover {
  color: var(--_c-white);
  --_tgl-bg: var(--_tgl-c);
}
[dir=rtl] ._toggle:before {
  content: 'arrow-right';
}
[dir=rtl] ._toggle[placement=left]:before {
  content: 'arrow-left';
}
/*Masonry layout*/
._masonry {
  --_msnry-cols: 2;
  --_msnry-g: var(--_rem-space);
  display: grid;
  grid-template-columns: repeat(var(--_msnry-cols), 1fr);
  align-items: start;
  justify-content: center;
  grid-auto-rows: 1px;
  column-gap: var(--_msnry-g);
}
._masonry > * {
  box-sizing: border-box;
  position: relative;
}
._masonry > * video {
  display: block;
}
/*
Last modified: 2025-05-21 05:26:10
*/
/*Infinite Scroll*/
._infinite ._infinite-item {
  content-visibility: auto;
  contain: layout paint;
}
._infinite ._infinite-status {
  text-align: center;
  padding: 1.4rem 0;
}
._infinite ._infinite-status [rep=tips] {
  color: var(--_c-caption);
}
._infinite ._infinite-status [rep=spin] {
  padding: var(--_rem-body);
}
._infinite ._infinite-status:where(:not([status=finish])) ._pagination,
._infinite ._infinite-status:where(:not([status=finish])) [rep=page] {
  display: none;
}
._infinite ._infinite-status:where([status=finish]) [rep=next] {
  display: none;
}
._infinite ._infinite-status:where([status=finish]) [rep=spin],
._infinite ._infinite-status:where([status=loaded]) [rep=spin] {
  display: none;
}
._infinite:where([trigger=click]) ._infinite-status:where(:not([status=preload])) [rep=next] {
  display: none;
}
._infinite:where(:not([trigger=scroll])) ._infinite-status:where([status=preload]) [rep=spin] {
  display: none;
}
/*Virtualize*/
._virt > ._virt-wrap {
  position: relative;
}
._virt ._virt-space {
  height: 0;
  overflow: hidden;
}
._virt[axis=x] {
  overflow-y: hidden;
  overflow-x: auto;
}
._virt[axis=x] > ._virt-wrap {
  display: flex;
  width: 10000000000vw;
}
._virt[axis=y] {
  overflow-x: hidden;
  overflow-y: auto;
}
._virt[axis=y] > ._virt-wrap {
  height: 10000000000vh;
}
/*table*/
._table-wrap {
  --_table-wrap-bc: var(--_c-text-bd);
  --_table-wrap-h: fit-content;
  --_table-wrap-w: auto;
  height: var(--_table-wrap-h);
  width: var(--_table-wrap-w);
  overflow: auto;
  position: relative;
}
._table-wrap table {
  border-block-start: none;
  border-block-end: none;
}
._table-wrap th ._cell {
  display: flex;
}
._table-wrap ._sort-arrow {
  width: var(--_rem-subtitle);
  height: var(--_rem-subtitle);
  text-align: center;
  position: relative;
}
._table-wrap ._sort-arrow:before {
  content: '';
  height: 0;
  width: 0;
  margin: auto 0;
  border-color: transparent transparent var(--_c-caption) transparent;
  border-style: solid;
  border-width: 0 0.4rem 0.4rem 0.4rem;
  transition: all var(--_dur-2) linear;
  position: absolute;
  inset-block-start: calc(var(--_rem-subtitle) / 2 - 0.1rem - 0.4rem);
  inset-inline-start: calc(var(--_rem-subtitle) / 2 - 0.4rem);
}
._table-wrap ._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;
  inset-block-start: calc(var(--_rem-subtitle) / 2 + 0.1rem);
  inset-inline-start: calc(var(--_rem-subtitle) / 2 - 0.4rem);
}
._table-wrap label ~ * {
  font-size: var;
  color: var(--_c-text-bg);
  width: var(--_rem-subtitle);
  text-align: center;
  cursor: pointer;
  transition: all var(--_dur-2) linear;
}
._table-wrap label ~ *:hover {
  color: var(--_c-text);
}
._table-wrap [order=asc] ._sort-arrow:before {
  border-color: transparent transparent var(--_c-text) transparent;
}
._table-wrap [order=desc] ._sort-arrow:after {
  border-color: var(--_c-text) transparent transparent transparent;
}
._table {
  /*  ._avatar {
    margin-block-start: calc((-1*var(--_rem-list) + var(--_rem-biref))/2);
    margin-block-end: calc((-1*var(--_rem-list) + var(--_rem-biref))/2);
  } */
  /* ._b-xs {
    margin-block-start: calc((-1*var(--_rem-list) + var(--_rem-biref))/2);
    margin-block-end: calc((-1*var(--_rem-list) + var(--_rem-biref))/2);
  } */
  /*  ._b-xs._b-seal {
    position: relative;
  } */
  /* 
  ._operate {
    margin-block-start: calc((-1*var(--_rem-list) + var(--_rem-biref))/2);
    margin-block-end: calc((-1*var(--_rem-list) + var(--_rem-biref))/2);
  }
  ._operate [class*=icon] {
    color: var(--_c-caption);
    font-size: 1.4rem;
    height: var(--_rem-list);
    line-height: var(--_rem-list);
    width: var(--_rem-list);
    text-align: center;
    box-sizing: border-box;
    position: relative;
  }
  ._operate [class*=icon]._c-caption {
    cursor: not-allowed;
  }
  ._operate [class*=icon] ._dot {
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0
  }
  tbody tr:hover ._operate [class*=icon] {
    color: var(--_c-text-aj);
  }
  tbody tr:hover ._operate [class*=icon]._c-caption {
  }
  ._operate [class*=icon]:hover {
    background-color: var(--_c-stage);
    border: 1px solid var(--_c-text-bd);
    line-height: calc(var(--_rem-list) - .2rem);
    border-radius: var(--_r);
  } 
  ._operate [class*=icon]:hover ._badge {
    inset-inline-end: -0.1rem;
    inset-block-start: -0.1rem
  }
*/
}
._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-block-start: calc((-1*var(--_rem-list) + var(--_rem-biref))/2);
  margin-block-end: calc((-1*var(--_rem-list) + var(--_rem-biref))/2);
}
._table ._select._xs + span {
  margin-block-start: calc(((-1*var(--_rem-list) + var(--_rem-biref))/2) - 0.4rem);
  margin-block-end: calc((-1*var(--_rem-list) + var(--_rem-biref))/2);
}
._table ._select,
._table select {
  width: 12rem;
}
._table th > input[type=text],
._table td > input[type=text],
._table th > input[type=password],
._table td > input[type=password] {
  width: 12rem;
  max-width: 100%;
}
._table td > input[type=text][editing] {
  background: transparent;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 2px var(--_c-prim);
  border-radius: 0;
  border: none;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
}
._table td > textarea[editing] {
  background: transparent;
  width: calc(100% + 2rem);
  margin: -1rem;
  box-shadow: inset 0 0 0 2px var(--_c-prim);
  border-radius: 0;
  border: none;
}
._table ._form-group ._col {
  width: auto;
}
._table-wrap:where(:not(:has([lines=inner]))) {
  border-block-start: 1px solid var(--_table-wrap-bc);
  border-block-end: 1px solid var(--_table-wrap-bc);
}
._table-wrap:where(:has([lines=all])) {
  border-inline-start: 1px solid var(--_table-wrap-bc);
}
._table-wrap:where(:has([lines=all])) table {
  border-inline-start: 0;
}
._table-wrap:where(:has([lines=outer])) {
  border-inline-start: 1px solid var(--_table-wrap-bc);
  border-inline-end: 1px solid var(--_table-wrap-bc);
}
._table-wrap:where(:has([lines=outer])) table {
  border-inline-start: 0;
  border-inline-end: 0;
}
._table-wrap:where([fixed*=head]) thead tr:last-child {
  border: none;
}
._table-wrap:where([fixed*=head]) thead th {
  background-color: var(--_c-stage);
  box-shadow: inset 0 -1px 0 0 var(--_table-wrap-bc);
  position: sticky;
  inset-block-start: 0;
  z-index: 3;
}
._table-wrap:where([fixed*=head]) tbody tr:last-child {
  border-block-end: 1px solid var(--_table-wrap-bc);
}
._table-wrap:where(:has([lines=all])[fixed*=head]) thead th {
  box-shadow: inset 0 -1px 0 0 var(--_table-wrap-bc), inset calc(-1px * var(--_dir-coef)) 0 0 0 var(--_table-wrap-bc);
}
._table-wrap:where([fixed*=left]) th:first-child,
._table-wrap:where([fixed*=left]) td:first-child {
  background-color: var(--_c-stage);
  box-shadow: inset calc(-1px * var(--_dir-coef)) 0 0 0 var(--_table-wrap-bc);
  position: sticky;
  inset-inline-start: 0;
  z-index: 3;
}
._table-wrap:where(:has([stripe])[fixed*=left]) tbody tr:nth-child(odd) td:first-child {
  background-color: var(--_c-caption-bg);
}
._table-wrap:where(:has([stripe])[fixed*=left]) tbody tr[selected] td:first-child {
  background-color: var(--_c-prim-bg);
}
._table-wrap:where(:has([hoverable])[fixed*=left]) tbody tr:not([selected]):hover td:first-child {
  background-color: var(--_table-wrap-bc);
}
._table-wrap:where([fixed*=right]) th:last-child,
._table-wrap:where([fixed*=right]) td:last-child {
  background-color: var(--_c-stage);
  position: sticky;
  inset-inline-end: 0;
  z-index: 3;
}
._table-wrap:where([fixed*=right]) th:last-child:before,
._table-wrap:where([fixed*=right]) td:last-child:before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: var(--_table-wrap-bc);
  position: absolute;
  inset-inline-start: -1px;
  inset-block-start: 0;
}
._table-wrap:where(:has([stripe])[fixed*=right]) tbody tr:nth-child(odd) td:last-child {
  background-color: var(--_c-caption-bg);
}
._table-wrap:where(:has([stripe])[fixed*=right]) tbody tr[selected] td:last-child {
  background-color: var(--_c-prim-bg);
}
._table-wrap:where(:has([hoverable])[fixed*=right]) tbody tr:not([selected]):hover td:last-child {
  background-color: var(--_table-wrap-bc);
}
._table-wrap:where([fixed*=head][fixed*=left]) tr th:first-child {
  box-shadow: inset 0 -1px 0 0 var(--_table-wrap-bc), inset calc(-1px * var(--_dir-coef)) 0 0 0 var(--_table-wrap-bc);
  z-index: 4;
}
._table-wrap:where([fixed*=head][fixed*=right]) tr th:last-child {
  z-index: 4;
}
._table-wrap:where([fixed*=head][fixed*=right]) tr th:last-child:before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: var(--_table-wrap-bc);
  position: absolute;
  inset-inline-start: -1px;
  inset-block-start: 0;
}
._table-wrap *[fixed] {
  position: sticky;
  z-index: 3;
}
._table-wrap[fixed*=head] *[fixed] {
  z-index: 4;
}
._table-tools {
  display: flex;
}
._table-tools [toolsright] {
  text-align: end;
  flex: auto;
}
._table-tools [toolsright] > a,
._table-tools [toolsright] > ._btn-group {
  margin-inline-start: 0.8rem;
}
._table-tools ._table-search {
  width: 20rem;
}
._table-tools ._table-search ._form-input,
._table-tools ._table-search ._form-con {
  width: 100%;
}
/*Alarm*/
AX-ALARM {
  --_alarm-sz: var(--_rem-body);
  --_alarm-c: var(--_c-white);
  --_alarm-bg: var(--_c-error);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
AX-ALARM [rep=wrap] {
  color: var(--_alarm-c);
  aspect-ratio: 1 / 1;
  max-width: var(--_w-list);
  line-height: 1em;
  border-radius: 100%;
  padding: var(--_rem-space);
  background-color: var(--_alarm-bg);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  transition: all var(--_dur-2) linear;
}
AX-ALARM [rep=wrap] * {
  position: relative;
  z-index: 2;
}
AX-ALARM [rep=wrap]:before,
AX-ALARM [rep=wrap]:after {
  content: '';
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: inherit;
  background-color: var(--_alarm-bg);
  transform: scale(3);
  opacity: 0.5;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  pointer-events: none;
}
AX-ALARM [rep=image] {
  width: var(--_rem-input);
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: inherit;
}
AX-ALARM [rep=wrap]:before {
  animation: _wave-3 1s infinite;
}
AX-ALARM [rep=wrap]:after {
  animation: _wave-5 1s infinite;
}
AX-ALARM[size=sm] [rep=wrap]:before {
  animation-name: _wave-2;
}
AX-ALARM[size=sm] [rep=wrap]:after {
  animation-name: _wave-3;
}
AX-ALARM[size=md] [rep=wrap]:before {
  animation-name: _wave-3;
}
AX-ALARM[size=md] [rep=wrap]:after {
  animation-name: _wave-5;
}
AX-ALARM[size=lg] [rep=wrap]:before {
  animation-name: _wave-4;
}
AX-ALARM[size=lg] [rep=wrap]:after {
  animation-name: _wave-7;
}
AX-ALARM[theme=prim] [rep=wrap],
AX-ALARM[theme=prim] [rep=wrap]:before,
AX-ALARM[theme=prim] [rep=wrap]:after {
  background-color: var(--_c-prim);
}
AX-ALARM[theme=error] [rep=wrap],
AX-ALARM[theme=error] [rep=wrap]:before,
AX-ALARM[theme=error] [rep=wrap]:after {
  background-color: var(--_c-error);
}
AX-ALARM[theme=succ] [rep=wrap],
AX-ALARM[theme=succ] [rep=wrap]:before,
AX-ALARM[theme=succ] [rep=wrap]:after {
  background-color: var(--_c-succ);
}
AX-ALARM[theme=warn] {
  --_alarm-c: var(--_c-black);
}
AX-ALARM[theme=warn] [rep=wrap],
AX-ALARM[theme=warn] [rep=wrap]:before,
AX-ALARM[theme=warn] [rep=wrap]:after {
  background-color: var(--_c-warn);
}
AX-ALARM[theme=info] [rep=wrap],
AX-ALARM[theme=info] [rep=wrap]:before,
AX-ALARM[theme=info] [rep=wrap]:after {
  background-color: var(--_c-info);
}
AX-ALARM[theme=issue] [rep=wrap],
AX-ALARM[theme=issue] [rep=wrap]:before,
AX-ALARM[theme=issue] [rep=wrap]:after {
  background-color: var(--_c-issue);
}
@keyframes _wave-2 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes _wave-3 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes _wave-4 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
@keyframes _wave-5 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}
@keyframes _wave-6 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(6);
    opacity: 0;
  }
}
@keyframes _wave-7 {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(7);
    opacity: 0;
  }
}
/*statstics*/
AX-STATS {
  --_stats-fs: var(--_rem-display);
  --_stats-lh: var(--_rem-input);
  --_stats-h-legend: calc(var(--_rem-input) + var(--_rem-subtitle));
  display: inline-flex;
  vertical-align: middle;
}
AX-STATS [rep=wrap] {
  display: inline-flex;
}
AX-STATS [rep=main] {
  flex: auto;
  display: inline-flex;
  flex-direction: column;
}
AX-STATS [rep=label] {
  font-size: var(--_stats-fs);
  position: relative;
  line-height: var(--_stats-lh);
  font-family: var(--_ff-alt);
}
AX-STATS [rep=label] AX-BADGE {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  transform: translate(calc(100% * var(--_dir-coef)), 0);
}
AX-STATS [rep=unit] {
  color: var(--_c-brief);
  font-size: var(--_rem-caption);
  line-height: var(--_rem-caption);
  margin-inline-start: var(--_rem-space);
}
AX-STATS [rep=tips] {
  color: var(--_c-brief);
}
AX-STATS [rep=icon],
AX-STATS [rep=disk],
AX-STATS [rep=cube],
AX-STATS [rep=image] {
  height: var(--_stats-h-legend);
  margin-inline-end: var(--_rem-body);
}
AX-STATS [rep=icon] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  font-size: var(--_rem-list);
  border-radius: 100%;
  background-color: var(--_c-text-bg);
}
AX-STATS:where([dir=v]):where(:not(:has([rep=unit]))) {
  text-align: center;
}
AX-STATS:where([dir=v]):where(:has([rep=icon])),
AX-STATS:where([dir=v]):where(:has([rep=icon])),
AX-STATS:where([dir=v]):where(:has([rep=icon])) {
  text-align: start;
}
AX-STATS:where([dir=v]) [rep=head] {
  flex: auto;
}
AX-STATS:where([dir=v]) [rep=tips] {
  line-height: var(--_rem-subtitle);
}
AX-STATS:where([dir=v])[inverted] [rep=main] {
  flex-direction: column-reverse;
}
AX-STATS:where([dir=v]):not(:has([rep=tips])) {
  --_stats-fs: var(--_rem-input);
  --_stats-h-legend: var(--_rem-input);
}
AX-STATS:where([dir=h]) {
  --_stats-fs: var(--_rem-input);
  --_stats-lh: var(--_rem-input);
  --_stats-h-legend: var(--_rem-input);
}
AX-STATS:where([dir=h]) [rep=main] {
  flex-direction: row;
  align-items: center;
}
AX-STATS:where([dir=h]) [rep=tips] {
  flex: auto;
  text-align: start;
  line-height: var(--_rem-subtitle);
  margin-inline-start: var(--_rem-body);
}
AX-STATS:where([dir=h]) [rep=label] AX-BADGE {
  transform: translate(calc(100% * var(--_dir-coef)), -50%);
}
/*Icon*/
AX-ICON {
  --_icon-fs-tips: var(--_rem-body);
  --_icon-fs-legend: var(--_em-display);
  display: inline-flex;
  vertical-align: middle;
}
AX-ICON [rep=wrap] {
  display: inline-flex;
  align-items: center;
}
AX-ICON [rep=head] {
  display: inline-flex;
  position: relative;
}
AX-ICON [rep=head] AX-BADGE {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  transform: translate(calc(50% * var(--_dir-coef)), -50%);
}
AX-ICON [rep=icon],
AX-ICON [rep=cube],
AX-ICON [rep=disk] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
AX-ICON [rep=cube],
AX-ICON [rep=disk] {
  height: var(--_em-subtitle);
}
AX-ICON[dir=h] [rep=tips] {
  margin-inline-start: var(--_rem-min);
}
AX-ICON[dir=v] [rep=wrap] {
  text-align: center;
  flex-direction: column;
}
AX-ICON[dir=v] [rep=icon],
AX-ICON[dir=v] [rep=cube],
AX-ICON[dir=v] [rep=disk] {
  font-size: var(--_icon-fs-legend);
  height: 1em;
  line-height: 1em;
}
AX-ICON[dir=v] [rep=tips] {
  font-size: var(--_icon-fs-tips);
  line-height: var(--_rem-subtitle);
  margin-block-start: var(--_rem-min);
}
AX-ICON[dir=v][bg] {
  --_icon-fs-legend: var(--_em-caption);
}
AX-ICON[dir=v][bg] [rep=icon],
AX-ICON[dir=v][bg] [rep=disk],
AX-ICON[dir=v][bg] [rep=cube] {
  height: 2.33em;
  line-height: 2.33em;
}
AX-ICON[dir=v][bg] [rep=icon] {
  aspect-ratio: 1/1;
  border-radius: 100%;
}
AX-ICON[dir=v][bg] [rep=icon]._bg-prim,
AX-ICON[dir=v][bg] [rep=icon]._bg-error,
AX-ICON[dir=v][bg] [rep=icon]._bg-info,
AX-ICON[dir=v][bg] [rep=icon]._bg-issue,
AX-ICON[dir=v][bg] [rep=icon]._bg-text,
AX-ICON[dir=v][bg] [rep=icon]._bg-brief {
  color: var(--_c-white);
}
AX-ICON[dir=v][bg] [rep=icon]._bg-warn,
AX-ICON[dir=v][bg] [rep=icon]._bg-warn-lt,
AX-ICON[dir=v][bg] [rep=icon]._bg-text-lt,
AX-ICON[dir=v][bg] [rep=icon]._bg-caption {
  color: var(--_c-text);
}
AX-ICON[dir=v][bg] [rep=icon]._bg-prim-lt {
  color: var(--_c-prim);
}
AX-ICON[dir=v][bg] [rep=icon]._bg-error-lt {
  color: var(--_c-error);
}
AX-ICON[dir=v][bg] [rep=icon]._bg-info-lt {
  color: var(--_c-info);
}
AX-ICON[dir=v][bg] [rep=icon]._bg-issue-lt {
  color: var(--_c-issue);
}
AX-ICON[dir=v][bg] [rep=cube] img,
AX-ICON[dir=v][bg] [rep=disk] img {
  height: 1em;
}
/*Drag & drop*/
._holder-drop {
  --_holder-r: var(--_r);
  --_holder-h: auto;
  --_holder-w: auto;
  --_holder-m: auto;
  --_holder-bc: var(--_c-caption);
  --_holder-c: var(--_c-caption);
  color: var(--_holder-c);
  height: var(--_holder-h);
  width: var(--_holder-w);
  border: 2px dashed var(--_holder-bc);
  border-radius: var(--_holder-r);
  margin: var(--_holder-m);
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
._holder-drop {
  transition: all var(--_dur-1) linear;
}
._holder-drop[dropping] {
  --_holder-bc: var(--_c-prim);
  --_holder-c: var(--_c-prim);
}
._holder-empty {
  color: var(--_c-caption);
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  pointer-events: none;
}
._drag-wait {
  opacity: 0.5;
}
._drag-ghost {
  opacity: 0.5;
  pointer-events: none;
  position: fixed !important;
  z-index: 720;
}
._drop-arrow {
  font-size: var(--_rem-caption);
  color: var(--_c-prim);
  line-height: 1em;
  height: 1em;
  pointer-events: none;
  position: absolute;
}
._drop-arrow[placement=left] {
  inset-inline-start: 0;
}
._drop-arrow[placement=left][point=before] {
  inset-block-start: 0;
  translate: -100% -50%;
}
._drop-arrow[placement=left][point=after] {
  inset-block-end: 0;
  translate: -100% 50%;
}
._drop-arrow[placement=left][point=inside] {
  inset-block-start: 50%;
  translate: -100% -50%;
}
._drop-arrow[placement=right] {
  rotate: 180deg;
  inset-inline-end: 0;
}
._drop-arrow[placement=right][point=before] {
  inset-block-start: 0;
  translate: 100% -50%;
}
._drop-arrow[placement=right][point=after] {
  inset-block-end: 0;
  translate: 100% 50%;
}
._drop-arrow[placement=right][point=inside] {
  inset-block-start: 50%;
  translate: 100% -50%;
}
._drop-arrow[placement=top] {
  rotate: 90deg;
  inset-block-start: 0;
}
._drop-arrow[placement=top][point=before] {
  inset-inline-start: 0;
  translate: -50% -100%;
}
._drop-arrow[placement=top][point=after] {
  inset-inline-end: 0;
  translate: 50% -100%;
}
._drop-arrow[placement=top][point=inside] {
  inset-inline-start: 50%;
  translate: -50% -100%;
}
._drop-arrow[placement=bottom] {
  rotate: -90deg;
  inset-block-end: 0;
}
._drop-arrow[placement=bottom][point=before] {
  inset-inline-start: 0;
  translate: -50% 100%;
}
._drop-arrow[placement=bottom][point=after] {
  inset-inline-end: 0;
  translate: 50% 100%;
}
._drop-arrow[placement=bottom][point=inside] {
  inset-inline-start: 50%;
  translate: -50% 100%;
}
[dragbody] {
  cursor: grabbing;
}
:where([dragnode]:not(:has([handle]))),
:where([dragnode]) [handle] {
  touch-action: none;
  cursor: grab;
}
[dragbody] :where([dragnode]:not(:has([handle]))),
[dragbody] :where([dragnode]) [handle] {
  cursor: inherit;
}
/*BreadCrumb*/
._crumb {
  --_crumb-fs: var(--_rem-body);
  --_crumb-m: var(--_rem-space);
  font-size: var(--_crumb-fs);
}
._crumb [rep=head] {
  color: var(--_c-text-aj);
}
._crumb [rep=head][class*=icon] {
  margin-inline-end: var(--_crumb-m);
}
._crumb a {
  color: var(--_c-text-aj);
}
._crumb a:hover {
  color: var(--_c-prim);
}
._crumb [rep=label] [class*=icon] {
  width: auto;
  margin-inline-end: var(--_rem-min);
}
._crumb [rep=hyphen] {
  color: var(--_c-caption);
  text-align: center;
  margin: auto var(--_crumb-m);
  display: inline;
}
._crumb [rep=hyphen]:where(:not(._char, [class*=icon])) {
  font-size: var(--_rem-caption);
}
._crumb [rep=hyphen][class*=icon] {
  font-size: 1rem;
}
/*Pagination*/
AX-PAGINATION {
  --_pgn-m-tb: var(--_rem-body);
  display: block;
  vertical-align: middle;
}
:not(AX-SELECT) ._pagination {
  --_pgn-m-tb: var(--_rem-body);
}
._pagination {
  --_pgn-c: var(--_c-text);
  --_pgn-c-hov: var(--_pgn-c);
  --_pgn-c-sel: var(--_c-white);
  --_pgn-h: var(--_rem-display);
  --_pgn-fs: var(--_rem-caption);
  --_pgn-p-child: 0.9rem;
  --_pgn-m-child: 0.2rem;
  --_pgn-bc: var(--_c-text-bd);
  --_pgn-bc-hov: var(--_c-prim);
  --_pgn-bw: 1px;
  --_pgn-r: var(--_r);
  --_pgn-bg: var(--_c-stage);
  --_pgn-bg-hov: var(--_c-prim-bg);
  --_pgn-bg-sel: var(--_c-prim);
  --_pgn-a: center;
  color: var(--_pgn-c);
  font-size: var(--_pgn-fs);
  line-height: var(--_pgn-h);
  margin: var(--_pgn-m-tb) auto;
  display: flex;
  align-items: center;
  justify-content: var(--_pgn-a);
  flex-wrap: wrap;
  /* 
  [rep=first] *:not([class*=icon]),
  [rep=prev] *:not([class*=icon]) {
    margin-inline-end: var(--_pgn-m-child);
    margin-inline-start: calc(-1*var(--_pgn-m-child));
  }
  [rep=last] *:not([class*=icon]),
  [rep=next] *:not([class*=icon]) {
    margin-inline-start: var(--_pgn-m-child);
    margin-inline-end: calc(-1*var(--_pgn-m-child));
  } */
  /*  &[type=plain] a:where(:not([rep=total]))[selected] {
    height: var(--_rem-display);
    min-width: var(--_rem-display);
    text-align: center;
    line-height: var(--_rem-display);
    border-radius: var(--_rem-display);
    border-width: 0;
    padding: 0;
  } */
}
._pagination [rep=pages],
._pagination [rep=main],
._pagination [rep=other] {
  display: inline-flex;
  align-items: center;
}
._pagination [rep=pages]:empty,
._pagination [rep=main]:empty {
  display: none;
}
._pagination[align=start] {
  --_pgn-a: flex-start;
}
._pagination[align=start] [rep=other] {
  flex: auto;
  text-align: end;
}
._pagination[align=end] {
  --_pgn-a: flex-end;
}
._pagination[align=end] [rep=other] {
  flex: auto;
  text-align: start;
}
._pagination[align=start] > *:first-child,
._pagination[align=start] > [rep=pages]:first-child > *:first-child,
._pagination[align=start] [rep=main]:first-child > *:first-child,
._pagination[align=start] [rep=main]:first-child > [rep=pages]:first-child > *:first-child {
  margin-inline-start: 0;
}
._pagination[align=end] > *:last-child,
._pagination[align=end] > [rep=pages]:last-child > *:last-child,
._pagination[align=end] [rep=main]:last-child > *:last-child,
._pagination[align=end] [rep=main]:last-child > [rep=pages]:last-child > *:last-child {
  margin-inline-end: 0;
}
._pagination[flexible] [rep=main] {
  flex: auto;
}
._pagination[flexible] [rep=main]:first-child {
  justify-content: flex-start;
}
._pagination[flexible] [rep=main]:last-child {
  justify-content: flex-end;
}
._pagination [class*=icon] {
  font-size: 1rem;
}
._pagination a,
._pagination[type=group] [rep=main] > span:where(:not([rep=pages])),
._pagination[type=group] [rep=pages] > span {
  color: var(--_pgn-c);
  height: var(--_pgn-h);
  min-width: var(--_pgn-h);
  border: var(--_pgn-bw) solid var(--_pgn-bc);
  border-radius: var(--_pgn-r);
  background-image: none;
  padding: 0 var(--_pgn-p-child);
  margin: 0 var(--_pgn-m-child);
  box-sizing: border-box;
  background-color: var(--_pgn-bg);
  transition: all var(--_dur-1) linear;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._pagination > span:where(:not([rep=pages])),
._pagination [rep=main] > span:where(:not([rep=pages])),
._pagination [rep=pages] > span {
  margin: 0 var(--_pgn-m-child);
}
._pagination [selected] {
  color: var(--_pgn-c-sel);
  border-color: var(--_pgn-bc-sel);
  background-color: var(--_pgn-bg-sel);
}
._pagination [disabled] {
  opacity: var(--_o-disabled);
}
._pagination a:where(:not([rep=total], [selected])):hover {
  color: var(--_pgn-c-hov);
  border-color: var(--_pgn-bc-hov);
  text-decoration: none;
  background-color: var(--_pgn-bg-hov);
  z-index: 2;
  cursor: pointer;
}
._pagination[type=group] {
  --_pgn-m-child: 0;
}
._pagination[type=group] [rep=main] > a:where(:not([rep=pages])),
._pagination[type=group] [rep=main] > span:where(:not([rep=pages])) {
  border-radius: 0;
}
._pagination[type=group] [rep=main] > a:where(:not([rep=pages])):not(:last-child),
._pagination[type=group] [rep=main] > span:where(:not([rep=pages])):not(:last-child) {
  margin-inline-end: -1px;
}
._pagination[type=group] [rep=main] > a:where(:not([rep=pages])):first-child,
._pagination[type=group] [rep=main] > span:where(:not([rep=pages])):first-child {
  border-radius: var(--_pgn-r) 0 0 var(--_pgn-r);
}
._pagination[type=group] [rep=main] > a:where(:not([rep=pages])):last-child,
._pagination[type=group] [rep=main] > span:where(:not([rep=pages])):last-child {
  border-radius: 0 var(--_pgn-r) var(--_pgn-r) 0;
}
._pagination[type=group] [rep=main] [rep=pages]:not(:last-child) {
  margin-inline-end: -1px;
}
._pagination[type=group] [rep=pages] > * {
  border-radius: 0;
}
._pagination[type=group] [rep=pages] > *:not(:last-child) {
  margin-inline-end: -1px;
}
._pagination[type=group] [rep=pages]:first-child *:first-child {
  border-radius: var(--_pgn-r) 0 0 var(--_pgn-r);
}
._pagination[type=group] [rep=pages]:last-child *:last-child {
  border-radius: 0 var(--_pgn-r) var(--_pgn-r) 0;
}
._pagination[type=plain] a:not([selected]),
._pagination[type=plain] span:not([selected]),
._pagination[type=plain] a:not([selected]):hover,
._pagination[type=plain] span:not([selected]):hover {
  background: transparent;
  border: none;
}
._pagination li {
  display: inline-block;
}
._pagination .pagination {
  text-align: center;
}
._pagination [rep=locate],
._pagination [rep=count] {
  margin: 0 var(--_pgn-m-child);
  display: inline-flex;
}
._pagination [rep=locate] input,
._pagination [rep=count] input {
  width: 3em;
  text-align: center;
}
._pagination[turning] {
  padding: calc(var(--_rem-display)/2) 0;
}
._pagination[size=sm] {
  --_pgn-h: var(--_rem-list);
  --_pgn-p-child: 0.6rem;
}
._pagination[size=lg] {
  --_pgn-h: var(--_rem-input);
  --_pgn-p-child: 1.4rem;
  --_pgn-r: var(--_r-input);
}
/*Tag & Tags*/
._tags {
  --_tags-h: var(--_rem-display);
  --_tags-m: var(--_rem-space);
  --_tags-r: var(--_r);
  --_tags-bw: 1px;
  --_tags-fs: var(--_rem-body);
  --_tags-p: var(--_rem-space);
  --_tags-h-img: var(var(--_rem-subtitle));
  margin-inline-end: calc(-1*var(--_tags-m));
  margin-block-end: calc(-1*var(--_tags-m));
  display: flex;
  flex-wrap: wrap;
  contain: content;
}
._tags:empty {
  --_tags-m: 0;
}
._tags input[type=text] {
  width: 1em;
  min-width: 6em;
  border-radius: 0;
  border-block-start-width: 0;
  border-inline-start-width: 0;
  border-inline-end-width: 0;
  padding: 0;
  margin-block-end: var(--_tags-m);
  height: var(--_tags-h);
  line-height: var(--_tags-h);
  transition-property: color, border-color;
}
._tags input[type=text]:focus {
  outline-width: 0;
}
._tags [rep=empty] {
  margin-block-end: var(--_tags-m);
  line-height: var(--_tags-h);
}
._tags a {
  color: inherit;
}
._tags ._tag {
  margin-inline-end: var(--_tags-m);
  margin-block-end: var(--_tags-m);
}
._tag {
  --_tag-p: var(--_tags-p, var(--_rem-space));
  --_tag-h: var(--_tags-h, var(--_rem-display));
  --_tag-c: var(--_c-text);
  --_tag-bc: var(--_c-text-bd);
  --_tag-bg: transparent;
  --_tag-r: var(--_tags-r, var(--_r));
  --_tag-bw: var(--_tags-bw, 1px);
  --_tag-h-img: var(--_tags-h-img, var(--_rem-subtitle));
  --_tag-g: var(--_rem-min);
  --_tag-fs: var(--_tags-fs, var(--_rem-body));
  font-size: var(--_tag-fs);
  color: var(--_tag-c);
  height: var(--_tag-h);
  line-height: var(--_tag-h);
  box-sizing: border-box;
  padding: 0 var(--_tag-p);
  border: var(--_tag-bw) solid var(--_tag-bc);
  background-color: var(--_tag-bg);
  border-radius: var(--_tag-r);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._tag [rep=icon],
._tag [rep=disk],
._tag [rep=cube],
._tag [rep=image] {
  margin-inline-end: var(--_tag-g);
}
._tag [rep=disk],
._tag [rep=cube] {
  height: var(--_tag-h-img);
  aspect-ratio: 1/1;
  object-fit: cover;
}
._tag [rep=disk] {
  border-radius: 100%;
}
._tag [rep=cube] {
  border-radius: var(--_r);
}
._tag [rep=image] {
  max-height: var(--_tag-h-img);
}
._tag [rep=remove] {
  font-family: var(--_ff-icon);
  margin-inline-end: calc(-1*var(--_tag-p) + 0.286em);
  margin-inline-start: var(--_tag-p);
}
._tag [rep=remove]:hover:before {
  color: var(--_c-error);
  opacity: 1;
  cursor: pointer;
}
._tag [rep=remove]:before {
  content: 'close';
  display: inline-block;
  opacity: var(--_o-disabled);
  scale: 0.8;
  transition: all var(--_dur-2) linear;
}
._tag:hover,
._tag:focus {
  color: var(--_tag-c);
  border-color: var(--_tag-bc);
  background-color: var(--_tag-bg);
}
._tag[selected] {
  border-color: var(--_tag-c);
}
._tag[disabled] {
  opacity: var(--_o-disabled);
}
._tags[theme=prim] ._tag,
._tag[theme=prim] {
  --_tag-c: var(--_c-prim-dp);
  --_tag-bc: var(--_c-prim-bd);
  --_tag-bg: var(--_c-prim-bg);
}
._tags[theme=succ] ._tag,
._tag[theme=succ] {
  --_tag-c: var(--_c-succ-dp);
  --_tag-bc: var(--_c-succ-bd);
  --_tag-bg: var(--_c-succ-bg);
}
._tags[theme=error] ._tag,
._tag[theme=error] {
  --_tag-c: var(--_c-error-dp);
  --_tag-bc: var(--_c-error-bd);
  --_tag-bg: var(--_c-error-bg);
}
._tags[theme=warn] ._tag,
._tag[theme=warn] {
  --_tag-c: var(--_c-warn-dp);
  --_tag-bc: var(--_c-warn-bd);
  --_tag-bg: var(--_c-warn-bg);
}
._tags[theme=issue] ._tag,
._tag[theme=issue] {
  --_tag-c: var(--_c-issue-dp);
  --_tag-bc: var(--_c-issue-bd);
  --_tag-bg: var(--_c-issue-bg);
}
._tags[theme=info] ._tag,
._tag[theme=info] {
  --_tag-c: var(--_c-info-dp);
  --_tag-bc: var(--_c-info-bd);
  --_tag-bg: var(--_c-info-bg);
}
._tags[theme=text] ._tag,
._tag[theme=text] {
  --_tag-bg: var(--_c-text-bg);
}
._tags[theme=brief] ._tag,
._tag[theme=brief] {
  --_tag-c: var(--_c-brief);
  --_tag-bc: var(--_c-brief-bd);
  --_tag-bg: var(--_c-brief-bg);
}
._tags[theme=caption] ._tag,
._tag[theme=caption] {
  --_tag-c: var(--_c-caption);
  --_tag-bc: var(--_c-caption-bd);
  --_tag-bg: var(--_c-caption-bg);
}
._tags[type=borderless] ._tag,
._tag[type=borderless] {
  --_tag-bw: 0;
}
._tags[shape=square] ._tag,
._tag[shape=square] {
  --_tag-r: 0;
}
._tags[shape=round] ._tag,
._tag[shape=round] {
  --_tag-r: var(--_tag-h);
}
._tags[size=sm] {
  --_tags-h: var(--_rem-list);
  --_tags-m: var(--_rem-min);
  --_tags-fs: var(--_rem-caption);
  --_tags-p: var(--_rem-min);
  --_tags-h-img: var(--_rem-body);
}
._tags[size=lg] {
  --_tags-h: var(--_rem-input);
  --_tags-m: var(--_rem-body);
  --_tag-p: var(--_rem-body);
}
._tags[compact] {
  --_tags-m: var(--_rem-min);
}
._tags[compact] ._tag {
  margin-inline-end: var(--_tags-m);
  margin-block-end: var(--_tags-m);
}
._tags[compact] ._tag,
._tag[compact] {
  --_tag-p: var(--_rem-min);
}
._tags[compact] input[type=text],
._tags[compact] [rep=empty] {
  margin-block-end: var(--_tags-m);
}
._tags[type=plain] {
  --_tags-m: 0;
}
._tags[type=plain] ._tag,
._tag[type=plain] {
  --_tag-p: 0;
  --_tag-bw: 0;
  font-size: inherit;
}
._tags[type=plain] ._tag {
  margin-inline-end: var(--_rem-space);
}
/*Filter*/
AX-FILTER {
  --_filter-h: var(--_rem-input);
  --_filter-lh: var(--_rem-display);
  --_filter-fs: var(--_rem-body);
  --_filter-bg: transparent;
  --_filter-g: 0;
  --_filter-bw: 0;
  --_filter-d: none;
  display: block;
  border: var(--_filter-bw) solid var(--_c-text-bd);
}
AX-FILTER ._filter-wrap {
  font-size: var(--_filter-fs);
  background-color: var(--_filter-bg);
  box-sizing: border-box;
  position: relative;
  z-index: 3;
}
AX-FILTER a {
  --_link-c: var(--_c-text);
  --_link-c-hov: var(--_c-prim);
}
AX-FILTER ._filter-other {
  display: var(--_filter-d);
}
AX-FILTER section {
  line-height: var(--_filter-lh);
  position: relative;
  padding: calc((var(--_filter-h) - var(--_filter-lh))/2) var(--_filter-g);
  box-sizing: border-box;
  display: flex;
}
AX-FILTER section [rep=head] {
  color: var(--_c-caption);
  margin-inline-end: var(--_rem-root);
  padding-inline-end: var(--_rem-root);
  position: relative;
}
AX-FILTER section [rep=head]:before {
  content: '';
  width: 1px;
  height: var(--_px-caption);
  background-color: var(--_c-text-bd);
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: calc((var(--_filter-lh) - var(--_px-caption))/2);
}
AX-FILTER section [rep=body] {
  flex: auto;
  width: 0;
}
AX-FILTER section [rep=body] [disabled] {
  pointer-events: none;
  opacity: var(--_o-disabled);
}
AX-FILTER section [rep=level1] a {
  padding: 0 var(--_rem-root);
  border-radius: calc(var(--_filter-lh)/2);
}
AX-FILTER section [rep=level1] a:hover {
  background-color: var(--_c-text-bg);
}
AX-FILTER section [rep=level1] a[selected] {
  color: var(--_c-white);
  background-color: var(--_c-prim);
}
AX-FILTER section [rep=level2] {
  font-size: var(--_rem-caption);
  line-height: var(--_rem-list);
  background-color: var(--_c-text-bg);
  padding: var(--_rem-space) var(--_rem-min);
  border-radius: var(--_r-input);
  margin-block-start: var(--_rem-space);
}
AX-FILTER section [rep=level2] > * {
  padding: 0 var(--_rem-space);
}
AX-FILTER section [rep=level2] a[selected] {
  color: var(--_c-prim);
}
AX-FILTER ._filter-search [rep=body] {
  display: flex;
  align-items: center;
}
AX-FILTER ._filter-search [rep=hot] {
  font-size: var(--_rem-caption);
  color: var(--_c-brief);
  margin-inline-start: var(--_rem-body);
}
AX-FILTER ._filter-search [rep=hot] a {
  --_link-c: var(--_c-brief);
  padding: 0 var(--_rem-root);
  border-radius: calc(var(--_filter-lh)/2);
}
AX-FILTER ._filter-search [rep=hot] a:hover {
  background-color: var(--_c-text-bg);
}
AX-FILTER ._filter-toggle {
  color: var(--_c-caption);
  cursor: pointer;
}
AX-FILTER ._filter-toggle [class*=icon] {
  font-size: var(--_px-root);
  margin-inline-start: var(--_px-min);
  transition: all var(--_dur-2) linear;
}
AX-FILTER ._filter-toggle._opened [class*=icon] {
  rotate: 180deg;
}
AX-FILTER ._filter-banner {
  margin-block-end: var(--_rem-space);
}
AX-FILTER ._filter-banner a {
  display: block;
}
AX-FILTER ._filter-banner picture,
AX-FILTER ._filter-banner img {
  display: block;
  width: 100%;
}
AX-FILTER[padded] {
  --_filter-g: var(--_rem-body);
}
AX-FILTER[padded] ._filter-banner {
  margin-block-start: var(--_rem-body);
  margin-inline-start: var(--_rem-body);
  margin-inline-end: var(--_rem-body);
}
AX-FILTER[padded] section {
  padding-inline-start: var(--_rem-body);
  padding-inline-end: var(--_rem-body);
}
AX-FILTER[padded] section:first-child:where(:not(._filter-banner)) {
  margin-block-start: var(--_rem-space);
}
AX-FILTER[padded] section:last-child {
  margin-block-end: var(--_rem-space);
}
AX-FILTER[bordered] {
  --_filter-bw: 1px;
  padding-block-end: var(--_rem-space);
}
AX-FILTER[bordered]:where(:not(:has(._filter-banner))) {
  padding-block-start: var(--_rem-space);
}
AX-FILTER[bordered] section {
  padding-inline-start: var(--_rem-body);
  padding-inline-end: var(--_rem-body);
}
@media (max-width: 599px) {
  AX-FILTER section [rep=level1],
  AX-FILTER section [rep=level2] {
    white-space: nowrap;
    overflow-x: auto;
  }
  AX-FILTER ._filter-search [rep=body] {
    display: block;
  }
  AX-FILTER ._filter-search [rep=hot] {
    margin-block-start: var(--_rem-min);
    margin-inline-start: 0;
  }
}
/*Comment*/
._comment {
  --_cmt-fs: var(--_px-body);
  --_cmt-m: var(--_rem-body);
  --_cmt-r-media: var(--_r);
  font-size: var(--_cmt-fs);
}
._comment ._comment-head {
  line-height: var(--_px-display);
  display: flex;
  align-items: center;
}
._comment ._comment-total {
  flex: auto;
  display: flex;
  align-items: center;
}
._comment ._comment-total > * {
  margin-inline-end: var(--_rem-body);
}
._comment ._comment-sort > [class*=_group-] {
  --_group-h: var(--_px-input);
  --_group-fs: var(--_cmt-fs);
}
._comment ._comment-body {
  --_cmt-start-w: var(--_px-input);
  --_cmt-start-m: var(--_px-space);
  line-height: var(--_px-list);
}
._comment ._comment-wrap {
  display: flex;
}
._comment ._comment-item {
  margin: var(--_cmt-m) 0;
}
._comment ._comment-item > ._comment-wrap > ._comment-left {
  margin-inline-end: var(--_cmt-start-m);
}
._comment ._comment-item > ._comment-wrap > ._comment-left [rep=disk],
._comment ._comment-item > ._comment-wrap > ._comment-left [rep=cube],
._comment ._comment-item > ._comment-wrap > ._comment-left [rep=image] {
  width: var(--_cmt-start-w);
}
._comment ._comment-item > ._comment-wrap > ._comment-left OC-AVATAR {
  --_avatar-h: var(--_cmt-start-w);
}
._comment ._comment-item > ._comment-wrap > ._comment-right {
  flex: auto;
}
._comment ._comment-item > ._comment-wrap > ._comment-right > ._comment-item:last-of-type {
  margin-block-end: 0;
}
._comment ._comment-more {
  font-size: var(--_px-caption);
  color: var(--_c-prim);
  margin-inline-start: calc(var(--_cmt-start-m) + var(--_cmt-start-w));
}
._comment ._comment-br {
  height: 1px;
  overflow: hidden;
  background-color: var(--_c-text-bd);
  margin-inline-start: calc(var(--_cmt-start-m) + var(--_cmt-start-w));
}
._comment ._comment-item ._comment-br:first-child {
  margin-block-end: var(--_cmt-m);
}
._comment ._comment-item ._comment-br:last-child {
  margin-block-start: var(--_cmt-m);
}
._comment[dividable] ._comment-body > ._comment-item > ._comment-wrap > ._comment-right {
  border-block-end: 1px solid var(--_c-text-bd);
  padding-block-end: var(--_cmt-m);
}
._comment ._comment-author {
  display: flex;
  align-items: center;
}
._comment ._comment-author > ._comment-left {
  flex: auto;
  display: flex;
  align-items: center;
}
._comment ._comment-author > ._comment-left > * {
  margin-inline-end: var(--_px-space);
}
._comment ._comment-author ._comment-right {
  color: var(--_c-caption);
  font-size: var(--_px-caption);
  display: flex;
  align-items: center;
}
._comment ._comment-author ._comment-right > * {
  margin-inline-start: var(--_rem-space);
}
._comment ._comment-author [rep=name] {
  color: var(--_c-text);
  font-weight: bold;
}
._comment ._comment-cont {
  line-height: var(--_px-list);
  overflow-wrap: break-word;
  hyphens: auto;
  /* img{
            display: block;
        } */
}
._comment ._comment-cont i,
._comment ._comment-cont u,
._comment ._comment-cont s,
._comment ._comment-cont a,
._comment ._comment-cont span {
  display: inline;
}
._comment ._comment-cont img,
._comment ._comment-cont video,
._comment ._comment-cont iframe,
._comment ._comment-cont picture {
  border-radius: var(--_cmt-r-media);
}
._comment ._comment-cont iframe {
  border: 1px solid var(--_c-text-bd);
  background-color: var(--_c-stage);
}
._comment ._comment-cont video,
._comment ._comment-cont audio,
._comment ._comment-cont iframe,
._comment ._comment-cont picture {
  margin: var(--_px-space) 0;
}
._comment ._comment-byline {
  color: var(--_c-caption);
  font-size: var(--_px-caption);
  line-height: var(--_px-list);
  display: flex;
  align-items: center;
}
._comment ._comment-byline > ._comment-left {
  flex: auto;
  display: flex;
  align-items: center;
}
._comment ._comment-byline > ._comment-left > * {
  margin-inline-end: var(--_rem-space);
}
._comment ._comment-byline > ._comment-right {
  display: flex;
  align-items: center;
}
._comment ._comment-byline > ._comment-right > * {
  margin-inline-start: var(--_rem-space);
}
._comment ._comment-body > ._comment-item > ._comment-wrap > ._comment-right {
  --_cmt-start-w: var(--_px-display);
}
._comment ._comment-body > ._comment-item ._comment-item {
  font-size: var(--_px-caption);
}
._comment ._comment-body > ._comment-item ._comment-item > ._comment-wrap > ._comment-left {
  width: var(--_cmt-start-w);
}
._comment ._comment-body > ._comment-item ._comment-item ._comment-cont {
  line-height: var(--_px-subtitle);
}
._comment ._comment-foot {
  color: var(--_c-caption);
  font-size: var(--_px-caption);
  text-align: center;
  padding: var(--_rem-display) 0;
}
/*
Last modified: 2025-05-21 19:26:22
*/
/*Panel*/
AX-PANEL {
  display: block;
}
._panel {
  --_panel-bw: 1px;
  --_panel-bc: var(--_c-text-bd);
  --_panel-fs: var(--_fs-body);
  --_panel-r: var(--_r-input);
  --_panel-r-win: var(--_r);
  --_panel-c: var(--_c-text);
  --_panel-bg: transparent;
  --_panel-c-lamp: var(--_c-prim);
  --_panel-h: var(--_rem-input);
  --_panel-lh: var(--_rem-list);
  --_panel-g: var(--_rem-min);
  --_panel-d: block;
  --_panel-p: var(--_rem-body);
  --_panel-h-legend: var(--_panel-lh);
  color: var(--_panel-c);
  border: var(--_panel-bw) solid var(--_panel-bc);
  border-radius: var(--_panel-r);
  background-color: var(--_panel-bg);
}
._panel ._panel-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}
._panel ._panel-head {
  position: relative;
  padding: calc((var(--_panel-h) - var(--_panel-lh))/2) var(--_panel-p);
  line-height: var(--_panel-lh);
  display: flex;
  align-items: flex-start;
}
._panel ._panel-head > ._panel-inner {
  display: flex;
  flex-direction: column;
  flex: auto;
}
._panel[headclosable] ._panel-head {
  cursor: pointer;
}
._panel ._panel-title {
  display: flex;
  align-items: center;
  flex: auto;
}
._panel ._panel-title > [rep=group] {
  flex: auto;
  display: flex;
  align-items: center;
}
._panel ._panel-title > [rep=group] > [rep=label] {
  font-size: var(--_panel-fs);
  position: relative;
  margin-inline-end: var(--_rem-space);
}
._panel ._panel-title > [rep=group] > [rep=annot] {
  font-size: var(--_rem-caption);
  color: var(--_c-caption);
  display: flex;
  align-items: center;
}
._panel ._panel-title > [rep=tips] {
  font-size: var(--_rem-caption);
  color: var(--_c-caption);
  margin-inline-start: var(--_rem-body);
}
._panel ._panel-title > AX-BADGE {
  margin-inline-start: var(--_rem-body);
}
._panel ._panel-title > [rep=custom] {
  text-align: end;
  display: flex;
  align-items: center;
  margin-inline-start: var(--_rem-body);
}
._panel ._panel-title > ._box-tools {
  color: var(--_c-brief);
}
._panel ._panel-title > ._box-tools:last-child {
  margin-inline-end: calc(-1*var(--_rem-space));
}
._panel ._panel-title > [rep=icon],
._panel ._panel-head > [rep=icon] {
  color: var(--_c-brief);
  width: var(--_panel-h-legend);
  text-align: center;
  margin-inline-end: var(--_panel-g);
  transition: all var(--_dur-2) linear;
}
._panel ._panel-title > [rep=cube],
._panel ._panel-head > [rep=cube],
._panel ._panel-title > [rep=disk],
._panel ._panel-head > [rep=disk],
._panel ._panel-title > [rep=image],
._panel ._panel-head > [rep=image] {
  height: var(--_panel-h-legend);
  margin-inline-end: var(--_panel-g);
  display: inline-flex;
}
._panel ._panel-title > [rep=cube],
._panel ._panel-head > [rep=cube],
._panel ._panel-title > [rep=disk],
._panel ._panel-head > [rep=disk] {
  aspect-ratio: 1/1;
}
._panel ._panel-title > [rep=cube],
._panel ._panel-head > [rep=cube],
._panel ._panel-title > [rep=disk],
._panel ._panel-head > [rep=disk] {
  object-fit: cover;
}
._panel ._panel-title > [rep=image],
._panel ._panel-head > [rep=image] {
  height: var(--_panel-h-legend);
  display: inline-flex;
}
._panel ._panel-title > [rep=arrow],
._panel > [rep=arrow] {
  font-size: var(--_rem-root);
  color: var(--_c-caption);
  font-family: var(--_ff-icon);
  text-align: center;
  width: var(--_panel-lh);
  height: var(--_panel-lh);
  line-height: var(--_panel-lh);
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--_rem-body);
  cursor: pointer;
  transition: all var(--_dur-2) linear;
  position: relative;
}
._panel ._panel-title > [rep=arrow][spinning]:before,
._panel > [rep=arrow][spinning]:before {
  content: "";
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background: var(--_spin) no-repeat scroll center;
  background-size: cover;
}
._panel ._panel-title > [rep=arrow]:last-child {
  margin-inline-end: calc(-1*var(--_rem-space));
}
._panel ._panel-title > [rep=arrow]:first-child,
._panel > [rep=arrow] {
  margin-inline-start: calc(-1*var(--_rem-min));
}
._panel ._panel-brief {
  font-size: var(--_rem-caption);
  color: var(--_c-caption);
}
._panel[lamp=bottom] ._panel-brief {
  margin-block-start: var(--_rem-body);
}
._panel ._panel-body {
  display: var(--_panel-d);
  box-sizing: border-box;
}
._panel ._panel-body:has(>._panel-inner) {
  padding: var(--_panel-p);
}
._panel[max] {
  --_panel-bg: var(--_c-stage);
  width: calc(100% - var(--_rem-body)*2);
  height: calc(100% - var(--_rem-body)*2);
  position: absolute;
  inset-inline-start: var(--_rem-body);
  inset-block-start: var(--_rem-body);
  z-index: 21;
}
._panel[max] ._panel-body {
  flex: auto;
}
._panel[lamp=left] ._panel-head:before,
._panel[lamp=right] ._panel-head:before {
  content: '';
  width: 2px;
  height: var(--_rem-body);
  background-color: var(--_panel-c-lamp);
  position: absolute;
  inset-block-start: calc((var(--_panel-h) - var(--_rem-body))/2);
}
._panel[lamp=left] ._panel-head:before {
  inset-inline-start: 0;
}
._panel[lamp=right] ._panel-head:before {
  inset-inline-end: 0;
}
._panel[lamp=top] ._panel-title > [rep=group] > [rep=label]:before,
._panel[lamp=bottom] ._panel-title > [rep=group] > [rep=label]:before {
  content: '';
  width: var(--_rem-display);
  height: 2px;
  background-color: var(--_panel-c-lamp);
  position: absolute;
  inset-inline-start: 0;
}
._panel[lamp=top] ._panel-title > [rep=group] > [rep=label]:before {
  inset-block-start: calc((var(--_panel-h) - var(--_panel-lh))/-2);
}
._panel[lamp=bottom] ._panel-title > [rep=group] > [rep=label]:before {
  inset-block-end: calc((var(--_panel-h) - var(--_panel-lh))/-2);
}
._panel[collapsed] {
  --_panel-d: none;
}
._panel[feature=loose] {
  --_panel-h: calc(var(--_rem-hitbox) + 1rem);
  --_panel-fs: var(--_fs-lead);
  --_panel-p: var(--_rem-list);
}
._panel[feature=loose] ._panel-head > [rep=icon],
._panel[feature=loose] ._panel-head > [rep=disk],
._panel[feature=loose] ._panel-head > [rep=cube],
._panel[feature=loose] ._panel-head > [rep=image] {
  margin-inline-end: var(--_rem-space);
}
._panel[feature=loose]:where(:not([lamp=bottom]):has(._panel-brief)) {
  --_panel-h-legend: var(--_rem-hitbox);
}
._panel[feature=loose][lamp=bottom] ._panel-brief {
  margin-block-start: var(--_rem-list);
}
._panel[feature=window] {
  --_panel-bg: var(--_c-caption-bg);
}
._panel[feature=window] ._panel-body {
  border: 1px solid var(--_panel-bc);
  border-radius: var(--_panel-r-win);
  background-color: var(--_c-stage);
  margin: 0 var(--_px-space) var(--_px-space) var(--_px-space);
}
._panel[theme=prim] {
  --_panel-c: var(--_c-prim);
  --_panel-bc: var(--_c-prim-bd);
  --_panel-bg: var(--_c-prim-bg);
}
._panel[theme=error] {
  --_panel-c: var(--_c-error);
  --_panel-bc: var(--_c-error-bd);
  --_panel-bg: var(--_c-error-bg);
  --_panel-c-lamp: var(--_c-error);
}
._panel[theme=succ] {
  --_panel-c: var(--_c-succ);
  --_panel-bc: var(--_c-succ-bd);
  --_panel-bg: var(--_c-succ-bg);
  --_panel-c-lamp: var(--_c-succ);
}
._panel[theme=warn] {
  --_panel-bc: var(--_c-warn-bd);
  --_panel-bg: var(--_c-warn-bg);
  --_panel-c-lamp: var(--_c-warn);
}
._panel[theme=info] {
  --_panel-c: var(--_c-info);
  --_panel-bc: var(--_c-info-bd);
  --_panel-bg: var(--_c-info-bg);
  --_panel-c-lamp: var(--_c-info);
}
._panel[theme=issue] {
  --_panel-c: var(--_c-issue);
  --_panel-bc: var(--_c-issue-bd);
  --_panel-bg: var(--_c-issue-bg);
  --_panel-c-lamp: var(--_c-issue);
}
._panel[theme=text] {
  --_panel-bg: var(--_c-text-bg);
  --_panel-c-lamp: var(--_c-text);
}
/*Group button*/
[class*=_group-btn] {
  --_group-r: var(--_r-input);
  display: inline-flex;
}
[class*=_group-btn] AX-BTN {
  border-radius: 0;
}
[class*=_group-btn] AX-BTN:where(:first-child) {
  border-start-start-radius: var(--_group-r);
  border-end-start-radius: var(--_group-r);
}
[class*=_group-btn] AX-BTN:where(:last-child) {
  border-start-end-radius: var(--_group-r);
  border-end-end-radius: var(--_group-r);
}
[class*=_group-btn] AX-BTN:where(:not(:first-of-type)) {
  margin-inline-start: -1px;
}
[class*=_group-btn] AX-BTN:where(:not([disabled])):hover {
  z-index: 2;
}
[class*=_group-btn] AX-BTN:where([selected], :focus-within),
[class*=_group-btn] AX-BTN:has([rep=wrap]:active) {
  z-index: 3;
}
[class*=_group-btn] AX-BTN:where([selected]) [rep=wrap] {
  color: var(--_c-white);
  background-color: var(--_c-prim);
  border-color: var(--_c-prim);
}
[class*=_group-btn] AX-BTN:where([disabled][selected]) {
  opacity: var(--_o-disabled);
}
[class*=_group-btn]:where([dividable]) AX-BTN:where(:not(:first-child)):after {
  content: '';
  height: 100%;
  width: 1px;
  background-color: var(--_c-divide);
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
}
/*Group lamp*/
._group-lamp {
  --_group-h: var(--_rem-input);
  --_group-fs: var(--_fs-body);
  --_group-c: var(--_c-text);
  --_group-bg: var(--_c-prim);
  --_group-p: var(--_rem-body);
  font-size: var(--_group-fs);
  display: flex;
  overflow: auto;
}
._group-lamp [rep=label] {
  color: var(--_group-c);
  position: relative;
}
._group-lamp [rep=tools]:where(:not(:empty)) {
  --_tools-c: var(--_group-c);
  margin-inline-start: var(--_rem-min);
  margin-inline-end: calc(-1*var(--_p));
}
._group-lamp [rep=tools] > * {
  font-size: var(--_px-root);
  width: var(--_p);
  padding: 0;
  opacity: var(--_o-disabled);
}
._group-lamp [rep=tools] > *:hover {
  opacity: 1;
}
._group-lamp [rep=remove]:hover {
  color: var(--_c-error);
}
._group-lamp[size=xs] {
  --_group-h: var(--_rem-list);
  --_group-fs: var(--_fs-caption);
  --_group-p: var(--_rem-min);
}
._group-lamp[size=sm] {
  --_group-h: var(--_rem-display);
  --_group-fs: var(--_fs-caption);
  --_group-p: var(--_rem-space);
}
._group-lamp[size=md] {
  --_group-h: var(--_rem-input);
}
._group-lamp[size=lg] {
  --_group-h: var(--_rem-hitbox);
}
ul:where(._group-lamp),
ol:where(._group-lamp) {
  padding-inline-start: 0;
}
ul:where(._group-lamp) li:before,
ol:where(._group-lamp) li:before {
  display: none;
}
._group-lamp > * {
  color: var(--_group-c);
  line-height: var(--_group-h);
  text-align: center;
  padding: 0 var(--_group-p);
  min-width: 2em;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all var(--_dur-2) linear;
}
._group-lamp > *:where(:visited) {
  color: var(--_group-c);
}
._group-lamp > *:where(:not([disabled])) {
  cursor: pointer;
}
._group-lamp > *:where(:not([disabled])):hover,
._group-lamp > *:where([selected], :focus),
._group-lamp > *:where(:not([disabled])):hover [rep=label],
._group-lamp > *:where([selected], :focus) [rep=label] {
  color: var(--_group-bg);
}
._group-lamp > *:where(:not(:has([rep=label]))):after,
._group-lamp > *:where(:has([rep=label])) [rep=label]:after {
  content: '';
  height: 2px;
  width: 2em;
  background-color: var(--_c-prim);
  transform: translate(calc(-50% * var(--_dir-coef)), 0) scaleX(0);
  transition: all var(--_dur-2) linear;
  position: absolute;
  inset-inline-start: 50%;
  inset-block-end: 0;
}
._group-lamp > *:where([selected]:not(:has([rep=label]))):after,
._group-lamp > *:where([selected]:has([rep=label])) [rep=label]:after {
  transform: translate(calc(-50% * var(--_dir-coef)), 0) scaleX(1);
}
._group-lamp > *:where([disabled]) {
  opacity: var(--_o-disabled);
}
._group-lamp > *:where([disabled][selected]:not(:has([rep=label]))):after,
._group-lamp > *:where([disabled][selected]:has([rep=label])) [rep=label]:after {
  background-color: var(--_c-caption);
}
._group-lamp > * > [rep=icon],
._group-lamp > * > [rep=disk],
._group-lamp > * > [rep=cube],
._group-lamp > * > [rep=image] {
  margin-inline-end: var(--_rem-min);
}
._group-lamp > * > [rep=disk],
._group-lamp > * > [rep=cube] {
  height: var(--_rem-subtitle);
  width: var(--_rem-subtitle);
  object-fit: cover;
}
._group-lamp > * > [rep=disk] {
  border-radius: 100%;
}
._group-lamp > * > [rep=cube] {
  border-radius: var(--_r);
}
._group-lamp > * > [rep=image] {
  height: var(--_rem-subtitle);
  object-fit: cover;
}
._group-lamp > * [rep=tips] {
  margin-inline-start: var(--_rem-min);
  color: var(--_c-caption);
}
._group-lamp > * AX-BADGE {
  margin-inline-start: var(--_rem-min);
}
/*Group page*/
._group-page {
  --_group-h: var(--_rem-input);
  --_group-fs: var(--_fs-body);
  --_group-c: var(--_c-text);
  --_group-p: var(--_rem-body);
  font-size: var(--_group-fs);
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  box-shadow: 0 -0.1rem 0 0 var(--_c-text-bd) inset;
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
._group-page [rep=label] {
  color: var(--_group-c);
  position: relative;
}
._group-page [rep=tools]:where(:not(:empty)) {
  --_tools-c: var(--_group-c);
  margin-inline-end: calc(-1*var(--_rem-space));
}
._group-page [rep=tools] > * {
  font-size: var(--_px-root);
  width: var(--_p);
  padding: 0;
  margin-inline-start: var(--_rem-min);
  opacity: var(--_o-disabled);
}
._group-page [rep=tools] > *:hover {
  opacity: 1;
}
._group-page [rep=remove]:hover {
  color: var(--_c-error);
}
._group-page[size=xs] {
  --_group-h: var(--_rem-list);
  --_group-fs: var(--_fs-caption);
  --_group-p: var(--_rem-space);
}
._group-page[size=sm] {
  --_group-h: var(--_rem-display);
  --_group-fs: var(--_fs-caption);
}
._group-page[size=md] {
  --_group-h: var(--_rem-input);
}
._group-page[size=lg] {
  --_group-h: var(--_rem-hitbox);
}
ul:where(._group-page),
ol:where(._group-page) {
  padding-inline-start: 0;
}
ul:where(._group-page) li:before,
ol:where(._group-page) li:before {
  display: none;
}
._group-page > * {
  color: var(--_group-c);
  align-items: center;
  background-color: var(--_c-stage);
  height: var(--_group-h);
  line-height: var(--_group-h);
  padding: 0 var(--_group-p);
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  border-block-start: 1px solid var(--_c-text-bd);
  border-inline-start: 1px solid var(--_c-text-bd);
  border-block-end: 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-start-start-radius: inherit;
}
._group-page > *:last-child {
  border-start-end-radius: inherit;
  border-inline-end: 1px solid var(--_c-text-bd);
}
._group-page > *:where([selected], :focus-within),
._group-page > *:where([selected], :focus-within) [rep=label] {
  color: var(--_c-prim);
}
._group-page > *:where([selected]) {
  border-block-end-color: transparent;
}
._group-page > *:where([disabled]) {
  color: var(--_c-caption);
  cursor: not-allowed;
  user-select: none;
  pointer-events: none;
}
._group-page > *:where([disabled]) [rep=label] {
  color: var(--_c-caption);
}
._group-page > * > [rep=icon],
._group-page > * > [rep=disk],
._group-page > * > [rep=cube],
._group-page > * > [rep=image] {
  margin-inline-end: var(--_rem-min);
}
._group-page > * > [rep=disk],
._group-page > * > [rep=cube] {
  height: var(--_rem-subtitle);
  width: var(--_rem-subtitle);
  object-fit: cover;
}
._group-page > * > [rep=disk] {
  border-radius: 100%;
}
._group-page > * > [rep=cube] {
  border-radius: var(--_r);
}
._group-page > * > [rep=image] {
  height: var(--_rem-subtitle);
  object-fit: cover;
}
._group-page > * [rep=tips] {
  margin-inline-start: var(--_rem-min);
  color: var(--_c-caption);
}
._group-page > * AX-BADGE {
  margin-inline-start: var(--_rem-min);
}
:where([class*=_bd], [class*=_sd]) > ._group-page {
  background-color: var(--_c-caption-bg);
}
:where([class*=_bd], [class*=_sd]) > ._group-page > * {
  border-block-start-width: 0;
}
:where([class*=_bd], [class*=_sd]) > ._group-page > *:first-child {
  border-radius: inherit;
  border-inline-start-width: 0;
}
:where([class*=_bd], [class*=_sd]) > ._group-page > *:last-child {
  border-radius: 0;
}
/*Group flex*/
._group-flex {
  --_group-h: var(--_rem-input);
  --_group-fs: var(--_fs-body);
  --_group-c: var(--_c-text);
  --_group-bg: var(--_c-prim);
  --_group-p: var(--_rem-body);
  font-size: var(--_group-fs);
  line-height: var(--_group-h);
  display: flex;
  overflow: auto;
}
._group-flex [rep=label] {
  color: var(--_group-c);
  flex: auto;
  transition: all var(--_dur-2) linear;
}
._group-flex [rep=label] + * {
  margin-inline-start: var(--_rem-space);
}
._group-flex [rep=tips] {
  color: var(--_c-caption);
}
._group-flex [rep=tools]:where(:empty) {
  margin-inline-start: 0;
}
._group-flex [rep=tools] {
  --_tools-c: var(--_group-c);
}
._group-flex [rep=tools] > * {
  font-size: var(--_px-root);
  width: var(--_p);
  padding: 0;
  margin-inline-start: var(--_rem-space);
  opacity: var(--_o-disabled);
}
._group-flex [rep=tools] > *:hover {
  opacity: 1;
}
._group-flex [rep=remove]:hover {
  color: var(--_c-error);
}
._group-flex[size=xs] {
  --_group-h: var(--_rem-list);
  --_group-fs: var(--_fs-caption);
}
._group-flex[size=sm] {
  --_group-h: var(--_rem-display);
  --_group-fs: var(--_fs-caption);
}
._group-flex[size=md] {
  --_group-h: var(--_rem-input);
}
._group-flex[size=lg] {
  --_group-h: var(--_rem-hitbox);
  --_group-p: var(--_rem-body);
}
ul:where(._group-flex),
ol:where(._group-flex) {
  padding-inline-start: 0;
}
ul:where(._group-flex) li:before,
ol:where(._group-flex) li:before {
  display: none;
}
._group-flex > * {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
._group-flex > *:where(:not(:last-child)) {
  margin-inline-end: var(--_group-p);
}
._group-flex > *:hover [rep=label] {
  color: var(--_group-bg);
}
._group-flex > * > [rep=icon],
._group-flex > * > [rep=disk],
._group-flex > * > [rep=cube],
._group-flex > * > [rep=image] {
  margin-inline-end: var(--_rem-min);
}
._group-flex > * > [rep=disk],
._group-flex > * > [rep=cube] {
  height: var(--_rem-subtitle);
  width: var(--_rem-subtitle);
  object-fit: cover;
}
._group-flex > * > [rep=disk] {
  border-radius: 100%;
}
._group-flex > * > [rep=cube] {
  border-radius: var(--_r);
}
._group-flex > * > [rep=image] {
  height: var(--_rem-subtitle);
  object-fit: cover;
}
._group-flex > *:where([selected]),
._group-flex > *:where([selected]) [rep=label] {
  color: var(--_group-bg);
}
._group-flex > *:after {
  content: '';
  height: 2px;
  width: 100%;
  background-color: var(--_group-bg);
  transform: translate(calc(-50% * var(--_dir-coef)), 0);
  opacity: 0;
  transition: all var(--_dur-1) linear;
  position: absolute;
  inset-inline-start: 50%;
  inset-block-end: 0;
}
._group-flex > *:where([selected]):after {
  opacity: 1;
}
._group-flex > *:where([disabled]) {
  user-select: none;
  pointer-events: none;
  color: var(--_c-caption);
}
._group-flex > *:where([disabled]) [rep=label] {
  color: var(--_c-caption);
}
._group-flex > *:where([disabled][selected]):after {
  background-color: var(--_c-caption);
}
:where([class*=_bd], [class*=_sd]) > ._group-flex > *:first-child {
  margin-inline-start: var(--_m);
}
/*Group grade*/
._group-grade {
  display: inline-flex;
}
._group-grade ._grade {
  margin-inline-start: var(--_m);
  margin-inline-end: var(--_m);
}
/*Group input*/
._group-input [rep=content] {
  position: relative;
}
._group-input [rep=content] ._box-tools {
  --_tools-c: var(--_c-caption);
  --_tools-c-hov: var(--_c-text);
  position: absolute;
  inset-inline-end: var(--_g);
  inset-block-start: calc((var(--_form-h) - var(--_rem-list))/2);
  z-index: 2;
}
._group-input [rep=content] ._box-tools [rep=icon] {
  font-size: var(--_px-caption);
}
/*Pill*/
AX-PILL {
  --_pill-fs: var(--_fs-body);
  --_pill-h: var(--_rem-display);
  --_pill-r: var(--_r-input);
  --_pill-bw: 1px;
  --_pill-bc: var(--_c-text-bd);
  --_pill-bg: var(--_pill-bc);
  --_pill-thumb-w: 0;
  --_pill-thumb-offset: 0;
  --_pill-thumb-bg: var(--_c-white);
  --_pill-thumb-bw: 0;
  --_pill-thumb-bc: var(--_pill-thumb-bg);
  --_pill-item-c: var(--_c-text);
  --_pill-item-c-sel: var(--_c-text);
  --_pill-item-c-hov: var(--_c-text);
  --_pill-item-p: var(--_rem-body);
  font-size: var(--_pill-fs);
  text-align: center;
  height: var(--_pill-h);
  border-radius: var(--_pill-r);
  border: var(--_pill-bw) solid var(--_pill-bc);
  background-color: var(--_pill-bg);
  box-sizing: border-box;
  display: inline-flex;
  vertical-align: middle;
  max-width: 100%;
  transition: all var(--_dur-2) linear;
}
AX-PILL[full] {
  display: flex;
  width: 100%;
}
AX-PILL[disabled] {
  opacity: 0.5;
}
AX-PILL input {
  position: fixed;
  inset-inline-start: -100000px;
}
AX-PILL [rep=wrap] {
  border-radius: inherit;
  position: relative;
  width: 100%;
}
AX-PILL [rep=items] {
  height: calc(var(--_pill-h) - var(--_pill-bw)*2);
  line-height: calc(var(--_pill-h) - var(--_pill-bw)*2);
  display: flex;
  position: relative;
  z-index: 2;
}
AX-PILL [rep=items] > * {
  color: var(--_pill-item-c);
  padding: 0 var(--_pill-item-p);
  flex: auto;
  transition: all var(--_dur-2) linear;
}
AX-PILL [rep=items] > *:hover {
  cursor: pointer;
}
AX-PILL [rep=items] > *:hover [rep=label] {
  color: var(--_pill-item-c-hov);
}
AX-PILL [rep=items] > *[selected] [rep=label] {
  color: var(--_pill-item-c-sel);
}
AX-PILL [rep=items] > *[disabled] {
  opacity: 0.5;
}
AX-PILL [rep=items] > * [rep=label] {
  transition: all var(--_dur-2) linear;
}
AX-PILL [rep=items] [rep=disk],
AX-PILL [rep=items] [rep=cube],
AX-PILL [rep=items] [rep=image] {
  --_legend-h: var(--_rem-subtitle);
  margin-inline-end: var(--_rem-space);
}
AX-PILL [rep=thumb] {
  border-radius: calc(var(--_pill-r) - var(--_pill-bw));
  transform: translateX(var(--_pill-thumb-offset));
  width: var(--_pill-thumb-w);
  height: calc(var(--_pill-h) - var(--_pill-bw)*2);
  border: var(--_pill-thumb-bw) solid var(--_pill-thumb-bc);
  background-color: var(--_pill-thumb-bg);
  box-sizing: border-box;
  position: absolute;
  left: 0;
  inset-block-start: 0;
  pointer-events: none;
  transition: all var(--_dur-2) var(--_bez-eo);
}
AX-PILL[size=sm] {
  --_pill-fs: var(--_fs-caption);
  --_pill-h: var(--_rem-list);
  --_pill-r: var(--_r-input-sm);
  --_pill-item-p: var(--_rem-space);
}
AX-PILL[size=lg] {
  --_pill-h: var(--_rem-input);
  --_pill-r: var(--_r-input-lg);
  --_pill-item-p: var(--_rem-subtitle);
}
._pill-body > :where(:not([selected])) {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
}
/*tree*/
AX-TREE {
  display: block;
  content-visibility: auto;
}
._tree {
  --_tree-h: var(--_rem-display);
  --_tree-lh: var(--_rem-list);
  --_tree-g: var(--_rem-min);
  --_tree-bg-hov: var(--_c-text-bg);
  --_tree-c: var(--_c-text);
  --_tree-theme: var(--_c-prim);
  --_tree-theme-bg: var(--_c-prim-bg);
  --_tree-theme-sd: var(--_c-prim-sd);
  --_tree-c-hl: var(--_c-white);
  --_tree-bg-hl: var(--_tree-theme);
  --_tree-c-arrow: var(--_c-brief);
  content-visibility: auto;
  /*line节点连线*/
}
._tree > * ._tree-children {
  display: none;
}
._tree ._tree-empty {
  color: var(--_c-caption);
}
._tree ._tree-head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: var(--_tree-h);
  transition: all var(--_dur-2) linear;
  /*edit编辑*/
  /*expand展开*/
  /*selected已选择*/
  /*drag拖拽节点*/
  /*focus聚焦，新增和拖拽成为焦点，如果本身是已选择状态则不做改变*/
}
._tree ._tree-head [rep=holder] {
  flex: auto;
}
._tree ._tree-head [rep=gap] {
  width: var(--_tree-g);
}
._tree ._tree-head > [rep=arrow] {
  color: var(--_tree-c-arrow);
  font-family: var(--_ff-icon);
  text-align: center;
  width: var(--_tree-lh);
  height: var(--_tree-h);
  line-height: var(--_tree-h);
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--_rem-body);
  position: relative;
}
._tree ._tree-head > [rep=arrow][type=icon] {
  font-size: var(--_rem-root);
}
._tree ._tree-head > [rep=arrow]:not(._none) {
  cursor: pointer;
  transition: all var(--_dur-2) linear;
}
._tree ._tree-head > [rep=arrow][spinning]:before {
  content: "";
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background: var(--_spin) no-repeat scroll center;
  background-size: cover;
}
._tree ._tree-head > [rep=check] {
  width: var(--_tree-lh);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
._tree ._tree-head > [rep=legend] {
  color: var(--_c-brief);
  width: var(--_tree-lh);
  height: var(--_tree-lh);
  line-height: var(--_tree-lh);
  text-align: center;
  background-position: center;
  background-size: var(--_rem-body);
  background-repeat: no-repeat;
}
._tree ._tree-head > [rep=group] > [rep=icon],
._tree ._tree-head > [rep=icon] {
  color: var(--_c-brief);
  width: var(--_tree-lh);
  text-align: center;
  margin-inline-end: var(--_tree-g);
  transition: all var(--_dur-2) linear;
}
._tree ._tree-head > [rep=group] > [rep=disk],
._tree ._tree-head > [rep=disk] {
  height: var(--_tree-lh);
  width: var(--_tree-lh);
  margin-inline-end: var(--_tree-g);
  object-fit: cover;
  border-radius: 100%;
}
._tree ._tree-head > [rep=group] > [rep=cube],
._tree ._tree-head > [rep=cube] {
  height: var(--_tree-lh);
  width: var(--_tree-lh);
  margin-inline-end: var(--_tree-g);
  object-fit: cover;
  border-radius: var(--_r);
}
._tree ._tree-head > [rep=group] > [rep=image],
._tree ._tree-head > [rep=image] {
  max-width: calc(var(--_tree-lh)*2);
  margin-inline-end: var(--_tree-g);
}
._tree ._tree-head > [rep=group] > [rep=label],
._tree ._tree-head > [rep=label] {
  color: var(--_tree-c);
  line-height: var(--_tree-lh);
  padding: 0 var(--_tree-g);
  margin-inline-end: var(--_tree-g);
  border-radius: var(--_r);
  box-sizing: border-box;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
  transition: all var(--_dur-2) linear;
}
._tree ._tree-head > [rep=group] > [rep=label] [rep=mark],
._tree ._tree-head > [rep=label] [rep=mark] {
  color: var(--_c-issue);
}
._tree ._tree-head > [rep=group] > [rep=tips],
._tree ._tree-head > [rep=tips] {
  font-size: var(--_rem-caption);
  color: var(--_c-caption);
  margin-inline-start: var(--_tree-g);
}
._tree ._tree-head > [rep=group] > [rep=badge],
._tree ._tree-head > [rep=group] > [rep=AX-BADGE],
._tree ._tree-head > [rep=badge],
._tree ._tree-head > AX-BADGE {
  margin-inline-start: var(--_tree-g);
}
._tree ._tree-head > [rep=group] > [rep=custom],
._tree ._tree-head > [rep=custom] {
  margin-inline-start: var(--_tree-g);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
._tree ._tree-head > [rep=tools] {
  --_tools-c-hov: var(--_tree-c-hl);
  --_tools-c-haz-hov: var(--_tree-c-hl);
  --_tools-bg-hov: var(--_tree-bg-hl);
  --_tools-bg-hov-haz: var(--_c-error);
  margin-inline-start: var(--_tree-g);
}
._tree ._tree-head input[type=text] {
  width: 9.2rem;
  height: var(--_tree-lh);
  line-height: var(--_tree-lh);
  padding: 0 0.4rem;
}
._tree ._tree-head[editing] > [rep=group] > [rep=label],
._tree ._tree-head[editing] > [rep=label] {
  padding: 0;
}
._tree ._tree-head[editing] > [rep=tools] {
  position: absolute;
  inset-inline-start: -100000px;
}
._tree ._tree-head[expanded] > [rep=group] > [rep=arrow][type=icon],
._tree ._tree-head[expanded] > [rep=arrow][type=icon] {
  color: var(--_tree-theme);
}
._tree ._tree-head:where([selected]:not([editing])) > [rep=group] > [rep=label],
._tree ._tree-head:where([selected]:not([editing])) > [rep=label] {
  color: var(--_tree-c-hl);
  background: var(--_tree-bg-hl);
}
._tree ._tree-head[drop=ing] > [rep=group] > [rep=label],
._tree ._tree-head[drop=ing] > [rep=label] {
  color: var(--_tree-theme);
  background: transparent;
}
._tree ._tree-head[drop=ing] > [rep=group] > [rep=label]:before,
._tree ._tree-head[drop=ing] > [rep=label]:before {
  content: '';
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid;
  border-color: transparent transparent transparent var(--_tree-theme);
  position: absolute;
  inset-inline-start: -4px;
  display: none;
}
._tree ._tree-head[drop=ing]:where([point=before]) > [rep=group] > [rep=label]:before,
._tree ._tree-head[drop=ing]:where([point=before]) > [rep=label]:before {
  display: block;
  inset-block-start: -6px;
}
._tree ._tree-head[drop=ing]:where([point=after]) > [rep=group] > [rep=label]:before,
._tree ._tree-head[drop=ing]:where([point=after]) > [rep=label]:before {
  display: block;
  inset-block-end: -6px;
}
._tree ._tree-head[drop=ing]:where([point=inside]) > [rep=group] > [rep=label]:before,
._tree ._tree-head[drop=ing]:where([point=inside]) > [rep=label]:before {
  display: block;
  inset-block-start: 7px;
}
._tree ._tree-head[drop=ing]:where([point=inside]) > [rep=group] > [rep=label]:after,
._tree ._tree-head[drop=ing]:where([point=inside]) > [rep=label]:after {
  content: '';
  border: 1px solid var(--_tree-theme);
  border-radius: var(--_r);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
}
._tree ._tree-head ._tree-head:where(:focus:not([selected])) > [rep=group] > [rep=label],
._tree ._tree-head ._tree-head:where(:focus:not([selected])) > [rep=label] {
  color: var(--_tree-theme);
}
._tree ._tree-head:hover {
  background-color: var(--_tree-bg-hov);
}
._tree ._tree-head:where([readonly]) > [rep=tools] {
  opacity: var(--_o-disabled);
  pointer-events: none;
}
._tree:where([check]:not([select])) ._tree-head:where([exceeded], [uncheckable]),
._tree ._tree-head:where([disabled]),
._tree ._tree-head:where([uncheckable][unselectable]),
._tree ._tree-head:where([unselectable][exceeded]) {
  opacity: var(--_o-disabled);
  pointer-events: none;
}
._tree:where([check]:not([select])) ._tree-head:where([exceeded], [uncheckable]) ~ ._tree-body,
._tree ._tree-head:where([disabled]) ~ ._tree-body,
._tree ._tree-head:where([uncheckable][unselectable]) ~ ._tree-body,
._tree ._tree-head:where([unselectable][exceeded]) ~ ._tree-body,
._tree:where([check]:not([select])) ._tree-head:where([exceeded], [uncheckable]) ~ ._tree-foot,
._tree ._tree-head:where([disabled]) ~ ._tree-foot,
._tree ._tree-head:where([uncheckable][unselectable]) ~ ._tree-foot,
._tree ._tree-head:where([unselectable][exceeded]) ~ ._tree-foot {
  opacity: var(--_o-disabled);
  pointer-events: none;
}
._tree:where([check]:not([select])) ._tree-head:where([exceeded], [uncheckable]):where([readonly]) > [rep=tools],
._tree ._tree-head:where([disabled]):where([readonly]) > [rep=tools],
._tree ._tree-head:where([uncheckable][unselectable]):where([readonly]) > [rep=tools],
._tree ._tree-head:where([unselectable][exceeded]):where([readonly]) > [rep=tools],
._tree:where([check]:not([select])) ._tree-head:where([exceeded], [uncheckable]) > [rep=check]:where([disabled]),
._tree ._tree-head:where([disabled]) > [rep=check]:where([disabled]),
._tree ._tree-head:where([uncheckable][unselectable]) > [rep=check]:where([disabled]),
._tree ._tree-head:where([unselectable][exceeded]) > [rep=check]:where([disabled]),
._tree:where([check]:not([select])) ._tree-head:where([exceeded], [uncheckable]):where([readonly]) > [rep=group] > [rep=tools],
._tree ._tree-head:where([disabled]):where([readonly]) > [rep=group] > [rep=tools],
._tree ._tree-head:where([uncheckable][unselectable]):where([readonly]) > [rep=group] > [rep=tools],
._tree ._tree-head:where([unselectable][exceeded]):where([readonly]) > [rep=group] > [rep=tools],
._tree:where([check]:not([select])) ._tree-head:where([exceeded], [uncheckable]) > [rep=group] > [rep=check]:where([disabled]),
._tree ._tree-head:where([disabled]) > [rep=group] > [rep=check]:where([disabled]),
._tree ._tree-head:where([uncheckable][unselectable]) > [rep=group] > [rep=check]:where([disabled]),
._tree ._tree-head:where([unselectable][exceeded]) > [rep=group] > [rep=check]:where([disabled]) {
  opacity: 1;
}
._tree ._tree-wrap {
  /*disabled禁止勾选*/
  /*  &[disabled] {
      opacity: .5;
    } */
  /*    &:where(:not([disabled])) [disabled] {
      opacity: .5;
      &~._tree-body,
      &~._tree-foot {
        opacity: .5;
        pointer-events: none;
      }
    } */
  /*readonly只读，禁止编辑*/
  /*   &:where(:not([disabled])) ._tree-head[readonly]>[rep=tools] {
      opacity: .5;
      pointer-events: none;
    } */
}
._tree ._tree-wrap:has(>._tree-children) > ._tree-head > [rep=legend] {
  cursor: pointer;
}
._tree ._tree-body {
  --_tree-body-lh: var(--_rem-list);
  --_tree-body-c: var(--_c-brief);
  line-height: var(--_rem-subtitle);
  display: flex;
}
._tree ._tree-body > ._none {
  width: var(--_tree-lh);
  position: relative;
}
._tree ._tree-brief {
  color: var(--_tree-body-c);
  font-size: var(--_rem-caption);
  flex: auto;
  box-sizing: border-box;
  margin: 0 0 var(--_rem-space) var(--_p);
  position: relative;
}
._tree ._tree-brief:before {
  content: 'corner-left-up';
  /*       width: var(--_tree-body-dot);
      height: var(--_tree-body-dot); 
      border-radius: var(--_tree-body-dot);
      background-color: var(--_c-text-sd);*/
  font-family: var(--_ff-icon);
  font-size: var(--_px-root);
  color: var(--_c-caption);
  position: absolute;
  inset-inline-start: calc(var(--_p)*-1 + var(--_tree-g));
  inset-block-start: 0;
}
._tree ._tree-body:where(:has(._tree-brief:empty)) {
  display: none;
}
._tree ._tree-foot {
  line-height: var(--_tree-body-lh);
}
._tree ._tree-foot > ._none {
  width: var(--_tree-lh);
  position: relative;
}
._tree ._tree-foot:has([rep=info]:empty) {
  display: none;
}
._tree ._tree-foot [rep=info] {
  color: var(--_c-brief);
}
._tree ._tree-foot [rep=more],
._tree ._tree-foot [rep=next],
._tree ._tree-foot [rep=first] {
  margin-inline-start: var(--_rem-space);
  cursor: pointer;
}
._tree ._tree-foot [rep=more],
._tree ._tree-foot [rep=next] {
  color: var(--_tree-theme);
}
._tree li ._tree-foot {
  display: none;
}
._tree > ._tree-foot,
._tree ._tree-head[expanded] ~ ._tree-foot {
  display: flex;
}
._tree ._tree-result {
  padding: calc((var(--_tree-h) - var(--_tree-lh))/2) 0;
  box-sizing: border-box;
}
._tree ._tree-result [rep=holder] {
  color: var(--_c-caption);
}
._tree ._tree-page {
  padding-inline-start: var(--_rem-space);
  flex: auto;
  box-sizing: border-box;
}
._tree ._tree-page [disabled] {
  opacity: 0.5;
}
._tree ._tree-children:empty + ._tree-foot {
  display: none;
}
._tree[tools-trigger=hover] ._tree-head > [rep=tools],
._tree[tools-trigger=click] ._tree-head > [rep=tools] {
  display: none;
}
._tree[tools-trigger=hover] ._tree-head:hover > [rep=tools] {
  display: inline-flex;
}
._tree[feature=check] {
  --_tree-h: var(--_rem-input);
}
._tree[feature=check] ._tree-head {
  padding: 0 var(--_rem-body);
}
._tree[feature=check] ._tree-head [rep=check] {
  margin-inline-end: var(--_tree-g);
}
._tree[feature=check] ._tree-head[checked] {
  color: var(--_tree-theme);
  background-color: var(--_tree-theme-bg);
}
._tree[feature=check] ._tree-head[checked] > [rep=label],
._tree[feature=check] ._tree-head[checked] > [rep=group] > [rep=label] {
  color: var(--_tree-theme);
}
._tree[feature=select],
._tree[feature=dropdown] {
  --_tree-h: var(--_rem-input);
}
._tree[feature=select] ._tree-head,
._tree[feature=dropdown] ._tree-head {
  padding: 0 var(--_rem-body);
}
._tree[feature=select] ._tree-head > [rep=label],
._tree[feature=dropdown] ._tree-head > [rep=label],
._tree[feature=select] ._tree-head > [rep=group] > [rep=label],
._tree[feature=dropdown] ._tree-head > [rep=group] > [rep=label] {
  padding: 0;
}
._tree[feature=select] ._tree-head[checked],
._tree[feature=dropdown] ._tree-head[checked] {
  color: var(--_tree-theme);
  background-color: var(--_tree-theme-bg);
}
._tree[feature=select] ._tree-head[checked] > [rep=label],
._tree[feature=dropdown] ._tree-head[checked] > [rep=label],
._tree[feature=select] ._tree-head[checked] > [rep=group] > [rep=label],
._tree[feature=dropdown] ._tree-head[checked] > [rep=group] > [rep=label] {
  color: var(--_tree-theme);
}
._tree[feature=select] ._tree-head[checked]:after,
._tree[feature=dropdown] ._tree-head[checked]:after {
  content: 'check';
  font-family: var(--_ff-icon);
  color: var(--_tree-theme);
  font-size: var(--_rem-caption);
  margin-inline-start: var(--_tree-g);
}
._tree[feature=select] {
  box-sizing: border-box;
  width: var(--_w-input);
  height: calc((var(--_rem-input) + 1px)*5 - 1px);
  overflow: auto;
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r-input);
}
._tree[feature=select]:focus {
  border-color: var(--_tree-theme);
  outline: var(--_w-outline) solid var(--_tree-theme-sd);
  outline-offset: 0px;
}
._tree[feature=select] > ._tree-children > li:where(:not(:last-child)) > ._tree-head,
._tree[feature=select] > ._tree-children > li li > ._tree-head {
  border-block-end: 1px solid var(--_c-text-bd);
}
._tree[feature=button] ._tree-children {
  display: flow-root !important;
}
._tree[feature=button] ._tree-wrap:where(:not(:has(._tree-children))) {
  display: inline-flex;
  float: inline-start;
}
._tree[feature=button] ._tree-head > [rep=label],
._tree[feature=button] ._tree-head > [rep=group] > [rep=label] {
  padding: 0;
}
._tree[feature=button] ._tree-head:where(:not(:has(+._tree-children))) {
  display: inline-flex;
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r);
  padding: 0 var(--_rem-space);
  margin: 0 var(--_rem-space) var(--_rem-space) 0;
  position: relative;
}
._tree[feature=button] ._tree-head:where(:not(:has(+._tree-children)))[checked] {
  color: var(--_tree-theme);
  background-color: var(--_tree-theme-bg);
  border-color: var(--_tree-theme);
}
._tree[feature=button] ._tree-head:where(:not(:has(+._tree-children)))[checked] > [rep=label],
._tree[feature=button] ._tree-head:where(:not(:has(+._tree-children)))[checked] > [rep=group] > [rep=label] {
  color: var(--_tree-theme);
}
._tree[feature=button] ._tree-head:where(:not(:has(+._tree-children)))[checked]:after {
  content: '';
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid;
  border-color: transparent var(--_tree-theme) var(--_tree-theme) transparent;
  position: absolute;
  inset-inline-end: 0;
  inset-block-end: 0;
}
._tree[feature=button] ._tree-head:where(:has(+._tree-children)) {
  background-color: transparent;
  margin-block-end: var(--_rem-space);
}
._tree[feature=button] ._tree-head:where(:has(+._tree-children))[checked] > [rep=group] > [rep=label],
._tree[feature=button] ._tree-head:where(:has(+._tree-children))[checked] > [rep=label] {
  color: var(--_tree-theme);
}
._tree[feature=button] ._tree-head:where(:has(+._tree-children))[checked]:after {
  content: 'check';
  font-family: var(--_ff-icon);
  color: var(--_tree-theme);
  font-size: var(--_rem-caption);
}
._tree[feature=list] {
  --_tree-h: auto;
}
._tree[feature=list] ._tree-head {
  padding: var(--_rem-space) var(--_rem-body);
}
._tree[feature=list] ._tree-head > [rep=label],
._tree[feature=list] ._tree-head > [rep=group] > [rep=label] {
  padding: 0;
}
._tree[feature=list] ._tree-head[checked] {
  background-color: var(--_tree-theme-bg);
}
._tree[feature=list] ._tree-head[checked] > [rep=label],
._tree[feature=list] ._tree-head[checked] > [rep=group] > [rep=label] {
  color: var(--_tree-theme);
}
._tree[feature=list] ._tree-head[checked]:after {
  content: 'check';
  font-family: var(--_ff-icon);
  color: var(--_tree-theme);
  font-size: var(--_rem-caption);
  line-height: var(--_rem-subtitle);
  margin-inline-start: var(--_tree-g);
}
._tree[feature=list] ._tree-head [rep=group] {
  flex: auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
._tree[feature=list] ._tree-head [rep=tips],
._tree[feature=list] ._tree-head [rep=custom] {
  line-height: var(--_rem-subtitle);
  width: 100%;
  margin-inline-start: 0;
}
._tree[feature=list] ._tree-head [rep=custom] {
  color: var(--_c-brief);
}
._tree[chain] ._tree-head [rep=arrow]._none:before,
._tree[chain] ._tree-head [rep=arrow]._none:after {
  content: '';
  width: calc(var(--_tree-lh) / 2);
  height: calc(var(--_tree-h) / 2);
  position: absolute;
  inset-inline-end: 0;
}
._tree[chain] ._tree-head [rep=arrow]._none:before {
  box-shadow: inset 1px -1px 0 0 var(--_c-text-fc);
  inset-block-start: 0;
}
._tree[chain] ._tree-head [rep=arrow]._none:after {
  box-shadow: inset 1px 0 0 0 var(--_c-text-fc);
  inset-block-end: 0;
}
._tree[chain] > ._tree-children > li:first-child > ._tree-head [rep=arrow]._none:before {
  box-shadow: inset 0 -1px 0 0 var(--_c-text-fc);
}
._tree[chain] ._tree-children > li:last-child > ._tree-head [rep=arrow]._none:after {
  display: none;
}
._tree[chain] ._tree-body > ._none:before,
._tree[chain] ._tree-foot > ._none:before {
  content: '';
  width: calc(var(--_tree-lh) / 2);
  height: 100%;
  box-shadow: inset 1px 0 0 0 var(--_c-text-fc);
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}
._tree[chain] ._tree-children > li:last-child > ._tree-body > ._none:before,
._tree[chain] ._tree-children > li:last-child > ._tree-foot > ._none:before {
  display: none;
}
._tree ._tree-head > [rep=indent] i,
._tree ._tree-body > [rep=indent] i,
._tree ._tree-foot > [rep=indent] i {
  width: var(--_tree-lh);
}
._tree[chain] ._tree-head > [rep=indent],
._tree[chain] ._tree-body > [rep=indent],
._tree[chain] ._tree-foot > [rep=indent] {
  position: relative;
}
._tree[chain] ._tree-head > [rep=indent] i,
._tree[chain] ._tree-body > [rep=indent] i,
._tree[chain] ._tree-foot > [rep=indent] i {
  height: 100%;
  position: relative;
}
._tree[chain] ._tree-head > [rep=indent] i:before,
._tree[chain] ._tree-body > [rep=indent] i:before,
._tree[chain] ._tree-foot > [rep=indent] i:before {
  content: '';
  width: calc(var(--_tree-lh) / 2);
  height: 100%;
  box-shadow: inset 1px 0 0 0 var(--_c-text-fc);
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}
._tree[chain] ._tree-head > [rep=indent] {
  height: var(--_tree-h);
}
._tree[chain] ._tree-body > [rep=indent],
._tree[chain] ._tree-foot > [rep=indent] {
  height: auto;
}
/*Popup*/
._popup:where(:not(._plain)) {
  --_popup-r: var(--_r-bubble);
  --_popup-w: var(--_w-bubble);
  will-change: transform, opacity, width,height;
  contain: layout;
  background-color: var(--_c-stage);
  min-width: var(--_rem-input);
  max-width: calc(100vw - var(--_g-full)*2);
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_popup-r);
  box-sizing: border-box;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  animation-duration: var(--_dur-1);
  animation-fill-mode: both;
  visibility: hidden;
  position: absolute;
  z-index: 880;
}
._popup:where(:not(._plain)):where([size=sm]) {
  width: calc(var(--_popup-w)/2);
}
._popup:where(:not(._plain)):where([size=md]) {
  width: var(--_popup-w);
}
._popup:where(:not(._plain)):where([size=lg]) {
  width: calc(var(--_popup-w)*2);
}
._popup:where(:not(._plain)):where([size=xl]) {
  width: calc(var(--_popup-w)*3);
}
._popup:where(:not(._plain)):where([size=xxl]) {
  width: calc(var(--_popup-w)*4);
}
._popup:where(:not(._plain)) > [rep=arrow] {
  width: 1rem;
  height: 1rem;
  box-shadow: 1px 1px 0 var(--_c-text-bd);
  background-color: inherit;
}
._popup:where(:not(._plain)) ._popup-wrap {
  border-radius: inherit;
  position: relative;
  z-index: 2;
}
._popup:where(:not(._plain)) ._popup-padding {
  box-sizing: border-box;
}
._popup:where(:not(._plain)):where(:not(:has(._popup-head))) ._popup-padding {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
._popup:where(:not(._plain)):where(:not(:has(._popup-foot))) ._popup-padding {
  border-end-start-radius: inherit;
  border-end-end-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-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
._popup:where(:not(._plain)):where(:not(:has(._popup-foot)):not(:has(._popup-padding))) ._popup-body {
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
._popup:where(:not(._plain)):where(:not([placement=center-max], [placement=left-max], [placement=right-max])) ._popup-body {
  max-height: calc(100vh - var(--_g-full)*10);
}
._popup:where(:not(._plain)) ._popup-body ._popup-cont {
  border-radius: inherit;
}
._popup:where(:not(._plain)):where([placement=center-max], [placement=left-max], [placement=right-max]) {
  display: flex;
  flex-direction: column;
}
._popup:where(:not(._plain)):where([placement=center-max], [placement=left-max], [placement=right-max]) ._popup-wrap {
  display: flex;
  flex-direction: column;
  flex: auto;
}
._popup:where(:not(._plain)):where([placement=center-max], [placement=left-max], [placement=right-max]) ._popup-body {
  flex: auto;
  max-height: auto;
}
._popup:where(:not(._plain)) ._popup-head {
  font-size: var(--_rem-body);
  font-weight: bold;
  line-height: var(--_rem-input);
  padding: 0 var(--_p);
  margin: 0;
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
._popup:where(:not(._plain)) ._popup-foot,
._popup:where(:not(._plain)) ._bubble-footer {
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
._popup:where(:not(._plain)) ._popup-wrap > ._box-tools {
  --_tools-c: var(--_c-text);
  --_tools-o: var(--_o-disabled);
  width: auto;
  position: absolute;
}
._popup:where(:not(._plain)) ._popup-wrap > ._box-tools [rep=icon] {
  font-size: var(--_fs-caption);
}
._popup:where(:not(._plain)) ._popup-wrap > ._box-tools > * {
  width: var(--_rem-list);
  aspect-ratio: 1/1;
  line-height: var(--_rem-list);
  padding: 0;
}
._popup:where(:not(._plain)) ._popup-wrap > ._box-tools > *[rep=close]:hover,
._popup:where(:not(._plain)) ._popup-wrap > ._box-tools > *[rep=remove]:hover {
  color: var(--_c-error);
}
._popup:where(:not(._plain))[toolsplace=inside] ._popup-wrap > ._box-tools {
  inset-inline-end: var(--_g);
  inset-block-start: calc((var(--_rem-display) - var(--_rem-list))/2);
}
._popup:where(:not(._plain))[toolsplace=outside] ._popup-wrap > ._box-tools {
  inset-block-start: 0;
  inset-inline-end: 0;
  flex-direction: column;
  transform: translateX(calc(100% * var(--_dir-coef)));
}
._popup:where(:not(._plain))[conttype=image] ._popup-cont,
._popup:where(:not(._plain))[conttype=video] ._popup-cont,
._popup:where(:not(._plain))[conttype=audio] ._popup-cont {
  text-align: center;
}
._popup:where(:not(._plain)) [class*=_box-] img,
._popup:where(:not(._plain)) [class*=_box-] video,
._popup:where(:not(._plain)) [class*=_box-] audio {
  max-width: 100%;
}
._popup:where(:not(._plain)) [class*=_box-] video,
._popup:where(:not(._plain)) [class*=_box-] audio {
  width: 100%;
  display: block;
}
._popup:where(:not(._plain)) iframe {
  min-height: 40rem;
}
/*menu*/
AX-MENU {
  display: block;
}
._menu {
  --_menu-w: min(100%,var(--_w-menu));
  --_menu-h: auto;
  --_menu-h-item: var(--_rem-input);
  --_menu-h-1st: var(--_menu-h-item);
  --_menu-r: var(--_r-input);
  --_menu-g: var(--_g);
  --_menu-c: var(--_c-text);
  --_menu-c-hov: var(--_c-prim);
  --_menu-c-sel: var(--_c-prim);
  --_menu-theme: var(--_c-prim);
  --_menu-theme-bg: var(--_c-prim-bg);
  --_menu-bg: transparent;
  --_menu-fw: bold;
  --_tree-h: var(--_menu-h-item);
  --_tree-g: var(--_menu-g);
  --_tree-c: var(--_menu-c);
  --_tree-theme: var(--_menu-theme);
  --_tree-theme-bg: var(--_menu-theme-bg);
  --_tree-c-hl: inherit;
  --_tree-bg-hl: transparent;
  --_tree-bg-hov: transparent;
  --_tree-c-arrow: var(--_c-caption);
  color: var(--_menu-c);
  background-color: var(--_menu-bg);
  width: var(--_menu-w);
  height: var(--_menu-h);
  display: flex;
  flex-direction: column;
  content-visibility: visible;
  min-height: var(--_rem-display);
}
._menu [ajax-message] {
  width: 100%;
  min-height: var(--_rem-display);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
._menu:where(:not([nav], [spill])) {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
._menu:where(:not([expose])) > ul ul {
  display: none;
}
._menu li {
  box-sizing: border-box;
  transition: all var(--_dur-2) ease-out;
}
._menu li > ._tree-head {
  color: var(--_menu-c);
}
._menu li > ._tree-head:where(:not([disabled])) {
  cursor: pointer;
}
._menu > ul > li {
  border-block-end: none;
}
._menu > ul > li:before {
  content: '';
  width: 0.3rem;
  height: 0;
  background-color: var(--_menu-theme);
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: 2;
  transition: all var(--_dur-2) ease-out;
}
._menu > ul > li:where(:has(>._tree-head[expanded])):before {
  height: 100%;
}
._menu:where(:not([lamp], [unpadded])) > ul > li:before {
  display: block;
}
._menu:where(:not([unpadded])) ._tree-head,
._menu:where(:not([unpadded])) ._tree-body {
  padding-inline-start: var(--_rem-body);
  padding-inline-end: var(--_rem-body);
}
._menu ._tree-body ._none {
  display: none;
}
._menu ._tree-brief:before {
  inset-inline-start: calc(-1*var(--_rem-body));
}
._menu ._tree-head > [rep=label],
._menu ._tree-head > [rep=group] > [rep=label] {
  line-height: var(--_rem-subtitle);
  display: -webkit-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding: 0;
  flex: auto;
  border-radius: 0;
  text-align: start;
}
._menu > ul > li > ._tree-head > [rep=label] {
  font-weight: var(--_menu-fw);
}
._menu > ._tree-head {
  height: var(--_menu-h-1st);
}
._menu[trigger=hover] ._tree-head > [rep=arrow],
._menu[trigger=hover] ._tree-head > [rep=group] > [rep=arrow] {
  pointer-events: none;
}
._menu:where([expose]) ._tree-head > [rep=arrow],
._menu:where([expose]) ._tree-head > [rep=group] > [rep=arrow] {
  display: none;
}
._menu:where(:not([unpadded])) ._tree-head > [rep=arrow]:last-child {
  margin-inline-end: calc(-1*var(--_rem-body));
}
._menu ._none[rep=arrow] {
  display: none;
}
._menu ._tree-head > [rep=tips],
._menu ._tree-head > [rep=group] > [rep=tips] {
  font-size: var(--_rem-caption);
  color: var(--_c-caption);
}
._menu ._tree-head[selected]:where(:not([disabled])) {
  color: var(--_c-white);
  background-color: var(--_menu-theme-bg);
}
._menu ._tree-head[selected]:where(:not([disabled])):hover {
  background-color: var(--_menu-theme-bg);
}
._menu ._tree-head[selected]:where(:not([disabled])) > [rep=label],
._menu ._tree-head[selected]:where(:not([disabled])) > [rep=icon],
._menu ._tree-head[selected]:where(:not([disabled])) > [rep=group] > [rep=label],
._menu ._tree-head[selected]:where(:not([disabled])) > [rep=group] > [rep=icon] {
  color: var(--_menu-c-sel);
}
._menu ._tree-head[disabled] {
  background-color: var(--_c-text-bg);
}
._menu li:hover > ._tree-head:where(:not([disabled])) > [rep=label],
._menu li:hover > ._tree-head:where(:not([disabled])) > [rep=icon],
._menu li:hover > ._tree-head:where(:not([disabled])) > [rep=arrow],
._menu li:hover > ._tree-head:where(:not([disabled])) > [rep=group] > [rep=label],
._menu li:hover > ._tree-head:where(:not([disabled])) > [rep=group] > [rep=icon],
._menu li:hover > ._tree-head:where(:not([disabled])) > [rep=group] > [rep=arrow] {
  color: var(--_menu-c-hov);
}
._menu[theme=dark] {
  --_menu-c: rgba(255, 255, 255, 0.5);
  --_menu-bg: var(--_c-prim-sg);
  --_menu-c-hov: var(--_c-white);
  --_menu-c-sel: var(--_c-white);
  --_tree-c-arrow: rgba(255, 255, 255, 0.2);
}
._menu[theme=dark] > ul > li {
  border-block-end: 1px solid rgba(0, 0, 0, 0.2);
}
._menu[theme=dark] > ul > li > ._tree-head [rep=label] {
  font-weight: normal;
}
._menu[theme=dark] ._tree-head[selected] {
  background-color: var(--_c-prim-sd);
}
._menu[theme=dark] ._tree-head[disabled] {
  background-color: var(--_c-text-sd);
}
._menu[theme=dark] ._tree-head[expanded] > [rep=group] > [rep=arrow][type=icon],
._menu[theme=dark] ._tree-head[expanded] > [rep=arrow][type=icon] {
  color: var(--_menu-c);
}
._menu[theme=dark][lamp=block] ._tree-head[selected] {
  border-radius: 0;
}
._menu[full] {
  --_menu-w: 100%;
}
._menu[unpadded] > ul > li:before {
  display: none;
}
._menu[lamp=dot] ._tree-head[selected]:before {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  background-color: var(--_menu-theme);
  content: '';
  position: absolute;
  inset-block-start: calc((100% - 0.5rem)/2);
}
._menu[lamp=dot] > ul > li > ._tree-head[selected]:before {
  inset-inline-start: var(--_rem-min);
}
._menu[lamp=dot][unpadded] > ul > li li > ._tree-head[selected]:before {
  inset-inline-start: calc(var(--_rem-body) - 0.4rem);
}
._menu[lamp=dot]:where(:not([unpadded])) > ul > li li > ._tree-head[selected]:before {
  inset-inline-start: calc(var(--_rem-body)*2 - 0.4rem);
}
._menu[lamp=line] ._tree-head[selected]:before {
  position: absolute;
  background-color: var(--_menu-theme);
  content: '';
  width: 2px;
  height: 100%;
  inset-inline-start: 0;
  inset-block-start: 0;
}
._menu[lamp=block] ._tree-head[selected] {
  border-radius: var(--_menu-r);
  background-color: var(--_menu-theme);
}
._menu[lamp=block] ._tree-head[selected] > [rep=tips],
._menu[lamp=block] ._tree-head[selected] > [rep=group] > [rep=tips] {
  color: rgba(255, 255, 255, 0.5);
}
._menu[lamp=block] ._tree-head[selected] > [rep=label],
._menu[lamp=block] ._tree-head[selected] > [rep=icon],
._menu[lamp=block] ._tree-head[selected] > [rep=group] > [rep=label],
._menu[lamp=block] ._tree-head[selected] > [rep=group] > [rep=icon] {
  color: var(--_c-white);
}
._menu[align=left] [rep=label] {
  justify-content: flex-start;
}
._menu[align=center] [rep=label] {
  justify-content: center;
}
._menu[align=right] [rep=label] {
  justify-content: flex-end;
}
._menu[spill]:where(:not([nav])) {
  position: relative;
  z-index: 610;
}
._menu[spill]:where(:not([nav])) > ul > li > ul {
  inset-inline-end: calc(var(--_w-list)*-1 - 0.6rem);
  inset-block-start: -1px;
}
._menu[spill]:where(:not([nav])) > ul ul {
  width: var(--_w-list);
  position: absolute;
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_menu-r);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
._menu[spill]:where(:not([nav])) > ul ul > li:first-child,
._menu[spill]:where(:not([nav])) > ul ul > li:first-child > :first-child {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
._menu[spill]:where(:not([nav])) > ul ul > li:last-child,
._menu[spill]:where(:not([nav])) > ul ul > li:last-child > :first-child {
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
._menu[spill]:where(:not([nav])) > ul ul [rep=indent] {
  display: none;
}
._menu[spill]:where(:not([nav])) > ul > li > ul > li ul {
  inset-inline-end: calc(-100% - 0.1rem - 0.6rem);
  inset-block-start: -0.1rem;
}
._menu[spill]:where(:not([nav])) > ul > li li {
  border-block-end: 1px solid var(--_c-text-bd);
}
._menu[spill]:where(:not([nav])) > ul > li ul li:last-child {
  border-block-end: 0;
}
._menu[spill]:where(:not([nav])) > ul > li li:hover > :first-child:where(:not([disabled], [selected])) {
  background-color: var(--_c-text-bg);
}
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])),
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])):hover {
  background-color: var(--_menu-theme);
}
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])) > [rep=tips],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])):hover > [rep=tips],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])) > [rep=group] > [rep=tips],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])):hover > [rep=group] > [rep=tips] {
  color: rgba(255, 255, 255, 0.5);
}
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])) > [rep=label],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])):hover > [rep=label],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])) > [rep=icon],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])):hover > [rep=icon],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])) > [rep=group] > [rep=label],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])):hover > [rep=group] > [rep=label],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])) > [rep=group] > [rep=icon],
._menu[spill]:where(:not([nav])) > ul > li ul [selected]:where(:not([disabled])):hover > [rep=group] > [rep=icon] {
  color: var(--_c-white);
}
._menu[nav] {
  --_menu-w: auto;
  --_menu-fw: normal;
  display: inline-flex;
  flex-direction: row;
  min-height: var(--_menu-h-1st);
  position: relative;
  z-index: 610;
}
._menu[nav] > ul > li {
  display: inline-flex;
}
._menu[nav] > ul > li:before {
  display: none;
}
._menu[nav] > ul > li > ._tree-head {
  height: var(--_menu-h-1st);
}
._menu[nav] > ul > li > ._tree-head [rep=indent] {
  display: none;
}
._menu[nav] > ul > li > ._tree-head > [rep=label],
._menu[nav] > ul > li > ._tree-head > [rep=group] > [rep=label] {
  height: var(--_menu-h-1st);
  position: relative;
  flex: none;
  width: auto;
  display: inline-flex;
  align-items: center;
}
._menu[nav] > ul > li > ._tree-head > [rep=label]:after,
._menu[nav] > ul > li > ._tree-head > [rep=group] > [rep=label]:after {
  content: '';
  height: 2px;
  width: 2em;
  background-color: var(--_c-prim);
  transform: translate(calc(-50% * var(--_dir-coef)), 0) scaleX(0);
  transition: all var(--_dur-2) linear;
  position: absolute;
  inset-inline-start: 50%;
  inset-block-end: 0;
}
._menu[nav] > ul > li > ._tree-head[expanded] > [rep=label],
._menu[nav] > ul > li > ._tree-head[expanded] > [rep=group] > [rep=label] {
  color: var(--_menu-theme);
}
._menu[nav] > ul > li > ._tree-head[expanded] > [rep=label]:after,
._menu[nav] > ul > li > ._tree-head[expanded] > [rep=group] > [rep=label]:after {
  transform: translate(calc(-50% * var(--_dir-coef)), 0) scaleX(1);
}
._menu[nav] > ul > li > [selected],
._menu[nav] > ul > li > [disabled] {
  background: transparent;
}
._menu[nav] > ul > li > [expanded] > [rep=label],
._menu[nav] > ul > li > [expanded] > [rep=group] > [rep=label] {
  color: var(--_menu-theme);
}
._menu[nav] > ul > li > ._tree-head > [rep=arrow],
._menu[nav] > ul > li > ._tree-head > [rep=grou] > [rep=arrow] {
  width: var(--_rem-body);
  margin-inline-end: 0;
}
._menu[nav] > ul > li > ul {
  inset-inline-start: -0.1rem;
  inset-block-start: calc(100% + 0.6rem);
}
._menu[nav] > ul ul {
  width: var(--_w-list);
  position: absolute;
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_menu-r);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
._menu[nav] > ul ul > li:first-child,
._menu[nav] > ul ul > li:first-child > :first-child {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
._menu[nav] > ul ul > li:last-child,
._menu[nav] > ul ul > li:last-child > :first-child {
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
._menu[nav] > ul ul [rep=indent] {
  display: none;
}
._menu[nav] > ul > li > ul > li ul {
  inset-inline-end: calc(-100% - 0.1rem - 0.6rem);
  inset-block-start: -0.1rem;
}
._menu[nav] > ul > li li {
  border-block-end: 1px solid var(--_c-text-bd);
}
._menu[nav] > ul > li ul li:last-child {
  border-block-end: 0;
}
._menu[nav] > ul > li li:hover > :first-child:where(:not([disabled], [selected])) {
  background-color: var(--_c-text-bg);
}
._menu[nav] > ul > li ul [selected]:where(:not([disabled])),
._menu[nav] > ul > li ul [selected]:where(:not([disabled])):hover {
  background-color: var(--_menu-theme);
}
._menu[nav] > ul > li ul [selected]:where(:not([disabled])) > [rep=tips],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])):hover > [rep=tips],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])) > [rep=group] > [rep=tips],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])):hover > [rep=group] > [rep=tips] {
  color: rgba(255, 255, 255, 0.5);
}
._menu[nav] > ul > li ul [selected]:where(:not([disabled])) > [rep=label],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])):hover > [rep=label],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])) > [rep=icon],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])):hover > [rep=icon],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])) > [rep=group] > [rep=label],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])):hover > [rep=group] > [rep=label],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])) > [rep=group] > [rep=icon],
._menu[nav] > ul > li ul [selected]:where(:not([disabled])):hover > [rep=group] > [rep=icon] {
  color: var(--_c-white);
}
._menu[nav] > ul > li > ul li > :first-child > [rep=arrow] {
  rotate: -90deg;
}
._menu[nav] > ul > li > ul li > :first-child:where([expanded]) > [rep=arrow] {
  rotate: 90deg;
}
._menu[align=center] > ul > li ul ._tree-head > [rep=arrow],
._menu[align=center] > ul > li ul ._tree-head > [rep=group] > [rep=arrow] {
  margin-inline-start: calc(var(--_p) - var(--_rem-display));
}
._menu[align=center]:where(:not([nav])) > ul > li > ._tree-head > [rep=arrow],
._menu[align=center]:where(:not([nav])) > ul > li > ._tree-head > [rep=group] > [rep=arrow] {
  margin-inline-start: calc(var(--_p) - var(--_rem-display));
}
/*Tab & Panel*/
._tab {
  position: relative;
  min-height: var(--_rem-display);
}
._tab [ajax-message] {
  width: 100%;
  min-height: var(--_rem-display);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
._tab > ._tab-head:where(ul),
._tab ._panel-head ._tab-head:where(ul) {
  padding-inline-start: 0;
}
._tab > ._tab-head:where(ul) > li:before,
._tab ._panel-head ._tab-head:where(ul) > li:before {
  display: none;
}
._tab > ._tab-head ._slide,
._tab ._panel-head ._tab-head ._slide {
  width: auto;
}
._tab > ._tab-head [rep=tips],
._tab ._panel-head ._tab-head [rep=tips] {
  color: var(--_c-caption);
}
._tab > ._tab-body,
._tab ._panel-body > ._tab-body,
._tab ._panel-body > ._panel-inner > ._tab-body {
  position: relative;
  box-sizing: border-box;
  transition: all var(--_dur-2) linear;
  min-height: var(--_rem-display);
}
._tab > ._tab-body [ajax-message],
._tab ._panel-body > ._tab-body [ajax-message],
._tab ._panel-body > ._panel-inner > ._tab-body [ajax-message] {
  width: 100%;
  min-height: var(--_rem-display);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
._tab > ._tab-body:where(ul),
._tab ._panel-body > ._tab-body:where(ul),
._tab ._panel-body > ._panel-inner > ._tab-body:where(ul) {
  padding-inline-start: 0;
}
._tab > ._tab-body:where(ul) > li:before,
._tab ._panel-body > ._tab-body:where(ul) > li:before,
._tab ._panel-body > ._panel-inner > ._tab-body:where(ul) > li:before {
  display: none;
}
._tab > ._tab-body > *:where(:not([selected])),
._tab ._panel-body > ._tab-body > *:where(:not([selected])),
._tab ._panel-body > ._panel-inner > ._tab-body > *:where(:not([selected])) {
  width: 100%;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
}
._tab > ._tab-body iframe,
._tab ._panel-body > ._tab-body iframe,
._tab ._panel-body > ._panel-inner > ._tab-body iframe {
  width: 100%;
  min-height: 40rem;
}
._tab:where([embed]) > ._tab-body,
._tab:where([embed]) ._panel-body > ._tab-body,
._tab:where([embed]) ._panel-body > ._panel-inner > ._tab-body {
  padding: var(--_p);
}
._tab:where([embed]) > ._tab-head._group-page,
._tab:where([embed]) > ._tab-head ._group-page,
._tab:where([embed]) ._panel-head ._tab-head._group-page,
._tab:where([embed]) ._panel-head ._tab-head ._group-page {
  background-color: var(--_c-caption-bg);
}
._tab:where([embed]) > ._tab-head._group-page > *,
._tab:where([embed]) > ._tab-head ._group-page > *,
._tab:where([embed]) ._panel-head ._tab-head._group-page > *,
._tab:where([embed]) ._panel-head ._tab-head ._group-page > * {
  border-block-start-width: 0;
}
._tab:where([embed]) > ._tab-head._group-page > *:first-child,
._tab:where([embed]) > ._tab-head ._group-page > *:first-child,
._tab:where([embed]) ._panel-head ._tab-head._group-page > *:first-child,
._tab:where([embed]) ._panel-head ._tab-head ._group-page > *:first-child {
  border-inline-start-width: 0;
}
._tab:where([embed]) > ._tab-head._group-flex > *:first-child,
._tab:where([embed]) > ._tab-head ._group-flex > *:first-child,
._tab:where([embed]) ._panel-head ._tab-head._group-flex > *:first-child,
._tab:where([embed]) ._panel-head ._tab-head ._group-flex > *:first-child {
  margin-inline-start: var(--_m);
}
/*Drawer*/
._drawer {
  --_drawer-x-sm: min(40rem, 30%);
  --_drawer-x-md: min(60rem, 50%);
  --_drawer-x-lg: min(80rem, 70%);
  --_drawer-x-max: calc(100% - var(--_rem-input));
  --_drawer-y-sm: min(20rem, 30%);
  --_drawer-y-md: min(40rem, 50%);
  --_drawer-y-lg: min(60rem, 70%);
  --_drawer-y-max: calc(100% - var(--_rem-input));
  --_drawer-w: var(--_w-drawer);
  will-change: transform, opacity, width, height;
  contain: layout;
  height: 100%;
  width: 100%;
  position: fixed;
  inset-inline-start: -1000rem;
  inset-block-start: 0;
  z-index: 810;
  /*   &:where([placement=top][size=sm]) ._drawer-wrap ._drawer-body {
    max-height: var(--_drawer-y-sm);
  }
  &:where([placement=top][size=md]) ._drawer-wrap ._drawer-body {
    max-height: var(--_drawer-y-md);
  }
  &:where([placement=top][size=lg]) ._drawer-wrap ._drawer-body {
    max-height: var(--_drawer-y-lg);
  } */
  /*   &:where([placement=top][size=max]) ._drawer-wrap ._drawer-body {
    max-height: var(--_drawer-y-max);
  } */
  /*   &:where([placement=bottom][size=sm]) ._drawer-wrap ._drawer-body {
    max-height: var(--_drawer-y-sm);
  }
  &:where([placement=bottom][size=md]) ._drawer-wrap ._drawer-body {
    max-height: var(--_drawer-y-md);
  }
  &:where([placement=bottom][size=lg]) ._drawer-wrap ._drawer-body {
    max-height: var(--_drawer-y-lg);
  }
  &:where([placement=bottom][size=max]) ._drawer-wrap ._drawer-body {
    max-height: var(--_drawer-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;
  inset-inline-start: 0;
  inset-block-start: 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;
  inset-inline-end: calc(-1*var(--_w-drawer));
  inset-block-start: 0;
  z-index: 9;
}
._drawer ._drawer-padding {
  box-sizing: border-box;
}
._drawer:where([show]) {
  inset-inline-start: 0;
  inset-block-start: 0;
}
._drawer:where([show]) ._drawer-mask {
  opacity: 1;
}
._drawer:where([size=sm][placement=left], [size=sm][placement=right]) ._drawer-wrap {
  width: var(--_drawer-x-sm);
}
._drawer:where([size=md][placement=left], [size=md][placement=right]) ._drawer-wrap {
  width: var(--_drawer-x-md);
}
._drawer:where([size=lg][placement=left], [size=lg][placement=right]) ._drawer-wrap {
  width: var(--_drawer-x-lg);
}
._drawer:where([size=max][placement=left], [size=max][placement=right]) ._drawer-wrap {
  width: var(--_drawer-x-max);
}
._drawer:where([size=sm][placement=top], [size=sm][placement=bottom]) ._drawer-wrap {
  height: var(--_drawer-y-sm);
}
._drawer:where([size=md][placement=top], [size=md][placement=bottom]) ._drawer-wrap {
  height: var(--_drawer-y-md);
}
._drawer:where([size=lg][placement=top], [size=lg][placement=bottom]) ._drawer-wrap {
  height: var(--_drawer-y-lg);
}
._drawer:where([size=max][placement=top], [size=max][placement=bottom]) ._drawer-wrap {
  height: var(--_drawer-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 {
  inset-inline-end: calc(-1*var(--_drawer-x-sm));
}
._drawer:where([placement=right][size=sm]) ._drawer-wrap {
  inset-inline-end: calc(-1*var(--_drawer-x-sm));
}
._drawer:where([placement=right][size=md]) ._drawer-wrap {
  inset-inline-end: calc(-1*var(--_drawer-x-md));
}
._drawer:where([placement=right][size=lg]) ._drawer-wrap {
  inset-inline-end: calc(-1*var(--_drawer-x-lg));
}
._drawer:where([placement=right][size=max]) ._drawer-wrap {
  inset-inline-end: calc(-1*var(--_drawer-x-max));
}
._drawer:where([placement=right][show]) ._drawer-wrap {
  inset-inline-end: 0;
}
._drawer:where([placement=left]) ._drawer-wrap {
  inset-inline-start: calc(-1*var(--_drawer-x-sm));
}
._drawer:where([placement=left][size=sm]) ._drawer-wrap {
  inset-inline-start: calc(-1*var(--_drawer-x-sm));
}
._drawer:where([placement=left][size=md]) ._drawer-wrap {
  inset-inline-start: calc(-1*var(--_drawer-x-md));
}
._drawer:where([placement=left][size=lg]) ._drawer-wrap {
  inset-inline-start: calc(-1*var(--_drawer-x-lg));
}
._drawer:where([placement=left][size=max]) ._drawer-wrap {
  inset-inline-start: calc(-1*var(--_drawer-x-max));
}
._drawer:where([placement=left][show]) ._drawer-wrap {
  inset-inline-start: 0;
}
._drawer:where([placement=top]) ._drawer-wrap {
  width: 100%;
  inset-inline-start: auto;
  inset-inline-end: auto;
  inset-block-end: auto;
  transform: translateY(-100%);
}
._drawer:where([placement=top][show]) ._drawer-wrap {
  transform: translateY(0);
}
._drawer:where([placement=bottom]) ._drawer-wrap {
  width: 100%;
  inset-inline-start: auto;
  inset-inline-end: auto;
  inset-block-start: auto;
  inset-block-end: 0;
  transform: translateY(100%);
}
._drawer:where([placement=bottom][show]) ._drawer-wrap {
  transform: translateY(0);
}
._drawer ._drawer-body {
  flex: auto;
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  overscroll-behavior: contain;
}
._drawer[placement=right] ._drawer-body,
._drawer[placement=left] ._drawer-body {
  height: 0;
}
._drawer ._drawer-cont {
  overflow: hidden;
}
._drawer ._drawer-head {
  font-size: var(--_rem-body);
  font-weight: bold;
  line-height: var(--_rem-input);
  padding: 0 var(--_p);
  margin: 0;
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
._drawer ._drawer-foot {
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
._drawer ._box-tools {
  pointer-events: auto;
  opacity: 0;
  width: auto;
  padding: calc((var(--_rem-input) - var(--_rem-list))/2);
  position: absolute;
}
._drawer ._box-tools [rep=icon] {
  font-size: var(--_fs-caption);
}
._drawer ._box-tools > * {
  color: var(--_c-stage);
  width: var(--_rem-list);
  aspect-ratio: 1/1;
  line-height: var(--_rem-list);
  padding: 0;
}
._drawer:where(:has(._drawer-mask)) ._box-tools > *[rep=close]:hover {
  color: var(--_c-error);
}
._drawer[placement=right] ._box-tools {
  inset-block-start: 0;
  inset-inline-start: 0;
  transform: translateX(calc(-100% * var(--_dir-coef)));
  flex-direction: column;
}
._drawer[placement=left] ._box-tools {
  inset-block-start: 0;
  inset-inline-end: 0;
  transform: translateX(calc(100% * var(--_dir-coef)));
  flex-direction: column;
}
._drawer[placement=top] ._box-tools {
  inset-inline-end: 0;
  inset-block-end: 0;
  transform: translateY(100%);
}
._drawer[placement=bottom] ._box-tools {
  inset-inline-end: 0;
  inset-block-start: 0;
  transform: translateY(-100%);
}
._drawer[show] ._box-tools {
  opacity: 1;
}
._drawer[conttype=image] ._drawer-cont,
._drawer[conttype=video] ._drawer-cont,
._drawer[conttype=audio] ._drawer-cont {
  text-align: center;
}
._drawer [class*=_box-] img,
._drawer [class*=_box-] video,
._drawer [class*=_box-] audio {
  max-width: 100%;
}
._drawer [class*=_box-] video,
._drawer [class*=_box-] audio {
  width: 100%;
  display: block;
}
._drawer iframe {
  min-height: 40rem;
}
._drawer ._menu {
  width: 100%;
}
._drawer:where([conttype=iframe])[size] ._drawer-padding {
  flex: auto;
  display: flex;
  flex-direction: column;
}
._drawer:where([conttype=iframe])[size] ._drawer-cont {
  display: flex;
  flex-direction: column;
  flex: auto;
}
._drawer:where([conttype=iframe])[size] ._drawer-cont [class*=_box-] {
  flex: auto;
}
._drawer:where([conttype=iframe])[size] ._drawer-cont [class*=_box-] iframe {
  min-height: auto;
  height: 100%;
}
._drawer:not(:has(._drawer-mask)) {
  pointer-events: none;
}
._drawer:not(:has(._drawer-mask)) ._box-tools {
  --_tools-bg: rgba(0, 0, 0, var(--_o-disabled));
  --_tools-c-haz-hov: var(--_c-white);
  --_tools-bg-hov-haz: var(--_c-error);
  --_tools-r: 100%;
}
._drawer:not(:has(._drawer-mask))[placement=left] ._drawer-wrap {
  border-inline-end: 1px solid var(--_c-text-bd);
}
._drawer:not(:has(._drawer-mask))[placement=right] ._drawer-wrap {
  border-inline-start: 1px solid var(--_c-text-bd);
}
._drawer:not(:has(._drawer-mask))[placement=top] ._drawer-wrap {
  border-block-end: 1px solid var(--_c-text-bd);
}
._drawer:not(:has(._drawer-mask))[placement=bottom] ._drawer-wrap {
  border-block-start: 1px solid var(--_c-text-bd);
}
._drawer:not(:has(._drawer-mask)) ._drawer-wrap {
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.12);
}
@media (max-width: 899px) {
  ._drawer {
    --_drawer-x-sm: 70%;
    --_drawer-x-md: 70%;
    --_drawer-x-lg: 70%;
  }
}
/*Dialog*/
._dialog {
  --_dialog-row: center;
  --_dialog-col: center;
  --_dialog-r: var(--_r-bubble);
  --_dialog-w: 100vw;
  --_dialog-h: 100vh;
  --_dialog-sz: auto;
  --_dialog-g: var(--_g-full);
  will-change: transform, opacity, width,height;
  contain: layout;
  height: var(--_dialog-h);
  width: var(--_dialog-w);
  display: flex;
  justify-content: var(--_dialog-row);
  align-items: var(--_dialog-col);
  position: fixed;
  inset-inline-start: -10000rem;
  inset-block-start: 0;
  z-index: 840;
}
._dialog:where([restrict]) {
  --_dialog-w: 100%;
  --_dialog-h: 100%;
  position: absolute;
}
._dialog ._dialog-mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, var(--_o-mask));
  opacity: 0;
  transition: all var(--_dur-2) ease-out;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: 4;
}
._dialog[feature=confirm] ._dialog-mask,
._dialog[feature=alert] ._dialog-mask {
  opacity: 0;
}
._dialog ._dialog-wrap {
  width: var(--_dialog-sz);
  max-width: calc(100vw - var(--_g-full)*2);
  background-color: var(--_c-stage);
  opacity: 1;
  border-radius: var(--_dialog-r);
  transition: all var(--_dur-2) ease-out;
  box-sizing: border-box;
  animation-duration: var(--_dur-3);
  animation-fill-mode: both;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  position: relative;
  z-index: 9;
}
._dialog:where([size=sm]) ._dialog-wrap {
  --_dialog-sz: calc(var(--_w-bubble)/2);
}
._dialog:where([size=md]) ._dialog-wrap {
  --_dialog-sz: var(--_w-bubble);
}
._dialog:where([size=lg]) ._dialog-wrap {
  --_dialog-sz: calc(var(--_w-bubble)*2);
}
._dialog:where([size=xl]) ._dialog-wrap {
  --_dialog-sz: calc(var(--_w-bubble)*3);
}
._dialog:where([size=xxl]) ._dialog-wrap {
  --_dialog-sz: calc(var(--_w-bubble)*4);
}
._dialog:where([size=max]) ._dialog-wrap {
  --_dialog-sz: calc(100vw - var(--_dialog-g)*2);
}
._dialog ._dialog-padding {
  box-sizing: border-box;
}
._dialog:where(:not(:has(._dialog-head))) ._dialog-padding {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
._dialog:where(:not(:has(._dialog-foot))) ._dialog-padding {
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
._dialog:where(:not(:has(._dialog-head)):not(:has(._dialog-padding))) ._dialog-body {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
._dialog:where(:not(:has(._dialog-foot)):not(:has(._dialog-padding))) ._dialog-body {
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
._dialog:where(:not([placement=center-max])) ._dialog-body {
  max-height: calc(100vh - var(--_g-full)*10);
}
._dialog:where([show]) {
  inset-inline-start: 0;
  inset-block-start: 0;
}
._dialog:where([show]:not([feature=confirm],[feature=alert],[feature=prompt])) ._dialog-mask {
  opacity: 1;
}
._dialog:where([placement=center]) {
  --_dialog-row: center;
  --_dialog-col: center;
}
._dialog:where([placement=left-top]) {
  --_dialog-row: flex-start;
  --_dialog-col: flex-start;
}
._dialog:where([placement=left-top]) ._dialog-wrap {
  margin-inline-start: var(--_dialog-g);
  margin-block-start: var(--_dialog-g);
}
._dialog:where([placement=center-top]) {
  --_dialog-row: center;
  --_dialog-col: flex-start;
}
._dialog:where([placement=center-top]) ._dialog-wrap {
  margin-block-start: var(--_dialog-g);
}
._dialog:where([placement=right-top]) {
  --_dialog-row: flex-end;
  --_dialog-col: flex-start;
}
._dialog:where([placement=right-top]) ._dialog-wrap {
  margin-inline-end: var(--_dialog-g);
  margin-block-start: var(--_dialog-g);
}
._dialog:where([placement=left-bottom]) {
  --_dialog-row: flex-start;
  --_dialog-col: flex-end;
}
._dialog:where([placement=left-bottom]) ._dialog-wrap {
  margin-inline-start: var(--_dialog-g);
  margin-block-end: var(--_dialog-g);
}
._dialog:where([placement=center-bottom]) {
  --_dialog-row: center;
  --_dialog-col: flex-end;
}
._dialog:where([placement=center-bottom]) ._dialog-wrap {
  margin-block-end: var(--_dialog-g);
}
._dialog:where([placement=right-bottom]) {
  --_dialog-row: flex-end;
  --_dialog-col: flex-end;
}
._dialog:where([placement=right-bottom]) ._dialog-wrap {
  margin-inline-end: var(--_dialog-g);
  margin-block-end: var(--_dialog-g);
}
._dialog:where([placement=center-max]) ._dialog-wrap {
  width: calc(100vw - var(--_g-full)*2);
  height: calc(100vh - var(--_g-full)*2);
  display: flex;
  flex-direction: column;
}
._dialog:where([placement=center-max]) ._dialog-wrap ._dialog-body {
  flex: auto;
  max-height: auto;
}
._dialog ._dialog-body {
  box-sizing: border-box;
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}
._dialog ._dialog-cont {
  border-radius: inherit;
}
._dialog ._dialog-head {
  font-size: var(--_rem-body);
  font-weight: bold;
  line-height: var(--_rem-input);
  padding: 0 var(--_p);
  margin: 0;
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
}
._dialog ._dialog-foot {
  border-end-start-radius: inherit;
  border-end-end-radius: inherit;
}
._dialog ._dialog-wrap > ._box-tools {
  width: auto;
  position: absolute;
}
._dialog ._dialog-wrap > ._box-tools [rep=icon] {
  font-size: var(--_fs-caption);
}
._dialog ._dialog-wrap > ._box-tools > * {
  color: var(--_c-text);
  width: var(--_rem-list);
  aspect-ratio: 1/1;
  line-height: var(--_rem-list);
  padding: 0;
  opacity: var(--_o-disabled);
}
._dialog ._dialog-wrap > ._box-tools > :hover {
  opacity: 1;
}
._dialog ._dialog-wrap > ._box-tools > *[rep=close]:hover,
._dialog ._dialog-wrap > ._box-tools > *[rep=remove]:hover {
  color: var(--_c-error);
}
._dialog[toolsplace=inside] ._dialog-wrap > ._box-tools {
  inset-inline-end: var(--_g);
  inset-block-start: calc((var(--_rem-display) - var(--_rem-list))/2);
}
._dialog[toolsplace=outside] ._dialog-wrap > ._box-tools {
  inset-block-start: 0;
  inset-inline-end: 0;
  flex-direction: column;
  transform: translateX(calc(100% * var(--_dir-coef)));
}
._dialog[conttype=image] ._dialog-cont,
._dialog[conttype=video] ._dialog-cont,
._dialog[conttype=audio] ._dialog-cont {
  text-align: center;
}
._dialog [class*=_box-] img,
._dialog [class*=_box-] video,
._dialog [class*=_box-] audio {
  max-width: 100%;
}
._dialog [class*=_box-] video,
._dialog [class*=_box-] audio {
  width: 100%;
  display: block;
}
._dialog iframe {
  min-height: 40rem;
  width: 100%;
}
._dialog ._menu {
  width: 100%;
}
._dialog:where([conttype=iframe])[size] ._dialog-padding {
  flex: auto;
  display: flex;
  flex-direction: column;
}
._dialog:where([conttype=iframe])[size] ._dialog-cont {
  display: flex;
  flex-direction: column;
  flex: auto;
}
._dialog:where([conttype=iframe])[size] ._dialog-cont [class*=_box-] {
  flex: auto;
}
._dialog:where([conttype=iframe])[size] ._dialog-cont [class*=_box-] iframe {
  min-height: auto;
  height: 100%;
}
._dialog:not(:has(._dialog-mask)) {
  pointer-events: none;
}
._dialog:not(:has(._dialog-mask)) ._dialog-wrap {
  border: 1px solid var(--_c-text-bd);
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.12);
}
._dialog[feature=confirm] ._dialog-wrap,
._dialog[feature=alert] ._dialog-wrap,
._dialog[feature=prompt] ._dialog-wrap {
  border: 1px solid var(--_c-text-bd);
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.12);
}
/*Tooltip*/
._tooltip {
  --_tip-bc: var(--_c-text);
  --_tip-bg: var(--_c-stage);
  --_tip-c: var(--_c-text);
  border-color: var(--_tip-bc);
  background-color: var(--_tip-bg);
  --_popup-r: var(--_r-input);
}
._tooltip ._popup-cont {
  color: var(--_tip-c);
  font-size: var(--_rem-caption);
  line-height: var(--_rem-subtitle);
  padding: 0.5rem 1rem;
  box-sizing: border-box;
}
._tooltip:where([theme*="-"]) > [rep=arrow] {
  box-shadow: 1px 1px 0 var(--_tip-bc);
}
._tooltip:where(:not([theme*="-"])) > [rep=arrow] {
  box-shadow: none;
}
._tooltip[placement^=top] > [rep=arrow] {
  background: linear-gradient(135deg, transparent 50%, var(--_tip-bg) 50%, var(--_tip-bg) 100%);
}
._tooltip[placement^=bottom] > [rep=arrow] {
  background: linear-gradient(135deg, transparent 50%, var(--_tip-bg) 50%, var(--_tip-bg) 100%);
}
._tooltip[placement^=left] > [rep=arrow] {
  background: linear-gradient(135deg, transparent 50%, var(--_tip-bg) 50%, var(--_tip-bg) 100%);
}
._tooltip[placement^=right] > [rep=arrow] {
  background: linear-gradient(135deg, transparent 50%, var(--_tip-bg) 50%, var(--_tip-bg) 100%);
}
._tooltip[theme=prim] {
  --_tip-bc: var(--_c-prim);
  --_tip-bg: var(--_c-prim);
  --_tip-c: var(--_c-white);
}
._tooltip[theme=succ] {
  --_tip-bc: var(--_c-succ);
  --_tip-bg: var(--_c-succ);
  --_tip-c: var(--_c-white);
}
._tooltip[theme=error] {
  --_tip-bc: var(--_c-error);
  --_tip-bg: var(--_c-error);
  --_tip-c: var(--_c-white);
}
._tooltip[theme=info] {
  --_tip-bc: var(--_c-info);
  --_tip-bg: var(--_c-info);
  --_tip-c: var(--_c-white);
}
._tooltip[theme=warn] {
  --_tip-bc: var(--_c-warn);
  --_tip-bg: var(--_c-warn);
  --_tip-c: var(--_c-black);
}
._tooltip[theme=issue] {
  --_tip-bc: var(--_c-issue);
  --_tip-bg: var(--_c-issue);
  --_tip-c: var(--_c-white);
}
._tooltip[theme=text] {
  --_tip-bc: var(--_c-text);
  --_tip-bg: var(--_c-text);
  --_tip-c: var(--_c-stage);
}
._tooltip[theme=prim-lt] {
  --_tip-bc: var(--_c-prim);
}
._tooltip[theme=succ-lt] {
  --_tip-bc: var(--_c-succ);
}
._tooltip[theme=error-lt] {
  --_tip-bc: var(--_c-error);
}
._tooltip[theme=info-lt] {
  --_tip-bc: var(--_c-info);
}
._tooltip[theme=warn-lt] {
  --_tip-bc: var(--_c-warn);
}
._tooltip[theme=issue-lt] {
  --_tip-bc: var(--_c-issue);
}
._tooltip[theme=text-lt] {
  --_tip-bc: var(--_c-text);
}
/*Dropdown*/
._dropdown ._popup-cont ul > li:last-child > ._bullet + hr {
  display: none;
}
._dropdown:where(:not([size])) ._popup-cont ul > li ._bullet-body {
  width: fit-content;
}
._dropdown[feature=button] ._bullet {
  text-align: center;
}
._dropdown ._bullet:where(:not(:has(input))) ._bullet-body > [rep=label] {
  cursor: pointer;
}
/*File input*/
AX-FILE {
  --_file-h: var(--_em-input);
  --_file-p-se: var(--_em-space);
  --_file-r: var(--_r-input);
  --_file-w: var(--_w-input);
  --_file-sd: var(--_c-prim-sd);
  --_file-bw: 1px;
  --_file-bg: var(--_c-stage);
  flex-direction: column;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
}
AX-FILE[full] {
  display: flex;
  width: 100%;
}
AX-FILE:where(:not([full])) {
  display: inline-flex;
  width: var(--_file-w);
}
AX-FILE [rep=wrap] {
  font-size: var(--_rem-body);
  background-color: var(--_file-bg);
  width: 100%;
  height: var(--_file-h);
  border: var(--_file-bw) solid var(--_c-text-bd);
  border-radius: var(--_file-r);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  transition: all var(--_dur-2) linear;
}
AX-FILE [rep=wrap]:hover {
  border-color: var(--_c-prim);
}
AX-FILE [rep=wrap]:focus-within {
  color: var(--_c-prim);
  border-color: var(--_c-prim);
  outline: var(--_w-outline) solid var(--_file-sd);
  outline-offset: 0px;
}
AX-FILE [rep=wrap]:focus-within [rep=names] {
  color: var(--_c-prim);
}
AX-FILE input {
  opacity: 0;
  position: absolute;
  inset-inline-start: -100000px;
}
AX-FILE [rep=label] {
  color: var(--_c-brief);
  line-height: calc(var(--_file-h) - 2px);
  background-color: var(--_c-text-bg);
  padding: 0 var(--_file-p-se);
  box-sizing: border-box;
  border-inline-end: 1px solid var(--_c-text-bd);
  white-space: nowrap;
  overflow: hidden;
  max-width: 60%;
  text-overflow: ellipsis;
}
AX-FILE [rep=placeholder] {
  color: var(--_c-caption);
  line-height: calc(var(--_file-h) - 2px);
  padding-inline-start: var(--_file-p-se);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex: auto;
}
AX-FILE [rep=tools] {
  --_tools-c: var(--_c-caption);
  --_tools-c-hov: var(--_c-prim);
  width: auto;
  margin-inline-end: calc((var(--_rem-display) - var(--_rem-list))/2);
}
AX-FILE [rep=tools] > * {
  font-size: var(--_rem-caption);
}
AX-FILE [rep=names] {
  text-align: start;
  width: 100%;
  overflow: hidden;
  flex: auto;
  padding-inline-start: var(--_file-p-se);
}
AX-FILE [rep=names]:empty {
  display: none;
}
AX-FILE [rep=names]:where(:not(:empty)) + [rep=placeholder] {
  display: none;
}
AX-FILE:where(:not([multiple])) [rep=names] {
  text-overflow: ellipsis;
  white-space: nowrap;
}
AX-FILE:where([multiple]) [rep=names] {
  word-break: break-all;
  line-height: 1em;
  display: -webkit-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: start;
}
AX-FILE [rep=mean] {
  color: var(--_c-caption);
  content: 'file';
  font-family: var(--_ff-icon);
  cursor: pointer;
  width: var(--_rem-display);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all var(--_dur-2) linear;
}
AX-FILE [rep=mean]:hover {
  color: var(--_c-prim);
}
AX-FILE[size=sm] {
  --_file-h: var(--_em-display);
  --_file-r: var(--_r);
}
AX-FILE[size=lg] {
  --_file-h: var(--_em-max);
  --_file-p-se: var(--_em-body);
  --_file-r: calc(var(--_r)*3);
}
AX-FILE[size=lg][multiple] [rep=names] {
  line-height: var(--_em-subtitle);
}
/*Text input*/
AX-INPUT {
  --_input-h: var(--_em-input);
  --_input-w: var(--_w-input);
  --_input-p-se: var(--_em-space);
  --_input-p-btn: calc(var(--_em-space)*1.5);
  --_input-bw: 1px;
  --_input-bw-label: 1px;
  --_input-bw-unit: 1px;
  --_input-bc: var(--_c-text-bd);
  --_input-r: var(--_r-input);
  --_input-sd: var(--_c-prim-sd);
  --_input-bg: var(--_c-stage);
  --_input-c-foc: var(--_c-prim);
  --_input-c-hov: var(--_c-prim);
  --_input-bc-foc: var(--_input-c-foc);
  --_input-bc-hov: var(--_input-c-hov);
  --_input-bg-label: var(--_c-text-bg);
  --_input-bg-unit: var(--_c-text-bg);
  flex-direction: column;
  border-radius: var(--_input-r);
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
  /*
    input::-webkit-calendar-picker-indicator,
    input[type=search]::-webkit-search-cancel-button,
    input[type=date]::-webkit-inner-spin-button,
    input[type=date]::-webkit-calendar-picker-indicator,
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        display: none;
    }
     input[type="number"] {
        -moz-appearance: textfield;
    } */
}
AX-INPUT[full] {
  display: flex;
  width: 100%;
}
AX-INPUT:where(:not([full])) {
  display: inline-flex;
  width: var(--_input-w);
}
AX-INPUT > [rep=wrap] {
  font-size: var(--_rem-body);
  color: var(--_c-caption);
  background-color: var(--_input-bg);
  border-radius: inherit;
  border: var(--_input-bw) solid var(--_input-bc);
  width: 100%;
  height: var(--_input-h);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
  transition: all var(--_dur-2) linear;
}
AX-INPUT > [rep=wrap]:focus-within {
  color: var(--_input-c-foc);
  border-color: var(--_input-bc-foc);
  outline: var(--_w-outline) solid var(--_input-sd);
  outline-offset: 0px;
}
AX-INPUT > [rep=wrap] > [rep=icon],
AX-INPUT > [rep=wrap] > [rep=disk],
AX-INPUT > [rep=wrap] > [rep=cube],
AX-INPUT > [rep=wrap] > [rep=image] {
  margin-inline-start: var(--_input-p-se);
}
AX-INPUT > [rep=wrap] > [rep=icon] {
  width: 1em;
}
AX-INPUT > [rep=wrap] > [rep=disk],
AX-INPUT > [rep=wrap] > [rep=cube],
AX-INPUT > [rep=wrap] > [rep=image] {
  height: var(--_rem-subtitle);
}
AX-INPUT > [rep=wrap] > [rep=label],
AX-INPUT > [rep=wrap] > [rep=unit] {
  color: var(--_c-brief);
  line-height: calc(var(--_input-h) - 2px);
  padding: 0 var(--_input-p-se);
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  max-width: 60%;
  text-overflow: ellipsis;
}
AX-INPUT > [rep=wrap] > [rep=label] {
  background-color: var(--_input-bg-label);
  border-inline-end: var(--_input-bw-label) solid var(--_input-bc);
}
AX-INPUT > [rep=wrap] > [rep=unit] {
  background-color: var(--_input-bg-unit);
  border-inline-start: var(--_input-bw-unit) solid var(--_input-bc);
}
AX-INPUT > [rep=wrap] > [rep=custom] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 var(--_input-p-se);
  height: var(--_input-h);
}
AX-INPUT > [rep=wrap] > [rep=btn] {
  text-align: center;
  line-height: max(calc(var(--_input-h) - 2rem),var(--_rem-subtitle));
  padding: 0 var(--_input-p-btn);
  border-inline-start: 1px solid var(--_input-bc);
  transition: all var(--_dur-1) linear;
}
AX-INPUT > [rep=wrap] > [rep=btn]:hover {
  cursor: pointer;
  color: var(--_input-c-hov);
}
AX-INPUT > [rep=wrap] > [rep=btn][disabled] {
  color: var(--_c-caption);
}
AX-INPUT > [rep=wrap] > [rep=mean] {
  color: var(--_c-caption);
  font-family: var(--_ff-icon);
  cursor: pointer;
  width: var(--_rem-display);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all var(--_dur-2) linear;
}
AX-INPUT > [rep=wrap] > [rep=mean]:hover {
  color: var(--_input-c-hov);
}
AX-INPUT > [rep=wrap] > [rep=tools] {
  --_tools-fs: var(--_rem-caption);
  --_tools-c: var(--_c-caption);
  width: auto;
  margin-inline-end: calc((var(--_rem-display) - var(--_rem-list))/2);
}
AX-INPUT > [rep=wrap] > input {
  width: 100%;
  min-width: auto;
  height: 100%;
  border-width: 0;
  border-radius: var(--_input-r);
  outline: none;
  box-shadow: none;
  flex: auto;
}
AX-INPUT > [rep=limit] {
  font-size: var(--_px-caption);
  color: var(--_c-caption);
  line-height: 1.5em;
  padding: calc(1em / 3) 0;
}
AX-INPUT[exceeded] > [rep=limit] {
  color: var(--_c-error);
}
AX-INPUT[iconholder] > [rep=wrap] > input::placeholder {
  font-family: var(--_ff-icon);
}
AX-INPUT[align=left] > [rep=wrap] > input,
AX-INPUT[align=left] > [rep=wrap] > input::-webkit-input-placeholder {
  text-align: start;
}
AX-INPUT[align=center] > [rep=wrap] > input,
AX-INPUT[align=center] > [rep=wrap] > input::-webkit-input-placeholder {
  text-align: center;
}
AX-INPUT[align=right] > [rep=wrap] > input,
AX-INPUT[align=right] > [rep=wrap] > input::-webkit-input-placeholder {
  text-align: end;
}
AX-INPUT:hover {
  border-color: var(--_input-bc-hov);
}
AX-INPUT[size=sm] {
  --_input-h: var(--_em-display);
  --_input-p-btn: var(--_input-p-se);
  --_input-r: var(--_r-input-sm);
}
AX-INPUT[size=lg] {
  --_input-h: var(--_em-max);
  --_input-p-se: var(--_em-body);
  --_input-r: var(--_r-input-lg);
}
AX-INPUT[feature=plain] {
  --_input-bg-label: transparent;
  --_input-bg-unit: transparent;
  --_input-bw-label: 0px;
  --_input-bw-unit: 0px;
}
AX-INPUT[feature=sign] {
  --_input-bg-label: transparent;
  --_input-bg-unit: transparent;
  --_input-bw-label: 0px;
  --_input-bw-unit: 0px;
  --_input-h: calc(var(--_em-input) + var(--_px-subtitle));
}
AX-INPUT[feature=sign] > [rep=wrap] {
  padding-block-start: var(--_px-subtitle);
}
AX-INPUT[feature=sign] > [rep=wrap] > [rep=label] {
  font-size: var(--_px-caption);
  line-height: var(--_px-display);
  height: var(--_px-display);
  padding: 0 var(--_em-space-dec);
  color: var(--_c-brief);
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  pointer-events: none;
  z-index: 3;
}
AX-INPUT[feature=sign][size=sm] {
  --_input-h: calc(var(--_em-display) + var(--_px-subtitle));
}
AX-INPUT[feature=sign][size=lg] {
  --_input-h: calc(var(--_em-max) + var(--_px-subtitle));
}
/*Textarea input*/
AX-TEXTAREA {
  --_tarea-p-se: var(--_em-space);
  --_tarea-fs: var(--_rem-body);
  --_tarea-r: var(--_r-input);
  --_tarea-w: var(--_w-input);
  --_tarea-h: var(--_em-input);
  --_tarea-lh: var(--_em-list);
  --_tarea-sd: var(--_c-prim-sd);
  --_tarea-bw: 1px;
  --_tarea-bg: var(--_c-stage);
  --_tarea-rows: 5;
  --_tarea-g-tools: calc((var(--_rem-display) - var(--_rem-list))/2);
  flex-direction: column;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
}
AX-TEXTAREA[full] {
  display: flex;
  width: 100%;
}
AX-TEXTAREA:where(:not([full])) {
  display: inline-flex;
  width: var(--_tarea-w);
}
AX-TEXTAREA [rep=wrap] {
  color: var(--_c-caption);
  background-color: var(--_tarea-bg);
  border-radius: var(--_tarea-r);
  border: var(--_tarea-bw) solid var(--_c-text-bd);
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  transition: all var(--_dur-2) linear;
}
AX-TEXTAREA [rep=wrap]:focus-within {
  border-color: var(--_c-prim);
  outline: var(--_w-outline) solid var(--_tarea-sd);
  outline-offset: 0px;
}
AX-TEXTAREA [rep=wrap]:focus-within textarea {
  color: var(--_c-prim);
}
AX-TEXTAREA [rep=wrap] > [rep=mean],
AX-TEXTAREA [rep=wrap] > [rep=head] > [rep=mean] {
  color: var(--_c-caption);
  font-family: var(--_ff-icon);
  cursor: pointer;
  width: var(--_rem-display);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all var(--_dur-2) linear;
}
AX-TEXTAREA [rep=wrap] > [rep=mean]:hover,
AX-TEXTAREA [rep=wrap] > [rep=head] > [rep=mean]:hover {
  color: var(--_c-prim);
}
AX-TEXTAREA [rep=wrap] > [rep=head] {
  display: inline-flex;
  color: var(--_c-brief);
  background-color: var(--_c-text-bg);
}
AX-TEXTAREA [rep=wrap] > [rep=head] [rep=label] {
  flex: auto;
  padding: 0 var(--_tarea-p-se);
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
AX-TEXTAREA [rep=wrap] > [rep=head] [rep=mean] + [rep=label] {
  padding-inline-start: 0;
}
AX-TEXTAREA [rep=wrap] > [rep=head] [rep=tools] {
  width: auto;
}
AX-TEXTAREA [rep=limit] {
  font-size: var(--_px-caption);
  color: var(--_c-caption);
  line-height: 1.5em;
  padding: calc(1em / 3) 0;
}
AX-TEXTAREA[exceeded] [rep=limit] {
  color: var(--_c-error);
}
AX-TEXTAREA textarea {
  --_field-p-se: var(--_tarea-p-se);
  --_field-fs: var(--_tarea-fs);
  --_field-lh: var(--_tarea-lh);
  --_field-h: var(--_tarea-h);
  --_field-rows: var(--_tarea-rows);
  --_field-r: var(--_tarea-r);
  width: 100%;
  min-width: auto;
  border-width: 0;
  outline: none;
  box-shadow: none;
  flex: auto;
}
AX-TEXTAREA[iconholder] textarea::placeholder {
  font-family: var(--_ff-icon);
}
AX-TEXTAREA [rep=tools] {
  --_tools-fs: var(--_rem-caption);
  --_tools-c: var(--_c-caption);
}
AX-TEXTAREA:where([single]) {
  --_tarea-p-tb: 0;
  --_tarea-lh: var(--_em-input);
}
AX-TEXTAREA:where([single]) [rep=wrap] {
  flex-direction: row;
  align-items: center;
}
AX-TEXTAREA:where([single]) textarea {
  height: var(--_tarea-h);
  line-height: var(--_tarea-h);
  white-space: nowrap;
  overflow: hidden;
}
AX-TEXTAREA:where([single]) [rep=tools] {
  width: auto;
}
AX-TEXTAREA:where(:not([single])):not(:has([rep=label])) [rep=tools] {
  width: auto;
  position: absolute;
  inset-inline-end: var(--_tarea-g-tools);
}
AX-TEXTAREA:where(:not([single])):has([rep=label]) [rep=tools] {
  margin-inline-end: var(--_tarea-g-tools);
}
AX-TEXTAREA:where(:not([single])) textarea:has(+[rep=tools]) {
  padding-inline-end: var(--_rem-display);
}
AX-TEXTAREA:where(:not([single])) [rep=wrap][scrollable] [rep=tools] {
  inset-inline-end: var(--_rem-space);
}
AX-TEXTAREA:where([single]) [rep=tools] {
  margin-inline-end: var(--_tarea-g-tools);
}
AX-TEXTAREA:where(:not([single]):not(:has([rep=label]))) [rep=tools] {
  inset-block-start: var(--_tarea-g-tools);
  flex-direction: column;
}
AX-TEXTAREA:where(:not([single]):has([rep=label])) [rep=tools] {
  inset-block-start: 0;
}
AX-TEXTAREA:where([scrollable]:not([single]):not(:has([rep=label]))) [rep=tools] {
  inset-inline-end: var(--_rem-space);
}
AX-TEXTAREA:where([single]) [rep=wrap] > [rep=head] {
  line-height: var(--_tarea-h);
  border-inline-end: 1px solid var(--_c-text-bd);
  max-width: 60%;
}
AX-TEXTAREA:where(:not([single])) [rep=wrap] > [rep=head] {
  width: 100%;
  line-height: var(--_rem-display);
  border-block-end: 1px solid var(--_c-text-bd);
  display: flex;
  align-items: center;
}
AX-TEXTAREA[size=sm] {
  --_tarea-h: var(--_em-display);
  --_tarea-rows: 3;
}
AX-TEXTAREA[size=sm]:where([single]) {
  --_tarea-lh: var(--_tarea-h);
}
AX-TEXTAREA[size=lg] {
  --_tarea-p-se: var(--_em-body);
  --_tarea-r: var(--_r-input-lg);
  --_tarea-h: var(--_em-max);
  --_tarea-rows: 10;
}
AX-TEXTAREA[size=lg]:where([single]) {
  --_tarea-lh: var(--_tarea-h);
}
AX-TEXTAREA:hover {
  border-color: var(--_c-prim);
}
AX-TEXTAREA[feature=plain] [rep=wrap] > [rep=head] {
  background-color: transparent;
}
AX-TEXTAREA[feature=plain]:where([single]) [rep=wrap] > [rep=head] {
  border-inline-end: 0;
}
AX-TEXTAREA[feature=plain]:where(:not([single])) [rep=wrap] > [rep=head] {
  border-block-end: 0;
}
/*Number input*/
AX-NUMBER {
  --_number-h: var(--_em-input);
  --_number-w: calc(var(--_rem-input)*5);
  --_number-p-se: 0;
  --_number-bw: 1px;
  --_number-bc: var(--_c-text-bd);
  --_number-bg: var(--_c-stage);
  --_number-sd: var(--_c-prim-sd);
  --_number-r: var(--_r-input);
  --_number-sz-btn: 100%;
  flex-direction: column;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
}
AX-NUMBER[full] {
  display: flex;
}
AX-NUMBER:where(:not([full])) {
  display: inline-flex;
  width: var(--_number-w);
}
AX-NUMBER [rep=wrap] {
  font-size: var(--_rem-body);
  color: var(--_c-caption);
  width: 100%;
  height: var(--_number-h);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
}
AX-NUMBER [rep=wrap]:focus-within input {
  color: var(--_c-prim);
}
AX-NUMBER:where(:not([layout=plain])) [rep=wrap] {
  border: var(--_number-bw) solid var(--_number-bc);
  background-color: var(--_number-bg);
  border-radius: var(--_number-r);
  transition: all var(--_dur-2) linear;
}
AX-NUMBER:where(:not([layout=plain])) [rep=wrap]:hover {
  border-color: var(--_c-prim);
}
AX-NUMBER:where(:not([layout=plain])) [rep=wrap]:focus-within {
  border-color: var(--_c-prim);
  outline: var(--_w-outline) solid var(--_number-sd);
  outline-offset: 0px;
}
AX-NUMBER [rep=label] {
  color: var(--_c-brief);
  line-height: calc(var(--_number-h) - 2px);
  background-color: var(--_c-text-bg);
  padding: 0 var(--_rem-space);
  box-sizing: border-box;
  border-inline-end: 1px solid var(--_number-bc);
  white-space: nowrap;
  overflow: hidden;
  max-width: 60%;
  text-overflow: ellipsis;
}
AX-NUMBER [rep=tips] {
  font-size: var(--_px-caption);
  color: var(--_c-caption);
  line-height: 1.5em;
  padding: calc(1em / 3) 0;
}
AX-NUMBER[exceeded] [rep=tips] {
  color: var(--_c-error);
}
AX-NUMBER input {
  min-width: 0;
  height: 100%;
  text-align: center;
  padding: 0 var(--_number-p-se);
  flex: auto;
  -moz-appearance: textfield;
}
AX-NUMBER:where(:not([layout=plain])) input {
  border-width: 0;
  outline: none;
}
AX-NUMBER input::-webkit-input-placeholder {
  text-align: center;
}
AX-NUMBER input::-webkit-outer-spin-button,
AX-NUMBER input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
AX-NUMBER[iconholder] input::placeholder {
  font-family: var(--_ff-icon);
}
AX-NUMBER [rep=decrease],
AX-NUMBER [rep=increase] {
  font-family: var(--_ff-icon);
  background-color: var(--_c-text-bg);
  height: var(--_number-sz-btn);
  aspect-ratio: 1 / 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: all var(--_dur-2) linear;
}
AX-NUMBER [rep=decrease][disabled],
AX-NUMBER [rep=increase][disabled] {
  opacity: var(--_o-disabled);
}
AX-NUMBER [rep=decrease] {
  border-inline-end: 1px solid var(--_number-bc);
}
AX-NUMBER [rep=increase] {
  border-inline-start: 1px solid var(--_number-bc);
}
AX-NUMBER[disabled] {
  opacity: var(--_o-disabled);
}
AX-NUMBER:where(:not([layout=plain])) [rep=decrease]:hover,
AX-NUMBER:where(:not([layout=plain])) [rep=increase]:hover {
  color: var(--_c-prim);
}
AX-NUMBER:where([layout=plain]) [rep=decrease],
AX-NUMBER:where([layout=embed]) [rep=decrease],
AX-NUMBER:where([layout=plain]) [rep=increase],
AX-NUMBER:where([layout=embed]) [rep=increase] {
  font-size: var(--_rem-root);
  border-radius: 100%;
  border: 1px solid var(--_number-bc);
  margin: 0 var(--_rem-space);
}
AX-NUMBER:where([layout=plain]) [rep=decrease]:hover,
AX-NUMBER:where([layout=embed]) [rep=decrease]:hover,
AX-NUMBER:where([layout=plain]) [rep=increase]:hover,
AX-NUMBER:where([layout=embed]) [rep=increase]:hover {
  color: var(--_c-white);
  background-color: var(--_c-prim);
}
AX-NUMBER:where([layout=plain]) {
  --_number-sz-btn: var(--_rem-list);
}
AX-NUMBER:where([layout=embed]) {
  --_number-sz-btn: var(--_rem-subtitle);
}
AX-NUMBER:hover {
  border-color: var(--_c-prim);
}
AX-NUMBER[size=sm] {
  --_number-h: var(--_em-display);
  --_number-w: calc(var(--_rem-input)*3);
}
AX-NUMBER[size=lg] {
  --_number-h: var(--_em-max);
  --_number-w: calc(var(--_rem-input)*7);
  --_number-r: var(--_r-input-lg);
}
/*Range module*/
AX-RANGE {
  --_range-w: var(--_w-input);
  box-sizing: border-box;
  vertical-align: middle;
  width: var(--_range-w);
  display: inline-flex;
}
AX-RANGE:where(:has(._range[full])) {
  --_range-w: 100%;
  display: block;
}
AX-RANGE > ._range {
  --_range-w: 100%;
}
._range {
  --_range-w: var(--_w-input);
  --_range-sz: var(--_rem-input);
  --_range-sz-handle: 1.6rem;
  --_range-sz-track: 5px;
  --_range-sz-major: var(--_rem-body);
  --_range-sz-minor: var(--_rem-space);
  --_range-sz-h: 20rem;
  --_range-sz-w: 9.4rem;
  user-select: none;
  font-size: var(--_rem-caption);
  height: var(--_range-sz);
  position: relative;
  align-items: center;
  justify-content: center;
}
._range[full] {
  display: flex;
  width: 100%;
}
._range:where(:not([full])) {
  display: inline-flex;
  width: var(--_range-w);
}
._range ._range-wrap {
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: center;
}
._range ._range-main {
  position: relative;
  flex: auto;
}
._range ._range-track {
  height: var(--_range-sz-track);
  border-radius: var(--_range-sz-track);
  position: relative;
  z-index: 1;
}
._range ._range-track [rep=base] {
  background-color: var(--_c-text-ac);
  width: 100%;
  height: inherit;
  border-radius: inherit;
  transition: background-color var(--_dur-1) ease-out;
  position: relative;
}
._range ._range-track [rep=base]:before {
  content: '';
  width: 100%;
  height: calc(var(--_range-sz-track)*5);
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: calc(-1*var(--_range-sz-track)*2);
}
._range ._range-track [rep=thumb] {
  width: 0;
  height: inherit;
  border-radius: inherit;
  background-color: var(--_c-prim);
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
}
._range ._range-track [rep=thumb]:before {
  content: '';
  width: 100%;
  height: calc(var(--_range-sz-track)*5);
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: calc(-1*var(--_range-sz-track)*2);
}
._range ._range-btn {
  color: var(--_c-prim);
  font-size: var(--_rem-body);
  cursor: pointer;
  transition: all var(--_dur-2) linear;
}
._range ._range-btn[rep=increase] {
  margin-inline-start: var(--_rem-space);
}
._range ._range-btn[rep=decrease] {
  margin-inline-end: var(--_rem-space);
}
._range ._range-btn[inert] {
  color: var(--_c-caption);
}
._range ._range-btn:hover {
  scale: 1.2;
}
._range ._range-result {
  margin-inline-start: var(--_rem-space);
  min-width: var(--_rem-display);
  text-align: end;
}
._range ._range-handle > * {
  width: var(--_range-sz-handle);
  height: var(--_range-sz-handle);
  border-radius: var(--_range-sz-handle);
  border: 2px solid var(--_c-prim);
  background-color: var(--_c-stage);
  box-shadow: none;
  transition: box-shadow var(--_dur-1) linear, background-color var(--_dur-1) linear, border-color var(--_dur-1) linear, scale var(--_dur-1) linear;
  box-sizing: border-box;
  position: absolute;
  inset-block-start: calc(-1*var(--_range-sz-handle)/2 + var(--_range-sz-track)/2);
  z-index: 1;
}
._range ._range-handle > :where(:not([inert]):hover) {
  cursor: col-resize;
  box-shadow: 0 0 0 var(--_range-sz-track) var(--_c-prim-sd);
  scale: 1.2;
}
._range ._range-handle > [rep=from] {
  inset-inline-start: 0;
}
._range ._range-handle > [rep=to] {
  inset-inline-start: calc(100% - var(--_range-sz-handle));
  z-index: 2;
}
._range ._range-handle > [rep=single] {
  inset-inline-start: 0;
}
._range ._range-handle > [active] {
  z-index: 3;
}
._range:where(:not([inert])) ._range-handle > *:where(:not([inert]):focus) {
  outline: none;
  box-shadow: 0 0 0 var(--_range-sz-track) var(--_c-prim-sd);
  scale: 1.2;
}
._range ._range-bubble > * {
  font-size: var(--_rem-caption);
  line-height: var(--_rem-subtitle);
  padding: 0 0.5rem;
  border-radius: var(--_r);
  display: inline-flex;
  position: absolute;
  inset-block-start: calc(-1*var(--_rem-subtitle) - (var(--_range-sz-handle) - var(--_range-sz-track))/2 - 0.6rem);
  z-index: 1;
}
._range ._range-bubble [rep=from],
._range ._range-bubble [rep=to],
._range ._range-bubble [rep=single],
._range ._range-bubble [rep=merge] {
  color: var(--_c-white);
  background-color: var(--_c-prim);
  transform: translateX(calc((-50% + var(--_range-sz-handle)/2)*var(--_dir-coef)));
}
._range ._range-bubble [rep=from]:before,
._range ._range-bubble [rep=to]:before,
._range ._range-bubble [rep=single]:before,
._range ._range-bubble [rep=merge]:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-inline-start: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-block-start-color: var(--_c-prim);
  position: absolute;
  inset-block-end: -6px;
  inset-inline-start: 50%;
}
._range ._range-bubble [rep=to] {
  z-index: 2;
}
._range ._range-bubble [rep=merge] {
  visibility: hidden;
}
._range ._range-bubble [rep=min],
._range ._range-bubble [rep=max] {
  color: var(--_c-text-aj);
  background-color: var(--_c-text-ac);
}
._range ._range-bubble [rep=min] {
  inset-inline-start: 0;
}
._range ._range-bubble [rep=max] {
  inset-inline-end: 0;
}
._range ._range-bubble [active] {
  z-index: 3;
}
._range ._range-ruler {
  width: calc(100% - var(--_range-sz-handle));
  margin: 0 calc(var(--_range-sz-handle)/2);
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: var(--_range-sz-track);
}
._range ._range-ruler ul {
  position: relative;
}
._range ._range-ruler li {
  position: absolute;
  inset-block-start: 0;
}
._range ._range-ruler li:before {
  content: '';
  width: 1px;
  height: var(--_range-sz-major);
  background-color: var(--_c-text-bd);
  overflow: hidden;
  display: block;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}
._range ._range-ruler li:not([data-content]):before {
  height: var(--_range-sz-minor);
}
._range ._range-ruler li:after {
  content: attr(data-content);
  color: var(--_c-caption);
  font-size: var(--_rem-caption);
  line-height: var(--_rem-caption);
  white-space: nowrap;
  text-align: center;
  position: absolute;
  inset-block-start: calc(var(--_range-sz-major) + 0.2rem);
  inset-inline-start: 0;
  transform: translateX(calc(-50% * var(--_dir-coef)));
}
._range ._range-ruler div {
  height: 0.2rem;
  background-color: var(--_c-text-bd);
  position: absolute;
  inset-block-start: calc(var(--_range-sz-minor) - 0.2rem);
}
._range:not([inert])[multiple] [rep=thumb]:hover {
  cursor: w-resize;
}
._range[merged] ._range-bubble [rep=from],
._range[merged] ._range-bubble [rep=to] {
  visibility: hidden;
}
._range[merged] ._range-bubble [rep=merge] {
  visibility: visible;
}
._range[hidemin] ._range-bubble [rep=min] {
  visibility: hidden;
}
._range[hidemax] ._range-bubble [rep=max] {
  visibility: hidden;
}
._range:not([inert]):hover ._range-track [rep=base] {
  background-color: var(--_c-prim-bd);
}
._range[inert] ._range-wrap {
  user-select: none;
  pointer-events: none;
}
._range[inert] ._range-wrap ._range-btn {
  color: var(--_c-prim-fc);
}
._range[inert] ._range-wrap ._range-track [rep=thumb] {
  background-color: var(--_c-prim-fc);
}
._range[inert] ._range-wrap ._range-bubble [rep=from],
._range[inert] ._range-wrap ._range-bubble [rep=to],
._range[inert] ._range-wrap ._range-bubble [rep=single],
._range[inert] ._range-wrap ._range-bubble [rep=merge] {
  background-color: var(--_c-prim-fc);
}
._range[inert] ._range-wrap ._range-bubble [rep=from]:before,
._range[inert] ._range-wrap ._range-bubble [rep=to]:before,
._range[inert] ._range-wrap ._range-bubble [rep=single]:before,
._range[inert] ._range-wrap ._range-bubble [rep=merge]:before {
  border-block-start-color: var(--_c-prim-fc);
}
._range[inert] ._range-wrap ._range-handle > * {
  border-color: var(--_c-prim-fc);
  box-shadow: none;
}
._range[axis=y] {
  display: inline-flex;
  min-width: var(--_range-sz-w);
  min-height: var(--_range-sz-h);
}
._range[axis=y] ._range-wrap {
  height: 100%;
  flex-direction: column-reverse;
}
._range[axis=y] ._range-main {
  width: var(--_range-sz-track);
}
._range[axis=y] ._range-track {
  height: 100%;
  width: var(--_range-sz-track);
  border-radius: var(--_range-sz-track);
}
._range[axis=y] ._range-track [rep=base] {
  width: inherit;
  height: inherit;
}
._range[axis=y] ._range-track [rep=thumb] {
  width: inherit;
  inset-block-start: auto;
  inset-block-end: 0;
}
._range[axis=y] ._range-track [rep=base]:before,
._range[axis=y] ._range-track [rep=thumb]:before {
  height: 100%;
  width: calc(var(--_range-sz-track)*5);
  inset-block-start: 0;
  inset-inline-start: calc(-1*var(--_range-sz-track)*2);
}
._range[axis=y] ._range-bubble > * {
  inset-block-start: auto;
  inset-inline-start: auto;
  inset-inline-end: auto;
  transform: translateX(calc((-100% - var(--_range-sz-handle)/2 - 0.6rem)*var(--_dir-coef)));
}
._range[axis=y] ._range-bubble [rep=max] {
  inset-block-start: 0;
}
._range[axis=y] ._range-bubble [rep=min] {
  inset-block-end: 0;
}
._range[axis=y] ._range-bubble [rep=from]:before,
._range[axis=y] ._range-bubble [rep=to]:before,
._range[axis=y] ._range-bubble [rep=single]:before,
._range[axis=y] ._range-bubble [rep=merge]:before {
  border: 3px solid transparent;
  border-block-start-color: transparent;
  border-inline-start-color: var(--_c-prim);
  inset-inline-start: auto;
  inset-block-end: auto;
  inset-block-start: calc(50% - 3px);
  inset-inline-end: -6px;
}
._range[axis=y] ._range-bubble [rep=merge] {
  transform: translate(calc((-100% - var(--_range-sz-handle)/2 - 0.6rem)*var(--_dir-coef)), calc(50% - var(--_range-sz-handle)/2));
}
._range[axis=y] ._range-handle > * {
  inset-inline-start: calc((var(--_range-sz-handle) - var(--_range-sz-track))/-2);
  inset-block-start: auto;
}
._range[axis=y] ._range-handle > *:not([inert]):hover {
  cursor: row-resize;
}
._range[axis=y] ._range-ruler {
  height: calc(100% - var(--_range-sz-handle));
  margin: calc(var(--_range-sz-handle)/2) 0;
  inset-inline-start: var(--_range-sz-track);
  inset-block-start: 0;
}
._range[axis=y] ._range-ruler ul {
  height: 100%;
}
._range[axis=y] ._range-ruler li {
  inset-block-start: auto;
  inset-inline-start: 0;
  inset-block-end: 0;
}
._range[axis=y] ._range-ruler li:before {
  height: 1px;
  width: var(--_range-sz-major);
  inset-block-start: auto;
  inset-block-end: 0;
  inset-inline-start: 0;
}
._range[axis=y] ._range-ruler li:not([data-content]):before {
  width: var(--_range-sz-minor);
}
._range[axis=y] ._range-ruler li:after {
  text-align: start;
  inset-block-start: 0;
  inset-inline-start: calc(var(--_range-sz-major) + 0.2rem);
  transform: translateY(-50%);
}
._range[axis=y] ._range-ruler [rep=fence] {
  height: 0;
  width: 0.2rem;
  inset-block-start: auto;
  inset-inline-start: calc(var(--_range-sz-minor) - 0.2rem);
}
._range[axis=y] ._range-btn[rep=increase],
._range[axis=y] ._range-btn[rep=decrease],
._range[axis=y] ._range-result {
  line-height: var(--_rem-body);
}
._range[axis=y] ._range-btn[rep=increase] {
  margin-block-end: var(--_rem-space);
  margin-inline-start: 0;
}
._range[axis=y] ._range-btn[rep=decrease] {
  margin-block-start: var(--_rem-space);
  margin-inline-end: 0;
}
._range[axis=y] ._range-result {
  margin-inline-start: 0;
  margin-block-end: var(--_rem-space);
  min-width: auto;
  text-align: center;
}
._range[axis=y]:not([inert])[multiple] [rep=thumb]:hover {
  cursor: s-resize;
}
._range[size=sm] {
  --_range-sz: var(--_rem-display);
  --_range-sz-track: 3px;
  --_range-sz-major: var(--_rem-space);
  --_range-sz-minor: var(--_rem-min);
  --_range-sz-h: 20rem;
  --_range-sz-w: 9.4rem;
}
._range[size=lg] {
  --_range-sz: var(--_rem-max);
  --_range-sz-handle: var(--_rem-list);
  --_range-sz-track: var(--_rem-caption);
  --_range-sz-major: var(--_rem-subtitle);
  --_range-sz-minor: var(--_rem-space);
  --_range-sz-h: 30rem;
  --_range-sz-w: 12.4rem;
}
._range[size=lg] ._range-btn {
  font-size: var(--_rem-subtitle);
}
@-moz-document url-prefix() {
  ._range ._range-bubble [rep=from]:before,
  ._range ._range-bubble [rep=to]:before,
  ._range ._range-bubble [rep=single]:before,
  ._range ._range-bubble [rep=merge]:before {
    inset-block-end: -5px;
  }
}
/*Autocomplete*/
._autocomplete ._retrieval-status {
  color: var(--_c-caption);
  font-size: var(--_rem-caption);
  line-height: var(--_rem-subtitle);
}
._autocomplete._popup ._retrieval-status {
  padding: var(--_rem-space) var(--_p);
  border-block-end: 1px solid var(--_c-text-bd);
}
._autocomplete ._bullet {
  cursor: pointer;
}
._autocomplete[size=md] {
  --_popup-w: var(--_w-input);
}
/*Gesture*/
/*Scroll and Swipe*/
._scroll {
  --_scr-bar-sz: var(--_rem-min);
  --_scr-bar-between: 0px;
  --_scr-bar-end: 0px;
  --_scr-bar-c-track: var(--_c-mask-4);
  --_scr-bar-c-thumb: var(--_c-mask-28);
  --_scr-bar-c-hov: var(--_c-mask-36);
  --_scr-bar-c-act: var(--_c-mask-44);
  --_scr-bar-r: 0px;
  --_scr-w: 100%;
  --_scr-h: 100%;
  position: relative;
  width: var(--_scr-w);
  height: var(--_scr-h);
}
._scroll > ._scroll-wrap {
  position: relative;
}
._scroll > ._scroll-bar {
  background-color: var(--_scr-bar-c-track);
  border-radius: var(--_scr-bar-r);
  width: var(--_scr-bar-sz);
  height: calc(100% - var(--_scr-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(--_scr-bar-c-thumb);
  border-radius: inherit;
  transition: all var(--_dur-1) linear;
  position: absolute;
}
._scroll > ._scroll-bar span:hover {
  background-color: var(--_scr-bar-c-hov);
}
._scroll > ._scroll-bar:hover,
._scroll > ._scroll-bar[scrolling] {
  --_scr-bar-sz: var(--_rem-space);
}
._scroll > ._scroll-bar[scrolling] span {
  background-color: var(--_scr-bar-c-act);
}
._scroll:hover > ._scroll-bar,
._scroll > ._scroll-bar[shown] {
  opacity: 1;
  pointer-events: initial;
}
._scroll[axis=x] {
  display: flex;
  overflow-x: hidden;
}
._scroll[axis=x] > ._scroll-wrap {
  height: 100%;
  display: inline-flex;
}
._scroll[axis=x] > ._scroll-bar {
  height: var(--_scr-bar-sz);
  width: calc(100% - var(--_scr-bar-between)*2);
  inset-inline-start: var(--_scr-bar-between);
  inset-block-end: var(--_scr-bar-end);
}
._scroll[axis=x] > ._scroll-bar span {
  height: 100%;
}
._scroll[axis=y] {
  min-height: var(--_rem-display);
  overflow-y: hidden;
}
._scroll[axis=y] > ._scroll-bar {
  inset-inline-end: var(--_scr-bar-end);
  inset-block-start: var(--_scr-bar-between);
}
._scroll[axis=y] > ._scroll-bar span {
  width: 100%;
}
._scroll[axis=x]:where([gridded]) > ._scroll-wrap {
  flex-wrap: wrap;
  writing-mode: vertical-lr;
}
._scroll[axis=x]:where([gridded]) > ._scroll-wrap > * {
  writing-mode: horizontal-tb;
}
._scroll[axis=y]:where([gridded]) > ._scroll-wrap {
  display: flex;
  flex-wrap: wrap;
}
/*Swipe*/
._swipe-prev,
._swipe-next {
  --_swipe-nav-c: var(--_c-prim);
  --_swipe-nav-bg: transparent;
  --_swipe-nav-o: 0.8;
  --_swipe-nav-h: var(--_rem-input);
  --_swipe-nav-fs: var(--_rem-subtitle);
  --_swipe-nav-r: 100%;
  --_swipe-nav-ff: var(--_ff-icon);
  font-family: var(--_swipe-nav-ff);
  color: var(--_swipe-nav-c);
  background-color: var(--_swipe-nav-bg);
  border-radius: var(--_swipe-nav-r);
  box-sizing: border-box;
  font-size: var(--_swipe-nav-fs);
  opacity: var(--_swipe-nav-o);
  height: var(--_swipe-nav-h);
  aspect-ratio: 1/1;
  cursor: pointer;
  user-select: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all var(--_dur-1) linear;
}
._swipe-prev[disabled],
._swipe-next[disabled] {
  --_swipe-nav-c: var(--_c-text);
  --_swipe-nav-o: 0.2;
}
._swipe-prev[filled],
._swipe-next[filled] {
  --_swipe-nav-c: rgba(255, 255, 255, 0.8);
  --_swipe-nav-bg: var(--_c-prim);
}
._swipe-prev[filled][disabled],
._swipe-next[filled][disabled] {
  --_swipe-nav-bg: var(--_c-text);
}
._swipe-prev:hover,
._swipe-next:hover {
  opacity: 1;
}
._swipe-nav {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
._swipe-nav ._swipe-prev,
._swipe-nav ._swipe-next,
._swipe-nav ._swipe-pgn {
  position: relative;
  inset-inline-start: auto;
  inset-inline-end: auto;
  inset-block-start: auto;
  inset-block-end: auto;
}
._swipe-nav ._swipe-prev,
._swipe-nav ._swipe-next {
  --_swipe-nav-fs: var(--_rem-caption);
  --_swipe-nav-h: var(--_rem-subtitle);
}
._swipe-pgn {
  --_swipe-pgn-c: var(--_c-stage);
  --_swipe-pgn-bg: rgba(0, 0, 0, 0.5);
  --_swipe-pgn-act: var(--_c-prim);
  --_swipe-pgn-o: 0.2;
  --_swipe-pgn-w: var(--_rem-root);
  --_swipe-pgn-h: var(--_rem-root);
  --_swipe-pgn-r: 100%;
  --_swipe-pgn-fs: var(--_rem-caption);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: var(--_dur-3) opacity;
  user-select: none;
}
._swipe-pgn > * {
  transition: all var(--_dur-2) linear;
  object-fit: cover;
  cursor: pointer;
}
._swipe-pgn img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
._swipe-pgn[type=lamp] > * {
  width: var(--_swipe-pgn-w);
  height: var(--_swipe-pgn-h);
  margin: 0 var(--_rem-min);
  display: inline-block;
  border-radius: var(--_swipe-pgn-r);
  background: var(--_swipe-pgn-bg);
  opacity: var(--_swipe-pgn-o);
  transition: all var(--_dur-1) linear;
}
._swipe-pgn[type=lamp] [active] {
  opacity: 1;
  background-color: var(--_swipe-pgn-act);
}
._swipe-pgn[type=lamp] > *:not([active]):hover {
  opacity: 0.4;
}
._swipe-pgn[type=thumb] {
  --_swipe-pgn-w: calc(var(--_rem-input) * 2);
  --_swipe-pgn-h: var(--_rem-input);
}
._swipe-pgn[type=thumb] > * {
  width: var(--_swipe-pgn-w);
  height: var(--_swipe-pgn-h);
  border: 4px solid rgba(255, 255, 255, 0.5);
}
._swipe-pgn[type=thumb] > [active] {
  border-color: var(--_c-prim);
}
._swipe-pgn[type=thumb] > * img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}
._swipe-pgn[type=index] {
  --_swipe-pgn-bg: rgba(0, 0, 0, 0.2);
  --_swipe-pgn-r: var(--_r);
  --_swipe-pgn-w: var(--_rem-list);
  --_swipe-pgn-h: var(--_rem-list);
  justify-content: flex-end;
  font-size: var(--_swipe-pgn-fs);
}
._swipe-pgn[type=index] > * {
  width: var(--_swipe-pgn-w);
  height: var(--_swipe-pgn-h);
  color: var(--_swipe-pgn-c);
  margin-inline-start: var(--_rem-min);
  line-height: var(--_swipe-pgn-h);
  text-align: center;
  display: inline-block;
  border-radius: var(--_swipe-pgn-r);
  background-color: var(--_swipe-pgn-bg);
  transition: all var(--_dur-1) linear;
}
._swipe-pgn[type=index] [active] {
  background-color: var(--_swipe-pgn-act);
}
._swipe-pgn[type=index] > *:not([active]):hover {
  background-color: rgba(0, 0, 0, 0.5);
}
._swipe-pgn[type=text] {
  --_swipe-pgn-bg: rgba(0, 0, 0, 0.2);
  --_swipe-pgn-h: auto;
  width: 100%;
  display: flex;
  font-size: var(--_swipe-pgn-fs);
}
._swipe-pgn[type=text] > * {
  width: 0;
  height: var(--_swipe-pgn-h);
  color: var(--_swipe-pgn-c);
  background-color: var(--_swipe-pgn-bg);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
}
._swipe-pgn[type=text] [active] {
  background-color: var(--_swipe-pgn-act);
}
._swipe-pgn[type=text] > *:not([active]):hover {
  background-color: rgba(0, 0, 0, 0.5);
}
._swipe {
  min-height: var(--_rem-display);
  min-width: var(--_rem-display);
  overflow: hidden;
  position: relative;
  transition: all var(--_dur-2) linear;
}
._swipe[spinning] {
  pointer-events: none;
  min-height: var(--_rem-display);
  background-image: var(--_spin);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto min(var(--_rem-input),100%);
}
._swipe:hover {
  cursor: grab;
}
._swipe:hover:where(:has(>._swipe-wrap[gesture])) {
  cursor: grabbing;
}
._swipe [unbound] {
  cursor: auto;
}
._swipe._initiating {
  min-height: var(--_rem-display);
  background-image: var(--_spin);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto min(var(--_rem-input),100%);
}
._swipe._initiating > ._swipe-wrap {
  opacity: 0;
}
._swipe > ._swipe-wrap > * {
  position: relative;
}
._swipe > ._swipe-wrap > *[spinning] {
  min-height: var(--_rem-display);
  background-image: var(--_spin);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto min(var(--_rem-input),100%);
}
._swipe > ._swipe-wrap > * > ._swipe {
  width: 100%;
  height: 100%;
}
._swipe > ._swipe-wrap > [type=image] > img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: inherit;
}
._swipe > ._swipe-wrap > * > iframe {
  width: 100%;
  min-height: 40rem;
}
._swipe:where([gridded][axis=y]) {
  height: 100%;
}
._swipe > ._swipe-pgn {
  width: 100%;
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: var(--_rem-body);
  z-index: 10;
}
._swipe > ._swipe-pgn[type=index] {
  width: auto;
  inset-inline-start: auto;
  inset-inline-end: var(--_rem-body);
  inset-block-end: var(--_rem-body);
}
._swipe > ._swipe-pgn[type=text] {
  inset-inline-start: 0;
  inset-block-end: 0;
}
._swipe > ._swipe-prev,
._swipe > ._swipe-next {
  position: absolute;
  z-index: 11;
}
._swipe > ._progress {
  width: auto;
  position: absolute;
  inset-inline-start: var(--_rem-body);
  inset-block-start: var(--_rem-body);
  z-index: 10;
}
._swipe > ._swipe-total {
  line-height: var(--_rem-input);
}
._swipe > ._swipe-total[placement] {
  position: absolute;
  z-index: 10;
}
._swipe > ._swipe-total[placement=left-top] {
  inset-inline-start: var(--_rem-body);
  inset-block-start: 0;
}
._swipe > ._swipe-total[placement=left-bottom] {
  inset-inline-start: var(--_rem-body);
  inset-block-end: 0;
}
._swipe > ._swipe-total[placement=right-top] {
  inset-inline-end: var(--_rem-body);
  inset-block-start: 0;
}
._swipe > ._swipe-total[placement=right-bottom] {
  inset-inline-end: var(--_rem-body);
  inset-block-end: 0;
}
._swipe > ._swipe-tools {
  position: absolute;
  inset-block-start: calc((var(--_rem-input) - var(--_rem-list))/2);
  inset-inline-end: calc((var(--_rem-input) - var(--_rem-list))/2);
  z-index: 10;
}
._swipe > ._swipe-tools > * {
  min-width: var(--_rem-list);
  height: var(--_rem-list);
  margin-inline-start: var(--_rem-space);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
._swipe > ._swipe-tools > [inert] {
  opacity: var(--_o-disabled);
}
._swipe[axis=x][slides=auto] > ._swipe-wrap {
  white-space: nowrap;
}
._swipe[axis=x] > ._swipe-prev,
._swipe[axis=x] > ._swipe-next {
  inset-block-start: 50%;
  transform: translate(0, -50%);
}
._swipe[axis=x] > ._swipe-prev:not([filled]) {
  inset-inline-start: 0;
}
._swipe[axis=x] > ._swipe-next:not([filled]) {
  inset-inline-end: 0;
}
._swipe[axis=x] > ._swipe-prev[filled] {
  inset-inline-start: var(--_rem-body);
}
._swipe[axis=x] > ._swipe-next[filled] {
  inset-inline-end: var(--_rem-body);
}
._swipe[axis=x] > ._swipe-pgn[type=lamp],
._swipe[axis=x] > ._swipe-pgn[type=thumb] {
  width: 100%;
}
._swipe[axis=x] > ._swipe-pgn[type=lamp] > *,
._swipe[axis=x] > ._swipe-pgn[type=thumb] > * {
  margin: auto var(--_rem-min);
}
._swipe[axis=x] > ._swipe-nav {
  position: absolute;
  inset-inline-start: 50%;
  inset-block-end: var(--_rem-body);
  transform: translate(calc(-50% * var(--_dir-coef)), 0);
}
._swipe[axis=x] > ._swipe-nav ._swipe-prev,
._swipe[axis=x] > ._swipe-nav ._swipe-next {
  margin: 0 0.4rem;
}
._swipe[axis=y] > ._swipe-prev,
._swipe[axis=y] > ._swipe-next {
  font-size: var(--_rem-caption);
  width: var(--_rem-subtitle);
  height: var(--_rem-subtitle);
  inset-inline-end: 1rem;
}
._swipe[axis=y] > ._swipe-prev {
  inset-block-start: 1rem;
}
._swipe[axis=y] > ._swipe-next {
  inset-block-end: 1rem;
}
._swipe[axis=y] > ._swipe-pgn[type=lamp],
._swipe[axis=y] > ._swipe-pgn[type=thumb] {
  width: auto;
  flex-flow: column;
  transform: translate(0, -50%);
  inset-inline-start: auto;
  inset-block-end: auto;
  inset-inline-end: var(--_rem-body);
  inset-block-start: 50%;
}
._swipe[axis=y] > ._swipe-pgn[type=lamp] > *,
._swipe[axis=y] > ._swipe-pgn[type=thumb] > * {
  margin: var(--_rem-min) 0;
}
._swipe[axis=y] > ._swipe-nav {
  flex-flow: column;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: var(--_rem-body);
  transform: translate(0, -50%);
}
._swipe[axis=y] > ._swipe-nav ._swipe-prev,
._swipe[axis=y] > ._swipe-nav ._swipe-next {
  margin: var(--_rem-min) 0;
}
._swipe[axis=y] > ._swipe-nav ._swipe-pgn[type=lamp],
._swipe[axis=y] > ._swipe-nav ._swipe-pgn[type=thumb] {
  flex-flow: column;
}
._swipe[axis=y] > ._swipe-nav ._swipe-pgn[type=lamp] > *,
._swipe[axis=y] > ._swipe-nav ._swipe-pgn[type=thumb] > * {
  margin: var(--_rem-min) 0;
}
/*Lazy*/
[lazy-src] {
  min-height: var(--_rem-display);
  background-image: var(--_spin);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto min(var(--_rem-input),100%);
}
/*
Last modified: 2025-05-19 10:58:21
*/
/*Progress*/
AX-PROGRESS {
  --_prog-time: var(--_dur-2);
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  width: 100%;
}
._progress {
  --_prog-c: var(--_c-prim);
  --_prog-grad: var(--_c-prim-aj);
  --_prog-bg: var(--_c-text-bg);
  --_prog-w: calc(var(--_rem-input)*3);
  --_prog-thk: 0.6rem;
  --_prog-fs: var(--_rem-body);
  --_prog-lh: var(--_rem-list);
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._progress svg {
  width: var(--_prog-w);
}
._progress svg path {
  fill: none;
  stroke-width: var(--_prog-thk);
}
._progress svg path[rep=track] {
  stroke: var(--_prog-bg);
}
._progress svg path[rep=bar] {
  stroke: var(--_prog-c);
  transition: stroke var(--_prog-time, --_dur-2) var(--_bez-eo), stroke-width var(--_dur-3) var(--_bez-eo);
}
._progress [rep=label] {
  font-size: var(--_prog-fs);
  line-height: var(--_prog-lh);
}
._progress [rep=control] {
  font-size: var(--_prog-fs);
  transition: all var(--_dur-2) linear;
}
._progress [rep=control]:hover {
  color: var(--_c-prim);
  cursor: pointer;
}
._progress [rep=control][disabled] {
  opacity: 0.5;
}
._progress [rep=complete] {
  display: none;
}
._progress[completed] [rep=complete] {
  color: var(--_prog-c);
  display: inline-block;
}
._progress[completed] [rep=unit],
._progress[completed] [rep=number],
._progress[completed] [rep=tips] {
  display: none;
}
._progress[type=line] [rep=text] {
  display: flex;
}
._progress[type=line] [rep=label],
._progress[type=line] [rep=control] {
  margin-inline-start: var(--_rem-space);
}
._progress[type=line]:has([rep=tips]) {
  flex-direction: column;
  align-items: flex-start;
}
._progress[type=line]:has([rep=tips]) [rep=track] {
  width: 100%;
}
._progress[type=line]:has([rep=tips]) [rep=text] {
  width: 100%;
}
._progress[type=line]:has([rep=tips]) [rep=label] {
  margin-inline-start: 0;
  flex: auto;
  display: flex;
}
._progress[type=line]:has([rep=tips]) [rep=tips] {
  flex: auto;
}
._progress[type=line] [rep=track] {
  height: var(--_prog-thk);
  border-radius: var(--_prog-thk);
  background-color: var(--_prog-bg);
  flex: auto;
  display: block;
}
._progress[type=line][simple] [rep=track] {
  background: transparent;
}
._progress[type=line] [rep=bar] {
  height: 100%;
  background-color: var(--_prog-c);
  border-radius: var(--_prog-thk);
  transition: width var(--_prog-time, --_dur-2) var(--_bez-eo), background-color var(--_prog-time, --_dur-2) var(--_bez-eo);
}
._progress[type=line][linecap=square] [rep=track],
._progress[type=line][linecap=square] [rep=bar] {
  border-radius: 0;
}
._progress[type*=circle] [rep=text] {
  text-align: center;
  position: absolute;
  inset-inline-start: 50%;
}
._progress[type=circle] path {
  transform: rotate(90deg);
  transform-origin: 50% 50%;
}
._progress[type=circle] [rep=text] {
  transform: translate(calc(-50% * var(--_dir-coef)), -50%);
  inset-block-start: 50%;
}
._progress[type=semicircle] [rep=text] {
  transform: translate(calc(-50% * var(--_dir-coef)), 0);
  inset-block-end: var(--_rem-space);
}
._progress[type=gapcircle] [rep=text] {
  transform: translate(calc(-50% * var(--_dir-coef)), -50%);
  inset-block-start: 60%;
}
._progress[thk=xxs] {
  --_prog-thk: 0.1rem;
}
._progress[thk=xs] {
  --_prog-thk: 0.2rem;
}
._progress[thk=sm] {
  --_prog-thk: var(--_rem-min);
}
._progress[thk=md] {
  --_prog-thk: var(--_rem-root);
}
._progress[thk=lg] {
  --_prog-thk: var(--_rem-caption);
}
._progress[thk=xl] {
  --_prog-thk: var(--_rem-body);
}
._progress[thk=xxl] {
  --_prog-thk: var(--_rem-subtitle);
}
._progress:where([size][type=line]) {
  width: var(--_prog-w);
}
._progress[size=xxs] {
  --_prog-w: var(--_rem-display);
  --_prog-fs: var(--_rem-caption);
  --_prog-lh: var(--_rem-subtitle);
}
._progress[size=xxs][type=semicircle] [rep=text] {
  inset-block-end: 0;
}
._progress[size=xs] {
  --_prog-w: var(--_rem-input);
  --_prog-fs: var(--_rem-caption);
  --_prog-lh: var(--_rem-subtitle);
}
._progress[size=xs][type=semicircle] [rep=text] {
  inset-block-end: 0;
}
._progress[size=sm] {
  --_prog-w: calc(var(--_rem-input)*2);
  --_prog-fs: var(--_rem-caption);
  --_prog-lh: var(--_rem-subtitle);
}
._progress[size=sm][type=semicircle] [rep=text] {
  inset-block-end: 0;
}
._progress[size=md] {
  --_prog-w: calc(var(--_rem-input)*4);
}
._progress[size=md][type=semicircle] [rep=text] {
  inset-block-end: var(--_rem-space);
}
._progress[size=lg] {
  --_prog-w: calc(var(--_rem-input)*5);
}
._progress[size=lg][type=semicircle] [rep=text] {
  inset-block-end: var(--_rem-caption);
}
._progress[size=xl] {
  --_prog-w: calc(var(--_rem-input)*5);
}
._progress[size=xl][type=semicircle] [rep=text] {
  inset-block-end: var(--_rem-subtitle);
}
._progress[size=xxl] {
  --_prog-w: calc(var(--_rem-input)*6);
}
._progress[size=xxl][type=semicircle] [rep=text] {
  inset-block-end: var(--_rem-list);
}
._progress[type*=circle] [rep=bar]:hover {
  stroke-width: calc(var(--_prog-thk)*1.2);
}
._progress[gradient]:where([type=line]) [rep=bar] {
  background: linear-gradient(to right, var(--_prog-c), var(--_prog-grad));
}
._progress[theme=prim] {
  --_prog-bg: var(--_c-prim-bg);
  --_prog-c: var(--_c-prim);
  --_prog-grad: var(--_c-prim-aj);
}
._progress[theme=prim]:where([type*=circle][gradient]) [rep=bar] {
  stroke: url(#svgbar-prim);
}
._progress[theme=error] {
  --_prog-bg: var(--_c-error-bg);
  --_prog-c: var(--_c-error);
  --_prog-grad: var(--_c-error-aj);
}
._progress[theme=error]:where([type*=circle][gradient]) [rep=bar] {
  stroke: url(#svgbar-error);
}
._progress[theme=succ] {
  --_prog-bg: var(--_c-succ-bg);
  --_prog-c: var(--_c-succ);
  --_prog-grad: var(--_c-succ-aj);
}
._progress[theme=succ]:where([type*=circle][gradient]) [rep=bar] {
  stroke: url(#svgbar-succ);
}
._progress[theme=warn] {
  --_prog-bg: var(--_c-warn-bg);
  --_prog-c: var(--_c-warn);
  --_prog-grad: var(--_c-warn-aj);
}
._progress[theme=warn]:where([type*=circle][gradient]) [rep=bar] {
  stroke: url(#svgbar-warn);
}
._progress[theme=info] {
  --_prog-bg: var(--_c-info-bg);
  --_prog-c: var(--_c-info);
  --_prog-grad: var(--_c-info-aj);
}
._progress[theme=info]:where([type*=circle][gradient]) [rep=bar] {
  stroke: url(#svgbar-info);
}
._progress[theme=issue] {
  --_prog-bg: var(--_c-issue-bg);
  --_prog-c: var(--_c-issue);
  --_prog-grad: var(--_c-issue-aj);
}
._progress[theme=issue]:where([type*=circle][gradient]) [rep=bar] {
  stroke: url(#svgbar-issue);
}
._progress[theme=text] {
  --_prog-bg: var(--_c-text-bg);
  --_prog-c: var(--_c-text);
  --_prog-grad: var(--_c-text-aj);
}
._progress[theme=text]:where([type*=circle][gradient]) [rep=bar] {
  stroke: url(#svgbar-text);
}
[dir=rtl] ._progress svg {
  scale: -1 1;
}
/*
Last modified: 2025-05-21 19:49:56
*/
/*Date and datetime picker*/
._datetime {
  --_date-label-h: calc(var(--_rem-input) - var(--_rem-min));
  --_date-panel-w: min(calc(var(--_rem-input)*10 - 2px),100vw);
  height: auto;
  position: relative;
  display: inline-flex;
  background-color: var(--_c-stage);
  box-sizing: border-box;
}
._datetime[disabled] {
  opacity: 0.5;
}
._datetime[display=inline] {
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r-input);
  margin-block-start: var(--_rem-space);
  overflow: hidden;
}
._datetime[display=popup],
._datetime[display=dialog],
._datetime[display=drawer] {
  border-radius: inherit;
}
._datetime > [rep=wrap] {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  box-sizing: border-box;
}
._datetime [rep=menu] {
  border-inline-end: 1px solid var(--_c-text-bd);
  width: calc(var(--_rem-body)*10);
  padding: var(--_rem-space);
}
._datetime [rep=menu] > * {
  height: var(--_rem-input);
  line-height: calc(var(--_rem-input)/2);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: all var(--_dur-2) linear;
}
._datetime [rep=menu] > [selected],
._datetime [rep=menu] > *:hover {
  color: var(--_c-prim);
}
._datetime [rep=menu] > *:hover {
  cursor: pointer;
}
._datetime [rep=detail] {
  border-inline-start: 1px solid var(--_c-text-bd);
  width: 24rem;
  padding: var(--_rem-space);
  box-sizing: border-box;
}
._datetime [rep=detail] [rep=heading] {
  padding-block-end: 0.8rem;
  border-block-end: 1px solid var(--_c-text-bd);
}
._datetime [rep=detail] [rep=lunar] {
  padding-block-start: 0.8rem;
  padding-block-end: 0.8rem;
  border-block-end: 1px solid var(--_c-text-bd);
}
._datetime [rep=detail] [rep=event] {
  padding-block-start: 0.8rem;
}
._datetime [rep=foot] {
  box-sizing: border-box;
  overflow: hidden;
}
._datetime [rep=foot]:where(:not(:has([layout=plain]))) {
  border-block-start: 1px solid var(--_c-text-bd);
  padding: var(--_rem-space);
}
._datetime [rep=foot]:where(:not(:has([layout=plain]))) [rep=search] {
  --_input-w: min(100%,16rem);
  --_input-sd: transparent;
}
._datetime [rep=foot]:where(:has([layout=plain])) [rep=search] {
  --_input-bw: 0;
  --_input-r: 0;
  --_input-sd: transparent;
}
._datetime [rep=foot] [rep=tips] > * {
  padding: 0;
}
._datetime:not([type=daytime]) [rep=foot] [rep=time]:after {
  width: auto;
  display: inline-block !important;
  position: inherit !important;
  transform-origin: center !important;
  border-width: 0 !important;
  font-family: var(--_ff-icon);
  font-size: var(--_rem-caption);
  color: var(--_c-caption);
  transform: scale(0.6);
  content: 'up';
  transition: all var(--_dur-2) linear;
}
._datetime [rep=head] {
  line-height: var(--_rem-input);
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
._datetime [rep=head] > * {
  margin: 0 var(--_rem-min);
}
._datetime [rep=head] [rep=year],
._datetime [rep=head] [rep=month] {
  cursor: pointer;
}
._datetime [rep=head] [rep=year]:after,
._datetime [rep=head] [rep=month]:after {
  display: inline-block;
  font-family: var(--_ff-icon);
  font-size: var(--_rem-caption);
  color: var(--_c-caption);
  scale: 0.6;
  content: 'down';
  transition: all var(--_dur-2) linear;
}
._datetime [rep=head] ._opened:after {
  rotate: 180deg;
}
._datetime[type=year] [rep=head] [rep=year] {
  cursor: auto;
}
._datetime[type=year] [rep=head] [rep=year]:after {
  display: none;
}
._datetime [rep=result] {
  box-sizing: border-box;
  padding: 0.8rem;
}
._datetime [rep=outer] {
  position: relative;
}
._datetime [rep=result] + [rep=outer] {
  border-block-start: 1px solid var(--_c-text-bd);
}
._datetime [rep=prev],
._datetime [rep=next] {
  position: relative;
  z-index: 3;
}
._datetime [rep=prev] > *,
._datetime [rep=next] > * {
  font-size: var(--_rem-caption);
  line-height: var(--_rem-input);
  width: var(--_rem-input);
  text-align: center;
  transition: all var(--_dur-2) linear;
  position: absolute;
  inset-block-start: 0;
}
._datetime [rep=prevYear] {
  inset-inline-start: var(--_rem-space);
}
._datetime [rep=nextYear] {
  inset-inline-end: var(--_rem-space);
}
._datetime [rep=prevMonth] {
  text-align: start;
  inset-inline-start: calc(var(--_rem-input) + var(--_rem-space));
}
._datetime [rep=nextMonth] {
  text-align: end;
  inset-inline-end: calc(var(--_rem-input) + var(--_rem-space));
}
._datetime [rep=prev] > *:hover,
._datetime [rep=next] > *:hover {
  cursor: pointer;
  color: var(--_c-prim);
}
._datetime [rep=tools] {
  --_tools-c: var(--_c-caption);
  --_tools-c-hov: var(--_c-text);
  padding: 0 var(--_rem-space);
  align-items: center;
  text-align: center;
  height: var(--_rem-input);
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  z-index: 2;
  display: none;
}
._datetime [rep=tools] > * {
  font-family: var(--_ff-icon);
  font-size: var(--_rem-caption);
  text-align: center;
  transition: all var(--_dur-2) linear;
  display: inline-block;
  width: var(--_rem-subtitle);
  height: var(--_rem-subtitle);
  line-height: var(--_rem-subtitle);
}
._datetime [rep=tools] > *:hover {
  cursor: pointer;
}
._datetime [rep=tools] [rep=restore]:before {
  content: "corner-up-left";
}
._datetime [rep=tools] [rep=reset]:before {
  content: "refresh";
}
._datetime [rep=tools] [rep=close]:before {
  content: "close";
}
._datetime [rep=tools] [rep=now]:before {
  content: "clock";
}
._datetime [panels=hms] > li:hover [rep=tools] {
  display: flex;
}
._datetime [rep=main] {
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
  min-width: var(--_date-panel-w);
  flex: auto;
  position: relative;
}
._datetime [rep=main] [rep=body] {
  min-height: 28rem;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 var(--_rem-space) var(--_rem-space) var(--_rem-space);
  position: relative;
}
._datetime [rep=main] [rep=body] [rep=pages] {
  width: calc(100% - 1.6rem);
  text-align: center;
  position: absolute;
  inset-inline-start: 0.8rem;
  inset-block-end: 0;
}
._datetime [rep=main] [rep=body] [rep=pages] > * {
  height: 4.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._datetime [rep=main] [rep=body] [rep=pages] [rep=prev],
._datetime [rep=main] [rep=body] [rep=pages] [rep=next] {
  cursor: pointer;
  transition: all var(--_dur-2) linear;
}
._datetime [rep=main] [rep=body] [rep=pages] [rep=prev]:hover,
._datetime [rep=main] [rep=body] [rep=pages] [rep=next]:hover {
  color: var(--_c-prim);
}
._datetime [rep=main] [rep=panels] {
  width: 100%;
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
  text-align: center;
  position: relative;
}
._datetime [rep=main] [panel] {
  width: var(--_date-panel-w);
  border-start-start-radius: inherit;
  border-start-end-radius: inherit;
  background-color: var(--_c-stage);
  position: relative;
  z-index: 3;
}
._datetime [rep=main] [rep=column],
._datetime [rep=main] [rep=list] {
  box-sizing: border-box;
  display: grid;
}
._datetime [rep=main] [rep=column] > *,
._datetime [rep=main] [rep=list] > * {
  text-align: center;
  position: relative;
}
._datetime [rep=main] [rep=column] > * {
  font-size: var(--_rem-caption);
  border-block-end: 1px solid var(--_c-text-bd);
  padding-block-end: 0.8rem;
  margin-block-end: 0.8rem;
}
._datetime[full] {
  display: block;
  width: 100%;
}
._datetime[full] [rep=panels] {
  display: grid;
  width: 100%;
}
._datetime[full] [panel] {
  width: 100%;
}
._datetime:not([type=daytime]) [rep=main] [panels=hms] {
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: calc(var(--_rem-input) + 1.9rem);
  z-index: 3;
  display: none;
}
._datetime[type=daytime] [panels=hms] [rep=close] {
  display: none;
}
._datetime [rep=outer] > [panel=year],
._datetime [rep=outer] > [panel=month] {
  display: none;
  position: absolute;
}
._datetime:not([type=daytime]):has([layout=plain]) [rep=main] [panels=hms] {
  inset-block-end: calc(var(--_rem-input) + 0.1rem);
}
._datetime [rep=list] [rep=content] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: var(--_date-label-h);
  line-height: var(--_rem-subtitle);
  border-radius: var(--_date-label-h);
  position: relative;
}
._datetime [rep=list] :not([disabled]) > [rep=content] {
  cursor: pointer;
}
._datetime [rep=list] [exceed],
._datetime [rep=list] [disabled] {
  opacity: 0.3;
}
._datetime [rep=list] [disabled] {
  cursor: not-allowed;
}
._datetime [rep=list] [busy] > [rep=content]:after {
  content: '';
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 100%;
  background-color: var(--_c-prim);
  display: inline-block;
  position: absolute;
  inset-inline-start: 50%;
  inset-block-end: 2px;
  margin-inline-start: -0.2rem;
}
._datetime [rep=list] [busy][selected] > [rep=content]:after {
  background-color: var(--_c-stage);
}
._datetime [rep=list] > :not([selected]) > [rep=content] s[rep=rest] {
  color: var(--_c-succ);
}
._datetime [rep=list] > :not([selected]) > [rep=content] s[rep=work] {
  color: var(--_c-issue);
}
._datetime [rep=list] :not([selected]) > [rep=content] u[rep=term] {
  color: var(--_c-prim);
}
._datetime [rep=list] :not([selected]) > [rep=content]:hover {
  background-color: var(--_c-text-bg);
}
._datetime [rep=list] :not([selected])[rep=now] [rep=label] {
  color: var(--_c-prim);
}
._datetime [rep=list] [selected] [rep=content] {
  color: var(--_c-white);
  background-color: var(--_c-prim);
}
._datetime [panel=date] [rep=content] {
  width: var(--_date-label-h);
  margin: 0.2rem;
}
._datetime [panel=lunar] [rep=content] {
  width: calc(var(--_rem-caption)*4);
  height: calc(var(--_rem-caption)*4);
  border-radius: var(--_r);
  margin: 0.2rem 0;
}
._datetime [panel=lunar] [rep=content] u {
  font-size: var(--_rem-caption);
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._datetime [rep=content] s {
  font-size: var(--_rem-caption);
  line-height: var(--_rem-caption);
  position: absolute;
  inset-inline-end: 1px;
  inset-block-start: 1px;
}
._datetime [panel=year] [rep=content] {
  width: calc(26.6rem / 3);
  margin: calc((4.8rem - var(--_date-label-h))/2) 0;
}
._datetime [panel=month] [rep=content] {
  width: calc(26.6rem / 3);
  margin: calc((6.8rem - var(--_date-label-h))/2) 0;
}
._datetime[lunar] [rep=main] [rep=body] {
  min-height: 36.4rem;
}
._datetime[lunar] [panel=year] [rep=content],
._datetime[lunar] [panel=month] [rep=content] {
  width: calc(33.6rem / 3);
}
._datetime[lunar] [panel=year] [rep=content] {
  margin: 1.4rem 0;
}
._datetime[lunar] [panel=month] [rep=content] {
  margin: 2.7rem 0;
}
._datetime [panel=daytime] [rep=content] {
  height: var(--_rem-display);
  aspect-ratio: 1/1;
  line-height: var(--_rem-display);
  margin: 0;
}
._datetime [panel=daytime] [rep=list] {
  margin: 0.2rem 0;
}
._datetime [panel=daytime] [rep=list] > * {
  height: calc(var(--_rem-display)*8);
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
._datetime [panel=daytime] [rep=list] > * > * {
  display: flex;
}
._datetime [panel=daytime] [rep=list] > * > :nth-child(odd) {
  justify-content: flex-end;
  padding-inline-start: 0.4rem;
}
._datetime [panel=daytime] [rep=list] > * > :nth-child(even) {
  justify-content: flex-start;
}
._datetime [panel=daytime] [rep=list] > *::-webkit-scrollbar {
  width: 4px;
}
._datetime [panel=daytime] [rep=list] > *::-webkit-scrollbar-track {
  display: none;
}
._datetime [panel=daytime] [rep=list] > *::-webkit-scrollbar-thumb {
  display: none;
}
._datetime [panel=daytime] [rep=list] > *:hover::-webkit-scrollbar-track {
  display: block;
}
._datetime [panel=daytime] [rep=list] > *:hover::-webkit-scrollbar-thumb {
  display: block;
}
._datetime[lunar] [panel=daytime] [rep=list] > * {
  height: calc(var(--_rem-display)*11);
}
._datetime [rep=list] [start] [rep=content] {
  width: 100%;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
._datetime [rep=list] [start]:where(:not([selected][end])) [rep=content] {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
._datetime [rep=list] [end] [rep=content] {
  width: 100%;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
._datetime [rep=list] [end]:where(:not([selected][start])) [rep=content] {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
._datetime [rep=list] [contain] [rep=content] {
  width: 100%;
  border-radius: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  background-color: var(--_c-text-bg);
}
._datetime ._bubble-footer {
  --_bubble-foot-p: 0;
}
._bind-datetime[disabled] {
  opacity: 0.5;
}
._datetime-wrap {
  --_date-sd: var(--_c-prim-sd);
}
._datetime-wrap._opened AX-TEXTAREA [rep=wrap] {
  border-color: var(--_c-prim);
  outline: var(--_w-outline) solid var(--_date-sd);
}
._datetime-wrap._opened AX-TEXTAREA textarea {
  color: var(--_c-prim);
}
AX-DATETIME {
  --_date-w: var(--_w-input);
  width: var(--_date-w);
  display: inline-flex;
  flex-direction: column;
  vertical-align: middle;
}
AX-DATETIME[full] {
  --_date-w: 100%;
  display: flex;
}
AX-DATETIME ._datetime-wrap,
AX-DATETIME AX-TEXTAREA {
  width: 100%;
}
/*Rate*/
AX-RATE {
  display: inline-flex;
  vertical-align: middle;
}
AX-RATE > ._rate {
  width: 100%;
}
._rate {
  --_rate-p: calc((var(--_em-input) - var(--_em-subtitle))/2);
  --_rate-sz: var(--_em-subtitle);
  --_rate-fs: var(--_em-body);
  --_rate-g: 0.2rem;
  padding: var(--_rate-p) 0;
  line-height: var(--_rate-sz);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
._rate input {
  display: none;
}
._rate ul {
  display: flex;
  flex: auto;
}
._rate li {
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._rate li [rep=legend] {
  height: var(--_rate-sz);
  aspect-ratio: 1/1;
  line-height: var(--_rate-sz);
  margin: 0 var(--_rate-g);
  cursor: pointer;
  position: relative;
}
._rate li [rep=legend] i {
  font-size: var(--_rate-sz);
  color: var(--_c-issue);
  text-align: start;
  height: 100%;
  overflow: hidden;
  display: flex;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
}
._rate li [rep=legend] i img {
  height: 100%;
  aspect-ratio: 1/1;
  max-width: none;
}
._rate li [rep=legend] i:first-child {
  width: 0;
  z-index: 2;
  transition: width var(--_dur-1) linear;
}
._rate li [rep=legend] i._half:first-child {
  width: 50%;
}
._rate li [rep=legend] i._full:first-child {
  width: 100%;
}
._rate li [rep=legend] i:last-child {
  width: 100%;
  opacity: 0.3;
}
._rate li [rep=label] {
  text-align: center;
  line-height: var(--_rem-display);
}
._rate:where([omitted]) [selected] ~ li {
  display: none;
}
._rate:where([size=sm]) {
  --_rate-p: calc((var(--_em-display) - var(--_em-body))/2);
  --_rate-sz: var(--_em-body);
  --_rate-fs: var(--_em-caption);
  --_rate-g: 0.1rem;
}
._rate:where([size=lg]) {
  --_rate-p: calc((var(--_em-max) - var(--_em-input))/2);
  --_rate-sz: var(--_em-input);
  --_rate-g: 0.4rem;
}
._rate [rep=clear] {
  font-size: var(--_rate-fs);
  color: #ccc;
  margin-inline-end: var(--_rem-min);
  transition: all var(--_dur-1) linear;
}
._rate [rep=clear]:hover {
  cursor: pointer;
  color: var(--_c-error);
}
._rate [rep=result] {
  font-size: var(--_rate-fs);
  margin-inline-start: var(--_rem-min);
}
._rate:where([disabled]) {
  opacity: var(--_o-disabled);
}
/*Accordion*/
AX-ACCORDION {
  --_acc-r: var(--_r-input);
  display: block;
  content-visibility: auto;
}
AX-ACCORDION > [rep=wrap] {
  border-radius: inherit;
}
AX-ACCORDION > [rep=wrap] > ._accordion {
  --_acc-r: inherit;
}
._accordion {
  --_acc-h: var(--_rem-input);
  --_acc-lh: var(--_rem-list);
  --_acc-g: var(--_rem-min);
  --_acc-r: var(--_r-input);
}
._accordion ._accordion-wrap {
  /*disabled禁止勾选*/
}
._accordion ._accordion-wrap[disabled] {
  opacity: var(--_o-disabled);
}
._accordion ._accordion-wrap:where(:not([disabled])) [disabled] {
  opacity: var(--_o-disabled);
}
._accordion ._accordion-wrap:where(:not([disabled])) [disabled] ~ ._accordion-body {
  opacity: var(--_o-disabled);
}
._accordion ._accordion-wrap:where(:not([disabled])) ._accordion-head[readonly] > [rep=tools] {
  opacity: var(--_o-disabled);
  pointer-events: none;
}
._accordion ._accordion-body {
  box-sizing: border-box;
  display: none;
}
._accordion ._accordion-head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: var(--_acc-h);
  transition: background-color var(--_dur-2);
  position: relative;
  /*expand展开*/
}
._accordion ._accordion-head:hover {
  background-color: var(--_c-text-bg);
}
._accordion ._accordion-head > [rep=group] {
  display: flex;
  flex: auto;
  justify-content: flex-start;
  align-items: center;
}
._accordion ._accordion-head > [rep=holder],
._accordion ._accordion-head > [rep=group] > [rep=holder] {
  flex: auto;
}
._accordion ._accordion-head > [rep=gap],
._accordion ._accordion-head > [rep=group] > [rep=gap] {
  width: var(--_acc-g);
}
._accordion ._accordion-head > [rep=arrow],
._accordion ._accordion-head > [rep=group] > [rep=arrow] {
  color: var(--_c-brief);
  font-family: var(--_ff-icon);
  text-align: center;
  width: var(--_acc-lh);
  height: var(--_acc-lh);
  line-height: var(--_acc-lh);
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--_rem-body);
  cursor: pointer;
  transition: all var(--_dur-2) linear;
  position: relative;
}
._accordion ._accordion-head > [rep=arrow]:where([type=icon]),
._accordion ._accordion-head > [rep=group] > [rep=arrow]:where([type=icon]) {
  font-size: var(--_rem-root);
}
._accordion ._accordion-head > [rep=arrow][spinning]:before,
._accordion ._accordion-head > [rep=group] > [rep=arrow][spinning]:before {
  content: "";
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background: var(--_spin) no-repeat scroll center;
  background-size: cover;
}
._accordion ._accordion-head > [rep=check],
._accordion ._accordion-head > [rep=group] > [rep=check] {
  width: var(--_acc-lh);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
._accordion ._accordion-head > [rep=icon],
._accordion ._accordion-head > [rep=group] > [rep=icon] {
  color: var(--_c-brief);
  width: var(--_acc-lh);
  text-align: center;
  margin-inline-end: var(--_acc-g);
  transition: all var(--_dur-2) linear;
}
._accordion ._accordion-head > [rep=disk],
._accordion ._accordion-head > [rep=group] > [rep=disk] {
  height: var(--_acc-lh);
  width: var(--_acc-lh);
  margin-inline-end: var(--_acc-g);
  object-fit: cover;
  border-radius: 100%;
}
._accordion ._accordion-head > [rep=cube],
._accordion ._accordion-head > [rep=group] > [rep=cube] {
  height: var(--_acc-lh);
  width: var(--_acc-lh);
  margin-inline-end: var(--_acc-g);
  object-fit: cover;
  border-radius: var(--_r);
}
._accordion ._accordion-head > [rep=label],
._accordion ._accordion-head > [rep=group] > [rep=label] {
  color: var(--_c-text);
  line-height: var(--_acc-lh);
  margin-inline-end: var(--_acc-g);
  box-sizing: border-box;
  white-space: nowrap;
  position: relative;
}
._accordion ._accordion-head > [rep=tips],
._accordion ._accordion-head > [rep=group] > [rep=tips] {
  font-size: var(--_rem-caption);
  color: var(--_c-caption);
  margin-inline-start: var(--_acc-g);
}
._accordion ._accordion-head > [rep=badge],
._accordion ._accordion-head > AX-BADGE,
._accordion ._accordion-head > [rep=group] > [rep=badge],
._accordion ._accordion-head > [rep=group] > AX-BADGE {
  margin-inline-start: var(--_acc-g);
}
._accordion ._accordion-head > [rep=custom],
._accordion ._accordion-head > [rep=group] > [rep=custom] {
  margin-inline-start: var(--_acc-g);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
._accordion ._accordion-head > :first-child[rep=check] {
  margin-inline-end: var(--_acc-g);
}
._accordion ._accordion-head > [rep=tools],
._accordion ._accordion-head > [rep=group] > [rep=tools] {
  margin-inline-start: var(--_acc-g);
}
._accordion ._accordion-head > [rep=tools] > *,
._accordion ._accordion-head > [rep=group] > [rep=tools] > * {
  border-radius: var(--_r);
}
._accordion ._accordion-head > [rep=tools] > *:hover,
._accordion ._accordion-head > [rep=group] > [rep=tools] > *:hover {
  color: var(--_c-white);
  background-color: var(--_c-prim);
}
._accordion ._accordion-head:where([expanded]) > [rep=arrow][type=icon],
._accordion ._accordion-head:where([expanded]) > [rep=group] > [rep=arrow][type=icon] {
  color: var(--_c-prim);
}
._accordion[lamp=left] > ._accordion-wrap > ._accordion-head:before,
._accordion[lamp=right] > ._accordion-wrap > ._accordion-head:before {
  content: '';
  background-color: var(--_c-prim);
  width: 2px;
  height: 14px;
  position: absolute;
  inset-block-start: 50%;
  translate: 0 -50%;
}
._accordion[lamp=left] > ._accordion-wrap > ._accordion-head:before {
  inset-inline-start: 0;
}
._accordion[lamp=right] > ._accordion-wrap > ._accordion-head:before {
  inset-inline-end: 0;
}
._accordion[lamp=top] > ._accordion-wrap > ._accordion-head > [rep=label]:before,
._accordion[lamp=bottom] > ._accordion-wrap > ._accordion-head > [rep=label]:before,
._accordion[lamp=top] > ._accordion-wrap > ._accordion-head > [rep=group] > [rep=label]:before,
._accordion[lamp=bottom] > ._accordion-wrap > ._accordion-head > [rep=group] > [rep=label]:before {
  background-color: var(--_c-prim);
  content: '';
  height: 2px;
  width: 28px;
  position: absolute;
  inset-inline-start: 0;
}
._accordion[lamp=top] > ._accordion-wrap > ._accordion-head > [rep=label]:before,
._accordion[lamp=top] > ._accordion-wrap > ._accordion-head > [rep=group] > [rep=label]:before {
  inset-block-start: calc((var(--_acc-lh) - var(--_acc-h))/2);
}
._accordion[lamp=bottom] > ._accordion-wrap > ._accordion-head > [rep=label]:before,
._accordion[lamp=bottom] > ._accordion-wrap > ._accordion-head > [rep=group] > [rep=label]:before {
  inset-block-end: calc((var(--_acc-lh) - var(--_acc-h))/2);
}
._accordion:where([rounded]:not([gapped])),
._accordion:where([rounded][gapped]) > ._accordion-wrap {
  border-radius: var(--_acc-r);
}
._accordion:where([divided]:not([gapped])) > ._accordion-wrap > ._accordion-head {
  border-block-end: 1px solid var(--_c-text-bd);
}
._accordion:where([divided]) > ._accordion-wrap > ._accordion-body {
  padding: var(--_rem-body) 0;
}
._accordion:where([divided][bordered]:not([gapped])) > ._accordion-wrap:where(:last-child) > ._accordion-head:where(:not([expanded])) {
  border-width: 0;
}
._accordion:where([divided][bordered]:not([gapped])) > ._accordion-wrap:where(:not(:last-child)) > ._accordion-body {
  border-block-end: 1px solid var(--_c-text-bd);
}
._accordion:where([divided][gapped]) > ._accordion-wrap > ._accordion-body {
  border-block-start: 1px solid var(--_c-text-bd);
}
._accordion:where([gapped]) > ._accordion-wrap:where(:not(:last-child)) {
  margin-block-end: var(--_rem-space);
}
._accordion:where([bordered]) > ._accordion-wrap > ._accordion-head {
  padding: 0 var(--_rem-body);
}
._accordion:where([bordered]) > ._accordion-wrap > ._accordion-head > :last-child[rep=arrow] {
  margin-inline-end: calc(-1*var(--_rem-space));
}
._accordion:where([bordered]) > ._accordion-wrap > ._accordion-head > :first-child[rep=arrow] {
  margin-inline-start: calc(-1*var(--_rem-space));
}
._accordion:where([bordered]) > ._accordion-wrap > ._accordion-body {
  padding: var(--_rem-body);
}
._accordion:where([bordered]:not([gapped])),
._accordion:where([bordered][gapped]) > ._accordion-wrap {
  border: 1px solid var(--_c-text-bd);
}
._accordion[tools-trigger=hover] > ._accordion-wrap > ._accordion-head > [rep=tools],
._accordion[tools-trigger=hover] > ._accordion-wrap > ._accordion-head > [rep=group] > [rep=tools] {
  display: none;
}
._accordion[tools-trigger=hover] > ._accordion-wrap:hover > ._accordion-head > [rep=tools],
._accordion[tools-trigger=hover] > ._accordion-wrap:hover > ._accordion-head > [rep=group] > [rep=tools] {
  display: inline-flex;
}
/*Accordion*/
AX-EDITOR {
  --_editor-r: 0;
  --_editor-w: 100%;
  display: block;
  width: var(--_editor-w);
  content-visibility: auto;
  border-radius: var(--_editor-r);
}
._editor {
  --_editor-row: 20;
  --_editor-h: calc(var(--_rem-display) * var(--_editor-row));
  --_editor-bg: var(--_c-stage);
  width: 100%;
  border-radius: inherit;
  background-color: var(--_editor-bg);
  box-sizing: border-box;
}
._editor[bordered] {
  border: 1px solid var(--_c-text-bd);
}
._editor[rounded] {
  border-radius: var(--_r-input);
}
._editor > input,
._editor > textarea {
  display: none;
}
._editor ._editor-head {
  border-block-end: 1px solid var(--_c-text-bd);
  padding: var(--_rem-space);
  box-sizing: border-box;
}
._editor ._editor-head ._box-tools {
  --_tools-g: var(--_rem-space);
  --_tools-h: var(--_rem-display);
  --_tools-bg-hov: var(--_c-prim-bg);
  --_tools-bg-hov-haz: var(--_c-error-bg);
}
._editor ._editor-body {
  box-sizing: border-box;
  position: relative;
}
._editor ._editor-body[spinning]:before {
  content: '';
  background-image: var(--_spin);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto min(var(--_rem-input),100%);
  width: 100%;
  height: 100%;
  position: absolute;
  inset-inline-start: 50%;
  inset-block-start: 50%;
  transform: translate(calc(-50% * var(--_dir-coef)), -50%);
  background-color: var(--_c-stage-60);
  z-index: 3;
}
._editor[bordered] ._editor-body {
  display: flex;
}
._editor ._editor-source {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  outline-width: 0;
  border-radius: 0;
  border: none;
  background-color: var(--_c-text-bg);
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: 2;
}
._editor ._editor-source:focus {
  color: var(--_c-text);
}
._editor ._editor-cont {
  padding: var(--_rem-space);
  box-sizing: border-box;
  width: 100%;
  min-height: calc(var(--_rem-display) * 5);
  max-height: var(--_editor-h);
  overflow: auto;
}
._editor ._editor-cont > * {
  max-width: 100%;
}
._editor ._editor-cont:empty:before {
  content: attr(placeholder);
  pointer-events: none;
  color: var(--_c-caption);
}
._editor ._editor-cont:focus-visible {
  outline: 1px solid var(--_c-prim);
}
._editor ._editor-cont p:empty {
  height: var(--_rem-display);
}
._editor[mode=source] ._editor-cont {
  visibility: hidden;
}
._editor[mode=source] ._editor-source {
  display: block;
}
._editor[mode=source] ._editor-source:focus-visible {
  outline: 1px solid var(--_c-caption);
}
._editor[mode=source] ._editor-head ._box-tools > :not([rep=source]) {
  opacity: var(--_o-disabled);
  pointer-events: none;
}
._editor[mode=editor] ._editor-source {
  display: none;
}
._editor ._editor-mask {
  display: none;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: 3;
}
._editor[deferred] ._editor-cont {
  visibility: hidden;
}
._editor[deferred] ._editor-head > * {
  opacity: var(--_o-disabled);
  pointer-events: none;
}
._editor[deferred] ._editor-mask {
  display: flex;
}
._editor ._editor-foot {
  font-size: 12px;
  color: var(--_c-caption);
  box-sizing: border-box;
  padding: 0 var(--_rem-space);
  line-height: 28px;
  border-block-start: 1px solid var(--_c-text-bd);
  display: flex;
}
._editor ._editor-path {
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._editor ._editor-state {
  margin-inline-start: var(--_rem-body);
}
._editor[inert] {
  opacity: var(--_o-disabled);
}
._editor ._editor-head[inert] ~ ._editor-body {
  user-select: none;
}
/*Select*/
AX-SELECT {
  --_select-w: var(--_w-input);
  --_select-r: var(--_r-input);
  --_select-bw: 1px;
  --_select-sd: var(--_c-prim-sd);
  content-visibility: auto;
  border: var(--_select-bw) solid var(--_c-text-bd);
  vertical-align: middle;
  border-radius: var(--_select-r);
  box-sizing: border-box;
  transition: all var(--_dur-2) linear;
}
AX-SELECT:where(:has(._select[full])) {
  display: flex;
  width: 100%;
}
AX-SELECT:where(:not(:has(._select[full]))) {
  display: inline-flex;
  width: var(--_select-w);
}
AX-SELECT:where(:not(:has(._select[full]))) > ._select {
  width: 100%;
}
AX-SELECT:focus-within,
AX-SELECT:has(._opened._select) {
  border-color: var(--_c-prim);
  outline: var(--_w-outline) solid var(--_select-sd);
  outline-offset: 0px;
}
AX-SELECT:hover {
  border-color: var(--_c-prim);
}
AX-SELECT > ._select {
  flex: auto;
  border-radius: inherit;
  border-width: 0;
}
AX-SELECT > ._select:focus-within {
  outline: none;
}
:not(AX-SELECT) ._select:focus-within,
:not(AX-SELECT) ._select._opened {
  border-color: var(--_c-prim);
  outline: var(--_w-outline) solid var(--_select-sd);
  outline-offset: 0px;
}
:not(AX-SELECT) ._select:hover {
  border-color: var(--_c-prim);
}
._select {
  --_select-h: var(--_rem-input);
  --_select-r: var(--_r-input);
  --_select-w: var(--_w-input);
  --_select-p-tb: var(--_em-min);
  --_select-p-se: var(--_rem-min);
  --_select-sd: var(--_c-prim-sd);
  --_select-bg: var(--_c-stage);
  background-color: var(--_select-bg);
  min-height: var(--_select-h);
  box-sizing: border-box;
  align-items: center;
  padding-block-start: var(--_select-p-tb);
  padding-block-end: var(--_select-p-tb);
  padding-inline-start: var(--_select-p-se);
  padding-inline-end: 0;
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_select-r);
  transition: all var(--_dur-2) linear;
}
._select[full] {
  display: flex;
  width: 100%;
}
._select:where(:not([full])) {
  display: inline-flex;
  width: var(--_select-w);
}
._select > [rep=input] {
  display: none;
}
._select > ._tags {
  flex: auto;
}
._select > ._tags [rep=empty] {
  color: var(--_c-caption);
  pointer-events: none;
}
._select > ._tags input {
  border-width: 0;
}
._select > ._tags > input:first-child,
._select > ._tags > [rep=empty] {
  padding-inline-start: var(--_rem-min);
}
._select[manual] > ._tags input {
  flex: auto;
  background-color: transparent;
}
._select:where(:not([multiple]):not([manual])) > ._tags {
  flex: auto;
}
._select:where(:not([multiple]):not([manual])) ._tag {
  border-width: 0;
  flex: auto;
  width: 0;
}
._select:where(:not([multiple]):not([manual])) ._tag [rep=label] {
  flex: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
._select > [rep=arrow] {
  width: var(--_rem-list);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  transition: all var(--_dur-2) linear;
}
._select > [rep=arrow]:after {
  content: '';
  height: 0;
  width: 0;
  margin: auto 0;
  border-color: var(--_c-caption) transparent transparent transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
}
._select._opened > [rep=arrow] {
  rotate: 180deg;
}
._select > [rep=tools] {
  --_tools-c: var(--_c-caption);
  --_tools-c: hover:var(--_c-prim);
  width: auto;
}
._select > [rep=tools] > * {
  font-size: var(--_rem-caption);
}
._select[inert] {
  pointer-events: none;
  opacity: var(--_o-disabled);
}
._select[size=sm] {
  --_select-h: var(--_em-display);
  --_select-p-tb: calc((var(--_em-display) - var(--_rem-list))/2);
  --_select-p-se: calc((var(--_rem-display) - var(--_rem-list))/2);
}
._select[size=lg] {
  --_select-h: var(--_em-max);
  --_select-p-tb: calc((var(--_em-max) - var(--_rem-input))/2);
  --_select-p-se: calc((var(--_rem-max) - var(--_rem-input))/2);
}
._select-popup {
  --_popup-r: var(--_r-input);
  min-width: var(--_h-input);
}
._select-popup[size=md] {
  --_popup-w: var(--_w-input);
}
._select-wrap {
  position: relative;
  contain: content;
}
._select-wrap > ._select-search {
  display: flex;
  flex-direction: column;
  padding: 0 var(--_rem-body);
}
._select-wrap > ._select-search:has([rep=keys]) {
  padding-block-start: var(--_rem-body);
}
._select-wrap > ._select-search [rep=result] {
  color: var(--_c-brief);
  line-height: var(--_rem-subtitle);
  font-size: var(--_rem-caption);
  padding: var(--_rem-space) 0;
}
._select-wrap > ._select-list {
  max-height: calc((var(--_rem-input) + 1px)*5 - 1px);
  overflow: auto;
}
._select-wrap > ._select-list:where([feature=button]) {
  padding: var(--_rem-body);
}
._select-wrap > ._select-list:where([feature=button]) > ul {
  margin-block-end: calc(var(--_rem-space)*-1);
}
._select-wrap > ._select-list:where(:not([feature=button])) > ._tree-children > li > ._tree-head,
._select-wrap > ._select-list:where(:not([feature=button])) > ._tree-children > li li > ._tree-head {
  border-block-start: 1px solid var(--_c-text-bd);
}
._select-wrap > ._select-list > ._tree-empty {
  padding: 0 var(--_rem-root);
}
._select-wrap:where(:not(:has(._select-search))) > ._select-list:where(:not([feature=button])) > ._tree-children > li:first-child > ._tree-head {
  border-block-start-width: 0;
}
._select-wrap > ._select-status {
  width: 100%;
  box-sizing: border-box;
  padding: 0 var(--_rem-body);
  border-block-start: 1px solid var(--_c-text-bd);
  display: flex;
  align-items: center;
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: 0;
}
._select-wrap > ._select-status [rep=stats] {
  color: var(--_c-brief);
  flex: auto;
  text-align: end;
}
._select-wrap > ._select-holder {
  height: var(--_rem-input);
}
/*Upload*/
AX-UPLOAD {
  display: block;
  content-visibility: auto;
}
._upload {
  --_upl-img-h: calc(var(--_rem-display)*5);
  --_upl-grid-cols: 4;
  --_upl-grid-g: var(--_rem-space): position: relative;
  position: relative;
}
._upload[inert] {
  opacity: 0.5;
}
._upload input {
  display: none;
}
._upload:where(:not([feature])) [rep=upload],
._upload:where(:not([feature])) [rep=clear] {
  margin-inline-start: var(--_rem-space);
}
._upload ._upload-foot {
  box-sizing: border-box;
  display: flex;
}
._upload ._upload-foot ._upload-info {
  font-size: var(--_rem-caption);
  color: var(--_c-text-aj);
  line-height: var(--_rem-subtitle);
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
._upload:where(:not([status])) ._upload-foot {
  display: none;
}
._upload:where(:not([feature])) ._upload-foot {
  margin-block-end: var(--_rem-space);
}
._upload:where(:not([feature])[status]) ._upload-head,
._upload:where(:not([feature]):not([status]):not(:has(._upload-list:empty))) ._upload-head {
  margin-block-end: var(--_rem-space);
}
._upload:where(:not([type=table])) li[progress=received] [rep=progress],
._upload:where(:not([type=table])) li[valid=failed] [rep=progress],
._upload:where(:not([type=table])) li[progress=received] [rep=percent],
._upload:where(:not([type=table])) li[valid=failed] [rep=percent] {
  display: none;
}
._upload:where(:not([type=table])) li[progress=received] [rep=message] {
  display: none;
}
._upload:where(:not([type=table])) li:where(:not([progress=received])) [rep=sign] {
  display: none;
}
._upload[type=text] ._upload-head:empty,
._upload[type=bullet] ._upload-head:empty,
._upload[type=table] ._upload-head:empty {
  display: none;
}
._upload[type=text] li ._upload-info,
._upload[type=bullet] li ._upload-info,
._upload[type=table] tr ._upload-info {
  flex: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
._upload[type=text] li ._upload-info [rep=size],
._upload[type=bullet] li ._upload-info [rep=size],
._upload[type=table] tr ._upload-info [rep=size],
._upload[type=text] li ._upload-info [rep=url],
._upload[type=bullet] li ._upload-info [rep=url],
._upload[type=table] tr ._upload-info [rep=url] {
  font-size: var(--_rem-caption);
  color: var(--_c-brief);
  line-height: var(--_rem-subtitle);
}
._upload[type=text] li [rep=title],
._upload[type=bullet] li [rep=title],
._upload[type=table] tr [rep=title] {
  color: var(--_c-text);
}
._upload[type=text] li [rep=sign],
._upload[type=bullet] li [rep=sign],
._upload[type=table] tr [rep=sign],
._upload[type=text] li [rep=pause],
._upload[type=bullet] li [rep=pause],
._upload[type=table] tr [rep=pause],
._upload[type=text] li [rep=upload],
._upload[type=bullet] li [rep=upload],
._upload[type=table] tr [rep=upload],
._upload[type=text] li [rep=remove],
._upload[type=bullet] li [rep=remove],
._upload[type=table] tr [rep=remove] {
  text-align: center;
  width: var(--_rem-display);
}
._upload[type=text] li [rep=upload],
._upload[type=bullet] li [rep=upload],
._upload[type=table] tr [rep=upload] {
  cursor: pointer;
}
._upload[type=text] li [rep=upload]:hover,
._upload[type=bullet] li [rep=upload]:hover,
._upload[type=table] tr [rep=upload]:hover {
  color: var(--_c-prim);
}
._upload[type=text] li [rep=remove],
._upload[type=bullet] li [rep=remove],
._upload[type=table] tr [rep=remove] {
  cursor: pointer;
}
._upload[type=text] li [rep=remove]:hover,
._upload[type=bullet] li [rep=remove]:hover,
._upload[type=table] tr [rep=remove]:hover {
  color: var(--_c-error);
}
._upload[type=text] li[valid=success][progress=received] [rep=sign],
._upload[type=bullet] li[valid=success][progress=received] [rep=sign],
._upload[type=table] tr[valid=success][progress=received] [rep=sign] {
  color: var(--_c-prim);
}
._upload[type=text] li[valid=failed],
._upload[type=bullet] li[valid=failed],
._upload[type=table] tr[valid=failed],
._upload[type=text] li[valid=failed] [rep=title],
._upload[type=bullet] li[valid=failed] [rep=title],
._upload[type=table] tr[valid=failed] [rep=title] {
  color: var(--_c-error);
}
._upload[type=text] li[progress=received] [rep=upload],
._upload[type=bullet] li[progress=received] [rep=upload],
._upload[type=table] tr[progress=received] [rep=upload],
._upload[type=text] li[valid=failed] [rep=upload],
._upload[type=bullet] li[valid=failed] [rep=upload],
._upload[type=table] tr[valid=failed] [rep=upload] {
  opacity: 0.5;
  pointer-events: none;
}
._upload[type=text] li,
._upload[type=bullet] li {
  display: flex;
  align-items: center;
  width: 100%;
  transition: all var(--_dur-2) linear;
  box-sizing: border-box;
  position: relative;
}
._upload[type=text] li [rep=progress],
._upload[type=bullet] li [rep=progress] {
  width: 100%;
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: 0;
}
._upload[type=text] li [rep=message],
._upload[type=bullet] li [rep=message],
._upload[type=text] li [rep=percent],
._upload[type=bullet] li [rep=percent],
._upload[type=text] li [rep=state],
._upload[type=bullet] li [rep=state] {
  margin-inline-end: var(--_rem-space);
}
._upload[type=text] ._upload-list {
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r);
}
._upload[type=text] ._upload-list:empty {
  display: none;
}
._upload[type=text] li {
  padding: 0 var(--_rem-space);
  line-height: var(--_rem-input);
}
._upload[type=text] li:where(:not(:last-child)) {
  border-block-end: 1px solid var(--_c-text-bd);
}
._upload[type=text] li [rep=title] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
._upload[type=text] li [rep=icon] {
  margin-inline-end: var(--_rem-min);
}
._upload[type=text] li:hover {
  background-color: var(--_c-text-bg);
}
._upload[type=bullet] li {
  border: 1px solid var(--_c-text-bd);
  background-color: var(--_c-stage);
  border-radius: var(--_r);
  height: calc(var(--_rem-subtitle) * 3 + 1.6rem);
  overflow: hidden;
  padding: var(--_rem-space);
  justify-content: flex-start;
  align-items: center;
}
._upload[type=bullet] li ._upload-file {
  color: var(--_c-brief);
  height: calc(var(--_rem-subtitle) * 3);
  width: calc(var(--_rem-subtitle) * 3);
  overflow: hidden;
  margin-inline-end: var(--_rem-space);
  display: flex;
  justify-content: center;
  align-items: center;
}
._upload[type=bullet] li ._upload-file img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._upload[type=bullet] li ._upload-file [rep=icon] {
  font-size: var(--_rem-input);
}
._upload[type=bullet] li ._upload-info {
  line-height: var(--_rem-subtitle);
}
._upload[type=bullet] li [rep=title] {
  width: 100%;
  max-height: calc(var(--_rem-subtitle) * 2);
  overflow: hidden;
  display: -webkit-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: start;
}
._upload[type=bullet] li[valid=failed] {
  border-color: var(--_c-error);
}
._upload[type=bullet] li[valid=failed] [rep=icon] {
  color: var(--_c-error);
}
._upload[type=bullet] li:hover {
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.06);
}
._upload[type=bullet] ._upload-list li:where(:not(:last-child)) {
  margin-block-end: var(--_rem-space);
}
._upload[type=cube] [rep=progress],
._upload[type=card] [rep=progress] {
  position: absolute;
  inset-inline-end: 0;
  inset-inline-start: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  z-index: 2;
}
._upload[type=cube] [rep=sign],
._upload[type=card] [rep=sign] {
  color: var(--_c-white);
  font-size: var(--_px-root);
  background-color: var(--_c-prim);
  width: var(--_px-list);
  height: var(--_px-list);
  border-radius: var(--_px-list);
  line-height: var(--_px-list);
  text-align: center;
  transform: translate(calc(-50% * var(--_dir-coef)), -50%) scale(0.8);
  position: absolute;
  inset-inline-start: 50%;
  inset-block-start: 50%;
  z-index: 2;
}
._upload[type=cube] li[progress=received] [rep=progress],
._upload[type=card] li[progress=received] [rep=progress] {
  display: none;
}
._upload[type=cube] li[progress=received] [rep=sign],
._upload[type=card] li[progress=received] [rep=sign] {
  transform: scale(0.8);
  inset-inline-start: auto;
  inset-block-start: auto;
  inset-inline-end: var(--_rem-space);
  inset-block-end: var(--_rem-space);
}
._upload[type=cube] [rep=message],
._upload[type=card] [rep=message] {
  color: var(--_c-white);
  background-color: var(--_c-error);
  font-size: var(--_rem-caption);
  line-height: var(--_rem-subtitle);
  width: 100%;
  text-align: center;
  padding: var(--_rem-space);
  box-sizing: border-box;
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: 0;
  z-index: 2;
}
._upload[type=cube] ._upload-mask,
._upload[type=card] ._upload-mask {
  width: 100%;
  color: var(--_c-white);
  background-color: rgba(0, 0, 0, var(--_o-mask));
  text-align: center;
  visibility: hidden;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: 4;
}
._upload[type=cube] ._upload-mask *,
._upload[type=card] ._upload-mask * {
  color: var(--_c-white);
  text-align: center;
  width: var(--_rem-input);
  height: var(--_rem-input);
  line-height: var(--_rem-input);
  cursor: pointer;
}
._upload[type=cube] li:hover ._upload-mask,
._upload[type=card] li:hover ._upload-mask {
  visibility: visible;
}
._upload[type=cube] li:not([progress=received]) [rep=download],
._upload[type=card] li:not([progress=received]) [rep=download],
._upload[type=cube] li:not([progress=received]) [rep=view],
._upload[type=card] li:not([progress=received]) [rep=view],
._upload[type=cube] li[progress=received] [rep=upload],
._upload[type=card] li[progress=received] [rep=upload],
._upload[type=cube] li[valid=failed] [rep=upload],
._upload[type=card] li[valid=failed] [rep=upload] {
  opacity: var(--_o-disabled);
  cursor: not-allowed;
}
._upload[type=cube] li[valid=success] [rep=message],
._upload[type=card] li[valid=success] [rep=message],
._upload[type=cube] li [rep=state],
._upload[type=card] li [rep=state] {
  display: none;
}
._upload[type=cube] ._upload-list {
  display: flex;
  flex-wrap: wrap;
}
._upload[type=cube] li {
  color: var(--_c-text-aj);
  border: 1px solid var(--_c-text-bd);
  width: calc(var(--_rem-display)*5);
  height: calc(var(--_rem-display)*5);
  border-radius: var(--_r-input);
  background-color: var(--_c-stage);
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 var(--_rem-space) var(--_rem-space) 0;
  transition: all var(--_dur-2) linear;
  display: inline-block;
  position: relative;
}
._upload[type=cube] li ._upload-file {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
._upload[type=cube] li ._upload-file img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._upload[type=cube] li ._upload-file [rep=icon] {
  color: var(--_c-text-aj);
  font-size: var(--_rem-max);
}
._upload[type=cube] li:hover {
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.06);
}
._upload[type=cube] li[valid=failed] {
  color: var(--_c-error);
  border: 1px solid var(--_c-error);
}
._upload[type=cube] li[valid=failed] [rep=icon] {
  color: var(--_c-error);
}
._upload[type=card] ul > * {
  min-width: 0;
}
._upload[type=card] [rep=size] {
  font-size: var(--_rem-caption);
  color: var(--_c-brief);
}
._upload[type=card] li ._upload-file {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: var(--_r);
  border: 1px solid var(--_c-text-bd);
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
._upload[type=card] li ._upload-file img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
._upload[type=card] li ._upload-file audio,
._upload[type=card] li ._upload-file video {
  width: 100%;
}
._upload[type=card] li ._upload-file [rep=icon] {
  color: var(--_c-text-aj);
  font-size: var(--_rem-max);
}
@supports not (aspect-ratio: 1 / 1) {
  ._upload[type=card] li ._upload-file {
    height: 14rem;
  }
}
._upload[type=card] li ._upload-info {
  line-height: var(--_rem-subtitle);
  margin: var(--_rem-min) auto var(--_rem-space) auto;
  display: flex;
  flex-direction: column;
}
._upload[type=card] li ._upload-info > * {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
._upload[type=card] li[valid=failed] {
  color: var(--_c-error);
}
._upload[type=card] li[valid=failed] ._upload-file {
  color: var(--_c-error);
  border-color: var(--_c-error);
}
._upload[type=card] li[valid=failed] ._upload-file [rep=icon] {
  color: var(--_c-error);
}
._upload[type=card] li:hover ._upload-file {
  box-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.06);
}
._upload[type=table] ._upload-file {
  max-width: calc(var(--_rem-display) * 2);
  height: var(--_rem-display);
  overflow: hidden;
}
._upload[type=table] ._upload-file img {
  height: 100%;
  object-fit: contain;
}
._upload[type=table] ._upload-file [rep=icon] {
  font-size: var(--_rem-subtitle);
}
._upload[type=table] td {
  line-height: var(--_rem-display);
}
._upload[type=table] td:has([rep=remove]) {
  text-align: end;
}
._upload[type=table] [rep=state] {
  white-space: nowrap;
}
._upload[type=table]:has(tbody:empty) table {
  display: none;
}
._upload[type=table] tr[valid=failed] [rep=progress] {
  opacity: 0.5;
}
._upload[feature=picture] li[rep=choose],
._upload[feature=picture] li[rep=upload],
._upload[feature=picture] li[rep=clear] {
  color: var(--_c-caption);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._upload[feature=picture] li[rep=choose] [rep=icon],
._upload[feature=picture] li[rep=upload] [rep=icon],
._upload[feature=picture] li[rep=clear] [rep=icon] {
  font-size: var(--_rem-display);
  color: var(--_c-caption);
  transition: all var(--_dur-2) linear;
}
._upload[feature=picture] li[rep=choose]:hover,
._upload[feature=picture] li[rep=upload]:hover {
  color: var(--_c-prim);
  border-color: var(--_c-prim);
}
._upload[feature=picture] li[rep=choose]:hover [rep=icon],
._upload[feature=picture] li[rep=upload]:hover [rep=icon] {
  color: var(--_c-prim);
}
._upload[feature=picture] li[rep=choose]:focus-within,
._upload[feature=picture] li[rep=upload]:focus-within {
  border-color: var(--_c-prim);
}
._upload[feature=picture] li[rep=clear]:hover {
  color: var(--_c-error);
  border-color: var(--_c-error);
}
._upload[feature=picture] li[rep=clear]:hover [rep=icon] {
  color: var(--_c-error);
}
._upload[feature=picture] li[rep=clear]:focus-within {
  border-color: var(--_c-error);
  outline-color: var(--_c-error-sd);
}
._upload[feature=picture] li ._upload-foot {
  margin-block-start: var(--_rem-space);
}
._upload[feature=picture][dragging] [rep=choose] {
  border-color: var(--_c-prim);
  color: var(--_c-prim);
}
._upload[feature=picture][dragging] [rep=choose] [rep=icon] {
  color: var(--_c-prim);
}
._upload[feature=gallery] {
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r-input);
  box-sizing: border-box;
  transition: all var(--_dur-2) linear;
}
._upload[feature=gallery]:focus-within {
  border-color: var(--_c-prim);
}
._upload[feature=gallery] [rep=ctrlv] {
  font-size: var(--_rem-caption);
  color: var(--_c-caption);
  padding: 0 var(--_rem-space);
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  display: none;
}
._upload[feature=gallery] [rep=ctrlv]:focus {
  outline: none;
}
._upload[feature=gallery][type=card] ul {
  padding-block-start: 0;
  padding-block-end: var(--_rem-space);
  padding-inline-start: var(--_rem-space);
  padding-inline-end: var(--_rem-space);
}
._upload[feature=gallery]:where(:not([type=card])) ul {
  margin-block-start: 0;
  margin-block-end: var(--_rem-space);
  margin-inline-start: var(--_rem-space);
  margin-inline-end: var(--_rem-space);
}
._upload[feature=gallery] [rep=choose] {
  color: var(--_c-caption);
  cursor: pointer;
  text-align: center;
  padding: 1.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._upload[feature=gallery] [rep=choose] [rep=icon] {
  font-size: calc(var(--_rem-hitbox));
  line-height: calc(var(--_rem-hitbox));
}
._upload[feature=gallery] [rep=choose]:hover,
._upload[feature=gallery] [rep=choose]:hover [rep=icon] {
  color: var(--_c-prim);
}
._upload[feature=gallery]:hover {
  border-color: var(--_c-prim);
}
._upload[feature=gallery]:hover [rep=ctrlv] {
  display: block;
}
._upload[feature=gallery] ._upload-foot {
  background-color: var(--_c-text-bg);
  border-block-start: 1px solid var(--_c-text-bd);
  padding: var(--_rem-space);
}
._upload[feature=gallery] ._upload-foot [rep=clear],
._upload[feature=gallery] ._upload-foot [rep=upload] {
  margin-inline-start: var(--_rem-space);
}
._upload[feature=gallery]:where(:not([status]):not([manual])) ._upload-foot {
  display: none;
}
._upload[feature=gallery][progress=ready] [rep=choose] {
  padding-block-start: calc(var(--_rem-body)*2);
  padding-block-end: calc(var(--_rem-body)*2);
}
._upload[feature=gallery][progress=processing] [rep=choose] [rep=icon] {
  display: none;
}
._upload[feature=gallery][dragging] {
  border-color: var(--_c-prim);
}
._upload[feature=gallery][dragging] [rep=choose] {
  color: var(--_c-prim);
}
._upload[feature=gallery][dragging] [rep=choose] [rep=icon] {
  color: var(--_c-prim);
}
/*Fields*/
OC-FIELDS {
  --_fields-h: var(--_em-input);
  --_fields-w: var(--_w-input);
  --_fields-p-se: var(--_em-space);
  --_fields-bw: 1px;
  --_fields-bc: var(--_c-text-bd);
  --_fields-r: var(--_r-input);
  --_fields-sd: var(--_c-prim-sd);
  --_fields-c-foc: var(--_c-prim);
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
}
OC-FIELDS[full] {
  display: flex;
  width: 100%;
}
OC-FIELDS[shape=round] {
  --_fields-r: var(--_fields-h);
}
OC-FIELDS[shape=square] {
  --_fields-r: 0;
}
OC-FIELDS:where(:not([full])) {
  display: inline-flex;
  width: var(--_fields-w);
}
OC-FIELDS > [rep=wrap] {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  /* >[comp] {
            flex: auto;
            >[rep=wrap] {
                border: none;
                box-shadow: none;
                outline: none;
            }
        } */
}
OC-FIELDS > [rep=wrap] > [rep=label],
OC-FIELDS > [rep=wrap] > [rep=unit] {
  color: var(--_c-brief);
  line-height: calc(var(--_fields-h) - 2px);
  background: linear-gradient(to right, var(--_c-text-bg), var(--_c-text-bg)), linear-gradient(to right, var(--_c-stage), var(--_c-stage));
  padding: 0 var(--_fields-p-se);
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  max-width: 60%;
  text-overflow: ellipsis;
}
OC-FIELDS > [rep=wrap] > [rep=label],
OC-FIELDS > [rep=wrap] > [rep=unit] {
  border-block-start: var(--_fields-bw) solid var(--_fields-bc);
  border-block-end: var(--_fields-bw) solid var(--_fields-bc);
}
OC-FIELDS > [rep=wrap] > [rep=label] {
  border-inline-start: var(--_fields-bw) solid var(--_fields-bc);
  border-start-start-radius: var(--_fields-r);
  border-end-start-radius: var(--_fields-r);
}
OC-FIELDS > [rep=wrap] > [rep=unit]:last-child {
  border-inline-end: var(--_fields-bw) solid var(--_fields-bc);
  border-start-end-radius: var(--_fields-r);
  border-end-end-radius: var(--_fields-r);
}
OC-FIELDS > [rep=wrap] > [rep=fields] {
  background-color: var(--_c-stage);
  border: var(--_fields-bw) solid var(--_fields-bc);
  height: var(--_fields-h);
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex: auto;
  position: relative;
  transition: all var(--_dur-2) linear;
  /* &:where(:not(:only-child):focus-within):before {
                content: '';
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                border: 1px solid var(--_c-prim);
                outline: 1px solid var(--_c-prim);
                border-radius: inherit;
                position: absolute;
                inset-inline-start: 0;
                inset-block-start: 0;
                z-index: 3;
                pointer-events: none;
                .v3-trans-all();
            } */
}
OC-FIELDS > [rep=wrap] > [rep=fields]:focus-within {
  border-color: var(--_fields-c-foc);
}
OC-FIELDS > [rep=wrap] > [rep=fields]:where(:only-child:focus-within) {
  outline: var(--_w-outline) solid var(--_fields-sd);
  outline-offset: 0px;
}
OC-FIELDS > [rep=wrap] > [rep=fields]:where(:not(:only-child):focus-within) {
  box-shadow: 0 0 0 1px var(--_fields-c-foc) inset;
}
OC-FIELDS > [rep=wrap] > [rep=fields]:where(:first-child) {
  border-start-start-radius: var(--_fields-r);
  border-end-start-radius: var(--_fields-r);
}
OC-FIELDS > [rep=wrap] > [rep=fields]:where(:last-child) {
  border-start-end-radius: var(--_fields-r);
  border-end-end-radius: var(--_fields-r);
}
OC-FIELDS > [rep=wrap] > [rep=fields] > [rep=connector] {
  color: var(--_c-caption);
  pointer-events: none;
}
OC-FIELDS > [rep=wrap] > [rep=fields] > OC-INPUT,
OC-FIELDS > [rep=wrap] > [rep=fields] > OC-SELECT,
OC-FIELDS > [rep=wrap] > [rep=fields] > OC-TEXTAREA,
OC-FIELDS > [rep=wrap] > [rep=fields] > OC-FILE,
OC-FIELDS > [rep=wrap] > [rep=fields] > OC-NUMBER,
OC-FIELDS > [rep=wrap] > [rep=fields] > OC-DATETIME {
  flex: auto;
}
OC-FIELDS > [rep=wrap] > [rep=fields] OC-INPUT {
  --_input-bw: 0;
  --_input-r: 0;
  --_input-sd: transparent;
  --_input-bg: transparent;
}
OC-FIELDS > [rep=wrap] > [rep=fields] OC-SELECT {
  --_select-r: 0;
  --_select-bw: 0;
  --_select-sd: transparent;
}
OC-FIELDS > [rep=wrap] > [rep=fields] OC-SELECT ._select {
  --_select-bg: transparent;
}
OC-FIELDS > [rep=wrap] > [rep=fields] OC-TEXTAREA {
  --_tarea-r: 0;
  --_tarea-bw: 0;
  --_tarea-sd: transparent;
  --_tarea-bg: transparent;
}
OC-FIELDS > [rep=wrap] > [rep=fields] ._datetime-wrap {
  --_date-sd: transparent;
}
OC-FIELDS > [rep=wrap] > [rep=fields] OC-FILE {
  --_file-r: 0;
  --_file-bw: 0;
  --_file-sd: transparent;
  --_file-bg: transparent;
}
OC-FIELDS > [rep=wrap] > [rep=fields] OC-NUMBER {
  --_number-r: 0;
  --_number-bw: 0;
  --_number-sd: transparent;
  --_number-bg: transparent;
}
OC-FIELDS > [rep=wrap] > [rep=fields] OC-NUMBER input {
  border: none;
  outline: none;
}
OC-FIELDS > [rep=wrap] > [rep=fields] OC-RADIO,
OC-FIELDS > [rep=wrap] > [rep=fields] OC-CHECKBOX {
  --_chk-g-r: 0;
  margin: auto var(--_rem-body);
}
OC-FIELDS > [rep=wrap] > [rep=fields] input,
OC-FIELDS > [rep=wrap] > [rep=fields] textarea {
  background-color: transparent;
}
OC-FIELDS > [rep=wrap] > OC-BTN {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
OC-FIELDS > [rep=wrap]:has(>[rep=fields] + OC-BTN) > [rep=fields] {
  border-inline-end: 0;
}
OC-FIELDS > [rep=wrap] > [rep=fields]:focus-within + OC-BTN > [rep=wrap] {
  border-inline-start-color: var(--_fields-c-foc);
}
OC-FIELDS[dividable] [rep=fields] > [comp]:where(:not(:first-child)) {
  border-inline-start: var(--_fields-bw) solid var(--_fields-bc);
}
OC-FIELDS[size=sm] {
  --_fields-h: var(--_em-display);
  --_fields-r: var(--_r-input-sm);
}
OC-FIELDS[size=lg] {
  --_fields-h: var(--_em-max);
  --_fields-r: var(--_r-input-lg);
}
OC-FIELDS[disabled] {
  opacity: var(--_o-disabled);
}
/*Search*/
AX-SEARCH {
  --_srch-w: var(--_w-input);
  --_srch-bw: 1px;
  --_srch-c-foc: var(--_c-prim);
  vertical-align: middle;
  display: inline-flex;
}
AX-SEARCH[full] {
  display: flex;
  width: 100%;
}
AX-SEARCH:where(:not([full])) {
  width: var(--_srch-w);
}
AX-SEARCH > [rep=wrap] {
  flex: auto;
}
AX-SEARCH AX-FIELDS {
  --_fields-w: 100%;
  --_fields-bw: var(--_srch-bw);
  --_fields-c-foc: var(--_srch-c-foc);
  display: flex;
}
AX-SEARCH [rep=fields] > ._box-tools {
  --_tools-fs: var(--_rem-caption);
  --_tools-c: var(--_c-caption);
  --_tools-c-hov: var(--_srch-c-foc);
  margin: 0 var(--_rem-min);
}
AX-SEARCH[notable] AX-FIELDS {
  border-radius: var(--_fields-r);
  box-shadow: 0 0 0 2px var(--_srch-c-foc) inset;
  background-color: var(--_c-stage);
}
AX-SEARCH[notable] AX-FIELDS > [rep=wrap] > [rep=label],
AX-SEARCH[notable] AX-FIELDS > [rep=wrap] > [rep=unit] {
  background-color: transparent;
  background: transparent;
  border-color: transparent;
}
AX-SEARCH[notable] AX-FIELDS > [rep=wrap] > AX-BTN {
  --_btn-bw: 2px;
  --_btn-bc: var(--_srch-c-foc);
}
AX-SEARCH[notable] AX-FIELDS [rep=fields] {
  border-color: var(--_srch-c-foc);
  background-color: transparent;
}
AX-SEARCH[notable] AX-FIELDS [rep=fields] > [comp]:where(:not(:first-child)) {
  border-inline-start-color: var(--_srch-c-foc);
}
AX-SEARCH[notable] AX-FIELDS [rep=fields] > [comp]:where(:not(:first-child)) {
  border-inline-start-color: var(--_srch-c-foc);
}
AX-SEARCH[notable] AX-FIELDS [rep=fields]:where(:not(:only-child):focus-within) {
  box-shadow: none;
}
/*Twilight*/
AX-TWILIGHT {
  --_twi-h: var(--_rem-list);
  --_twi-p: var(--_rem-space);
  --_twi-c: var(--_c-issue);
  --_twi-bc: var(--_c-text-bd);
  --_twi-bw: 1px;
  vertical-align: middle;
  display: inline-flex;
  user-select: none;
  cursor: pointer;
}
AX-TWILIGHT [rep=wrap] {
  background-color: var(--_c-stage);
  height: var(--_twi-h);
  padding: 0 var(--_twi-p);
  border: var(--_twi-bw) solid var(--_twi-bc);
  border-radius: calc(var(--_twi-h)/2);
  line-height: var(--_twi-h);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--_dur-2) linear;
}
AX-TWILIGHT [rep=label] {
  font-size: var(--_rem-caption);
  color: var(--_c-brief);
  margin-inline-end: var(--_rem-min);
}
AX-TWILIGHT [rep=legend] {
  height: min(70%,var(--_rem-subtitle));
  aspect-ratio: 1/1;
  display: inline-flex;
}
AX-TWILIGHT:where(:not(:has([rep=label]))) [rep=wrap] {
  aspect-ratio: 1/1;
  padding-inline-start: 0;
  padding-inline-end: 0;
}
AX-TWILIGHT svg {
  height: 100%;
  aspect-ratio: 1/1;
  color: var(--_twi-c);
}
AX-TWILIGHT svg,
AX-TWILIGHT ._twi-mask,
AX-TWILIGHT ._twi-main,
AX-TWILIGHT ._twi-rays {
  transform-origin: center;
  transition: all 250ms ease-out;
}
AX-TWILIGHT[size=sm] {
  --_twi-h: var(--_rem-subtitle);
  --_twi-p: var(--_rem-min);
}
AX-TWILIGHT[size=lg] {
  --_twi-h: var(--_rem-display);
}
AX-TWILIGHT[feature=plain] {
  --_twi-bw: 0;
}
AX-TWILIGHT[feature=plain] [rep=wrap] {
  background-color: transparent;
}
AX-TWILIGHT:hover {
  --_twi-bc: var(--_c-caption);
}
[scheme=dark] AX-TWILIGHT {
  --_twi-c: var(--_c-white);
}
[scheme=dark] AX-TWILIGHT ._twi-main {
  transform: scale(1.5);
}
[scheme=dark] AX-TWILIGHT ._twi-mask {
  transform: translateX(calc(-8px * var(--_dir-coef)));
}
[scheme=dark] AX-TWILIGHT ._twi-rays {
  opacity: 0;
}
[scheme=dark] AX-TWILIGHT svg {
  transform: rotate(-45deg);
}
/*Step*/
AX-STEP {
  --_step-c-node: var(--_c-prim);
  --_step-c-label: var(--_c-text);
  --_step-c-brief: var(--_c-brief);
  --_step-c-head: var(--_c-text);
  --_step-c-tips: var(--_c-white);
  --_step-bg-track: var(--_c-prim);
  --_step-bg-node: transparent;
  --_step-h-track: 0.2rem;
  --_step-lh-track: 0.6rem;
  --_step-fs-label: var(--_rem-lead);
  --_step-fs-tips: var(--_rem-caption);
  --_step-fs-node: var(--_rem-caption);
  --_step-fs-brief: var(--_rem-caption);
  --_step-w-tips: 6rem;
  text-align: center;
  box-sizing: border-box;
  display: block;
  /**/
  /**/
}
AX-STEP [rep=wrap] {
  box-sizing: border-box;
  display: flex;
}
AX-STEP ._step-item {
  flex: auto;
  width: calc((100%/24)*2);
  position: relative;
}
AX-STEP ._step-item ._step-head {
  color: var(--_step-c-head);
  font-size: var(--_step-fs-tips);
  line-height: var(--_rem-subtitle);
  padding: 0.2rem 0.6rem;
  border-radius: var(--_r);
  position: relative;
  margin-block-end: 0.8rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
AX-STEP ._step-item ._step-track {
  width: 100%;
  line-height: var(--_step-lh-track);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  zoom: 1;
}
AX-STEP ._step-item [rep=node] {
  font-size: var(--_step-fs-node);
  color: var(--_step-c-node);
  width: var(--_step-lh-track);
  height: var(--_step-lh-track);
  border-radius: 100%;
  border: 0.2rem solid var(--_step-bg-track);
  background-color: var(--_step-bg-node);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
AX-STEP ._step-item ._step-track div {
  flex: auto;
  width: 0;
  height: var(--_step-h-track);
  background-color: var(--_step-bg-track);
}
AX-STEP ._step-item [rep=label] {
  color: var(--_step-c-label);
  font-size: var(--_step-fs-label);
  line-height: 1em;
  margin: var(--_rem-space) auto;
}
AX-STEP ._step-item [rep=brief] {
  font-size: var(--_step-fs-brief);
  color: var(--_step-c-brief);
  line-height: var(--_rem-subtitle);
  margin: 0 var(--_rem-body);
}
AX-STEP ._step-item[active] ~ ._step-item ._step-track div {
  background-color: var(--_c-caption);
}
AX-STEP ._step-item[active] ~ ._step-item [rep=node] {
  border-color: var(--_c-caption);
  color: var(--_c-caption);
}
AX-STEP ._step-item[active] ~ ._step-item [rep=label],
AX-STEP ._step-item[active] ~ ._step-item [rep=brief],
AX-STEP ._step-item[active] ~ ._step-item ._step-head {
  color: var(--_c-caption);
}
AX-STEP ._step-item[active] ~ ._step-item [rep=label] a,
AX-STEP ._step-item[active] ~ ._step-item [rep=brief] a,
AX-STEP ._step-item[active] ~ ._step-item ._step-head a {
  --_link-c: var(--_c-caption);
}
AX-STEP[type=dot-fill] ._step-item[active] ~ ._step-item [rep=node] {
  background-color: var(--_c-caption);
}
AX-STEP[type=circle-fill] ._step-item[active] ~ ._step-item [rep=node] {
  background-color: var(--_c-caption);
  color: var(--_c-white);
}
AX-STEP ._step-item[active] ._step-head {
  color: var(--_step-c-tips);
  background-color: var(--_step-bg-track);
}
AX-STEP ._step-item[active] ._step-head:before {
  content: '';
  width: 0;
  height: 0;
  border-inline-end: 0.5rem solid transparent;
  border-inline-start: 0.5rem solid transparent;
  border-block-start: 0.5rem solid var(--_step-bg-track);
  margin-inline-start: -0.5rem;
  position: absolute;
  inset-inline-start: 50%;
  inset-block-end: -0.4rem;
}
AX-STEP[justify]:not([dir=v]) ._step-item:first-child {
  text-align: start;
}
AX-STEP[justify]:not([dir=v]) ._step-item:first-child [rep=brief] {
  margin-inline-start: 0;
}
AX-STEP[justify]:not([dir=v]) ._step-item:last-child {
  text-align: end;
}
AX-STEP[justify]:not([dir=v]) ._step-item:last-child [rep=brief] {
  margin-inline-end: 0;
}
AX-STEP[justify]:not([dir=v]) ._step-item:first-child ._step-track div:first-child,
AX-STEP[justify]:not([dir=v]) ._step-item:last-child ._step-track div:last-child {
  display: none;
}
AX-STEP[justify]:not([dir=v]) ._step-item:first-child ._step-track div:last-child,
AX-STEP[justify]:not([dir=v]) ._step-item:last-child ._step-track div:first-child {
  width: 100%;
}
AX-STEP[justify]:not([dir=v]) ._step-item[active] ._step-track div:last-child {
  background-color: var(--_c-caption);
}
AX-STEP[justify]:not([dir=v]) ._step-item:first-child:not([active]) ._step-head {
  padding-inline-start: 0;
}
AX-STEP[justify]:not([dir=v]) ._step-item:last-child:not([active]) ._step-head {
  padding-inline-end: 0;
}
AX-STEP[justify]:not([dir=v]) ._step-item:first-child[active] ._step-head:before {
  inset-inline-start: 0.5rem;
}
AX-STEP[justify]:not([dir=v]) ._step-item:last-child[active] ._step-head:before {
  inset-inline-start: auto;
  inset-inline-end: 0;
}
AX-STEP[type=dot-fill] {
  --_step-bg-node: var(--_step-bg-track);
}
AX-STEP[type=circle],
AX-STEP[type=circle-fill] {
  --_step-lh-track: var(--_rem-subtitle);
}
AX-STEP[type=circle][justify] ._step-item:first-child[active] ._step-head:before,
AX-STEP[type=circle-fill][justify] ._step-item:first-child[active] ._step-head:before {
  inset-inline-start: 1.1rem;
}
AX-STEP[type=circle][justify] ._step-item:last-child[active] ._step-head:before,
AX-STEP[type=circle-fill][justify] ._step-item:last-child[active] ._step-head:before {
  inset-inline-start: auto;
  inset-inline-end: 0.6rem;
}
AX-STEP[type=circle] ._step-item [rep=node] img,
AX-STEP[type=circle-fill] ._step-item [rep=node] img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
AX-STEP[type=circle-fill] {
  --_step-bg-node: var(--_step-bg-track);
  --_step-c-node: var(--_c-white);
}
AX-STEP[type=plain] {
  --_step-lh-track: var(--_rem-input);
  --_step-fs-node: var(--_rem-list);
}
AX-STEP[type=plain] ._step-item [rep=node] {
  width: auto;
  border-radius: 0;
  border: none;
  padding: 0 var(--_rem-body);
}
AX-STEP[type=plain] ._step-item [rep=node] img {
  max-width: var(--_step-lh-track);
}
AX-STEP[type=plain][justify] ._step-item:first-child[active] ._step-head:before {
  inset-inline-start: 2.2rem;
}
AX-STEP[type=plain][justify] ._step-item:last-child[active] ._step-head:before {
  inset-inline-start: auto;
  inset-inline-end: 1.7rem;
}
AX-STEP[dir=v] [rep=wrap] {
  flex-direction: column;
}
AX-STEP[dir=v] ._step-item {
  display: flex;
}
AX-STEP[dir=v] ._step-item:where(:has(._step-body)) {
  width: 100%;
}
AX-STEP[dir=v] ._step-item ._step-track {
  height: 100%;
  width: auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
AX-STEP[dir=v] ._step-item ._step-track div {
  width: 0.2rem;
  height: 6rem;
}
AX-STEP[dir=v] ._step-item ._step-track div:first-child {
  height: 0.7rem;
}
AX-STEP[dir=v]:where([type*=circle], [type=plain]) ._step-item ._step-track div:first-child {
  height: 0;
}
AX-STEP[dir=v]:where(:not([inverted])) ._step-item:last-child ._step-track div:last-child {
  height: 0;
}
AX-STEP[dir=v]:where(:not([inverted])) ._step-item:first-child ._step-track div:first-child {
  background: transparent;
}
AX-STEP[dir=v] ._step-item[active] ._step-track div:last-child {
  background-color: var(--_c-caption);
}
AX-STEP[dir=v] ._step-body {
  text-align: start;
  margin-inline-start: var(--_rem-body);
  flex: auto;
  width: 0;
}
AX-STEP[dir=v] ._step-body [rep=label] {
  line-height: var(--_rem-list);
  margin: 0;
}
AX-STEP[dir=v] ._step-body [rep=brief] {
  margin: var(--_rem-min) 0 0 0;
}
AX-STEP[dir=v] ._step-head {
  width: var(--_step-w-tips);
  margin-block-end: 0;
  margin-inline-end: 0.8rem;
  padding: 0.2rem 0;
  height: fit-content;
}
AX-STEP[dir=v] ._step-item[active] ._step-head:before {
  width: 0;
  height: 0;
  margin-inline-start: 0;
  border-inline-end: 0;
  border-block-start: 0.5rem solid transparent;
  border-block-end: 0.5rem solid transparent;
  border-inline-start: 0.5rem solid var(--_step-bg-track);
  inset-inline-start: auto;
  inset-block-end: auto;
  inset-block-start: 0.6rem;
  inset-inline-end: -0.5rem;
}
AX-STEP[dir=v][type=plain] ._step-item [rep=node] {
  padding: 0;
  width: var(--_rem-hitbox);
}
AX-STEP[dir=v][type=plain] ._step-item ._step-head,
AX-STEP[dir=v][type=plain] ._step-item [rep=label] {
  margin-block-start: calc((var(--_step-lh-track) - var(--_rem-list))/2);
}
AX-STEP[dir=v][inverted] ._step-item:first-child ._step-track div:last-child {
  height: 0;
}
AX-STEP[dir=v][inverted] [rep=wrap] {
  flex-direction: column-reverse;
}
AX-STEP[dir=v][inverted] ._step-item ._step-track div {
  background-color: var(--_c-caption);
}
AX-STEP[dir=v][inverted] ._step-item [rep=label],
AX-STEP[dir=v][inverted] ._step-item:not([active]) ._step-head,
AX-STEP[dir=v][inverted] ._step-item [rep=brief] {
  color: var(--_c-caption);
}
AX-STEP[dir=v][inverted] ._step-item[active] [rep=label],
AX-STEP[dir=v][inverted] ._step-item[active] ~ ._step-item [rep=label] {
  color: var(--_step-c-label);
}
AX-STEP[dir=v][inverted] ._step-item[active] [rep=brief],
AX-STEP[dir=v][inverted] ._step-item[active] ~ ._step-item [rep=brief] {
  color: var(--_step-c-brief);
}
AX-STEP[dir=v][inverted] ._step-item[active] ~ ._step-item ._step-head {
  color: var(--_step-c-head);
}
AX-STEP[dir=v][inverted] ._step-item:not([active]) [rep=node] {
  color: var(--_c-caption);
  border-color: var(--_c-caption);
}
AX-STEP[dir=v][inverted] ._step-item[active] ~ ._step-item [rep=node] {
  color: var(--_step-bg-track);
  border-color: var(--_step-bg-track);
}
AX-STEP[dir=v][inverted] ._step-item[active] ._step-track div:first-child {
  background-color: var(--_step-bg-track);
}
AX-STEP[dir=v][inverted] ._step-item[active] ._step-track div:last-child {
  background-color: var(--_c-caption);
}
AX-STEP[dir=v][inverted] ._step-item[active] ~ ._step-item ._step-track div {
  background-color: var(--_step-bg-track);
}
AX-STEP[dir=v][inverted] ._step-item[active]:last-child ._step-track div:first-child,
AX-STEP[dir=v][inverted] ._step-item[active] ~ ._step-item:last-child ._step-track div:first-child {
  background-color: transparent;
}
AX-STEP[dir=v][inverted][type=dot-fill] ._step-item:not([active]) [rep=node] {
  background-color: var(--_c-caption);
}
AX-STEP[dir=v][inverted][type=dot-fill] ._step-item[active] ~ ._step-item [rep=node] {
  background-color: var(--_step-bg-track);
}
AX-STEP:where([pending]):where(AX-STEP:where([pending])[type=dot]) ._step-item[active] [rep=node] {
  background-color: var(--_step-bg-track);
}
AX-STEP:where([pending]):where(AX-STEP:where([pending])[type=dot-fill]) ._step-item[active] [rep=node] {
  background-color: transparent;
  border-color: var(--_step-bg-track);
}
AX-STEP:where([pending]):where(AX-STEP:where([pending])[type=circle]) ._step-item[active] [rep=node] {
  background-color: var(--_step-bg-track);
  color: var(--_c-white);
}
AX-STEP:where([pending]):where(AX-STEP:where([pending])[theme=warn][type=circle]) ._step-item[active] [rep=node] {
  color: var(--_c-black);
}
AX-STEP:where([pending]):where([type=circle-fill]:not([theme=warn])) ._step-item[active] [rep=node] {
  background-color: transparent;
  color: var(--_step-bg-track);
}
AX-STEP:where([pending]):where([type=plain]) ._step-item[active] [rep=node]:after {
  content: 'clock-f';
  font-family: var(--_ff-icon);
  font-size: var(--_rem-root);
  line-height: 1em;
  position: absolute;
  inset-inline-end: 0;
  inset-block-end: var(--_rem-min);
}
AX-STEP[theme=error] {
  --_step-c-node: var(--_c-error);
  --_step-bg-track: var(--_c-error);
}
AX-STEP[theme=succ] {
  --_step-c-node: var(--_c-succ);
  --_step-bg-track: var(--_c-succ);
}
AX-STEP[theme=info] {
  --_step-c-node: var(--_c-info);
  --_step-bg-track: var(--_c-info);
}
AX-STEP[theme=isuue] {
  --_step-c-node: var(--_c-isuue);
  --_step-bg-track: var(--_c-isuue);
}
AX-STEP[theme=warn] {
  --_step-c-node: var(--_c-warn);
  --_step-bg-track: var(--_c-warn);
}
AX-STEP[theme=text] {
  --_step-c-node: var(--_c-text);
  --_step-bg-track: var(--_c-text);
}
AX-STEP[theme]:where(:not([theme=warn]))[type=circle-fill] {
  --_step-c-node: var(--_c-white);
}
AX-STEP[theme=warn][type=circle-fill] {
  --_step-c-node: var(--_c-text);
}
AX-STEP:where(:not([type*=dot])) ._step-item[error] [rep=node]:before {
  height: var(--_rem-root);
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  content: 'info';
  font-family: var(--_ff-icon);
  font-size: var(--_rem-root);
  color: var(--_c-white);
  background-color: var(--_c-error);
  line-height: 1em;
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
}
AX-STEP:where([type*=circle]) ._step-item[error] [rep=node]:before {
  inset-block-start: calc(-1*var(--_rem-min));
  right: calc(-1*var(--_rem-min));
}
AX-STEP:where([type=plain]) ._step-item[error] [rep=node]:before {
  inset-block-start: var(--_rem-min);
}
AX-STEP:where([type=plain]) ._step-item[error] [rep=node] {
  color: var(--_c-error);
}
AX-STEP:where([type=dot], [type=circle]) ._step-item[error] [rep=node] {
  border-color: var(--_c-error);
  color: var(--_c-error);
}
AX-STEP:where([type=dot-fill], [type=circle-fill]) ._step-item[error] [rep=node] {
  background-color: var(--_c-error);
  border-color: var(--_c-error);
}
AX-STEP:where([pending]):where([type=dot], [type=circle]) ._step-item[error][active] [rep=node] {
  background-color: var(--_c-error);
  color: var(--_c-white);
}
AX-STEP:where([pending]):where([type=dot-fill], [type=circle-fill]) ._step-item[error][active] [rep=node] {
  border-color: var(--_c-error);
  color: var(--_c-error);
  background-color: transparent;
}
/*Status*/
AX-STATUS {
  --_status-fs: var(--_rem-caption);
  --_status-c-dot: var(--_c-info);
  --_status-c: var(--_c-brief);
  display: inline-flex;
  vertical-align: middle;
}
AX-STATUS [rep=wrap] {
  display: inline-flex;
  align-items: center;
}
AX-STATUS [rep=lamp] {
  height: var(--_rem-space);
  aspect-ratio: 1/1;
  border-radius: 50%;
  box-sizing: border-box;
}
AX-STATUS:where(:not([type=circle])) [rep=lamp] {
  background: var(--_status-c-dot);
}
AX-STATUS:where([type=circle]) [rep=lamp] {
  border: 2px solid var(--_status-c-dot);
}
AX-STATUS [rep=label] {
  font-size: var(--_status-fs);
  color: var(--_status-c);
  margin-inline-start: var(--_rem-min);
}
AX-STATUS[current=succ] {
  --_status-c-dot: var(--_c-succ);
}
AX-STATUS[current=error] {
  --_status-c-dot: var(--_c-error);
}
AX-STATUS[current=info] {
  --_status-c-dot: var(--_c-info);
}
AX-STATUS[current=warn] {
  --_status-c-dot: var(--_c-warn);
}
AX-STATUS[current=issue] {
  --_status-c-dot: var(--_c-issue);
}
AX-STATUS[current=confirm] {
  --_status-c-dot: var(--_c-prim);
}
AX-STATUS[current=cancel] {
  --_status-c-dot: var(--_c-brief);
}
AX-STATUS[current=forbid] {
  --_status-c-dot: var(--_c-caption);
  --_status-c: var(--_c-caption);
}
/*Category*/
AX-CATEGORY {
  --_cat-fs-label: var(--_rem-subtitle);
  --_cat-fs-icon: var(--_rem-body);
  --_cat-fs-arrow: var(--_rem-caption);
  --_cat-fs-tips: var(--_rem-body);
  --_cat-c: inherit;
  --_cat-c-icon: var(--_c-prim);
  --_cat-c-tips: var(--_c-brief);
  --_cat-c-arrow: var(--_c-caption);
  --_cat-bg-icon: var(--_c-prim-bg);
  --_cat-bc-icon: var(--_c-prim-bd);
  --_cat-lh: var(--_rem-display);
  --_cat-g: var(--_rem-space);
  display: block;
}
AX-CATEGORY > [rep=wrap] {
  display: flex;
  align-items: center;
}
AX-CATEGORY > [rep=wrap] > [rep=head] {
  display: flex;
  align-items: center;
  flex: auto;
}
AX-CATEGORY > [rep=wrap] > [rep=head] [rep=label] {
  color: var(--_cat-c);
  font-size: var(--_cat-fs-label);
  transition: all var(--_dur-2) linear;
}
AX-CATEGORY > [rep=wrap] > [rep=icon] {
  font-size: var(--_cat-fs-icon);
  color: var(--_cat-c-icon);
  height: var(--_rem-list);
  aspect-ratio: 1/1;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: var(--_cat-bg-icon);
  border: 1px solid var(--_cat-bc-icon);
  margin-inline-end: var(--_cat-g);
  transition: all var(--_dur-2) linear;
}
AX-CATEGORY > [rep=wrap] > [rep=tips] {
  font-size: var(--_cat-fs-tips);
  color: var(--_cat-c-tips);
}
AX-CATEGORY > [rep=wrap] > [rep=disk],
AX-CATEGORY > [rep=wrap] > [rep=cube],
AX-CATEGORY > [rep=wrap] > [rep=image] {
  height: var(--_rem-list);
  margin-inline-end: var(--_cat-g);
}
AX-CATEGORY > [rep=wrap] > [rep=arrow] {
  font-size: var(--_cat-fs-arrow);
  color: var(--_cat-c-arrow);
  height: var(--_rem-subtitle);
  line-height: var(--_rem-subtitle);
  aspect-ratio: 1/1;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-inline-end: -4px;
  transition: all var(--_dur-2) linear;
}
AX-CATEGORY > [rep=wrap] [rep=arrow]:hover {
  color: var(--_cat-c-icon);
}
AX-CATEGORY:hover > [rep=wrap] > [rep=arrow] {
  background-color: var(--_cat-bg-icon);
}
AX-CATEGORY[theme=prim] {
  --_cat-c: var(--_c-prim);
  --_cat-c-icon: var(--_c-prim);
  --_cat-bg-icon: var(--_c-prim-bg);
  --_cat-bc-icon: var(--_c-prim-bd);
}
AX-CATEGORY[theme=succ] {
  --_cat-c: var(--_c-succ);
  --_cat-c-icon: var(--_c-succ);
  --_cat-bg-icon: var(--_c-succ-bg);
  --_cat-bc-icon: var(--_c-succ-bd);
}
AX-CATEGORY[theme=error] {
  --_cat-c: var(--_c-error);
  --_cat-c-icon: var(--_c-error);
  --_cat-bg-icon: var(--_c-error-bg);
  --_cat-bc-icon: var(--_c-error-bd);
}
AX-CATEGORY[theme=info] {
  --_cat-c: var(--_c-info);
  --_cat-c-icon: var(--_c-info);
  --_cat-bg-icon: var(--_c-info-bg);
  --_cat-bc-icon: var(--_c-info-bd);
}
AX-CATEGORY[theme=issue] {
  --_cat-c: var(--_c-issue);
  --_cat-c-icon: var(--_c-issue);
  --_cat-bg-icon: var(--_c-issue-bg);
  --_cat-bc-icon: var(--_c-issue-bd);
}
AX-CATEGORY[theme=text] {
  --_cat-c: var(--_c-text);
  --_cat-c-icon: var(--_c-text);
  --_cat-bg-icon: var(--_c-text-bg);
  --_cat-bc-icon: var(--_c-text-bd);
}
AX-CATEGORY[theme=warn] {
  --_cat-c: var(--_c-warn);
  --_cat-c-icon: var(--_c-warn);
  --_cat-bg-icon: var(--_c-warn-bg);
  --_cat-bc-icon: var(--_c-warn-bd);
}
/*Alert*/
AX-SKELETON {
  --_skel-d: block;
  --_skel-dir: row;
  --_skel-r: var(--_r-input);
  --_skel-bg: var(--_c-text-ac);
  --_skel-g: var(--_rem-display);
  --_skel-lh-sm: var(--_rem-caption);
  --_skel-lh-md: var(--_rem-body);
  --_skel-lh-lg: var(--_rem-display);
  --_skel-m-sm: var(--_rem-space);
  --_skel-m-md: var(--_rem-body);
  --_skel-m-lg: var(--_rem-display);
  display: var(--_skel-d);
  vertical-align: middle;
}
AX-SKELETON [rep=wrap] {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
AX-SKELETON[cols] [rep=wrap] {
  display: grid;
  grid-gap: var(--_skel-g);
}
AX-SKELETON [rep=wrap] > section {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: var(--_skel-dir);
}
AX-SKELETON[type*=avatar] [rep=legend] {
  height: 6rem;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background-color: var(--_skel-bg);
}
AX-SKELETON[type*=avatar] [rep=text] {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
AX-SKELETON[type*=avatar] [rep=text] * {
  background-color: var(--_skel-bg);
  height: var(--_skel-lh-sm);
  border-radius: var(--_skel-r);
  margin-block-start: var(--_skel-m-sm);
}
AX-SKELETON[type*=avatar] [rep=text] *:first-child {
  width: 8rem;
}
AX-SKELETON:where(:not([cols]))[type*=avatar] section:where(:not(:first-child)) {
  margin-block-start: var(--_skel-m-lg);
}
AX-SKELETON[type=avatar] {
  --_skel-dir: column;
}
AX-SKELETON[type=avatar] [rep=text] {
  align-items: center;
}
AX-SKELETON[type=avatar] [rep=text] *:last-child {
  width: 12rem;
}
AX-SKELETON[type=avatar-left] [rep=text],
AX-SKELETON[type=avatar-right] [rep=text] {
  display: flex;
  flex: auto;
}
AX-SKELETON[type=avatar-left] [rep=legend] {
  margin-inline-end: var(--_skel-m-md);
}
AX-SKELETON[type=avatar-right] [rep=wrap] > section {
  flex-direction: row-reverse;
}
AX-SKELETON[type=avatar-right] [rep=legend] {
  margin-inline-start: var(--_skel-m-md);
}
AX-SKELETON[type*=post] [rep=legend] {
  height: 6rem;
  aspect-ratio: 4/3;
  border-radius: var(--_skel-r);
  background-color: var(--_skel-bg);
}
AX-SKELETON[type*=post] [rep=text] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex: auto;
}
AX-SKELETON[type*=post] [rep=text] * {
  background-color: var(--_skel-bg);
  height: var(--_skel-lh-sm);
  border-radius: var(--_skel-r);
}
AX-SKELETON[type*=post] [rep=text] *:first-child {
  width: 80%;
}
AX-SKELETON[type*=post] [rep=text] *:where(:not(:first-child)) {
  margin-block-start: var(--_skel-m-sm);
}
AX-SKELETON:where(:not([cols]))[type*=post] section:where(:not(:first-child)) {
  margin-block-start: var(--_skel-m-lg);
}
AX-SKELETON[type=post] [rep=legend] {
  display: none;
}
AX-SKELETON[type=post-left] [rep=legend] {
  margin-inline-end: var(--_skel-m-md);
}
AX-SKELETON[type=post-right] [rep=wrap] > section {
  flex-direction: row-reverse;
}
AX-SKELETON[type=post-right] [rep=legend] {
  margin-inline-start: var(--_skel-m-md);
}
AX-SKELETON[type*=bullet] [rep=legend] {
  height: var(--_rem-display);
  aspect-ratio: 1/1;
  border-radius: var(--_skel-r);
  background-color: var(--_skel-bg);
}
AX-SKELETON[type*=bullet] [rep=text] {
  display: flex;
  align-items: center;
  flex: auto;
}
AX-SKELETON[type*=bullet] [rep=text] * {
  background-color: var(--_skel-bg);
  height: var(--_skel-lh-sm);
  border-radius: var(--_skel-r);
}
AX-SKELETON[type*=bullet] [rep=text] *:first-child {
  flex: auto;
}
AX-SKELETON[type*=bullet] [rep=text] *:last-child {
  width: 6rem;
  margin-inline-start: var(--_skel-m-md);
}
AX-SKELETON:where(:not([cols]))[type*=bullet] section:where(:not(:first-child)) {
  margin-block-start: var(--_skel-m-md);
}
AX-SKELETON[type=bullet] [rep=legend] {
  display: none;
}
AX-SKELETON[type=bullet-left] [rep=legend] {
  margin-inline-end: var(--_skel-m-md);
}
AX-SKELETON[type=bullet-right] [rep=wrap] > section {
  flex-direction: row-reverse;
}
AX-SKELETON[type=bullet-right] [rep=legend] {
  margin-inline-start: var(--_skel-m-md);
}
AX-SKELETON[type*=card] {
  --_skel-dir: column;
}
AX-SKELETON[type*=card] [rep=legend] {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: var(--_skel-r);
  background-color: var(--_skel-bg);
}
AX-SKELETON[type*=card] [rep=text] {
  width: 100%;
}
AX-SKELETON[type*=card] [rep=text] * {
  background-color: var(--_skel-bg);
  height: var(--_skel-lh-sm);
  border-radius: var(--_skel-r);
  margin-block-start: var(--_skel-m-sm);
}
AX-SKELETON[type*=card] [rep=text] *:first-child {
  width: 80%;
}
AX-SKELETON[type*=card] [rep=text] *:last-child {
  width: 40%;
}
AX-SKELETON[type=paragraph] {
  --_skel-dir: column;
}
AX-SKELETON[type=paragraph] [rep=legend] {
  display: none;
}
AX-SKELETON[type=paragraph] [rep=text] {
  width: 100%;
}
AX-SKELETON[type=paragraph] [rep=text] * {
  background-color: var(--_skel-bg);
  height: var(--_skel-lh-md);
  border-radius: var(--_skel-r);
}
AX-SKELETON[type=paragraph] [rep=text] *:where(:not(:first-child)) {
  margin-block-start: var(--_skel-m-md);
}
AX-SKELETON[type=paragraph] [rep=text] *:last-child {
  width: 40%;
}
AX-SKELETON[type=article] {
  --_skel-dir: column;
}
AX-SKELETON[type=article] [rep=legend] {
  width: 100%;
  margin-block-end: var(--_skel-m-md);
}
AX-SKELETON[type=article] [rep=legend]:before,
AX-SKELETON[type=article] [rep=legend]:after {
  content: '';
  background-color: var(--_skel-bg);
  border-radius: var(--_skel-r);
  display: block;
}
AX-SKELETON[type=article] [rep=legend]:before {
  height: var(--_skel-lh-lg);
  width: 60%;
}
AX-SKELETON[type=article] [rep=legend]:after {
  height: var(--_skel-lh-sm);
  width: 40%;
  margin-block-start: var(--_skel-m-md);
}
AX-SKELETON[type=article] [rep=text] {
  width: 100%;
}
AX-SKELETON[type=article] [rep=text] * {
  margin-block-start: var(--_skel-m-md);
  background-color: var(--_skel-bg);
  height: var(--_skel-lh-md);
  border-radius: var(--_skel-r);
}
AX-SKELETON[type=article] [rep=text] *:nth-child(4n) {
  width: 80%;
}
AX-SKELETON[type=article] [rep=text] *:last-child {
  width: 40%;
}
AX-SKELETON[type=plain],
AX-SKELETON:has([rep=wrap]:empty) {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
AX-SKELETON[type=plain] [rep=wrap],
AX-SKELETON:has([rep=wrap]:empty) [rep=wrap] {
  border-radius: inherit;
  background-color: var(--_skel-bg);
}
@keyframes _skel-fade {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes _skel-stream {
  0% {
    background-position: right 50%;
  }
  100% {
    background-position: left 50%;
  }
}
AX-SKELETON[anim=stream] {
  background-color: var(--_c-stage);
}
AX-SKELETON[anim=stream] [rep=wrap]:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 34%, black 50%, rgba(0, 0, 0, 0) 67%) 0% 0% / 300% 100%;
  mix-blend-mode: overlay;
  animation: _skel-stream var(--_dur-20) ease infinite both;
}
AX-SKELETON[anim=fade] {
  animation: _skel-fade var(--_dur-9) linear infinite both;
}
AX-SKELETON[theme=prim] {
  --_skel-bg: var(--_c-prim-ac);
}
AX-SKELETON[theme=error] {
  --_skel-bg: var(--_c-error-ac);
}
AX-SKELETON[theme=succ] {
  --_skel-bg: var(--_c-succ-ac);
}
AX-SKELETON[theme=info] {
  --_skel-bg: var(--_c-info-ac);
}
AX-SKELETON[theme=issue] {
  --_skel-bg: var(--_c-issue-ac);
}
AX-SKELETON[theme=warn] {
  --_skel-bg: var(--_c-warn-ac);
}
AX-SKELETON[shape=round] {
  --_skel-r: var(--_rem-caption);
}
AX-SKELETON[shape=round][type*=bullet] [rep=legend] {
  border-radius: 100%;
}
AX-SKELETON[shape=round][type*=post] [rep=legend],
AX-SKELETON[shape=round][type=card] [rep=legend] {
  border-radius: var(--_r-input-lg);
}
AX-SKELETON[shape=round][type=article] [rep=legend] *:first-child {
  border-radius: var(--_rem-display);
}
AX-SKELETON[shape=square] {
  --_skel-r: 0;
}
._dodge {
  position: relative;
}
._dodge input + label,
._dodge textarea + label {
  color: var(--_c-caption);
  padding: 0 var(--_p-both);
  height: var(---_h-main);
  line-height: var(--_h-main);
  cursor: text;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: 2;
  transition: all var(--_dur-1) linear;
}
._dodge[dodged] input + label,
._dodge[dodged] textarea + label {
  font-size: var(--_px-caption);
  line-height: var(--_px-caption);
  height: var(--_px-caption);
  padding: 0 var(--_g);
  background-color: var(--_c-stage);
  transform: translate(0, -50%);
  inset-inline-start: calc(var(--_p-both) - var(--_g));
}
._dodge[dodged]:after {
  content: '';
  height: var(--_px-caption);
  width: 18rem;
  background: transparent;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: calc(var(--_px-caption)/-2);
  z-index: 2;
}
._splitnum {
  --_splitnum-fs: inherit;
  font-size: var(--_splitnum-fs);
}
._splitnum s {
  font-size: 1.5em;
}
/* Handheld device(xxs+xs+sm+md) */
@media (max-width: 1199px), (min-width: 1200px) and (max-width: 1535px) and (hover: none) {
  :root {
    --_num-step: 0;
    --_screen: hh;
  }
  select:where([multiple]) {
    min-height: auto;
  }
  AX-HEADER ._header-l,
  AX-HEADER ._header-r {
    display: flex;
  }
  AX-HEADER:where(:not([justify])) ._header-l > *,
  AX-HEADER:where(:not([justify])) ._header-r > * {
    aspect-ratio: 1 / 1;
  }
  AX-HEADER:where(:not([justify])) ._header-head {
    text-align: center;
    margin-inline-start: 0;
  }
  AX-HEADER ._header-body {
    display: none;
  }
  *._split-hh,
  ._row:where(._split-hh),
  ._col:where(._split-hh),
  ._grid:where(._split-hh) {
    display: block;
  }
  *._split-hh > *,
  ._row:where(._split-hh) > *,
  ._col:where(._split-hh) > *,
  ._grid:where(._split-hh) > * {
    width: auto;
    height: auto;
  }
  *._split-hh > *:where(:not(:last-child)),
  ._row:where(._split-hh) > *:where(:not(:last-child)),
  ._col:where(._split-hh) > *:where(:not(:last-child)),
  ._grid:where(._split-hh) > *:where(:not(:last-child)) {
    margin-block-end: var(--_lyt-g);
  }
  ._hide-hh {
    display: none;
  }
  ._grid[class*=_hh] {
    --_lyt-avg: var(--_lyt-group);
  }
  ._xs-1 {
    --_lyt-group: 1;
  }
  ._xs-1:where(._row[class*=_avg-]) > *:nth-of-type(1n),
  ._xs-1:where(._row) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-inline-end: 0;
  }
  ._xs-1:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._xs-1:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-1:where(._col[class*=_avg-]) > *:nth-of-type(1n),
  ._xs-1:where(._col) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-block-end: 0;
  }
  ._xs-1:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._xs-1:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._xs-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._xs-2 {
    --_lyt-group: 2;
  }
  ._xs-2:where(._row[class*=_avg-]) > *:nth-of-type(2n),
  ._xs-2:where(._row) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-inline-end: 0;
  }
  ._xs-2:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._xs-2:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-2:where(._col[class*=_avg-]) > *:nth-of-type(2n),
  ._xs-2:where(._col) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-block-end: 0;
  }
  ._xs-2:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._xs-2:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._xs-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._xs-3 {
    --_lyt-group: 3;
  }
  ._xs-3:where(._row[class*=_avg-]) > *:nth-of-type(3n),
  ._xs-3:where(._row) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-inline-end: 0;
  }
  ._xs-3:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._xs-3:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-3:where(._col[class*=_avg-]) > *:nth-of-type(3n),
  ._xs-3:where(._col) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-block-end: 0;
  }
  ._xs-3:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._xs-3:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._xs-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._xs-4 {
    --_lyt-group: 4;
  }
  ._xs-4:where(._row[class*=_avg-]) > *:nth-of-type(4n),
  ._xs-4:where(._row) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-inline-end: 0;
  }
  ._xs-4:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._xs-4:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-4:where(._col[class*=_avg-]) > *:nth-of-type(4n),
  ._xs-4:where(._col) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-block-end: 0;
  }
  ._xs-4:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._xs-4:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._xs-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._xs-5 {
    --_lyt-group: 5;
  }
  ._xs-5:where(._row[class*=_avg-]) > *:nth-of-type(5n),
  ._xs-5:where(._row) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-inline-end: 0;
  }
  ._xs-5:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._xs-5:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-5:where(._col[class*=_avg-]) > *:nth-of-type(5n),
  ._xs-5:where(._col) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-block-end: 0;
  }
  ._xs-5:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._xs-5:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._xs-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._xs-6 {
    --_lyt-group: 6;
  }
  ._xs-6:where(._row[class*=_avg-]) > *:nth-of-type(6n),
  ._xs-6:where(._row) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-inline-end: 0;
  }
  ._xs-6:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._xs-6:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-6:where(._col[class*=_avg-]) > *:nth-of-type(6n),
  ._xs-6:where(._col) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-block-end: 0;
  }
  ._xs-6:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._xs-6:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._xs-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._xs-7 {
    --_lyt-group: 7;
  }
  ._xs-7:where(._row[class*=_avg-]) > *:nth-of-type(7n),
  ._xs-7:where(._row) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-inline-end: 0;
  }
  ._xs-7:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._xs-7:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-7:where(._col[class*=_avg-]) > *:nth-of-type(7n),
  ._xs-7:where(._col) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-block-end: 0;
  }
  ._xs-7:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._xs-7:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._xs-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._xs-8 {
    --_lyt-group: 8;
  }
  ._xs-8:where(._row[class*=_avg-]) > *:nth-of-type(8n),
  ._xs-8:where(._row) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-inline-end: 0;
  }
  ._xs-8:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._xs-8:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-8:where(._col[class*=_avg-]) > *:nth-of-type(8n),
  ._xs-8:where(._col) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-block-end: 0;
  }
  ._xs-8:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._xs-8:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._xs-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._xs-9 {
    --_lyt-group: 9;
  }
  ._xs-9:where(._row[class*=_avg-]) > *:nth-of-type(9n),
  ._xs-9:where(._row) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-inline-end: 0;
  }
  ._xs-9:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._xs-9:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-9:where(._col[class*=_avg-]) > *:nth-of-type(9n),
  ._xs-9:where(._col) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-block-end: 0;
  }
  ._xs-9:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._xs-9:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._xs-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._xs-10 {
    --_lyt-group: 10;
  }
  ._xs-10:where(._row[class*=_avg-]) > *:nth-of-type(10n),
  ._xs-10:where(._row) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-inline-end: 0;
  }
  ._xs-10:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._xs-10:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-10:where(._col[class*=_avg-]) > *:nth-of-type(10n),
  ._xs-10:where(._col) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-block-end: 0;
  }
  ._xs-10:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._xs-10:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._xs-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._xs-11 {
    --_lyt-group: 11;
  }
  ._xs-11:where(._row[class*=_avg-]) > *:nth-of-type(11n),
  ._xs-11:where(._row) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-inline-end: 0;
  }
  ._xs-11:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._xs-11:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-11:where(._col[class*=_avg-]) > *:nth-of-type(11n),
  ._xs-11:where(._col) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-block-end: 0;
  }
  ._xs-11:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._xs-11:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._xs-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._xs-12 {
    --_lyt-group: 12;
  }
  ._xs-12:where(._row[class*=_avg-]) > *:nth-of-type(12n),
  ._xs-12:where(._row) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-inline-end: 0;
  }
  ._xs-12:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._xs-12:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-12:where(._col[class*=_avg-]) > *:nth-of-type(12n),
  ._xs-12:where(._col) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-block-end: 0;
  }
  ._xs-12:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._xs-12:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._xs-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._xs-13 {
    --_lyt-group: 13;
  }
  ._xs-13:where(._row[class*=_avg-]) > *:nth-of-type(13n),
  ._xs-13:where(._row) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-inline-end: 0;
  }
  ._xs-13:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._xs-13:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-13:where(._col[class*=_avg-]) > *:nth-of-type(13n),
  ._xs-13:where(._col) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-block-end: 0;
  }
  ._xs-13:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._xs-13:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._xs-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._xs-14 {
    --_lyt-group: 14;
  }
  ._xs-14:where(._row[class*=_avg-]) > *:nth-of-type(14n),
  ._xs-14:where(._row) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-inline-end: 0;
  }
  ._xs-14:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._xs-14:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-14:where(._col[class*=_avg-]) > *:nth-of-type(14n),
  ._xs-14:where(._col) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-block-end: 0;
  }
  ._xs-14:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._xs-14:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._xs-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._xs-15 {
    --_lyt-group: 15;
  }
  ._xs-15:where(._row[class*=_avg-]) > *:nth-of-type(15n),
  ._xs-15:where(._row) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-inline-end: 0;
  }
  ._xs-15:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._xs-15:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-15:where(._col[class*=_avg-]) > *:nth-of-type(15n),
  ._xs-15:where(._col) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-block-end: 0;
  }
  ._xs-15:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._xs-15:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._xs-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._xs-16 {
    --_lyt-group: 16;
  }
  ._xs-16:where(._row[class*=_avg-]) > *:nth-of-type(16n),
  ._xs-16:where(._row) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-inline-end: 0;
  }
  ._xs-16:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._xs-16:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-16:where(._col[class*=_avg-]) > *:nth-of-type(16n),
  ._xs-16:where(._col) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-block-end: 0;
  }
  ._xs-16:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._xs-16:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._xs-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._xs-17 {
    --_lyt-group: 17;
  }
  ._xs-17:where(._row[class*=_avg-]) > *:nth-of-type(17n),
  ._xs-17:where(._row) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-inline-end: 0;
  }
  ._xs-17:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._xs-17:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-17:where(._col[class*=_avg-]) > *:nth-of-type(17n),
  ._xs-17:where(._col) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-block-end: 0;
  }
  ._xs-17:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._xs-17:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._xs-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._xs-18 {
    --_lyt-group: 18;
  }
  ._xs-18:where(._row[class*=_avg-]) > *:nth-of-type(18n),
  ._xs-18:where(._row) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-inline-end: 0;
  }
  ._xs-18:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._xs-18:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-18:where(._col[class*=_avg-]) > *:nth-of-type(18n),
  ._xs-18:where(._col) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-block-end: 0;
  }
  ._xs-18:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._xs-18:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._xs-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._xs-19 {
    --_lyt-group: 19;
  }
  ._xs-19:where(._row[class*=_avg-]) > *:nth-of-type(19n),
  ._xs-19:where(._row) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-inline-end: 0;
  }
  ._xs-19:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._xs-19:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-19:where(._col[class*=_avg-]) > *:nth-of-type(19n),
  ._xs-19:where(._col) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-block-end: 0;
  }
  ._xs-19:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._xs-19:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._xs-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._xs-20 {
    --_lyt-group: 20;
  }
  ._xs-20:where(._row[class*=_avg-]) > *:nth-of-type(20n),
  ._xs-20:where(._row) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-inline-end: 0;
  }
  ._xs-20:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._xs-20:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-20:where(._col[class*=_avg-]) > *:nth-of-type(20n),
  ._xs-20:where(._col) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-block-end: 0;
  }
  ._xs-20:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._xs-20:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._xs-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._xs-21 {
    --_lyt-group: 21;
  }
  ._xs-21:where(._row[class*=_avg-]) > *:nth-of-type(21n),
  ._xs-21:where(._row) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-inline-end: 0;
  }
  ._xs-21:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._xs-21:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-21:where(._col[class*=_avg-]) > *:nth-of-type(21n),
  ._xs-21:where(._col) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-block-end: 0;
  }
  ._xs-21:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._xs-21:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._xs-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._xs-22 {
    --_lyt-group: 22;
  }
  ._xs-22:where(._row[class*=_avg-]) > *:nth-of-type(22n),
  ._xs-22:where(._row) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-inline-end: 0;
  }
  ._xs-22:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._xs-22:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-22:where(._col[class*=_avg-]) > *:nth-of-type(22n),
  ._xs-22:where(._col) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-block-end: 0;
  }
  ._xs-22:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._xs-22:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._xs-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._xs-23 {
    --_lyt-group: 23;
  }
  ._xs-23:where(._row[class*=_avg-]) > *:nth-of-type(23n),
  ._xs-23:where(._row) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-inline-end: 0;
  }
  ._xs-23:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._xs-23:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-23:where(._col[class*=_avg-]) > *:nth-of-type(23n),
  ._xs-23:where(._col) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-block-end: 0;
  }
  ._xs-23:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._xs-23:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._xs-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._xs-24 {
    --_lyt-group: 24;
  }
  ._xs-24:where(._row[class*=_avg-]) > *:nth-of-type(24n),
  ._xs-24:where(._row) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-inline-end: 0;
  }
  ._xs-24:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._xs-24:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-24:where(._col[class*=_avg-]) > *:nth-of-type(24n),
  ._xs-24:where(._col) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-block-end: 0;
  }
  ._xs-24:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._xs-24:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._xs-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  :where([class*=_hh-]) > [class*=_flex] {
    --_flex-grow: 0;
    --_flex-shrink: 0;
  }
  ._row:where([class*=_hh-]),
  ._col:where([class*=_hh-]) {
    flex-wrap: wrap;
  }
  ._row:where([class*=_hh-]) > *:is([class*=_flex]),
  ._col:where([class*=_hh-]) > *:is([class*=_flex]) {
    --_flex-basis: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._row:where([class*=_hh-]):is([class*=_avg-]) > *,
  ._row:where([class*=_hh-]) > *:is([class*=_own]) {
    width: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._col:where([class*=_hh-]):is([class*=_avg-]) > *,
  ._col:where([class*=_hh-]) > *:is([class*=_own-]) {
    height: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._masonry:where(._hh-1) {
    --_msnry-cols: 1;
  }
  ._masonry:where(._hh-2) {
    --_msnry-cols: 2;
  }
  ._masonry:where(._hh-3) {
    --_msnry-cols: 3;
  }
  ._masonry:where(._hh-4) {
    --_msnry-cols: 4;
  }
  ._masonry:where(._hh-5) {
    --_msnry-cols: 5;
  }
  ._masonry:where(._hh-6) {
    --_msnry-cols: 6;
  }
  ._masonry:where(._hh-7) {
    --_msnry-cols: 7;
  }
  ._masonry:where(._hh-8) {
    --_msnry-cols: 8;
  }
  ._masonry:where(._hh-9) {
    --_msnry-cols: 9;
  }
  ._masonry:where(._hh-10) {
    --_msnry-cols: 10;
  }
  ._masonry:where(._hh-11) {
    --_msnry-cols: 11;
  }
  ._masonry:where(._hh-12) {
    --_msnry-cols: 12;
  }
  ._masonry:where(._hh-13) {
    --_msnry-cols: 13;
  }
  ._masonry:where(._hh-14) {
    --_msnry-cols: 14;
  }
  ._masonry:where(._hh-15) {
    --_msnry-cols: 15;
  }
  ._masonry:where(._hh-16) {
    --_msnry-cols: 16;
  }
  ._masonry:where(._hh-17) {
    --_msnry-cols: 17;
  }
  ._masonry:where(._hh-18) {
    --_msnry-cols: 18;
  }
  ._masonry:where(._hh-19) {
    --_msnry-cols: 19;
  }
  ._masonry:where(._hh-20) {
    --_msnry-cols: 20;
  }
  ._masonry:where(._hh-21) {
    --_msnry-cols: 21;
  }
  ._masonry:where(._hh-22) {
    --_msnry-cols: 22;
  }
  ._masonry:where(._hh-23) {
    --_msnry-cols: 23;
  }
  ._masonry:where(._hh-24) {
    --_msnry-cols: 24;
  }
  ._scroller {
    height: var(--_hh-h);
    width: var(--_hh-w);
  }
  table {
    width: var(--_hh-w);
  }
}
/* Tablet device (xs+sm+md) */
@media (min-width: 600px) and (max-width: 899px) and (orientation: portrait), (min-width: 900px) and (max-width: 1199px), (min-width: 1200px) and (max-width: 1535px) and (hover: none) {
  :root {
    --_fs-root: clamp(calc(1px*var(--_num-root)*16/14), 1vw, calc(180px/14));
    --_screen: tb;
  }
  *._split-tb,
  ._row:where(._split-tb),
  ._col:where(._split-tb),
  ._grid:where(._split-tb) {
    display: block;
  }
  *._split-tb > *,
  ._row:where(._split-tb) > *,
  ._col:where(._split-tb) > *,
  ._grid:where(._split-tb) > * {
    width: auto;
    height: auto;
  }
  *._split-tb > *:where(:not(:last-child)),
  ._row:where(._split-tb) > *:where(:not(:last-child)),
  ._col:where(._split-tb) > *:where(:not(:last-child)),
  ._grid:where(._split-tb) > *:where(:not(:last-child)) {
    margin-block-end: var(--_lyt-g);
  }
  ._hide-tb {
    display: none;
  }
  ._grid[class*=_tb] {
    --_lyt-avg: var(--_lyt-group);
  }
  ._xs-1 {
    --_lyt-group: 1;
  }
  ._xs-1:where(._row[class*=_avg-]) > *:nth-of-type(1n),
  ._xs-1:where(._row) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-inline-end: 0;
  }
  ._xs-1:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._xs-1:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-1:where(._col[class*=_avg-]) > *:nth-of-type(1n),
  ._xs-1:where(._col) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-block-end: 0;
  }
  ._xs-1:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._xs-1:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._xs-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._xs-2 {
    --_lyt-group: 2;
  }
  ._xs-2:where(._row[class*=_avg-]) > *:nth-of-type(2n),
  ._xs-2:where(._row) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-inline-end: 0;
  }
  ._xs-2:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._xs-2:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-2:where(._col[class*=_avg-]) > *:nth-of-type(2n),
  ._xs-2:where(._col) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-block-end: 0;
  }
  ._xs-2:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._xs-2:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._xs-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._xs-3 {
    --_lyt-group: 3;
  }
  ._xs-3:where(._row[class*=_avg-]) > *:nth-of-type(3n),
  ._xs-3:where(._row) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-inline-end: 0;
  }
  ._xs-3:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._xs-3:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-3:where(._col[class*=_avg-]) > *:nth-of-type(3n),
  ._xs-3:where(._col) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-block-end: 0;
  }
  ._xs-3:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._xs-3:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._xs-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._xs-4 {
    --_lyt-group: 4;
  }
  ._xs-4:where(._row[class*=_avg-]) > *:nth-of-type(4n),
  ._xs-4:where(._row) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-inline-end: 0;
  }
  ._xs-4:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._xs-4:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-4:where(._col[class*=_avg-]) > *:nth-of-type(4n),
  ._xs-4:where(._col) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-block-end: 0;
  }
  ._xs-4:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._xs-4:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._xs-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._xs-5 {
    --_lyt-group: 5;
  }
  ._xs-5:where(._row[class*=_avg-]) > *:nth-of-type(5n),
  ._xs-5:where(._row) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-inline-end: 0;
  }
  ._xs-5:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._xs-5:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-5:where(._col[class*=_avg-]) > *:nth-of-type(5n),
  ._xs-5:where(._col) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-block-end: 0;
  }
  ._xs-5:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._xs-5:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._xs-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._xs-6 {
    --_lyt-group: 6;
  }
  ._xs-6:where(._row[class*=_avg-]) > *:nth-of-type(6n),
  ._xs-6:where(._row) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-inline-end: 0;
  }
  ._xs-6:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._xs-6:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-6:where(._col[class*=_avg-]) > *:nth-of-type(6n),
  ._xs-6:where(._col) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-block-end: 0;
  }
  ._xs-6:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._xs-6:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._xs-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._xs-7 {
    --_lyt-group: 7;
  }
  ._xs-7:where(._row[class*=_avg-]) > *:nth-of-type(7n),
  ._xs-7:where(._row) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-inline-end: 0;
  }
  ._xs-7:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._xs-7:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-7:where(._col[class*=_avg-]) > *:nth-of-type(7n),
  ._xs-7:where(._col) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-block-end: 0;
  }
  ._xs-7:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._xs-7:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._xs-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._xs-8 {
    --_lyt-group: 8;
  }
  ._xs-8:where(._row[class*=_avg-]) > *:nth-of-type(8n),
  ._xs-8:where(._row) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-inline-end: 0;
  }
  ._xs-8:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._xs-8:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-8:where(._col[class*=_avg-]) > *:nth-of-type(8n),
  ._xs-8:where(._col) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-block-end: 0;
  }
  ._xs-8:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._xs-8:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._xs-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._xs-9 {
    --_lyt-group: 9;
  }
  ._xs-9:where(._row[class*=_avg-]) > *:nth-of-type(9n),
  ._xs-9:where(._row) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-inline-end: 0;
  }
  ._xs-9:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._xs-9:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-9:where(._col[class*=_avg-]) > *:nth-of-type(9n),
  ._xs-9:where(._col) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-block-end: 0;
  }
  ._xs-9:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._xs-9:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._xs-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._xs-10 {
    --_lyt-group: 10;
  }
  ._xs-10:where(._row[class*=_avg-]) > *:nth-of-type(10n),
  ._xs-10:where(._row) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-inline-end: 0;
  }
  ._xs-10:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._xs-10:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-10:where(._col[class*=_avg-]) > *:nth-of-type(10n),
  ._xs-10:where(._col) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-block-end: 0;
  }
  ._xs-10:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._xs-10:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._xs-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._xs-11 {
    --_lyt-group: 11;
  }
  ._xs-11:where(._row[class*=_avg-]) > *:nth-of-type(11n),
  ._xs-11:where(._row) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-inline-end: 0;
  }
  ._xs-11:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._xs-11:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-11:where(._col[class*=_avg-]) > *:nth-of-type(11n),
  ._xs-11:where(._col) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-block-end: 0;
  }
  ._xs-11:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._xs-11:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._xs-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._xs-12 {
    --_lyt-group: 12;
  }
  ._xs-12:where(._row[class*=_avg-]) > *:nth-of-type(12n),
  ._xs-12:where(._row) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-inline-end: 0;
  }
  ._xs-12:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._xs-12:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-12:where(._col[class*=_avg-]) > *:nth-of-type(12n),
  ._xs-12:where(._col) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-block-end: 0;
  }
  ._xs-12:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._xs-12:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._xs-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._xs-13 {
    --_lyt-group: 13;
  }
  ._xs-13:where(._row[class*=_avg-]) > *:nth-of-type(13n),
  ._xs-13:where(._row) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-inline-end: 0;
  }
  ._xs-13:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._xs-13:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-13:where(._col[class*=_avg-]) > *:nth-of-type(13n),
  ._xs-13:where(._col) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-block-end: 0;
  }
  ._xs-13:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._xs-13:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._xs-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._xs-14 {
    --_lyt-group: 14;
  }
  ._xs-14:where(._row[class*=_avg-]) > *:nth-of-type(14n),
  ._xs-14:where(._row) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-inline-end: 0;
  }
  ._xs-14:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._xs-14:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-14:where(._col[class*=_avg-]) > *:nth-of-type(14n),
  ._xs-14:where(._col) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-block-end: 0;
  }
  ._xs-14:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._xs-14:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._xs-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._xs-15 {
    --_lyt-group: 15;
  }
  ._xs-15:where(._row[class*=_avg-]) > *:nth-of-type(15n),
  ._xs-15:where(._row) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-inline-end: 0;
  }
  ._xs-15:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._xs-15:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-15:where(._col[class*=_avg-]) > *:nth-of-type(15n),
  ._xs-15:where(._col) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-block-end: 0;
  }
  ._xs-15:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._xs-15:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._xs-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._xs-16 {
    --_lyt-group: 16;
  }
  ._xs-16:where(._row[class*=_avg-]) > *:nth-of-type(16n),
  ._xs-16:where(._row) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-inline-end: 0;
  }
  ._xs-16:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._xs-16:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-16:where(._col[class*=_avg-]) > *:nth-of-type(16n),
  ._xs-16:where(._col) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-block-end: 0;
  }
  ._xs-16:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._xs-16:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._xs-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._xs-17 {
    --_lyt-group: 17;
  }
  ._xs-17:where(._row[class*=_avg-]) > *:nth-of-type(17n),
  ._xs-17:where(._row) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-inline-end: 0;
  }
  ._xs-17:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._xs-17:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-17:where(._col[class*=_avg-]) > *:nth-of-type(17n),
  ._xs-17:where(._col) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-block-end: 0;
  }
  ._xs-17:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._xs-17:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._xs-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._xs-18 {
    --_lyt-group: 18;
  }
  ._xs-18:where(._row[class*=_avg-]) > *:nth-of-type(18n),
  ._xs-18:where(._row) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-inline-end: 0;
  }
  ._xs-18:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._xs-18:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-18:where(._col[class*=_avg-]) > *:nth-of-type(18n),
  ._xs-18:where(._col) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-block-end: 0;
  }
  ._xs-18:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._xs-18:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._xs-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._xs-19 {
    --_lyt-group: 19;
  }
  ._xs-19:where(._row[class*=_avg-]) > *:nth-of-type(19n),
  ._xs-19:where(._row) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-inline-end: 0;
  }
  ._xs-19:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._xs-19:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-19:where(._col[class*=_avg-]) > *:nth-of-type(19n),
  ._xs-19:where(._col) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-block-end: 0;
  }
  ._xs-19:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._xs-19:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._xs-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._xs-20 {
    --_lyt-group: 20;
  }
  ._xs-20:where(._row[class*=_avg-]) > *:nth-of-type(20n),
  ._xs-20:where(._row) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-inline-end: 0;
  }
  ._xs-20:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._xs-20:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-20:where(._col[class*=_avg-]) > *:nth-of-type(20n),
  ._xs-20:where(._col) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-block-end: 0;
  }
  ._xs-20:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._xs-20:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._xs-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._xs-21 {
    --_lyt-group: 21;
  }
  ._xs-21:where(._row[class*=_avg-]) > *:nth-of-type(21n),
  ._xs-21:where(._row) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-inline-end: 0;
  }
  ._xs-21:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._xs-21:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-21:where(._col[class*=_avg-]) > *:nth-of-type(21n),
  ._xs-21:where(._col) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-block-end: 0;
  }
  ._xs-21:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._xs-21:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._xs-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._xs-22 {
    --_lyt-group: 22;
  }
  ._xs-22:where(._row[class*=_avg-]) > *:nth-of-type(22n),
  ._xs-22:where(._row) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-inline-end: 0;
  }
  ._xs-22:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._xs-22:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-22:where(._col[class*=_avg-]) > *:nth-of-type(22n),
  ._xs-22:where(._col) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-block-end: 0;
  }
  ._xs-22:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._xs-22:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._xs-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._xs-23 {
    --_lyt-group: 23;
  }
  ._xs-23:where(._row[class*=_avg-]) > *:nth-of-type(23n),
  ._xs-23:where(._row) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-inline-end: 0;
  }
  ._xs-23:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._xs-23:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-23:where(._col[class*=_avg-]) > *:nth-of-type(23n),
  ._xs-23:where(._col) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-block-end: 0;
  }
  ._xs-23:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._xs-23:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._xs-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._xs-24 {
    --_lyt-group: 24;
  }
  ._xs-24:where(._row[class*=_avg-]) > *:nth-of-type(24n),
  ._xs-24:where(._row) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-inline-end: 0;
  }
  ._xs-24:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._xs-24:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-24:where(._col[class*=_avg-]) > *:nth-of-type(24n),
  ._xs-24:where(._col) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-block-end: 0;
  }
  ._xs-24:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._xs-24:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._xs-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  :where([class*=_tb-]) > [class*=_flex] {
    --_flex-grow: 0;
    --_flex-shrink: 0;
  }
  ._row:where([class*=_tb-]),
  ._col:where([class*=_tb-]) {
    flex-wrap: wrap;
  }
  ._row:where([class*=_tb-]) > *:is([class*=_flex]),
  ._col:where([class*=_tb-]) > *:is([class*=_flex]) {
    --_flex-basis: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._row:where([class*=_tb-]):is([class*=_avg-]) > *,
  ._row:where([class*=_tb-]) > *:is([class*=_own]) {
    width: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._col:where([class*=_tb-]):is([class*=_avg-]) > *,
  ._col:where([class*=_tb-]) > *:is([class*=_own-]) {
    height: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._masonry:where(._tb-1) {
    --_msnry-cols: 1;
  }
  ._masonry:where(._tb-2) {
    --_msnry-cols: 2;
  }
  ._masonry:where(._tb-3) {
    --_msnry-cols: 3;
  }
  ._masonry:where(._tb-4) {
    --_msnry-cols: 4;
  }
  ._masonry:where(._tb-5) {
    --_msnry-cols: 5;
  }
  ._masonry:where(._tb-6) {
    --_msnry-cols: 6;
  }
  ._masonry:where(._tb-7) {
    --_msnry-cols: 7;
  }
  ._masonry:where(._tb-8) {
    --_msnry-cols: 8;
  }
  ._masonry:where(._tb-9) {
    --_msnry-cols: 9;
  }
  ._masonry:where(._tb-10) {
    --_msnry-cols: 10;
  }
  ._masonry:where(._tb-11) {
    --_msnry-cols: 11;
  }
  ._masonry:where(._tb-12) {
    --_msnry-cols: 12;
  }
  ._masonry:where(._tb-13) {
    --_msnry-cols: 13;
  }
  ._masonry:where(._tb-14) {
    --_msnry-cols: 14;
  }
  ._masonry:where(._tb-15) {
    --_msnry-cols: 15;
  }
  ._masonry:where(._tb-16) {
    --_msnry-cols: 16;
  }
  ._masonry:where(._tb-17) {
    --_msnry-cols: 17;
  }
  ._masonry:where(._tb-18) {
    --_msnry-cols: 18;
  }
  ._masonry:where(._tb-19) {
    --_msnry-cols: 19;
  }
  ._masonry:where(._tb-20) {
    --_msnry-cols: 20;
  }
  ._masonry:where(._tb-21) {
    --_msnry-cols: 21;
  }
  ._masonry:where(._tb-22) {
    --_msnry-cols: 22;
  }
  ._masonry:where(._tb-23) {
    --_msnry-cols: 23;
  }
  ._masonry:where(._tb-24) {
    --_msnry-cols: 24;
  }
  ._scroller {
    height: var(--_tb-h);
    width: var(--_tb-w);
  }
  table {
    width: var(--_tb-w);
  }
}
/*Destop device(lg+xl+xxl) */
@media (min-width: 1200px) and (max-width: 1535px) and (hover: hover), (min-width: 1536px) {
  :root {
    --_ff-body: "microsoft yahei", "Microsoft JhengHei", "Arial", "Helvetica Neue", "sans-serif", "Yu Mincho", "simsun";
    --_fs-root: calc(1px*var(--_num-root));
    --_l-text: 20%;
    --_screen: dt;
    --_isnarrow: 0;
    --_device-coef: -1;
  }
  /*Beautify rolling bar (only pc)*/
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: transparent;
  }
  ::-webkit-scrollbar-track {
    background-color: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.04);
  }
  ::-webkit-scrollbar-thumb {
    background-color: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.2);
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.4);
  }
  ::-webkit-scrollbar-thumb:active {
    background-color: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.6);
  }
  ::-webkit-scrollbar-corner {
    background-color: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.04);
  }
  @-moz-document url-prefix() {
    * {
      scrollbar-gutter: auto;
      scrollbar-width: thin;
    }
  }
  ._hide-dt {
    display: none;
  }
  AX-BR[size=md] {
    --_br-coef: 1;
  }
  AX-BR[size=lg] {
    --_br-coef: 2;
  }
  AX-BR[size=xl] {
    --_br-coef: 3;
  }
  AX-BR[size=xxl] {
    --_br-coef: 4;
  }
  AX-BC[size=md] {
    --_br-coef: 1;
  }
  AX-BC[size=lg] {
    --_br-coef: 2;
  }
  AX-BC[size=xl] {
    --_br-coef: 3;
  }
  AX-BC[size=xxl] {
    --_br-coef: 4;
  }
  ._p-md {
    --_p-coef: 1;
  }
  ._p-lg {
    --_p-coef: 2;
  }
  ._p-xl {
    --_p-coef: 3;
  }
  ._p-xxl {
    --_p-coef: 4;
  }
  ._m-md {
    --_m-coef: 1;
  }
  ._m-lg {
    --_m-coef: 2;
  }
  ._m-xl {
    --_m-coef: 3;
  }
  ._m-xxl {
    --_m-coef: 4;
  }
  AX-DIVIDER[break=md] {
    --_div-g-coef: 1;
  }
  AX-DIVIDER[break=lg] {
    --_div-g-coef: 2;
  }
  AX-DIVIDER[break=xl] {
    --_div-g-coef: 3;
  }
  AX-DIVIDER[break=xxl] {
    --_div-g-coef: 4;
  }
  AX-LINE[break=md] {
    --_line-g-coef: 1;
  }
  AX-LINE[break=lg] {
    --_line-g-coef: 2;
  }
  AX-LINE[break=xl] {
    --_line-g-coef: 3;
  }
  AX-LINE[break=xxl] {
    --_line-g-coef: 4;
  }
  *._split-dt,
  ._row:where(._split-dt),
  ._col:where(._split-dt),
  ._grid:where(._split-dt) {
    display: block;
  }
  *._split-dt > *,
  ._row:where(._split-dt) > *,
  ._col:where(._split-dt) > *,
  ._grid:where(._split-dt) > * {
    width: auto;
    height: auto;
  }
  *._split-dt > *:where(:not(:last-child)),
  ._row:where(._split-dt) > *:where(:not(:last-child)),
  ._col:where(._split-dt) > *:where(:not(:last-child)),
  ._grid:where(._split-dt) > *:where(:not(:last-child)) {
    margin-block-end: var(--_lyt-g);
  }
  ._grid[class*=_dt-] {
    --_lyt-avg: var(--_lyt-group);
  }
  ._dt-1 {
    --_lyt-group: 1;
  }
  ._dt-1:where(._row[class*=_avg-]) > *:nth-of-type(1n),
  ._dt-1:where(._row) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-inline-end: 0;
  }
  ._dt-1:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._dt-1:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-1:where(._col[class*=_avg-]) > *:nth-of-type(1n),
  ._dt-1:where(._col) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-block-end: 0;
  }
  ._dt-1:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._dt-1:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._dt-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._dt-2 {
    --_lyt-group: 2;
  }
  ._dt-2:where(._row[class*=_avg-]) > *:nth-of-type(2n),
  ._dt-2:where(._row) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-inline-end: 0;
  }
  ._dt-2:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._dt-2:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-2:where(._col[class*=_avg-]) > *:nth-of-type(2n),
  ._dt-2:where(._col) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-block-end: 0;
  }
  ._dt-2:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._dt-2:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._dt-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._dt-3 {
    --_lyt-group: 3;
  }
  ._dt-3:where(._row[class*=_avg-]) > *:nth-of-type(3n),
  ._dt-3:where(._row) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-inline-end: 0;
  }
  ._dt-3:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._dt-3:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-3:where(._col[class*=_avg-]) > *:nth-of-type(3n),
  ._dt-3:where(._col) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-block-end: 0;
  }
  ._dt-3:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._dt-3:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._dt-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._dt-4 {
    --_lyt-group: 4;
  }
  ._dt-4:where(._row[class*=_avg-]) > *:nth-of-type(4n),
  ._dt-4:where(._row) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-inline-end: 0;
  }
  ._dt-4:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._dt-4:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-4:where(._col[class*=_avg-]) > *:nth-of-type(4n),
  ._dt-4:where(._col) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-block-end: 0;
  }
  ._dt-4:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._dt-4:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._dt-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._dt-5 {
    --_lyt-group: 5;
  }
  ._dt-5:where(._row[class*=_avg-]) > *:nth-of-type(5n),
  ._dt-5:where(._row) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-inline-end: 0;
  }
  ._dt-5:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._dt-5:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-5:where(._col[class*=_avg-]) > *:nth-of-type(5n),
  ._dt-5:where(._col) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-block-end: 0;
  }
  ._dt-5:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._dt-5:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._dt-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._dt-6 {
    --_lyt-group: 6;
  }
  ._dt-6:where(._row[class*=_avg-]) > *:nth-of-type(6n),
  ._dt-6:where(._row) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-inline-end: 0;
  }
  ._dt-6:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._dt-6:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-6:where(._col[class*=_avg-]) > *:nth-of-type(6n),
  ._dt-6:where(._col) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-block-end: 0;
  }
  ._dt-6:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._dt-6:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._dt-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._dt-7 {
    --_lyt-group: 7;
  }
  ._dt-7:where(._row[class*=_avg-]) > *:nth-of-type(7n),
  ._dt-7:where(._row) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-inline-end: 0;
  }
  ._dt-7:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._dt-7:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-7:where(._col[class*=_avg-]) > *:nth-of-type(7n),
  ._dt-7:where(._col) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-block-end: 0;
  }
  ._dt-7:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._dt-7:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._dt-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._dt-8 {
    --_lyt-group: 8;
  }
  ._dt-8:where(._row[class*=_avg-]) > *:nth-of-type(8n),
  ._dt-8:where(._row) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-inline-end: 0;
  }
  ._dt-8:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._dt-8:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-8:where(._col[class*=_avg-]) > *:nth-of-type(8n),
  ._dt-8:where(._col) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-block-end: 0;
  }
  ._dt-8:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._dt-8:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._dt-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._dt-9 {
    --_lyt-group: 9;
  }
  ._dt-9:where(._row[class*=_avg-]) > *:nth-of-type(9n),
  ._dt-9:where(._row) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-inline-end: 0;
  }
  ._dt-9:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._dt-9:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-9:where(._col[class*=_avg-]) > *:nth-of-type(9n),
  ._dt-9:where(._col) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-block-end: 0;
  }
  ._dt-9:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._dt-9:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._dt-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._dt-10 {
    --_lyt-group: 10;
  }
  ._dt-10:where(._row[class*=_avg-]) > *:nth-of-type(10n),
  ._dt-10:where(._row) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-inline-end: 0;
  }
  ._dt-10:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._dt-10:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-10:where(._col[class*=_avg-]) > *:nth-of-type(10n),
  ._dt-10:where(._col) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-block-end: 0;
  }
  ._dt-10:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._dt-10:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._dt-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._dt-11 {
    --_lyt-group: 11;
  }
  ._dt-11:where(._row[class*=_avg-]) > *:nth-of-type(11n),
  ._dt-11:where(._row) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-inline-end: 0;
  }
  ._dt-11:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._dt-11:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-11:where(._col[class*=_avg-]) > *:nth-of-type(11n),
  ._dt-11:where(._col) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-block-end: 0;
  }
  ._dt-11:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._dt-11:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._dt-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._dt-12 {
    --_lyt-group: 12;
  }
  ._dt-12:where(._row[class*=_avg-]) > *:nth-of-type(12n),
  ._dt-12:where(._row) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-inline-end: 0;
  }
  ._dt-12:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._dt-12:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-12:where(._col[class*=_avg-]) > *:nth-of-type(12n),
  ._dt-12:where(._col) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-block-end: 0;
  }
  ._dt-12:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._dt-12:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._dt-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._dt-13 {
    --_lyt-group: 13;
  }
  ._dt-13:where(._row[class*=_avg-]) > *:nth-of-type(13n),
  ._dt-13:where(._row) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-inline-end: 0;
  }
  ._dt-13:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._dt-13:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-13:where(._col[class*=_avg-]) > *:nth-of-type(13n),
  ._dt-13:where(._col) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-block-end: 0;
  }
  ._dt-13:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._dt-13:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._dt-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._dt-14 {
    --_lyt-group: 14;
  }
  ._dt-14:where(._row[class*=_avg-]) > *:nth-of-type(14n),
  ._dt-14:where(._row) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-inline-end: 0;
  }
  ._dt-14:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._dt-14:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-14:where(._col[class*=_avg-]) > *:nth-of-type(14n),
  ._dt-14:where(._col) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-block-end: 0;
  }
  ._dt-14:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._dt-14:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._dt-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._dt-15 {
    --_lyt-group: 15;
  }
  ._dt-15:where(._row[class*=_avg-]) > *:nth-of-type(15n),
  ._dt-15:where(._row) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-inline-end: 0;
  }
  ._dt-15:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._dt-15:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-15:where(._col[class*=_avg-]) > *:nth-of-type(15n),
  ._dt-15:where(._col) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-block-end: 0;
  }
  ._dt-15:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._dt-15:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._dt-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._dt-16 {
    --_lyt-group: 16;
  }
  ._dt-16:where(._row[class*=_avg-]) > *:nth-of-type(16n),
  ._dt-16:where(._row) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-inline-end: 0;
  }
  ._dt-16:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._dt-16:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-16:where(._col[class*=_avg-]) > *:nth-of-type(16n),
  ._dt-16:where(._col) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-block-end: 0;
  }
  ._dt-16:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._dt-16:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._dt-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._dt-17 {
    --_lyt-group: 17;
  }
  ._dt-17:where(._row[class*=_avg-]) > *:nth-of-type(17n),
  ._dt-17:where(._row) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-inline-end: 0;
  }
  ._dt-17:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._dt-17:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-17:where(._col[class*=_avg-]) > *:nth-of-type(17n),
  ._dt-17:where(._col) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-block-end: 0;
  }
  ._dt-17:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._dt-17:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._dt-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._dt-18 {
    --_lyt-group: 18;
  }
  ._dt-18:where(._row[class*=_avg-]) > *:nth-of-type(18n),
  ._dt-18:where(._row) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-inline-end: 0;
  }
  ._dt-18:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._dt-18:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-18:where(._col[class*=_avg-]) > *:nth-of-type(18n),
  ._dt-18:where(._col) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-block-end: 0;
  }
  ._dt-18:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._dt-18:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._dt-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._dt-19 {
    --_lyt-group: 19;
  }
  ._dt-19:where(._row[class*=_avg-]) > *:nth-of-type(19n),
  ._dt-19:where(._row) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-inline-end: 0;
  }
  ._dt-19:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._dt-19:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-19:where(._col[class*=_avg-]) > *:nth-of-type(19n),
  ._dt-19:where(._col) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-block-end: 0;
  }
  ._dt-19:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._dt-19:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._dt-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._dt-20 {
    --_lyt-group: 20;
  }
  ._dt-20:where(._row[class*=_avg-]) > *:nth-of-type(20n),
  ._dt-20:where(._row) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-inline-end: 0;
  }
  ._dt-20:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._dt-20:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-20:where(._col[class*=_avg-]) > *:nth-of-type(20n),
  ._dt-20:where(._col) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-block-end: 0;
  }
  ._dt-20:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._dt-20:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._dt-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._dt-21 {
    --_lyt-group: 21;
  }
  ._dt-21:where(._row[class*=_avg-]) > *:nth-of-type(21n),
  ._dt-21:where(._row) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-inline-end: 0;
  }
  ._dt-21:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._dt-21:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-21:where(._col[class*=_avg-]) > *:nth-of-type(21n),
  ._dt-21:where(._col) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-block-end: 0;
  }
  ._dt-21:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._dt-21:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._dt-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._dt-22 {
    --_lyt-group: 22;
  }
  ._dt-22:where(._row[class*=_avg-]) > *:nth-of-type(22n),
  ._dt-22:where(._row) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-inline-end: 0;
  }
  ._dt-22:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._dt-22:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-22:where(._col[class*=_avg-]) > *:nth-of-type(22n),
  ._dt-22:where(._col) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-block-end: 0;
  }
  ._dt-22:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._dt-22:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._dt-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._dt-23 {
    --_lyt-group: 23;
  }
  ._dt-23:where(._row[class*=_avg-]) > *:nth-of-type(23n),
  ._dt-23:where(._row) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-inline-end: 0;
  }
  ._dt-23:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._dt-23:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-23:where(._col[class*=_avg-]) > *:nth-of-type(23n),
  ._dt-23:where(._col) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-block-end: 0;
  }
  ._dt-23:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._dt-23:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._dt-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._dt-24 {
    --_lyt-group: 24;
  }
  ._dt-24:where(._row[class*=_avg-]) > *:nth-of-type(24n),
  ._dt-24:where(._row) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-inline-end: 0;
  }
  ._dt-24:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._dt-24:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-block-start: var(--_lyt-g);
  }
  ._dt-24:where(._col[class*=_avg-]) > *:nth-of-type(24n),
  ._dt-24:where(._col) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-block-end: 0;
  }
  ._dt-24:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._dt-24:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._dt-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._dt-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  :where([class*=_dt-]) > [class*=_flex] {
    --_flex-grow: 0;
    --_flex-shrink: 0;
  }
  ._row:where([class*=_dt-]),
  ._col:where([class*=_dt-]) {
    flex-wrap: wrap;
  }
  ._row:where([class*=_dt-]) > *:is([class*=_flex]),
  ._col:where([class*=_dt-]) > *:is([class*=_flex]) {
    --_flex-basis: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._row:where([class*=_dt-]):is([class*=_avg-]) > *,
  ._row:where([class*=_dt-]) > *:is([class*=_own]) {
    width: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._col:where([class*=_dt-]):is([class*=_avg-]) > *,
  ._col:where([class*=_dt-]) > *:is([class*=_own-]) {
    height: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  [class*=_grid]:where(._g-md),
  [class*=_row]:where(._g-md),
  [class*=_col]:where(._g-md) {
    --_lyt-g-coef: 1;
  }
  [class*=_grid]:where(._g-lg),
  [class*=_row]:where(._g-lg),
  [class*=_col]:where(._g-lg) {
    --_lyt-g-coef: 2;
  }
  [class*=_grid]:where(._g-xl),
  [class*=_row]:where(._g-xl),
  [class*=_col]:where(._g-xl) {
    --_lyt-g-coef: 3;
  }
  [class*=_grid]:where(._g-xxl),
  [class*=_row]:where(._g-xxl),
  [class*=_col]:where(._g-xxl) {
    --_lyt-g-coef: 4;
  }
  ._masonry {
    --_msnry-cols: 4;
  }
  ._masonry:where(._dt-1) {
    --_msnry-cols: 1;
  }
  ._masonry:where(._dt-2) {
    --_msnry-cols: 2;
  }
  ._masonry:where(._dt-3) {
    --_msnry-cols: 3;
  }
  ._masonry:where(._dt-4) {
    --_msnry-cols: 4;
  }
  ._masonry:where(._dt-5) {
    --_msnry-cols: 5;
  }
  ._masonry:where(._dt-6) {
    --_msnry-cols: 6;
  }
  ._masonry:where(._dt-7) {
    --_msnry-cols: 7;
  }
  ._masonry:where(._dt-8) {
    --_msnry-cols: 8;
  }
  ._masonry:where(._dt-9) {
    --_msnry-cols: 9;
  }
  ._masonry:where(._dt-10) {
    --_msnry-cols: 10;
  }
  ._masonry:where(._dt-11) {
    --_msnry-cols: 11;
  }
  ._masonry:where(._dt-12) {
    --_msnry-cols: 12;
  }
  ._masonry:where(._dt-13) {
    --_msnry-cols: 13;
  }
  ._masonry:where(._dt-14) {
    --_msnry-cols: 14;
  }
  ._masonry:where(._dt-15) {
    --_msnry-cols: 15;
  }
  ._masonry:where(._dt-16) {
    --_msnry-cols: 16;
  }
  ._masonry:where(._dt-17) {
    --_msnry-cols: 17;
  }
  ._masonry:where(._dt-18) {
    --_msnry-cols: 18;
  }
  ._masonry:where(._dt-19) {
    --_msnry-cols: 19;
  }
  ._masonry:where(._dt-20) {
    --_msnry-cols: 20;
  }
  ._masonry:where(._dt-21) {
    --_msnry-cols: 21;
  }
  ._masonry:where(._dt-22) {
    --_msnry-cols: 22;
  }
  ._masonry:where(._dt-23) {
    --_msnry-cols: 23;
  }
  ._masonry:where(._dt-24) {
    --_msnry-cols: 24;
  }
  ._scroller {
    height: var(--_dt-h);
    width: var(--_dt-w);
  }
  table {
    width: var(--_dt-w);
  }
  article {
    --_ul-lh: var(--_lh-lead);
    --_dl-lh: var(--_lh-lead);
    font-size: var(--_rem-lead);
    line-height: var(--_lh-lead);
  }
}
/* Phone+iPad rotate+iPad*/
/* xxs->Phone (<600 | <900) */
/*
 *Last modified: 2025-05-24 13:55:08
 */
@media (max-width: 599px), (min-width: 600px) and (max-width: 899px) and (orientation: landscape) {
  :root {
    --_screen: xxs;
  }
  *._split,
  ._row:where(._split),
  ._col:where(._split),
  ._grid:where(._split),
  *._split-xxs,
  ._row:where(._split-xxs),
  ._col:where(._split-xxs),
  ._grid:where(._split-xxs) {
    display: block;
  }
  *._split > *,
  ._row:where(._split) > *,
  ._col:where(._split) > *,
  ._grid:where(._split) > *,
  *._split-xxs > *,
  ._row:where(._split-xxs) > *,
  ._col:where(._split-xxs) > *,
  ._grid:where(._split-xxs) > * {
    width: auto;
    height: auto;
  }
  *._split > *:where(:not(:last-child)),
  ._row:where(._split) > *:where(:not(:last-child)),
  ._col:where(._split) > *:where(:not(:last-child)),
  ._grid:where(._split) > *:where(:not(:last-child)),
  *._split-xxs > *:where(:not(:last-child)),
  ._row:where(._split-xxs) > *:where(:not(:last-child)),
  ._col:where(._split-xxs) > *:where(:not(:last-child)),
  ._grid:where(._split-xxs) > *:where(:not(:last-child)) {
    margin-block-end: var(--_lyt-g);
  }
  [class*=_container]:where(:not(._container-full)):where(._xxs-full) {
    width: 100%;
  }
  ._datetime {
    --_label-h: calc(var(--_rem-display) - var(--_rem-min));
  }
  ._datetime [rep=main] [rep=body] {
    min-height: 22rem;
  }
  ._datetime [panel=year] [rep=content] {
    margin: calc((3.3rem - var(--_label-h)) / 2) 0;
  }
  ._datetime [panel=month] [rep=content] {
    margin: calc((5.3rem - var(--_label-h)) / 2) 0;
  }
  ._datetime [panel=daytime] [rep=list] {
    margin: 0;
  }
  ._datetime [panel=daytime] [rep=list] > * {
    height: calc(var(--_rem-display) * 8 - 5.7rem);
  }
  ._hide-xxs {
    display: none;
  }
  ._grid[class*=_xxs-] {
    --_lyt-avg: var(--_lyt-group);
  }
  ._xxs-1 {
    --_lyt-group: 1;
  }
  ._xxs-1:where(._row[class*=_avg-]) > *:nth-of-type(1n),
  ._xxs-1:where(._row) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-inline-end: 0;
  }
  ._xxs-1:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._xxs-1:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-1:where(._col[class*=_avg-]) > *:nth-of-type(1n),
  ._xxs-1:where(._col) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-block-end: 0;
  }
  ._xxs-1:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._xxs-1:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._xxs-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._xxs-2 {
    --_lyt-group: 2;
  }
  ._xxs-2:where(._row[class*=_avg-]) > *:nth-of-type(2n),
  ._xxs-2:where(._row) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-inline-end: 0;
  }
  ._xxs-2:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._xxs-2:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-2:where(._col[class*=_avg-]) > *:nth-of-type(2n),
  ._xxs-2:where(._col) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-block-end: 0;
  }
  ._xxs-2:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._xxs-2:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._xxs-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._xxs-3 {
    --_lyt-group: 3;
  }
  ._xxs-3:where(._row[class*=_avg-]) > *:nth-of-type(3n),
  ._xxs-3:where(._row) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-inline-end: 0;
  }
  ._xxs-3:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._xxs-3:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-3:where(._col[class*=_avg-]) > *:nth-of-type(3n),
  ._xxs-3:where(._col) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-block-end: 0;
  }
  ._xxs-3:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._xxs-3:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._xxs-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._xxs-4 {
    --_lyt-group: 4;
  }
  ._xxs-4:where(._row[class*=_avg-]) > *:nth-of-type(4n),
  ._xxs-4:where(._row) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-inline-end: 0;
  }
  ._xxs-4:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._xxs-4:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-4:where(._col[class*=_avg-]) > *:nth-of-type(4n),
  ._xxs-4:where(._col) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-block-end: 0;
  }
  ._xxs-4:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._xxs-4:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._xxs-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._xxs-5 {
    --_lyt-group: 5;
  }
  ._xxs-5:where(._row[class*=_avg-]) > *:nth-of-type(5n),
  ._xxs-5:where(._row) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-inline-end: 0;
  }
  ._xxs-5:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._xxs-5:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-5:where(._col[class*=_avg-]) > *:nth-of-type(5n),
  ._xxs-5:where(._col) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-block-end: 0;
  }
  ._xxs-5:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._xxs-5:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._xxs-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._xxs-6 {
    --_lyt-group: 6;
  }
  ._xxs-6:where(._row[class*=_avg-]) > *:nth-of-type(6n),
  ._xxs-6:where(._row) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-inline-end: 0;
  }
  ._xxs-6:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._xxs-6:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-6:where(._col[class*=_avg-]) > *:nth-of-type(6n),
  ._xxs-6:where(._col) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-block-end: 0;
  }
  ._xxs-6:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._xxs-6:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._xxs-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._xxs-7 {
    --_lyt-group: 7;
  }
  ._xxs-7:where(._row[class*=_avg-]) > *:nth-of-type(7n),
  ._xxs-7:where(._row) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-inline-end: 0;
  }
  ._xxs-7:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._xxs-7:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-7:where(._col[class*=_avg-]) > *:nth-of-type(7n),
  ._xxs-7:where(._col) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-block-end: 0;
  }
  ._xxs-7:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._xxs-7:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._xxs-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._xxs-8 {
    --_lyt-group: 8;
  }
  ._xxs-8:where(._row[class*=_avg-]) > *:nth-of-type(8n),
  ._xxs-8:where(._row) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-inline-end: 0;
  }
  ._xxs-8:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._xxs-8:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-8:where(._col[class*=_avg-]) > *:nth-of-type(8n),
  ._xxs-8:where(._col) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-block-end: 0;
  }
  ._xxs-8:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._xxs-8:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._xxs-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._xxs-9 {
    --_lyt-group: 9;
  }
  ._xxs-9:where(._row[class*=_avg-]) > *:nth-of-type(9n),
  ._xxs-9:where(._row) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-inline-end: 0;
  }
  ._xxs-9:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._xxs-9:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-9:where(._col[class*=_avg-]) > *:nth-of-type(9n),
  ._xxs-9:where(._col) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-block-end: 0;
  }
  ._xxs-9:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._xxs-9:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._xxs-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._xxs-10 {
    --_lyt-group: 10;
  }
  ._xxs-10:where(._row[class*=_avg-]) > *:nth-of-type(10n),
  ._xxs-10:where(._row) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-inline-end: 0;
  }
  ._xxs-10:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._xxs-10:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-10:where(._col[class*=_avg-]) > *:nth-of-type(10n),
  ._xxs-10:where(._col) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-block-end: 0;
  }
  ._xxs-10:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._xxs-10:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._xxs-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._xxs-11 {
    --_lyt-group: 11;
  }
  ._xxs-11:where(._row[class*=_avg-]) > *:nth-of-type(11n),
  ._xxs-11:where(._row) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-inline-end: 0;
  }
  ._xxs-11:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._xxs-11:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-11:where(._col[class*=_avg-]) > *:nth-of-type(11n),
  ._xxs-11:where(._col) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-block-end: 0;
  }
  ._xxs-11:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._xxs-11:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._xxs-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._xxs-12 {
    --_lyt-group: 12;
  }
  ._xxs-12:where(._row[class*=_avg-]) > *:nth-of-type(12n),
  ._xxs-12:where(._row) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-inline-end: 0;
  }
  ._xxs-12:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._xxs-12:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-12:where(._col[class*=_avg-]) > *:nth-of-type(12n),
  ._xxs-12:where(._col) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-block-end: 0;
  }
  ._xxs-12:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._xxs-12:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._xxs-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._xxs-13 {
    --_lyt-group: 13;
  }
  ._xxs-13:where(._row[class*=_avg-]) > *:nth-of-type(13n),
  ._xxs-13:where(._row) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-inline-end: 0;
  }
  ._xxs-13:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._xxs-13:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-13:where(._col[class*=_avg-]) > *:nth-of-type(13n),
  ._xxs-13:where(._col) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-block-end: 0;
  }
  ._xxs-13:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._xxs-13:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._xxs-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._xxs-14 {
    --_lyt-group: 14;
  }
  ._xxs-14:where(._row[class*=_avg-]) > *:nth-of-type(14n),
  ._xxs-14:where(._row) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-inline-end: 0;
  }
  ._xxs-14:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._xxs-14:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-14:where(._col[class*=_avg-]) > *:nth-of-type(14n),
  ._xxs-14:where(._col) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-block-end: 0;
  }
  ._xxs-14:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._xxs-14:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._xxs-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._xxs-15 {
    --_lyt-group: 15;
  }
  ._xxs-15:where(._row[class*=_avg-]) > *:nth-of-type(15n),
  ._xxs-15:where(._row) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-inline-end: 0;
  }
  ._xxs-15:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._xxs-15:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-15:where(._col[class*=_avg-]) > *:nth-of-type(15n),
  ._xxs-15:where(._col) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-block-end: 0;
  }
  ._xxs-15:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._xxs-15:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._xxs-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._xxs-16 {
    --_lyt-group: 16;
  }
  ._xxs-16:where(._row[class*=_avg-]) > *:nth-of-type(16n),
  ._xxs-16:where(._row) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-inline-end: 0;
  }
  ._xxs-16:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._xxs-16:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-16:where(._col[class*=_avg-]) > *:nth-of-type(16n),
  ._xxs-16:where(._col) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-block-end: 0;
  }
  ._xxs-16:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._xxs-16:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._xxs-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._xxs-17 {
    --_lyt-group: 17;
  }
  ._xxs-17:where(._row[class*=_avg-]) > *:nth-of-type(17n),
  ._xxs-17:where(._row) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-inline-end: 0;
  }
  ._xxs-17:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._xxs-17:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-17:where(._col[class*=_avg-]) > *:nth-of-type(17n),
  ._xxs-17:where(._col) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-block-end: 0;
  }
  ._xxs-17:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._xxs-17:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._xxs-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._xxs-18 {
    --_lyt-group: 18;
  }
  ._xxs-18:where(._row[class*=_avg-]) > *:nth-of-type(18n),
  ._xxs-18:where(._row) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-inline-end: 0;
  }
  ._xxs-18:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._xxs-18:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-18:where(._col[class*=_avg-]) > *:nth-of-type(18n),
  ._xxs-18:where(._col) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-block-end: 0;
  }
  ._xxs-18:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._xxs-18:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._xxs-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._xxs-19 {
    --_lyt-group: 19;
  }
  ._xxs-19:where(._row[class*=_avg-]) > *:nth-of-type(19n),
  ._xxs-19:where(._row) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-inline-end: 0;
  }
  ._xxs-19:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._xxs-19:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-19:where(._col[class*=_avg-]) > *:nth-of-type(19n),
  ._xxs-19:where(._col) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-block-end: 0;
  }
  ._xxs-19:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._xxs-19:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._xxs-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._xxs-20 {
    --_lyt-group: 20;
  }
  ._xxs-20:where(._row[class*=_avg-]) > *:nth-of-type(20n),
  ._xxs-20:where(._row) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-inline-end: 0;
  }
  ._xxs-20:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._xxs-20:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-20:where(._col[class*=_avg-]) > *:nth-of-type(20n),
  ._xxs-20:where(._col) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-block-end: 0;
  }
  ._xxs-20:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._xxs-20:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._xxs-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._xxs-21 {
    --_lyt-group: 21;
  }
  ._xxs-21:where(._row[class*=_avg-]) > *:nth-of-type(21n),
  ._xxs-21:where(._row) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-inline-end: 0;
  }
  ._xxs-21:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._xxs-21:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-21:where(._col[class*=_avg-]) > *:nth-of-type(21n),
  ._xxs-21:where(._col) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-block-end: 0;
  }
  ._xxs-21:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._xxs-21:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._xxs-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._xxs-22 {
    --_lyt-group: 22;
  }
  ._xxs-22:where(._row[class*=_avg-]) > *:nth-of-type(22n),
  ._xxs-22:where(._row) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-inline-end: 0;
  }
  ._xxs-22:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._xxs-22:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-22:where(._col[class*=_avg-]) > *:nth-of-type(22n),
  ._xxs-22:where(._col) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-block-end: 0;
  }
  ._xxs-22:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._xxs-22:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._xxs-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._xxs-23 {
    --_lyt-group: 23;
  }
  ._xxs-23:where(._row[class*=_avg-]) > *:nth-of-type(23n),
  ._xxs-23:where(._row) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-inline-end: 0;
  }
  ._xxs-23:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._xxs-23:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-23:where(._col[class*=_avg-]) > *:nth-of-type(23n),
  ._xxs-23:where(._col) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-block-end: 0;
  }
  ._xxs-23:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._xxs-23:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._xxs-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._xxs-24 {
    --_lyt-group: 24;
  }
  ._xxs-24:where(._row[class*=_avg-]) > *:nth-of-type(24n),
  ._xxs-24:where(._row) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-inline-end: 0;
  }
  ._xxs-24:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._xxs-24:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxs-24:where(._col[class*=_avg-]) > *:nth-of-type(24n),
  ._xxs-24:where(._col) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-block-end: 0;
  }
  ._xxs-24:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._xxs-24:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxs-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._xxs-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  :where([class*=_xxs-]) > [class*=_flex] {
    --_flex-grow: 0;
    --_flex-shrink: 0;
  }
  ._row:where([class*=_xxs-]),
  ._col:where([class*=_xxs-]) {
    flex-wrap: wrap;
  }
  ._row:where([class*=_xxs-]) > *:is([class*=_flex]),
  ._col:where([class*=_xxs-]) > *:is([class*=_flex]) {
    --_flex-basis: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._row:where([class*=_xxs-]):is([class*=_avg-]) > *,
  ._row:where([class*=_xxs-]) > *:is([class*=_own]) {
    width: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._col:where([class*=_xxs-]):is([class*=_avg-]) > *,
  ._col:where([class*=_xxs-]) > *:is([class*=_own-]) {
    height: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._row:is(._g-md, ._g-lg, ._g-xl, ._g-xxl),
  ._col:is(._g-md, ._g-lg, ._g-xl, ._g-xxl) {
    --_lyt-g: var(--_rem-body);
  }
  ._grid:is(._g-md, ._g-lg, ._g-xl, ._g-xxl) {
    --_lyt-g: var(--_rem-body);
  }
  ._grid:where(.wall):is(._g-3, ._g, ._g-xxs, ._g-xs, ._g-sm, ._g-md, ._g-lg, ._g-xl, ._g-xxl) {
    --_lyt-g: min(--_lyt-gap, 2px);
  }
  ._post [rep=poster] {
    height: calc(var(--_rem-list)*3);
  }
  ._post [rep=poster] OC-BADGE {
    inset-inline-start: 0.4rem;
    inset-block-start: 0.4rem;
  }
  ._post [rep=byline],
  ._post [rep=byline] > * {
    color: var(--_c-caption);
    font-size: 1rem;
  }
  ._post [rep=type] {
    font-size: 1rem;
  }
  ._post._split {
    display: block;
  }
  ._post._split ._post-body {
    width: auto;
  }
  ._post._split [rep=poster] {
    width: 100%;
    height: 16rem;
    margin-inline-start: 0;
    margin-inline-end: 0;
  }
  ._post._split [rep=poster]:nth-child(1) {
    margin-block-end: var(--_rem-space);
  }
  ._post._split ._post-body ~ [rep=poster] {
    margin-block-start: var(--_rem-space);
  }
  ._post [rep=posters]:nth-child(1) {
    margin-block-end: var(--_rem-space);
  }
  ._post ._post-body ~ [rep=posters] {
    margin-block-start: var(--_rem-space);
  }
  ._comment ._comment-body {
    --_cmt-start-w: var(--_px-display);
    --_cmt-left-m: var(--_px-space);
  }
  ._comment ._comment-body > ._comment-item > ._comment-wrap > ._comment-right {
    --_cmt-start-w: var(--_px-list);
  }
  ._scroller {
    height: var(--_xxs-h);
    width: var(--_xxs-w);
  }
  table {
    width: var(--_xxs-w);
  }
}
/* xs->Tablet */
@media (min-width: 600px) and (max-width: 899px) and (orientation: portrait) {
  :root {
    --_screen: xs;
  }
  *._split-xs,
  ._row:where(._split-xs),
  ._col:where(._split-xs),
  ._grid:where(._split-xs) {
    display: block;
  }
  *._split-xs > *,
  ._row:where(._split-xs) > *,
  ._col:where(._split-xs) > *,
  ._grid:where(._split-xs) > * {
    width: auto;
    height: auto;
  }
  *._split-xs > *:where(:not(:last-child)),
  ._row:where(._split-xs) > *:where(:not(:last-child)),
  ._col:where(._split-xs) > *:where(:not(:last-child)),
  ._grid:where(._split-xs) > *:where(:not(:last-child)) {
    margin-block-end: var(--_lyt-g);
  }
  [class*=_container]:where(:not(._container-full)):where(:not(._xs-full)) {
    --_container-w: var(--_xs-w, var(--_container-resp));
    --_container-resp: var(--_w-xs);
  }
  [class*=_container]:where(:not(._container-full)):where(._xs-full) {
    width: 100%;
  }
  ._hide-xs {
    display: none;
  }
  ._grid[class*=_xs] {
    --_lyt-avg: var(--_lyt-group);
  }
  ._xs-1 {
    --_lyt-group: 1;
  }
  ._xs-1:where(._row[class*=_avg-]) > *:nth-of-type(1n),
  ._xs-1:where(._row) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-inline-end: 0;
  }
  ._xs-1:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._xs-1:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-1:where(._col[class*=_avg-]) > *:nth-of-type(1n),
  ._xs-1:where(._col) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-block-end: 0;
  }
  ._xs-1:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._xs-1:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._xs-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._xs-2 {
    --_lyt-group: 2;
  }
  ._xs-2:where(._row[class*=_avg-]) > *:nth-of-type(2n),
  ._xs-2:where(._row) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-inline-end: 0;
  }
  ._xs-2:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._xs-2:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-2:where(._col[class*=_avg-]) > *:nth-of-type(2n),
  ._xs-2:where(._col) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-block-end: 0;
  }
  ._xs-2:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._xs-2:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._xs-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._xs-3 {
    --_lyt-group: 3;
  }
  ._xs-3:where(._row[class*=_avg-]) > *:nth-of-type(3n),
  ._xs-3:where(._row) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-inline-end: 0;
  }
  ._xs-3:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._xs-3:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-3:where(._col[class*=_avg-]) > *:nth-of-type(3n),
  ._xs-3:where(._col) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-block-end: 0;
  }
  ._xs-3:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._xs-3:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._xs-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._xs-4 {
    --_lyt-group: 4;
  }
  ._xs-4:where(._row[class*=_avg-]) > *:nth-of-type(4n),
  ._xs-4:where(._row) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-inline-end: 0;
  }
  ._xs-4:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._xs-4:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-4:where(._col[class*=_avg-]) > *:nth-of-type(4n),
  ._xs-4:where(._col) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-block-end: 0;
  }
  ._xs-4:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._xs-4:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._xs-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._xs-5 {
    --_lyt-group: 5;
  }
  ._xs-5:where(._row[class*=_avg-]) > *:nth-of-type(5n),
  ._xs-5:where(._row) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-inline-end: 0;
  }
  ._xs-5:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._xs-5:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-5:where(._col[class*=_avg-]) > *:nth-of-type(5n),
  ._xs-5:where(._col) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-block-end: 0;
  }
  ._xs-5:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._xs-5:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._xs-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._xs-6 {
    --_lyt-group: 6;
  }
  ._xs-6:where(._row[class*=_avg-]) > *:nth-of-type(6n),
  ._xs-6:where(._row) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-inline-end: 0;
  }
  ._xs-6:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._xs-6:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-6:where(._col[class*=_avg-]) > *:nth-of-type(6n),
  ._xs-6:where(._col) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-block-end: 0;
  }
  ._xs-6:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._xs-6:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._xs-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._xs-7 {
    --_lyt-group: 7;
  }
  ._xs-7:where(._row[class*=_avg-]) > *:nth-of-type(7n),
  ._xs-7:where(._row) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-inline-end: 0;
  }
  ._xs-7:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._xs-7:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-7:where(._col[class*=_avg-]) > *:nth-of-type(7n),
  ._xs-7:where(._col) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-block-end: 0;
  }
  ._xs-7:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._xs-7:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._xs-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._xs-8 {
    --_lyt-group: 8;
  }
  ._xs-8:where(._row[class*=_avg-]) > *:nth-of-type(8n),
  ._xs-8:where(._row) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-inline-end: 0;
  }
  ._xs-8:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._xs-8:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-8:where(._col[class*=_avg-]) > *:nth-of-type(8n),
  ._xs-8:where(._col) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-block-end: 0;
  }
  ._xs-8:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._xs-8:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._xs-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._xs-9 {
    --_lyt-group: 9;
  }
  ._xs-9:where(._row[class*=_avg-]) > *:nth-of-type(9n),
  ._xs-9:where(._row) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-inline-end: 0;
  }
  ._xs-9:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._xs-9:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-9:where(._col[class*=_avg-]) > *:nth-of-type(9n),
  ._xs-9:where(._col) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-block-end: 0;
  }
  ._xs-9:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._xs-9:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._xs-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._xs-10 {
    --_lyt-group: 10;
  }
  ._xs-10:where(._row[class*=_avg-]) > *:nth-of-type(10n),
  ._xs-10:where(._row) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-inline-end: 0;
  }
  ._xs-10:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._xs-10:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-10:where(._col[class*=_avg-]) > *:nth-of-type(10n),
  ._xs-10:where(._col) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-block-end: 0;
  }
  ._xs-10:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._xs-10:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._xs-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._xs-11 {
    --_lyt-group: 11;
  }
  ._xs-11:where(._row[class*=_avg-]) > *:nth-of-type(11n),
  ._xs-11:where(._row) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-inline-end: 0;
  }
  ._xs-11:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._xs-11:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-11:where(._col[class*=_avg-]) > *:nth-of-type(11n),
  ._xs-11:where(._col) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-block-end: 0;
  }
  ._xs-11:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._xs-11:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._xs-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._xs-12 {
    --_lyt-group: 12;
  }
  ._xs-12:where(._row[class*=_avg-]) > *:nth-of-type(12n),
  ._xs-12:where(._row) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-inline-end: 0;
  }
  ._xs-12:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._xs-12:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-12:where(._col[class*=_avg-]) > *:nth-of-type(12n),
  ._xs-12:where(._col) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-block-end: 0;
  }
  ._xs-12:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._xs-12:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._xs-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._xs-13 {
    --_lyt-group: 13;
  }
  ._xs-13:where(._row[class*=_avg-]) > *:nth-of-type(13n),
  ._xs-13:where(._row) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-inline-end: 0;
  }
  ._xs-13:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._xs-13:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-13:where(._col[class*=_avg-]) > *:nth-of-type(13n),
  ._xs-13:where(._col) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-block-end: 0;
  }
  ._xs-13:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._xs-13:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._xs-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._xs-14 {
    --_lyt-group: 14;
  }
  ._xs-14:where(._row[class*=_avg-]) > *:nth-of-type(14n),
  ._xs-14:where(._row) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-inline-end: 0;
  }
  ._xs-14:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._xs-14:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-14:where(._col[class*=_avg-]) > *:nth-of-type(14n),
  ._xs-14:where(._col) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-block-end: 0;
  }
  ._xs-14:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._xs-14:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._xs-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._xs-15 {
    --_lyt-group: 15;
  }
  ._xs-15:where(._row[class*=_avg-]) > *:nth-of-type(15n),
  ._xs-15:where(._row) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-inline-end: 0;
  }
  ._xs-15:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._xs-15:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-15:where(._col[class*=_avg-]) > *:nth-of-type(15n),
  ._xs-15:where(._col) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-block-end: 0;
  }
  ._xs-15:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._xs-15:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._xs-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._xs-16 {
    --_lyt-group: 16;
  }
  ._xs-16:where(._row[class*=_avg-]) > *:nth-of-type(16n),
  ._xs-16:where(._row) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-inline-end: 0;
  }
  ._xs-16:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._xs-16:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-16:where(._col[class*=_avg-]) > *:nth-of-type(16n),
  ._xs-16:where(._col) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-block-end: 0;
  }
  ._xs-16:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._xs-16:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._xs-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._xs-17 {
    --_lyt-group: 17;
  }
  ._xs-17:where(._row[class*=_avg-]) > *:nth-of-type(17n),
  ._xs-17:where(._row) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-inline-end: 0;
  }
  ._xs-17:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._xs-17:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-17:where(._col[class*=_avg-]) > *:nth-of-type(17n),
  ._xs-17:where(._col) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-block-end: 0;
  }
  ._xs-17:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._xs-17:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._xs-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._xs-18 {
    --_lyt-group: 18;
  }
  ._xs-18:where(._row[class*=_avg-]) > *:nth-of-type(18n),
  ._xs-18:where(._row) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-inline-end: 0;
  }
  ._xs-18:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._xs-18:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-18:where(._col[class*=_avg-]) > *:nth-of-type(18n),
  ._xs-18:where(._col) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-block-end: 0;
  }
  ._xs-18:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._xs-18:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._xs-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._xs-19 {
    --_lyt-group: 19;
  }
  ._xs-19:where(._row[class*=_avg-]) > *:nth-of-type(19n),
  ._xs-19:where(._row) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-inline-end: 0;
  }
  ._xs-19:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._xs-19:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-19:where(._col[class*=_avg-]) > *:nth-of-type(19n),
  ._xs-19:where(._col) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-block-end: 0;
  }
  ._xs-19:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._xs-19:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._xs-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._xs-20 {
    --_lyt-group: 20;
  }
  ._xs-20:where(._row[class*=_avg-]) > *:nth-of-type(20n),
  ._xs-20:where(._row) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-inline-end: 0;
  }
  ._xs-20:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._xs-20:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-20:where(._col[class*=_avg-]) > *:nth-of-type(20n),
  ._xs-20:where(._col) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-block-end: 0;
  }
  ._xs-20:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._xs-20:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._xs-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._xs-21 {
    --_lyt-group: 21;
  }
  ._xs-21:where(._row[class*=_avg-]) > *:nth-of-type(21n),
  ._xs-21:where(._row) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-inline-end: 0;
  }
  ._xs-21:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._xs-21:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-21:where(._col[class*=_avg-]) > *:nth-of-type(21n),
  ._xs-21:where(._col) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-block-end: 0;
  }
  ._xs-21:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._xs-21:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._xs-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._xs-22 {
    --_lyt-group: 22;
  }
  ._xs-22:where(._row[class*=_avg-]) > *:nth-of-type(22n),
  ._xs-22:where(._row) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-inline-end: 0;
  }
  ._xs-22:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._xs-22:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-22:where(._col[class*=_avg-]) > *:nth-of-type(22n),
  ._xs-22:where(._col) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-block-end: 0;
  }
  ._xs-22:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._xs-22:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._xs-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._xs-23 {
    --_lyt-group: 23;
  }
  ._xs-23:where(._row[class*=_avg-]) > *:nth-of-type(23n),
  ._xs-23:where(._row) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-inline-end: 0;
  }
  ._xs-23:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._xs-23:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-23:where(._col[class*=_avg-]) > *:nth-of-type(23n),
  ._xs-23:where(._col) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-block-end: 0;
  }
  ._xs-23:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._xs-23:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._xs-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._xs-24 {
    --_lyt-group: 24;
  }
  ._xs-24:where(._row[class*=_avg-]) > *:nth-of-type(24n),
  ._xs-24:where(._row) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-inline-end: 0;
  }
  ._xs-24:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._xs-24:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xs-24:where(._col[class*=_avg-]) > *:nth-of-type(24n),
  ._xs-24:where(._col) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-block-end: 0;
  }
  ._xs-24:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._xs-24:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xs-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._xs-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  :where([class*=_xs-]) > [class*=_flex] {
    --_flex-grow: 0;
    --_flex-shrink: 0;
  }
  ._row:where([class*=_xs-]),
  ._col:where([class*=_xs-]) {
    flex-wrap: wrap;
  }
  ._row:where([class*=_xs-]) > *:is([class*=_flex]),
  ._col:where([class*=_xs-]) > *:is([class*=_flex]) {
    --_flex-basis: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._row:where([class*=_xs-]):is([class*=_avg-]) > *,
  ._row:where([class*=_xs-]) > *:is([class*=_own]) {
    width: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._col:where([class*=_xs-]):is([class*=_avg-]) > *,
  ._col:where([class*=_xs-]) > *:is([class*=_own-]) {
    height: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._masonry:where(._xs-1) {
    --_msnry-cols: 1;
  }
  ._masonry:where(._xs-2) {
    --_msnry-cols: 2;
  }
  ._masonry:where(._xs-3) {
    --_msnry-cols: 3;
  }
  ._masonry:where(._xs-4) {
    --_msnry-cols: 4;
  }
  ._masonry:where(._xs-5) {
    --_msnry-cols: 5;
  }
  ._masonry:where(._xs-6) {
    --_msnry-cols: 6;
  }
  ._masonry:where(._xs-7) {
    --_msnry-cols: 7;
  }
  ._masonry:where(._xs-8) {
    --_msnry-cols: 8;
  }
  ._masonry:where(._xs-9) {
    --_msnry-cols: 9;
  }
  ._masonry:where(._xs-10) {
    --_msnry-cols: 10;
  }
  ._masonry:where(._xs-11) {
    --_msnry-cols: 11;
  }
  ._masonry:where(._xs-12) {
    --_msnry-cols: 12;
  }
  ._masonry:where(._xs-13) {
    --_msnry-cols: 13;
  }
  ._masonry:where(._xs-14) {
    --_msnry-cols: 14;
  }
  ._masonry:where(._xs-15) {
    --_msnry-cols: 15;
  }
  ._masonry:where(._xs-16) {
    --_msnry-cols: 16;
  }
  ._masonry:where(._xs-17) {
    --_msnry-cols: 17;
  }
  ._masonry:where(._xs-18) {
    --_msnry-cols: 18;
  }
  ._masonry:where(._xs-19) {
    --_msnry-cols: 19;
  }
  ._masonry:where(._xs-20) {
    --_msnry-cols: 20;
  }
  ._masonry:where(._xs-21) {
    --_msnry-cols: 21;
  }
  ._masonry:where(._xs-22) {
    --_msnry-cols: 22;
  }
  ._masonry:where(._xs-23) {
    --_msnry-cols: 23;
  }
  ._masonry:where(._xs-24) {
    --_msnry-cols: 24;
  }
  ._scroller {
    height: var(--_xxs-h);
    width: var(--_xs-w);
  }
  table {
    width: var(--_xs-w);
  }
}
/* sm->Tablet & flip */
@media (min-width: 900px) and (max-width: 1199px) {
  :root {
    --_screen: sm;
  }
  *._split-sm,
  ._row:where(._split-sm),
  ._col:where(._split-sm),
  ._grid:where(._split-sm) {
    display: block;
  }
  *._split-sm > *,
  ._row:where(._split-sm) > *,
  ._col:where(._split-sm) > *,
  ._grid:where(._split-sm) > * {
    width: auto;
    height: auto;
  }
  *._split-sm > *:where(:not(:last-child)),
  ._row:where(._split-sm) > *:where(:not(:last-child)),
  ._col:where(._split-sm) > *:where(:not(:last-child)),
  ._grid:where(._split-sm) > *:where(:not(:last-child)) {
    margin-block-end: var(--_lyt-g);
  }
  [class*=_container]:where(:not(._container-full)):where(:not(._sm-full)) {
    --_container-w: var(--_sm-w, var(--_container-resp));
    --_container-resp: var(--_w-sm);
  }
  [class*=_container]:where(:not(._container-full)):where(._sm-full) {
    width: 100%;
  }
  ._hide-sm {
    display: none;
  }
  ._grid[class*=_sm-] {
    --_lyt-avg: var(--_lyt-group);
  }
  ._sm-1 {
    --_lyt-group: 1;
  }
  ._sm-1:where(._row[class*=_avg-]) > *:nth-of-type(1n),
  ._sm-1:where(._row) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-inline-end: 0;
  }
  ._sm-1:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._sm-1:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-1:where(._col[class*=_avg-]) > *:nth-of-type(1n),
  ._sm-1:where(._col) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-block-end: 0;
  }
  ._sm-1:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._sm-1:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._sm-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._sm-2 {
    --_lyt-group: 2;
  }
  ._sm-2:where(._row[class*=_avg-]) > *:nth-of-type(2n),
  ._sm-2:where(._row) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-inline-end: 0;
  }
  ._sm-2:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._sm-2:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-2:where(._col[class*=_avg-]) > *:nth-of-type(2n),
  ._sm-2:where(._col) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-block-end: 0;
  }
  ._sm-2:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._sm-2:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._sm-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._sm-3 {
    --_lyt-group: 3;
  }
  ._sm-3:where(._row[class*=_avg-]) > *:nth-of-type(3n),
  ._sm-3:where(._row) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-inline-end: 0;
  }
  ._sm-3:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._sm-3:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-3:where(._col[class*=_avg-]) > *:nth-of-type(3n),
  ._sm-3:where(._col) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-block-end: 0;
  }
  ._sm-3:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._sm-3:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._sm-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._sm-4 {
    --_lyt-group: 4;
  }
  ._sm-4:where(._row[class*=_avg-]) > *:nth-of-type(4n),
  ._sm-4:where(._row) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-inline-end: 0;
  }
  ._sm-4:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._sm-4:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-4:where(._col[class*=_avg-]) > *:nth-of-type(4n),
  ._sm-4:where(._col) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-block-end: 0;
  }
  ._sm-4:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._sm-4:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._sm-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._sm-5 {
    --_lyt-group: 5;
  }
  ._sm-5:where(._row[class*=_avg-]) > *:nth-of-type(5n),
  ._sm-5:where(._row) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-inline-end: 0;
  }
  ._sm-5:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._sm-5:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-5:where(._col[class*=_avg-]) > *:nth-of-type(5n),
  ._sm-5:where(._col) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-block-end: 0;
  }
  ._sm-5:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._sm-5:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._sm-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._sm-6 {
    --_lyt-group: 6;
  }
  ._sm-6:where(._row[class*=_avg-]) > *:nth-of-type(6n),
  ._sm-6:where(._row) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-inline-end: 0;
  }
  ._sm-6:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._sm-6:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-6:where(._col[class*=_avg-]) > *:nth-of-type(6n),
  ._sm-6:where(._col) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-block-end: 0;
  }
  ._sm-6:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._sm-6:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._sm-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._sm-7 {
    --_lyt-group: 7;
  }
  ._sm-7:where(._row[class*=_avg-]) > *:nth-of-type(7n),
  ._sm-7:where(._row) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-inline-end: 0;
  }
  ._sm-7:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._sm-7:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-7:where(._col[class*=_avg-]) > *:nth-of-type(7n),
  ._sm-7:where(._col) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-block-end: 0;
  }
  ._sm-7:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._sm-7:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._sm-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._sm-8 {
    --_lyt-group: 8;
  }
  ._sm-8:where(._row[class*=_avg-]) > *:nth-of-type(8n),
  ._sm-8:where(._row) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-inline-end: 0;
  }
  ._sm-8:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._sm-8:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-8:where(._col[class*=_avg-]) > *:nth-of-type(8n),
  ._sm-8:where(._col) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-block-end: 0;
  }
  ._sm-8:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._sm-8:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._sm-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._sm-9 {
    --_lyt-group: 9;
  }
  ._sm-9:where(._row[class*=_avg-]) > *:nth-of-type(9n),
  ._sm-9:where(._row) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-inline-end: 0;
  }
  ._sm-9:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._sm-9:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-9:where(._col[class*=_avg-]) > *:nth-of-type(9n),
  ._sm-9:where(._col) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-block-end: 0;
  }
  ._sm-9:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._sm-9:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._sm-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._sm-10 {
    --_lyt-group: 10;
  }
  ._sm-10:where(._row[class*=_avg-]) > *:nth-of-type(10n),
  ._sm-10:where(._row) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-inline-end: 0;
  }
  ._sm-10:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._sm-10:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-10:where(._col[class*=_avg-]) > *:nth-of-type(10n),
  ._sm-10:where(._col) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-block-end: 0;
  }
  ._sm-10:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._sm-10:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._sm-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._sm-11 {
    --_lyt-group: 11;
  }
  ._sm-11:where(._row[class*=_avg-]) > *:nth-of-type(11n),
  ._sm-11:where(._row) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-inline-end: 0;
  }
  ._sm-11:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._sm-11:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-11:where(._col[class*=_avg-]) > *:nth-of-type(11n),
  ._sm-11:where(._col) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-block-end: 0;
  }
  ._sm-11:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._sm-11:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._sm-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._sm-12 {
    --_lyt-group: 12;
  }
  ._sm-12:where(._row[class*=_avg-]) > *:nth-of-type(12n),
  ._sm-12:where(._row) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-inline-end: 0;
  }
  ._sm-12:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._sm-12:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-12:where(._col[class*=_avg-]) > *:nth-of-type(12n),
  ._sm-12:where(._col) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-block-end: 0;
  }
  ._sm-12:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._sm-12:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._sm-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._sm-13 {
    --_lyt-group: 13;
  }
  ._sm-13:where(._row[class*=_avg-]) > *:nth-of-type(13n),
  ._sm-13:where(._row) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-inline-end: 0;
  }
  ._sm-13:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._sm-13:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-13:where(._col[class*=_avg-]) > *:nth-of-type(13n),
  ._sm-13:where(._col) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-block-end: 0;
  }
  ._sm-13:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._sm-13:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._sm-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._sm-14 {
    --_lyt-group: 14;
  }
  ._sm-14:where(._row[class*=_avg-]) > *:nth-of-type(14n),
  ._sm-14:where(._row) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-inline-end: 0;
  }
  ._sm-14:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._sm-14:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-14:where(._col[class*=_avg-]) > *:nth-of-type(14n),
  ._sm-14:where(._col) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-block-end: 0;
  }
  ._sm-14:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._sm-14:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._sm-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._sm-15 {
    --_lyt-group: 15;
  }
  ._sm-15:where(._row[class*=_avg-]) > *:nth-of-type(15n),
  ._sm-15:where(._row) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-inline-end: 0;
  }
  ._sm-15:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._sm-15:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-15:where(._col[class*=_avg-]) > *:nth-of-type(15n),
  ._sm-15:where(._col) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-block-end: 0;
  }
  ._sm-15:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._sm-15:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._sm-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._sm-16 {
    --_lyt-group: 16;
  }
  ._sm-16:where(._row[class*=_avg-]) > *:nth-of-type(16n),
  ._sm-16:where(._row) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-inline-end: 0;
  }
  ._sm-16:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._sm-16:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-16:where(._col[class*=_avg-]) > *:nth-of-type(16n),
  ._sm-16:where(._col) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-block-end: 0;
  }
  ._sm-16:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._sm-16:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._sm-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._sm-17 {
    --_lyt-group: 17;
  }
  ._sm-17:where(._row[class*=_avg-]) > *:nth-of-type(17n),
  ._sm-17:where(._row) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-inline-end: 0;
  }
  ._sm-17:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._sm-17:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-17:where(._col[class*=_avg-]) > *:nth-of-type(17n),
  ._sm-17:where(._col) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-block-end: 0;
  }
  ._sm-17:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._sm-17:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._sm-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._sm-18 {
    --_lyt-group: 18;
  }
  ._sm-18:where(._row[class*=_avg-]) > *:nth-of-type(18n),
  ._sm-18:where(._row) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-inline-end: 0;
  }
  ._sm-18:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._sm-18:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-18:where(._col[class*=_avg-]) > *:nth-of-type(18n),
  ._sm-18:where(._col) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-block-end: 0;
  }
  ._sm-18:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._sm-18:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._sm-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._sm-19 {
    --_lyt-group: 19;
  }
  ._sm-19:where(._row[class*=_avg-]) > *:nth-of-type(19n),
  ._sm-19:where(._row) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-inline-end: 0;
  }
  ._sm-19:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._sm-19:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-19:where(._col[class*=_avg-]) > *:nth-of-type(19n),
  ._sm-19:where(._col) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-block-end: 0;
  }
  ._sm-19:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._sm-19:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._sm-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._sm-20 {
    --_lyt-group: 20;
  }
  ._sm-20:where(._row[class*=_avg-]) > *:nth-of-type(20n),
  ._sm-20:where(._row) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-inline-end: 0;
  }
  ._sm-20:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._sm-20:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-20:where(._col[class*=_avg-]) > *:nth-of-type(20n),
  ._sm-20:where(._col) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-block-end: 0;
  }
  ._sm-20:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._sm-20:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._sm-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._sm-21 {
    --_lyt-group: 21;
  }
  ._sm-21:where(._row[class*=_avg-]) > *:nth-of-type(21n),
  ._sm-21:where(._row) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-inline-end: 0;
  }
  ._sm-21:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._sm-21:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-21:where(._col[class*=_avg-]) > *:nth-of-type(21n),
  ._sm-21:where(._col) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-block-end: 0;
  }
  ._sm-21:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._sm-21:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._sm-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._sm-22 {
    --_lyt-group: 22;
  }
  ._sm-22:where(._row[class*=_avg-]) > *:nth-of-type(22n),
  ._sm-22:where(._row) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-inline-end: 0;
  }
  ._sm-22:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._sm-22:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-22:where(._col[class*=_avg-]) > *:nth-of-type(22n),
  ._sm-22:where(._col) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-block-end: 0;
  }
  ._sm-22:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._sm-22:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._sm-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._sm-23 {
    --_lyt-group: 23;
  }
  ._sm-23:where(._row[class*=_avg-]) > *:nth-of-type(23n),
  ._sm-23:where(._row) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-inline-end: 0;
  }
  ._sm-23:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._sm-23:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-23:where(._col[class*=_avg-]) > *:nth-of-type(23n),
  ._sm-23:where(._col) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-block-end: 0;
  }
  ._sm-23:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._sm-23:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._sm-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._sm-24 {
    --_lyt-group: 24;
  }
  ._sm-24:where(._row[class*=_avg-]) > *:nth-of-type(24n),
  ._sm-24:where(._row) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-inline-end: 0;
  }
  ._sm-24:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._sm-24:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-block-start: var(--_lyt-g);
  }
  ._sm-24:where(._col[class*=_avg-]) > *:nth-of-type(24n),
  ._sm-24:where(._col) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-block-end: 0;
  }
  ._sm-24:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._sm-24:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._sm-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._sm-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  :where([class*=_sm-]) > [class*=_flex] {
    --_flex-grow: 0;
    --_flex-shrink: 0;
  }
  ._row:where([class*=_sm-]),
  ._col:where([class*=_sm-]) {
    flex-wrap: wrap;
  }
  ._row:where([class*=_sm-]) > *:is([class*=_flex]),
  ._col:where([class*=_sm-]) > *:is([class*=_flex]) {
    --_flex-basis: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._row:where([class*=_sm-]):is([class*=_avg-]) > *,
  ._row:where([class*=_sm-]) > *:is([class*=_own]) {
    width: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._col:where([class*=_sm-]):is([class*=_avg-]) > *,
  ._col:where([class*=_sm-]) > *:is([class*=_own-]) {
    height: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._masonry {
    --_msnry-cols: 3;
  }
  ._masonry:where(._sm-1) {
    --_msnry-cols: 1;
  }
  ._masonry:where(._sm-2) {
    --_msnry-cols: 2;
  }
  ._masonry:where(._sm-3) {
    --_msnry-cols: 3;
  }
  ._masonry:where(._sm-4) {
    --_msnry-cols: 4;
  }
  ._masonry:where(._sm-5) {
    --_msnry-cols: 5;
  }
  ._masonry:where(._sm-6) {
    --_msnry-cols: 6;
  }
  ._masonry:where(._sm-7) {
    --_msnry-cols: 7;
  }
  ._masonry:where(._sm-8) {
    --_msnry-cols: 8;
  }
  ._masonry:where(._sm-9) {
    --_msnry-cols: 9;
  }
  ._masonry:where(._sm-10) {
    --_msnry-cols: 10;
  }
  ._masonry:where(._sm-11) {
    --_msnry-cols: 11;
  }
  ._masonry:where(._sm-12) {
    --_msnry-cols: 12;
  }
  ._masonry:where(._sm-13) {
    --_msnry-cols: 13;
  }
  ._masonry:where(._sm-14) {
    --_msnry-cols: 14;
  }
  ._masonry:where(._sm-15) {
    --_msnry-cols: 15;
  }
  ._masonry:where(._sm-16) {
    --_msnry-cols: 16;
  }
  ._masonry:where(._sm-17) {
    --_msnry-cols: 17;
  }
  ._masonry:where(._sm-18) {
    --_msnry-cols: 18;
  }
  ._masonry:where(._sm-19) {
    --_msnry-cols: 19;
  }
  ._masonry:where(._sm-20) {
    --_msnry-cols: 20;
  }
  ._masonry:where(._sm-21) {
    --_msnry-cols: 21;
  }
  ._masonry:where(._sm-22) {
    --_msnry-cols: 22;
  }
  ._masonry:where(._sm-23) {
    --_msnry-cols: 23;
  }
  ._masonry:where(._sm-24) {
    --_msnry-cols: 24;
  }
  ._scroller {
    height: var(--_sm-h);
    width: var(--_sm-w);
  }
  table {
    width: var(--_sm-w);
  }
}
/* md->Tablet flip */
@media (min-width: 1200px) and (max-width: 1535px) and (hover: none) {
  :root {
    --_screen: md;
  }
  *._split-md,
  ._row:where(._split-md),
  ._col:where(._split-md),
  ._grid:where(._split-md) {
    display: block;
  }
  *._split-md > *,
  ._row:where(._split-md) > *,
  ._col:where(._split-md) > *,
  ._grid:where(._split-md) > * {
    width: auto;
    height: auto;
  }
  *._split-md > *:where(:not(:last-child)),
  ._row:where(._split-md) > *:where(:not(:last-child)),
  ._col:where(._split-md) > *:where(:not(:last-child)),
  ._grid:where(._split-md) > *:where(:not(:last-child)) {
    margin-block-end: var(--_lyt-g);
  }
  [class*=_container]:where(:not(._container-full)):where(:not(._md-full)) {
    --_container-w: var(--_md-w, var(--_container-resp));
    --_container-resp: var(--_w-md);
  }
  [class*=_container]:where(:not(._container-full)):where(._md-full) {
    width: 100%;
  }
  ._hide-md {
    display: none;
  }
  ._grid[class*=_md-] {
    --_lyt-avg: var(--_lyt-group);
  }
  ._md-1 {
    --_lyt-group: 1;
  }
  ._md-1:where(._row[class*=_avg-]) > *:nth-of-type(1n),
  ._md-1:where(._row) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-inline-end: 0;
  }
  ._md-1:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._md-1:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-1:where(._col[class*=_avg-]) > *:nth-of-type(1n),
  ._md-1:where(._col) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-block-end: 0;
  }
  ._md-1:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._md-1:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._md-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._md-2 {
    --_lyt-group: 2;
  }
  ._md-2:where(._row[class*=_avg-]) > *:nth-of-type(2n),
  ._md-2:where(._row) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-inline-end: 0;
  }
  ._md-2:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._md-2:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-2:where(._col[class*=_avg-]) > *:nth-of-type(2n),
  ._md-2:where(._col) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-block-end: 0;
  }
  ._md-2:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._md-2:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._md-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._md-3 {
    --_lyt-group: 3;
  }
  ._md-3:where(._row[class*=_avg-]) > *:nth-of-type(3n),
  ._md-3:where(._row) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-inline-end: 0;
  }
  ._md-3:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._md-3:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-3:where(._col[class*=_avg-]) > *:nth-of-type(3n),
  ._md-3:where(._col) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-block-end: 0;
  }
  ._md-3:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._md-3:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._md-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._md-4 {
    --_lyt-group: 4;
  }
  ._md-4:where(._row[class*=_avg-]) > *:nth-of-type(4n),
  ._md-4:where(._row) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-inline-end: 0;
  }
  ._md-4:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._md-4:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-4:where(._col[class*=_avg-]) > *:nth-of-type(4n),
  ._md-4:where(._col) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-block-end: 0;
  }
  ._md-4:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._md-4:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._md-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._md-5 {
    --_lyt-group: 5;
  }
  ._md-5:where(._row[class*=_avg-]) > *:nth-of-type(5n),
  ._md-5:where(._row) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-inline-end: 0;
  }
  ._md-5:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._md-5:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-5:where(._col[class*=_avg-]) > *:nth-of-type(5n),
  ._md-5:where(._col) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-block-end: 0;
  }
  ._md-5:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._md-5:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._md-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._md-6 {
    --_lyt-group: 6;
  }
  ._md-6:where(._row[class*=_avg-]) > *:nth-of-type(6n),
  ._md-6:where(._row) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-inline-end: 0;
  }
  ._md-6:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._md-6:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-6:where(._col[class*=_avg-]) > *:nth-of-type(6n),
  ._md-6:where(._col) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-block-end: 0;
  }
  ._md-6:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._md-6:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._md-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._md-7 {
    --_lyt-group: 7;
  }
  ._md-7:where(._row[class*=_avg-]) > *:nth-of-type(7n),
  ._md-7:where(._row) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-inline-end: 0;
  }
  ._md-7:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._md-7:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-7:where(._col[class*=_avg-]) > *:nth-of-type(7n),
  ._md-7:where(._col) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-block-end: 0;
  }
  ._md-7:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._md-7:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._md-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._md-8 {
    --_lyt-group: 8;
  }
  ._md-8:where(._row[class*=_avg-]) > *:nth-of-type(8n),
  ._md-8:where(._row) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-inline-end: 0;
  }
  ._md-8:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._md-8:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-8:where(._col[class*=_avg-]) > *:nth-of-type(8n),
  ._md-8:where(._col) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-block-end: 0;
  }
  ._md-8:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._md-8:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._md-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._md-9 {
    --_lyt-group: 9;
  }
  ._md-9:where(._row[class*=_avg-]) > *:nth-of-type(9n),
  ._md-9:where(._row) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-inline-end: 0;
  }
  ._md-9:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._md-9:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-9:where(._col[class*=_avg-]) > *:nth-of-type(9n),
  ._md-9:where(._col) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-block-end: 0;
  }
  ._md-9:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._md-9:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._md-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._md-10 {
    --_lyt-group: 10;
  }
  ._md-10:where(._row[class*=_avg-]) > *:nth-of-type(10n),
  ._md-10:where(._row) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-inline-end: 0;
  }
  ._md-10:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._md-10:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-10:where(._col[class*=_avg-]) > *:nth-of-type(10n),
  ._md-10:where(._col) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-block-end: 0;
  }
  ._md-10:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._md-10:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._md-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._md-11 {
    --_lyt-group: 11;
  }
  ._md-11:where(._row[class*=_avg-]) > *:nth-of-type(11n),
  ._md-11:where(._row) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-inline-end: 0;
  }
  ._md-11:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._md-11:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-11:where(._col[class*=_avg-]) > *:nth-of-type(11n),
  ._md-11:where(._col) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-block-end: 0;
  }
  ._md-11:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._md-11:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._md-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._md-12 {
    --_lyt-group: 12;
  }
  ._md-12:where(._row[class*=_avg-]) > *:nth-of-type(12n),
  ._md-12:where(._row) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-inline-end: 0;
  }
  ._md-12:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._md-12:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-12:where(._col[class*=_avg-]) > *:nth-of-type(12n),
  ._md-12:where(._col) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-block-end: 0;
  }
  ._md-12:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._md-12:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._md-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._md-13 {
    --_lyt-group: 13;
  }
  ._md-13:where(._row[class*=_avg-]) > *:nth-of-type(13n),
  ._md-13:where(._row) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-inline-end: 0;
  }
  ._md-13:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._md-13:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-13:where(._col[class*=_avg-]) > *:nth-of-type(13n),
  ._md-13:where(._col) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-block-end: 0;
  }
  ._md-13:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._md-13:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._md-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._md-14 {
    --_lyt-group: 14;
  }
  ._md-14:where(._row[class*=_avg-]) > *:nth-of-type(14n),
  ._md-14:where(._row) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-inline-end: 0;
  }
  ._md-14:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._md-14:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-14:where(._col[class*=_avg-]) > *:nth-of-type(14n),
  ._md-14:where(._col) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-block-end: 0;
  }
  ._md-14:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._md-14:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._md-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._md-15 {
    --_lyt-group: 15;
  }
  ._md-15:where(._row[class*=_avg-]) > *:nth-of-type(15n),
  ._md-15:where(._row) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-inline-end: 0;
  }
  ._md-15:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._md-15:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-15:where(._col[class*=_avg-]) > *:nth-of-type(15n),
  ._md-15:where(._col) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-block-end: 0;
  }
  ._md-15:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._md-15:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._md-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._md-16 {
    --_lyt-group: 16;
  }
  ._md-16:where(._row[class*=_avg-]) > *:nth-of-type(16n),
  ._md-16:where(._row) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-inline-end: 0;
  }
  ._md-16:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._md-16:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-16:where(._col[class*=_avg-]) > *:nth-of-type(16n),
  ._md-16:where(._col) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-block-end: 0;
  }
  ._md-16:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._md-16:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._md-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._md-17 {
    --_lyt-group: 17;
  }
  ._md-17:where(._row[class*=_avg-]) > *:nth-of-type(17n),
  ._md-17:where(._row) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-inline-end: 0;
  }
  ._md-17:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._md-17:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-17:where(._col[class*=_avg-]) > *:nth-of-type(17n),
  ._md-17:where(._col) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-block-end: 0;
  }
  ._md-17:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._md-17:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._md-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._md-18 {
    --_lyt-group: 18;
  }
  ._md-18:where(._row[class*=_avg-]) > *:nth-of-type(18n),
  ._md-18:where(._row) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-inline-end: 0;
  }
  ._md-18:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._md-18:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-18:where(._col[class*=_avg-]) > *:nth-of-type(18n),
  ._md-18:where(._col) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-block-end: 0;
  }
  ._md-18:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._md-18:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._md-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._md-19 {
    --_lyt-group: 19;
  }
  ._md-19:where(._row[class*=_avg-]) > *:nth-of-type(19n),
  ._md-19:where(._row) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-inline-end: 0;
  }
  ._md-19:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._md-19:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-19:where(._col[class*=_avg-]) > *:nth-of-type(19n),
  ._md-19:where(._col) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-block-end: 0;
  }
  ._md-19:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._md-19:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._md-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._md-20 {
    --_lyt-group: 20;
  }
  ._md-20:where(._row[class*=_avg-]) > *:nth-of-type(20n),
  ._md-20:where(._row) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-inline-end: 0;
  }
  ._md-20:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._md-20:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-20:where(._col[class*=_avg-]) > *:nth-of-type(20n),
  ._md-20:where(._col) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-block-end: 0;
  }
  ._md-20:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._md-20:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._md-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._md-21 {
    --_lyt-group: 21;
  }
  ._md-21:where(._row[class*=_avg-]) > *:nth-of-type(21n),
  ._md-21:where(._row) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-inline-end: 0;
  }
  ._md-21:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._md-21:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-21:where(._col[class*=_avg-]) > *:nth-of-type(21n),
  ._md-21:where(._col) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-block-end: 0;
  }
  ._md-21:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._md-21:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._md-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._md-22 {
    --_lyt-group: 22;
  }
  ._md-22:where(._row[class*=_avg-]) > *:nth-of-type(22n),
  ._md-22:where(._row) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-inline-end: 0;
  }
  ._md-22:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._md-22:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-22:where(._col[class*=_avg-]) > *:nth-of-type(22n),
  ._md-22:where(._col) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-block-end: 0;
  }
  ._md-22:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._md-22:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._md-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._md-23 {
    --_lyt-group: 23;
  }
  ._md-23:where(._row[class*=_avg-]) > *:nth-of-type(23n),
  ._md-23:where(._row) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-inline-end: 0;
  }
  ._md-23:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._md-23:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-23:where(._col[class*=_avg-]) > *:nth-of-type(23n),
  ._md-23:where(._col) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-block-end: 0;
  }
  ._md-23:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._md-23:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._md-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._md-24 {
    --_lyt-group: 24;
  }
  ._md-24:where(._row[class*=_avg-]) > *:nth-of-type(24n),
  ._md-24:where(._row) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-inline-end: 0;
  }
  ._md-24:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._md-24:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-block-start: var(--_lyt-g);
  }
  ._md-24:where(._col[class*=_avg-]) > *:nth-of-type(24n),
  ._md-24:where(._col) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-block-end: 0;
  }
  ._md-24:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._md-24:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._md-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._md-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  :where([class*=_md-]) > [class*=_flex] {
    --_flex-grow: 0;
    --_flex-shrink: 0;
  }
  ._row:where([class*=_md-]),
  ._col:where([class*=_md-]) {
    flex-wrap: wrap;
  }
  ._row:where([class*=_md-]) > *:is([class*=_flex]),
  ._col:where([class*=_md-]) > *:is([class*=_flex]) {
    --_flex-basis: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._row:where([class*=_md-]):is([class*=_avg-]) > *,
  ._row:where([class*=_md-]) > *:is([class*=_own]) {
    width: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._col:where([class*=_md-]):is([class*=_avg-]) > *,
  ._col:where([class*=_md-]) > *:is([class*=_own-]) {
    height: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._masonry {
    --_msnry-cols: 3;
  }
  ._masonry:where(._md-1) {
    --_msnry-cols: 1;
  }
  ._masonry:where(._md-2) {
    --_msnry-cols: 2;
  }
  ._masonry:where(._md-3) {
    --_msnry-cols: 3;
  }
  ._masonry:where(._md-4) {
    --_msnry-cols: 4;
  }
  ._masonry:where(._md-5) {
    --_msnry-cols: 5;
  }
  ._masonry:where(._md-6) {
    --_msnry-cols: 6;
  }
  ._masonry:where(._md-7) {
    --_msnry-cols: 7;
  }
  ._masonry:where(._md-8) {
    --_msnry-cols: 8;
  }
  ._masonry:where(._md-9) {
    --_msnry-cols: 9;
  }
  ._masonry:where(._md-10) {
    --_msnry-cols: 10;
  }
  ._masonry:where(._md-11) {
    --_msnry-cols: 11;
  }
  ._masonry:where(._md-12) {
    --_msnry-cols: 12;
  }
  ._masonry:where(._md-13) {
    --_msnry-cols: 13;
  }
  ._masonry:where(._md-14) {
    --_msnry-cols: 14;
  }
  ._masonry:where(._md-15) {
    --_msnry-cols: 15;
  }
  ._masonry:where(._md-16) {
    --_msnry-cols: 16;
  }
  ._masonry:where(._md-17) {
    --_msnry-cols: 17;
  }
  ._masonry:where(._md-18) {
    --_msnry-cols: 18;
  }
  ._masonry:where(._md-19) {
    --_msnry-cols: 19;
  }
  ._masonry:where(._md-20) {
    --_msnry-cols: 20;
  }
  ._masonry:where(._md-21) {
    --_msnry-cols: 21;
  }
  ._masonry:where(._md-22) {
    --_msnry-cols: 22;
  }
  ._masonry:where(._md-23) {
    --_msnry-cols: 23;
  }
  ._masonry:where(._md-24) {
    --_msnry-cols: 24;
  }
  ._scroller {
    height: var(--_md-h);
    width: var(--_md-w);
  }
  table {
    width: var(--_md-w);
  }
}
/* lg->Desktop >=1560 (1920*1080) */
@media (min-width: 1200px) and (max-width: 1535px) and (hover: hover), (min-width: 1536px) and (max-width: 2499px) {
  :root {
    --_screen: lg;
    --_isnarrow: 0;
  }
  *._split-lg,
  ._row:where(._split-lg),
  ._col:where(._split-lg),
  ._grid:where(._split-lg) {
    display: block;
  }
  *._split-lg > *,
  ._row:where(._split-lg) > *,
  ._col:where(._split-lg) > *,
  ._grid:where(._split-lg) > * {
    width: auto;
    height: auto;
  }
  *._split-lg > *:where(:not(:last-child)),
  ._row:where(._split-lg) > *:where(:not(:last-child)),
  ._col:where(._split-lg) > *:where(:not(:last-child)),
  ._grid:where(._split-lg) > *:where(:not(:last-child)) {
    margin-block-end: var(--_lyt-g);
  }
  [class*=_container]:where(:not(._container-full)):where(:not(._lg-full)) {
    --_container-w: var(--_lg-w, var(--_container-resp));
    --_container-resp: var(--_w-lg);
  }
  [class*=_container]:where(:not(._container-full)):where(._lg-full) {
    width: 100%;
  }
  ._hide-lg {
    display: none;
  }
  ._grid[class*=_lg-] {
    --_lyt-avg: var(--_lyt-group);
  }
  ._lg-1 {
    --_lyt-group: 1;
  }
  ._lg-1:where(._row[class*=_avg-]) > *:nth-of-type(1n),
  ._lg-1:where(._row) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-inline-end: 0;
  }
  ._lg-1:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._lg-1:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-1:where(._col[class*=_avg-]) > *:nth-of-type(1n),
  ._lg-1:where(._col) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-block-end: 0;
  }
  ._lg-1:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._lg-1:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._lg-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._lg-2 {
    --_lyt-group: 2;
  }
  ._lg-2:where(._row[class*=_avg-]) > *:nth-of-type(2n),
  ._lg-2:where(._row) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-inline-end: 0;
  }
  ._lg-2:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._lg-2:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-2:where(._col[class*=_avg-]) > *:nth-of-type(2n),
  ._lg-2:where(._col) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-block-end: 0;
  }
  ._lg-2:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._lg-2:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._lg-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._lg-3 {
    --_lyt-group: 3;
  }
  ._lg-3:where(._row[class*=_avg-]) > *:nth-of-type(3n),
  ._lg-3:where(._row) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-inline-end: 0;
  }
  ._lg-3:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._lg-3:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-3:where(._col[class*=_avg-]) > *:nth-of-type(3n),
  ._lg-3:where(._col) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-block-end: 0;
  }
  ._lg-3:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._lg-3:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._lg-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._lg-4 {
    --_lyt-group: 4;
  }
  ._lg-4:where(._row[class*=_avg-]) > *:nth-of-type(4n),
  ._lg-4:where(._row) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-inline-end: 0;
  }
  ._lg-4:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._lg-4:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-4:where(._col[class*=_avg-]) > *:nth-of-type(4n),
  ._lg-4:where(._col) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-block-end: 0;
  }
  ._lg-4:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._lg-4:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._lg-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._lg-5 {
    --_lyt-group: 5;
  }
  ._lg-5:where(._row[class*=_avg-]) > *:nth-of-type(5n),
  ._lg-5:where(._row) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-inline-end: 0;
  }
  ._lg-5:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._lg-5:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-5:where(._col[class*=_avg-]) > *:nth-of-type(5n),
  ._lg-5:where(._col) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-block-end: 0;
  }
  ._lg-5:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._lg-5:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._lg-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._lg-6 {
    --_lyt-group: 6;
  }
  ._lg-6:where(._row[class*=_avg-]) > *:nth-of-type(6n),
  ._lg-6:where(._row) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-inline-end: 0;
  }
  ._lg-6:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._lg-6:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-6:where(._col[class*=_avg-]) > *:nth-of-type(6n),
  ._lg-6:where(._col) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-block-end: 0;
  }
  ._lg-6:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._lg-6:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._lg-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._lg-7 {
    --_lyt-group: 7;
  }
  ._lg-7:where(._row[class*=_avg-]) > *:nth-of-type(7n),
  ._lg-7:where(._row) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-inline-end: 0;
  }
  ._lg-7:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._lg-7:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-7:where(._col[class*=_avg-]) > *:nth-of-type(7n),
  ._lg-7:where(._col) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-block-end: 0;
  }
  ._lg-7:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._lg-7:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._lg-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._lg-8 {
    --_lyt-group: 8;
  }
  ._lg-8:where(._row[class*=_avg-]) > *:nth-of-type(8n),
  ._lg-8:where(._row) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-inline-end: 0;
  }
  ._lg-8:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._lg-8:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-8:where(._col[class*=_avg-]) > *:nth-of-type(8n),
  ._lg-8:where(._col) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-block-end: 0;
  }
  ._lg-8:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._lg-8:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._lg-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._lg-9 {
    --_lyt-group: 9;
  }
  ._lg-9:where(._row[class*=_avg-]) > *:nth-of-type(9n),
  ._lg-9:where(._row) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-inline-end: 0;
  }
  ._lg-9:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._lg-9:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-9:where(._col[class*=_avg-]) > *:nth-of-type(9n),
  ._lg-9:where(._col) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-block-end: 0;
  }
  ._lg-9:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._lg-9:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._lg-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._lg-10 {
    --_lyt-group: 10;
  }
  ._lg-10:where(._row[class*=_avg-]) > *:nth-of-type(10n),
  ._lg-10:where(._row) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-inline-end: 0;
  }
  ._lg-10:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._lg-10:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-10:where(._col[class*=_avg-]) > *:nth-of-type(10n),
  ._lg-10:where(._col) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-block-end: 0;
  }
  ._lg-10:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._lg-10:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._lg-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._lg-11 {
    --_lyt-group: 11;
  }
  ._lg-11:where(._row[class*=_avg-]) > *:nth-of-type(11n),
  ._lg-11:where(._row) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-inline-end: 0;
  }
  ._lg-11:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._lg-11:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-11:where(._col[class*=_avg-]) > *:nth-of-type(11n),
  ._lg-11:where(._col) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-block-end: 0;
  }
  ._lg-11:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._lg-11:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._lg-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._lg-12 {
    --_lyt-group: 12;
  }
  ._lg-12:where(._row[class*=_avg-]) > *:nth-of-type(12n),
  ._lg-12:where(._row) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-inline-end: 0;
  }
  ._lg-12:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._lg-12:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-12:where(._col[class*=_avg-]) > *:nth-of-type(12n),
  ._lg-12:where(._col) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-block-end: 0;
  }
  ._lg-12:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._lg-12:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._lg-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._lg-13 {
    --_lyt-group: 13;
  }
  ._lg-13:where(._row[class*=_avg-]) > *:nth-of-type(13n),
  ._lg-13:where(._row) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-inline-end: 0;
  }
  ._lg-13:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._lg-13:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-13:where(._col[class*=_avg-]) > *:nth-of-type(13n),
  ._lg-13:where(._col) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-block-end: 0;
  }
  ._lg-13:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._lg-13:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._lg-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._lg-14 {
    --_lyt-group: 14;
  }
  ._lg-14:where(._row[class*=_avg-]) > *:nth-of-type(14n),
  ._lg-14:where(._row) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-inline-end: 0;
  }
  ._lg-14:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._lg-14:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-14:where(._col[class*=_avg-]) > *:nth-of-type(14n),
  ._lg-14:where(._col) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-block-end: 0;
  }
  ._lg-14:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._lg-14:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._lg-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._lg-15 {
    --_lyt-group: 15;
  }
  ._lg-15:where(._row[class*=_avg-]) > *:nth-of-type(15n),
  ._lg-15:where(._row) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-inline-end: 0;
  }
  ._lg-15:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._lg-15:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-15:where(._col[class*=_avg-]) > *:nth-of-type(15n),
  ._lg-15:where(._col) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-block-end: 0;
  }
  ._lg-15:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._lg-15:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._lg-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._lg-16 {
    --_lyt-group: 16;
  }
  ._lg-16:where(._row[class*=_avg-]) > *:nth-of-type(16n),
  ._lg-16:where(._row) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-inline-end: 0;
  }
  ._lg-16:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._lg-16:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-16:where(._col[class*=_avg-]) > *:nth-of-type(16n),
  ._lg-16:where(._col) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-block-end: 0;
  }
  ._lg-16:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._lg-16:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._lg-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._lg-17 {
    --_lyt-group: 17;
  }
  ._lg-17:where(._row[class*=_avg-]) > *:nth-of-type(17n),
  ._lg-17:where(._row) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-inline-end: 0;
  }
  ._lg-17:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._lg-17:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-17:where(._col[class*=_avg-]) > *:nth-of-type(17n),
  ._lg-17:where(._col) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-block-end: 0;
  }
  ._lg-17:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._lg-17:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._lg-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._lg-18 {
    --_lyt-group: 18;
  }
  ._lg-18:where(._row[class*=_avg-]) > *:nth-of-type(18n),
  ._lg-18:where(._row) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-inline-end: 0;
  }
  ._lg-18:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._lg-18:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-18:where(._col[class*=_avg-]) > *:nth-of-type(18n),
  ._lg-18:where(._col) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-block-end: 0;
  }
  ._lg-18:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._lg-18:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._lg-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._lg-19 {
    --_lyt-group: 19;
  }
  ._lg-19:where(._row[class*=_avg-]) > *:nth-of-type(19n),
  ._lg-19:where(._row) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-inline-end: 0;
  }
  ._lg-19:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._lg-19:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-19:where(._col[class*=_avg-]) > *:nth-of-type(19n),
  ._lg-19:where(._col) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-block-end: 0;
  }
  ._lg-19:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._lg-19:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._lg-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._lg-20 {
    --_lyt-group: 20;
  }
  ._lg-20:where(._row[class*=_avg-]) > *:nth-of-type(20n),
  ._lg-20:where(._row) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-inline-end: 0;
  }
  ._lg-20:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._lg-20:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-20:where(._col[class*=_avg-]) > *:nth-of-type(20n),
  ._lg-20:where(._col) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-block-end: 0;
  }
  ._lg-20:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._lg-20:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._lg-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._lg-21 {
    --_lyt-group: 21;
  }
  ._lg-21:where(._row[class*=_avg-]) > *:nth-of-type(21n),
  ._lg-21:where(._row) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-inline-end: 0;
  }
  ._lg-21:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._lg-21:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-21:where(._col[class*=_avg-]) > *:nth-of-type(21n),
  ._lg-21:where(._col) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-block-end: 0;
  }
  ._lg-21:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._lg-21:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._lg-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._lg-22 {
    --_lyt-group: 22;
  }
  ._lg-22:where(._row[class*=_avg-]) > *:nth-of-type(22n),
  ._lg-22:where(._row) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-inline-end: 0;
  }
  ._lg-22:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._lg-22:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-22:where(._col[class*=_avg-]) > *:nth-of-type(22n),
  ._lg-22:where(._col) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-block-end: 0;
  }
  ._lg-22:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._lg-22:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._lg-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._lg-23 {
    --_lyt-group: 23;
  }
  ._lg-23:where(._row[class*=_avg-]) > *:nth-of-type(23n),
  ._lg-23:where(._row) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-inline-end: 0;
  }
  ._lg-23:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._lg-23:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-23:where(._col[class*=_avg-]) > *:nth-of-type(23n),
  ._lg-23:where(._col) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-block-end: 0;
  }
  ._lg-23:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._lg-23:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._lg-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._lg-24 {
    --_lyt-group: 24;
  }
  ._lg-24:where(._row[class*=_avg-]) > *:nth-of-type(24n),
  ._lg-24:where(._row) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-inline-end: 0;
  }
  ._lg-24:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._lg-24:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-block-start: var(--_lyt-g);
  }
  ._lg-24:where(._col[class*=_avg-]) > *:nth-of-type(24n),
  ._lg-24:where(._col) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-block-end: 0;
  }
  ._lg-24:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._lg-24:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._lg-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._lg-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  :where([class*=_lg-]) > [class*=_flex] {
    --_flex-grow: 0;
    --_flex-shrink: 0;
  }
  ._row:where([class*=_lg-]),
  ._col:where([class*=_lg-]) {
    flex-wrap: wrap;
  }
  ._row:where([class*=_lg-]) > *:is([class*=_flex]),
  ._col:where([class*=_lg-]) > *:is([class*=_flex]) {
    --_flex-basis: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._row:where([class*=_lg-]):is([class*=_avg-]) > *,
  ._row:where([class*=_lg-]) > *:is([class*=_own]) {
    width: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._col:where([class*=_lg-]):is([class*=_avg-]) > *,
  ._col:where([class*=_lg-]) > *:is([class*=_own-]) {
    height: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._masonry:where(._lg-1) {
    --_msnry-cols: 1;
  }
  ._masonry:where(._lg-2) {
    --_msnry-cols: 2;
  }
  ._masonry:where(._lg-3) {
    --_msnry-cols: 3;
  }
  ._masonry:where(._lg-4) {
    --_msnry-cols: 4;
  }
  ._masonry:where(._lg-5) {
    --_msnry-cols: 5;
  }
  ._masonry:where(._lg-6) {
    --_msnry-cols: 6;
  }
  ._masonry:where(._lg-7) {
    --_msnry-cols: 7;
  }
  ._masonry:where(._lg-8) {
    --_msnry-cols: 8;
  }
  ._masonry:where(._lg-9) {
    --_msnry-cols: 9;
  }
  ._masonry:where(._lg-10) {
    --_msnry-cols: 10;
  }
  ._masonry:where(._lg-11) {
    --_msnry-cols: 11;
  }
  ._masonry:where(._lg-12) {
    --_msnry-cols: 12;
  }
  ._masonry:where(._lg-13) {
    --_msnry-cols: 13;
  }
  ._masonry:where(._lg-14) {
    --_msnry-cols: 14;
  }
  ._masonry:where(._lg-15) {
    --_msnry-cols: 15;
  }
  ._masonry:where(._lg-16) {
    --_msnry-cols: 16;
  }
  ._masonry:where(._lg-17) {
    --_msnry-cols: 17;
  }
  ._masonry:where(._lg-18) {
    --_msnry-cols: 18;
  }
  ._masonry:where(._lg-19) {
    --_msnry-cols: 19;
  }
  ._masonry:where(._lg-20) {
    --_msnry-cols: 20;
  }
  ._masonry:where(._lg-21) {
    --_msnry-cols: 21;
  }
  ._masonry:where(._lg-22) {
    --_msnry-cols: 22;
  }
  ._masonry:where(._lg-23) {
    --_msnry-cols: 23;
  }
  ._masonry:where(._lg-24) {
    --_msnry-cols: 24;
  }
  ._scroller {
    height: var(--_lg-h);
    width: var(--_lg-w);
  }
  table {
    width: var(--_lg-w);
  }
}
/* xl->2k screen (2560*1440) */
@media (min-width: 2500px) and (max-width: 3799px) {
  :root {
    --_screen: xl;
    --_isnarrow: 0;
  }
  *._split-xl,
  ._row:where(._split-xl),
  ._col:where(._split-xl),
  ._grid:where(._split-xl) {
    display: block;
  }
  *._split-xl > *,
  ._row:where(._split-xl) > *,
  ._col:where(._split-xl) > *,
  ._grid:where(._split-xl) > * {
    width: auto;
    height: auto;
  }
  *._split-xl > *:where(:not(:last-child)),
  ._row:where(._split-xl) > *:where(:not(:last-child)),
  ._col:where(._split-xl) > *:where(:not(:last-child)),
  ._grid:where(._split-xl) > *:where(:not(:last-child)) {
    margin-block-end: var(--_lyt-g);
  }
  [class*=_container]:where(:not(._container-full)):where(:not(._xl-full)) {
    --_container-w: var(--_xl-w, var(--_container-resp));
    --_container-resp: var(--_w-xl);
  }
  [class*=_container]:where(:not(._container-full)):where(._xl-full) {
    width: 100%;
  }
  ._hide-xl {
    display: none;
  }
  ._grid[class*=_xl] {
    --_lyt-avg: var(--_lyt-group);
  }
  ._xl-1 {
    --_lyt-group: 1;
  }
  ._xl-1:where(._row[class*=_avg-]) > *:nth-of-type(1n),
  ._xl-1:where(._row) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-inline-end: 0;
  }
  ._xl-1:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._xl-1:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-1:where(._col[class*=_avg-]) > *:nth-of-type(1n),
  ._xl-1:where(._col) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-block-end: 0;
  }
  ._xl-1:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._xl-1:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._xl-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._xl-2 {
    --_lyt-group: 2;
  }
  ._xl-2:where(._row[class*=_avg-]) > *:nth-of-type(2n),
  ._xl-2:where(._row) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-inline-end: 0;
  }
  ._xl-2:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._xl-2:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-2:where(._col[class*=_avg-]) > *:nth-of-type(2n),
  ._xl-2:where(._col) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-block-end: 0;
  }
  ._xl-2:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._xl-2:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._xl-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._xl-3 {
    --_lyt-group: 3;
  }
  ._xl-3:where(._row[class*=_avg-]) > *:nth-of-type(3n),
  ._xl-3:where(._row) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-inline-end: 0;
  }
  ._xl-3:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._xl-3:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-3:where(._col[class*=_avg-]) > *:nth-of-type(3n),
  ._xl-3:where(._col) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-block-end: 0;
  }
  ._xl-3:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._xl-3:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._xl-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._xl-4 {
    --_lyt-group: 4;
  }
  ._xl-4:where(._row[class*=_avg-]) > *:nth-of-type(4n),
  ._xl-4:where(._row) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-inline-end: 0;
  }
  ._xl-4:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._xl-4:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-4:where(._col[class*=_avg-]) > *:nth-of-type(4n),
  ._xl-4:where(._col) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-block-end: 0;
  }
  ._xl-4:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._xl-4:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._xl-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._xl-5 {
    --_lyt-group: 5;
  }
  ._xl-5:where(._row[class*=_avg-]) > *:nth-of-type(5n),
  ._xl-5:where(._row) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-inline-end: 0;
  }
  ._xl-5:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._xl-5:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-5:where(._col[class*=_avg-]) > *:nth-of-type(5n),
  ._xl-5:where(._col) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-block-end: 0;
  }
  ._xl-5:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._xl-5:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._xl-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._xl-6 {
    --_lyt-group: 6;
  }
  ._xl-6:where(._row[class*=_avg-]) > *:nth-of-type(6n),
  ._xl-6:where(._row) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-inline-end: 0;
  }
  ._xl-6:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._xl-6:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-6:where(._col[class*=_avg-]) > *:nth-of-type(6n),
  ._xl-6:where(._col) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-block-end: 0;
  }
  ._xl-6:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._xl-6:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._xl-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._xl-7 {
    --_lyt-group: 7;
  }
  ._xl-7:where(._row[class*=_avg-]) > *:nth-of-type(7n),
  ._xl-7:where(._row) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-inline-end: 0;
  }
  ._xl-7:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._xl-7:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-7:where(._col[class*=_avg-]) > *:nth-of-type(7n),
  ._xl-7:where(._col) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-block-end: 0;
  }
  ._xl-7:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._xl-7:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._xl-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._xl-8 {
    --_lyt-group: 8;
  }
  ._xl-8:where(._row[class*=_avg-]) > *:nth-of-type(8n),
  ._xl-8:where(._row) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-inline-end: 0;
  }
  ._xl-8:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._xl-8:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-8:where(._col[class*=_avg-]) > *:nth-of-type(8n),
  ._xl-8:where(._col) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-block-end: 0;
  }
  ._xl-8:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._xl-8:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._xl-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._xl-9 {
    --_lyt-group: 9;
  }
  ._xl-9:where(._row[class*=_avg-]) > *:nth-of-type(9n),
  ._xl-9:where(._row) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-inline-end: 0;
  }
  ._xl-9:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._xl-9:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-9:where(._col[class*=_avg-]) > *:nth-of-type(9n),
  ._xl-9:where(._col) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-block-end: 0;
  }
  ._xl-9:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._xl-9:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._xl-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._xl-10 {
    --_lyt-group: 10;
  }
  ._xl-10:where(._row[class*=_avg-]) > *:nth-of-type(10n),
  ._xl-10:where(._row) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-inline-end: 0;
  }
  ._xl-10:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._xl-10:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-10:where(._col[class*=_avg-]) > *:nth-of-type(10n),
  ._xl-10:where(._col) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-block-end: 0;
  }
  ._xl-10:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._xl-10:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._xl-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._xl-11 {
    --_lyt-group: 11;
  }
  ._xl-11:where(._row[class*=_avg-]) > *:nth-of-type(11n),
  ._xl-11:where(._row) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-inline-end: 0;
  }
  ._xl-11:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._xl-11:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-11:where(._col[class*=_avg-]) > *:nth-of-type(11n),
  ._xl-11:where(._col) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-block-end: 0;
  }
  ._xl-11:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._xl-11:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._xl-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._xl-12 {
    --_lyt-group: 12;
  }
  ._xl-12:where(._row[class*=_avg-]) > *:nth-of-type(12n),
  ._xl-12:where(._row) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-inline-end: 0;
  }
  ._xl-12:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._xl-12:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-12:where(._col[class*=_avg-]) > *:nth-of-type(12n),
  ._xl-12:where(._col) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-block-end: 0;
  }
  ._xl-12:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._xl-12:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._xl-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._xl-13 {
    --_lyt-group: 13;
  }
  ._xl-13:where(._row[class*=_avg-]) > *:nth-of-type(13n),
  ._xl-13:where(._row) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-inline-end: 0;
  }
  ._xl-13:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._xl-13:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-13:where(._col[class*=_avg-]) > *:nth-of-type(13n),
  ._xl-13:where(._col) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-block-end: 0;
  }
  ._xl-13:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._xl-13:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._xl-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._xl-14 {
    --_lyt-group: 14;
  }
  ._xl-14:where(._row[class*=_avg-]) > *:nth-of-type(14n),
  ._xl-14:where(._row) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-inline-end: 0;
  }
  ._xl-14:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._xl-14:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-14:where(._col[class*=_avg-]) > *:nth-of-type(14n),
  ._xl-14:where(._col) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-block-end: 0;
  }
  ._xl-14:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._xl-14:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._xl-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._xl-15 {
    --_lyt-group: 15;
  }
  ._xl-15:where(._row[class*=_avg-]) > *:nth-of-type(15n),
  ._xl-15:where(._row) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-inline-end: 0;
  }
  ._xl-15:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._xl-15:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-15:where(._col[class*=_avg-]) > *:nth-of-type(15n),
  ._xl-15:where(._col) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-block-end: 0;
  }
  ._xl-15:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._xl-15:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._xl-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._xl-16 {
    --_lyt-group: 16;
  }
  ._xl-16:where(._row[class*=_avg-]) > *:nth-of-type(16n),
  ._xl-16:where(._row) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-inline-end: 0;
  }
  ._xl-16:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._xl-16:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-16:where(._col[class*=_avg-]) > *:nth-of-type(16n),
  ._xl-16:where(._col) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-block-end: 0;
  }
  ._xl-16:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._xl-16:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._xl-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._xl-17 {
    --_lyt-group: 17;
  }
  ._xl-17:where(._row[class*=_avg-]) > *:nth-of-type(17n),
  ._xl-17:where(._row) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-inline-end: 0;
  }
  ._xl-17:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._xl-17:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-17:where(._col[class*=_avg-]) > *:nth-of-type(17n),
  ._xl-17:where(._col) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-block-end: 0;
  }
  ._xl-17:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._xl-17:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._xl-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._xl-18 {
    --_lyt-group: 18;
  }
  ._xl-18:where(._row[class*=_avg-]) > *:nth-of-type(18n),
  ._xl-18:where(._row) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-inline-end: 0;
  }
  ._xl-18:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._xl-18:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-18:where(._col[class*=_avg-]) > *:nth-of-type(18n),
  ._xl-18:where(._col) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-block-end: 0;
  }
  ._xl-18:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._xl-18:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._xl-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._xl-19 {
    --_lyt-group: 19;
  }
  ._xl-19:where(._row[class*=_avg-]) > *:nth-of-type(19n),
  ._xl-19:where(._row) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-inline-end: 0;
  }
  ._xl-19:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._xl-19:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-19:where(._col[class*=_avg-]) > *:nth-of-type(19n),
  ._xl-19:where(._col) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-block-end: 0;
  }
  ._xl-19:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._xl-19:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._xl-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._xl-20 {
    --_lyt-group: 20;
  }
  ._xl-20:where(._row[class*=_avg-]) > *:nth-of-type(20n),
  ._xl-20:where(._row) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-inline-end: 0;
  }
  ._xl-20:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._xl-20:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-20:where(._col[class*=_avg-]) > *:nth-of-type(20n),
  ._xl-20:where(._col) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-block-end: 0;
  }
  ._xl-20:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._xl-20:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._xl-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._xl-21 {
    --_lyt-group: 21;
  }
  ._xl-21:where(._row[class*=_avg-]) > *:nth-of-type(21n),
  ._xl-21:where(._row) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-inline-end: 0;
  }
  ._xl-21:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._xl-21:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-21:where(._col[class*=_avg-]) > *:nth-of-type(21n),
  ._xl-21:where(._col) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-block-end: 0;
  }
  ._xl-21:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._xl-21:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._xl-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._xl-22 {
    --_lyt-group: 22;
  }
  ._xl-22:where(._row[class*=_avg-]) > *:nth-of-type(22n),
  ._xl-22:where(._row) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-inline-end: 0;
  }
  ._xl-22:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._xl-22:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-22:where(._col[class*=_avg-]) > *:nth-of-type(22n),
  ._xl-22:where(._col) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-block-end: 0;
  }
  ._xl-22:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._xl-22:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._xl-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._xl-23 {
    --_lyt-group: 23;
  }
  ._xl-23:where(._row[class*=_avg-]) > *:nth-of-type(23n),
  ._xl-23:where(._row) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-inline-end: 0;
  }
  ._xl-23:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._xl-23:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-23:where(._col[class*=_avg-]) > *:nth-of-type(23n),
  ._xl-23:where(._col) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-block-end: 0;
  }
  ._xl-23:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._xl-23:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._xl-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._xl-24 {
    --_lyt-group: 24;
  }
  ._xl-24:where(._row[class*=_avg-]) > *:nth-of-type(24n),
  ._xl-24:where(._row) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-inline-end: 0;
  }
  ._xl-24:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._xl-24:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xl-24:where(._col[class*=_avg-]) > *:nth-of-type(24n),
  ._xl-24:where(._col) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-block-end: 0;
  }
  ._xl-24:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._xl-24:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xl-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._xl-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  :where([class*=_xl-]) > [class*=_flex] {
    --_flex-grow: 0;
    --_flex-shrink: 0;
  }
  ._row:where([class*=_xl-]),
  ._col:where([class*=_xl-]) {
    flex-wrap: wrap;
  }
  ._row:where([class*=_xl-]) > *:is([class*=_flex]),
  ._col:where([class*=_xl-]) > *:is([class*=_flex]) {
    --_flex-basis: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._row:where([class*=_xl-]):is([class*=_avg-]) > *,
  ._row:where([class*=_xl-]) > *:is([class*=_own]) {
    width: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._col:where([class*=_xl-]):is([class*=_avg-]) > *,
  ._col:where([class*=_xl-]) > *:is([class*=_own-]) {
    height: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._masonry:where(._xl-1) {
    --_msnry-cols: 1;
  }
  ._masonry:where(._xl-2) {
    --_msnry-cols: 2;
  }
  ._masonry:where(._xl-3) {
    --_msnry-cols: 3;
  }
  ._masonry:where(._xl-4) {
    --_msnry-cols: 4;
  }
  ._masonry:where(._xl-5) {
    --_msnry-cols: 5;
  }
  ._masonry:where(._xl-6) {
    --_msnry-cols: 6;
  }
  ._masonry:where(._xl-7) {
    --_msnry-cols: 7;
  }
  ._masonry:where(._xl-8) {
    --_msnry-cols: 8;
  }
  ._masonry:where(._xl-9) {
    --_msnry-cols: 9;
  }
  ._masonry:where(._xl-10) {
    --_msnry-cols: 10;
  }
  ._masonry:where(._xl-11) {
    --_msnry-cols: 11;
  }
  ._masonry:where(._xl-12) {
    --_msnry-cols: 12;
  }
  ._masonry:where(._xl-13) {
    --_msnry-cols: 13;
  }
  ._masonry:where(._xl-14) {
    --_msnry-cols: 14;
  }
  ._masonry:where(._xl-15) {
    --_msnry-cols: 15;
  }
  ._masonry:where(._xl-16) {
    --_msnry-cols: 16;
  }
  ._masonry:where(._xl-17) {
    --_msnry-cols: 17;
  }
  ._masonry:where(._xl-18) {
    --_msnry-cols: 18;
  }
  ._masonry:where(._xl-19) {
    --_msnry-cols: 19;
  }
  ._masonry:where(._xl-20) {
    --_msnry-cols: 20;
  }
  ._masonry:where(._xl-21) {
    --_msnry-cols: 21;
  }
  ._masonry:where(._xl-22) {
    --_msnry-cols: 22;
  }
  ._masonry:where(._xl-23) {
    --_msnry-cols: 23;
  }
  ._masonry:where(._xl-24) {
    --_msnry-cols: 24;
  }
  ._scroller {
    height: var(--_xl-h);
    width: var(--_xl-w);
  }
  table {
    width: var(--_xl-w);
  }
}
/* xxl->4k screen (3840*2160) */
@media (min-width: 3800px) {
  :root {
    --_screen: xxl;
    --_isnarrow: 0;
  }
  *._split-xxl,
  ._row:where(._split-xxl),
  ._col:where(._split-xxl),
  ._grid:where(._split-xxl) {
    display: block;
  }
  *._split-xxl > *,
  ._row:where(._split-xxl) > *,
  ._col:where(._split-xxl) > *,
  ._grid:where(._split-xxl) > * {
    width: auto;
    height: auto;
  }
  *._split-xxl > *:where(:not(:last-child)),
  ._row:where(._split-xxl) > *:where(:not(:last-child)),
  ._col:where(._split-xxl) > *:where(:not(:last-child)),
  ._grid:where(._split-xxl) > *:where(:not(:last-child)) {
    margin-block-end: var(--_lyt-g);
  }
  [class*=_container]:where(:not(._container-full)):where(:not(._xxl-full)) {
    --_container-w: var(--_xxl-w, var(--_container-resp));
    --_container-resp: var(--_w-xxl);
  }
  [class*=_container]:where(:not(._container-full)):where(._xxl-full) {
    width: 100%;
  }
  ._hide-xxl {
    display: none;
  }
  ._grid[class*=_xxl] {
    --_lyt-avg: var(--_lyt-group);
  }
  ._xxl-1 {
    --_lyt-group: 1;
  }
  ._xxl-1:where(._row[class*=_avg-]) > *:nth-of-type(1n),
  ._xxl-1:where(._row) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-inline-end: 0;
  }
  ._xxl-1:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._xxl-1:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-1:where(._col[class*=_avg-]) > *:nth-of-type(1n),
  ._xxl-1:where(._col) > *:where([class*=_own-]):nth-of-type(1n) {
    margin-block-end: 0;
  }
  ._xxl-1:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 1))),
  ._xxl-1:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 1))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-1._clip > :nth-child(1) > ._hide-clip {
    display: flex;
  }
  ._xxl-1._clip > :nth-child(1) ~ * {
    display: none;
  }
  ._xxl-2 {
    --_lyt-group: 2;
  }
  ._xxl-2:where(._row[class*=_avg-]) > *:nth-of-type(2n),
  ._xxl-2:where(._row) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-inline-end: 0;
  }
  ._xxl-2:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._xxl-2:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-2:where(._col[class*=_avg-]) > *:nth-of-type(2n),
  ._xxl-2:where(._col) > *:where([class*=_own-]):nth-of-type(2n) {
    margin-block-end: 0;
  }
  ._xxl-2:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 2))),
  ._xxl-2:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 2))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-2._clip > :nth-child(2) > ._hide-clip {
    display: flex;
  }
  ._xxl-2._clip > :nth-child(2) ~ * {
    display: none;
  }
  ._xxl-3 {
    --_lyt-group: 3;
  }
  ._xxl-3:where(._row[class*=_avg-]) > *:nth-of-type(3n),
  ._xxl-3:where(._row) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-inline-end: 0;
  }
  ._xxl-3:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._xxl-3:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-3:where(._col[class*=_avg-]) > *:nth-of-type(3n),
  ._xxl-3:where(._col) > *:where([class*=_own-]):nth-of-type(3n) {
    margin-block-end: 0;
  }
  ._xxl-3:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 3))),
  ._xxl-3:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 3))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-3._clip > :nth-child(3) > ._hide-clip {
    display: flex;
  }
  ._xxl-3._clip > :nth-child(3) ~ * {
    display: none;
  }
  ._xxl-4 {
    --_lyt-group: 4;
  }
  ._xxl-4:where(._row[class*=_avg-]) > *:nth-of-type(4n),
  ._xxl-4:where(._row) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-inline-end: 0;
  }
  ._xxl-4:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._xxl-4:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-4:where(._col[class*=_avg-]) > *:nth-of-type(4n),
  ._xxl-4:where(._col) > *:where([class*=_own-]):nth-of-type(4n) {
    margin-block-end: 0;
  }
  ._xxl-4:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 4))),
  ._xxl-4:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 4))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-4._clip > :nth-child(4) > ._hide-clip {
    display: flex;
  }
  ._xxl-4._clip > :nth-child(4) ~ * {
    display: none;
  }
  ._xxl-5 {
    --_lyt-group: 5;
  }
  ._xxl-5:where(._row[class*=_avg-]) > *:nth-of-type(5n),
  ._xxl-5:where(._row) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-inline-end: 0;
  }
  ._xxl-5:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._xxl-5:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-5:where(._col[class*=_avg-]) > *:nth-of-type(5n),
  ._xxl-5:where(._col) > *:where([class*=_own-]):nth-of-type(5n) {
    margin-block-end: 0;
  }
  ._xxl-5:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 5))),
  ._xxl-5:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 5))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-5._clip > :nth-child(5) > ._hide-clip {
    display: flex;
  }
  ._xxl-5._clip > :nth-child(5) ~ * {
    display: none;
  }
  ._xxl-6 {
    --_lyt-group: 6;
  }
  ._xxl-6:where(._row[class*=_avg-]) > *:nth-of-type(6n),
  ._xxl-6:where(._row) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-inline-end: 0;
  }
  ._xxl-6:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._xxl-6:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-6:where(._col[class*=_avg-]) > *:nth-of-type(6n),
  ._xxl-6:where(._col) > *:where([class*=_own-]):nth-of-type(6n) {
    margin-block-end: 0;
  }
  ._xxl-6:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 6))),
  ._xxl-6:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 6))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-6._clip > :nth-child(6) > ._hide-clip {
    display: flex;
  }
  ._xxl-6._clip > :nth-child(6) ~ * {
    display: none;
  }
  ._xxl-7 {
    --_lyt-group: 7;
  }
  ._xxl-7:where(._row[class*=_avg-]) > *:nth-of-type(7n),
  ._xxl-7:where(._row) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-inline-end: 0;
  }
  ._xxl-7:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._xxl-7:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-7:where(._col[class*=_avg-]) > *:nth-of-type(7n),
  ._xxl-7:where(._col) > *:where([class*=_own-]):nth-of-type(7n) {
    margin-block-end: 0;
  }
  ._xxl-7:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 7))),
  ._xxl-7:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 7))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-7._clip > :nth-child(7) > ._hide-clip {
    display: flex;
  }
  ._xxl-7._clip > :nth-child(7) ~ * {
    display: none;
  }
  ._xxl-8 {
    --_lyt-group: 8;
  }
  ._xxl-8:where(._row[class*=_avg-]) > *:nth-of-type(8n),
  ._xxl-8:where(._row) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-inline-end: 0;
  }
  ._xxl-8:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._xxl-8:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-8:where(._col[class*=_avg-]) > *:nth-of-type(8n),
  ._xxl-8:where(._col) > *:where([class*=_own-]):nth-of-type(8n) {
    margin-block-end: 0;
  }
  ._xxl-8:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 8))),
  ._xxl-8:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 8))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-8._clip > :nth-child(8) > ._hide-clip {
    display: flex;
  }
  ._xxl-8._clip > :nth-child(8) ~ * {
    display: none;
  }
  ._xxl-9 {
    --_lyt-group: 9;
  }
  ._xxl-9:where(._row[class*=_avg-]) > *:nth-of-type(9n),
  ._xxl-9:where(._row) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-inline-end: 0;
  }
  ._xxl-9:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._xxl-9:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-9:where(._col[class*=_avg-]) > *:nth-of-type(9n),
  ._xxl-9:where(._col) > *:where([class*=_own-]):nth-of-type(9n) {
    margin-block-end: 0;
  }
  ._xxl-9:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 9))),
  ._xxl-9:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 9))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-9._clip > :nth-child(9) > ._hide-clip {
    display: flex;
  }
  ._xxl-9._clip > :nth-child(9) ~ * {
    display: none;
  }
  ._xxl-10 {
    --_lyt-group: 10;
  }
  ._xxl-10:where(._row[class*=_avg-]) > *:nth-of-type(10n),
  ._xxl-10:where(._row) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-inline-end: 0;
  }
  ._xxl-10:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._xxl-10:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-10:where(._col[class*=_avg-]) > *:nth-of-type(10n),
  ._xxl-10:where(._col) > *:where([class*=_own-]):nth-of-type(10n) {
    margin-block-end: 0;
  }
  ._xxl-10:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 10))),
  ._xxl-10:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 10))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-10._clip > :nth-child(10) > ._hide-clip {
    display: flex;
  }
  ._xxl-10._clip > :nth-child(10) ~ * {
    display: none;
  }
  ._xxl-11 {
    --_lyt-group: 11;
  }
  ._xxl-11:where(._row[class*=_avg-]) > *:nth-of-type(11n),
  ._xxl-11:where(._row) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-inline-end: 0;
  }
  ._xxl-11:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._xxl-11:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-11:where(._col[class*=_avg-]) > *:nth-of-type(11n),
  ._xxl-11:where(._col) > *:where([class*=_own-]):nth-of-type(11n) {
    margin-block-end: 0;
  }
  ._xxl-11:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 11))),
  ._xxl-11:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 11))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-11._clip > :nth-child(11) > ._hide-clip {
    display: flex;
  }
  ._xxl-11._clip > :nth-child(11) ~ * {
    display: none;
  }
  ._xxl-12 {
    --_lyt-group: 12;
  }
  ._xxl-12:where(._row[class*=_avg-]) > *:nth-of-type(12n),
  ._xxl-12:where(._row) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-inline-end: 0;
  }
  ._xxl-12:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._xxl-12:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-12:where(._col[class*=_avg-]) > *:nth-of-type(12n),
  ._xxl-12:where(._col) > *:where([class*=_own-]):nth-of-type(12n) {
    margin-block-end: 0;
  }
  ._xxl-12:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 12))),
  ._xxl-12:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 12))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-12._clip > :nth-child(12) > ._hide-clip {
    display: flex;
  }
  ._xxl-12._clip > :nth-child(12) ~ * {
    display: none;
  }
  ._xxl-13 {
    --_lyt-group: 13;
  }
  ._xxl-13:where(._row[class*=_avg-]) > *:nth-of-type(13n),
  ._xxl-13:where(._row) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-inline-end: 0;
  }
  ._xxl-13:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._xxl-13:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-13:where(._col[class*=_avg-]) > *:nth-of-type(13n),
  ._xxl-13:where(._col) > *:where([class*=_own-]):nth-of-type(13n) {
    margin-block-end: 0;
  }
  ._xxl-13:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 13))),
  ._xxl-13:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 13))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-13._clip > :nth-child(13) > ._hide-clip {
    display: flex;
  }
  ._xxl-13._clip > :nth-child(13) ~ * {
    display: none;
  }
  ._xxl-14 {
    --_lyt-group: 14;
  }
  ._xxl-14:where(._row[class*=_avg-]) > *:nth-of-type(14n),
  ._xxl-14:where(._row) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-inline-end: 0;
  }
  ._xxl-14:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._xxl-14:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-14:where(._col[class*=_avg-]) > *:nth-of-type(14n),
  ._xxl-14:where(._col) > *:where([class*=_own-]):nth-of-type(14n) {
    margin-block-end: 0;
  }
  ._xxl-14:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 14))),
  ._xxl-14:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 14))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-14._clip > :nth-child(14) > ._hide-clip {
    display: flex;
  }
  ._xxl-14._clip > :nth-child(14) ~ * {
    display: none;
  }
  ._xxl-15 {
    --_lyt-group: 15;
  }
  ._xxl-15:where(._row[class*=_avg-]) > *:nth-of-type(15n),
  ._xxl-15:where(._row) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-inline-end: 0;
  }
  ._xxl-15:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._xxl-15:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-15:where(._col[class*=_avg-]) > *:nth-of-type(15n),
  ._xxl-15:where(._col) > *:where([class*=_own-]):nth-of-type(15n) {
    margin-block-end: 0;
  }
  ._xxl-15:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 15))),
  ._xxl-15:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 15))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-15._clip > :nth-child(15) > ._hide-clip {
    display: flex;
  }
  ._xxl-15._clip > :nth-child(15) ~ * {
    display: none;
  }
  ._xxl-16 {
    --_lyt-group: 16;
  }
  ._xxl-16:where(._row[class*=_avg-]) > *:nth-of-type(16n),
  ._xxl-16:where(._row) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-inline-end: 0;
  }
  ._xxl-16:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._xxl-16:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-16:where(._col[class*=_avg-]) > *:nth-of-type(16n),
  ._xxl-16:where(._col) > *:where([class*=_own-]):nth-of-type(16n) {
    margin-block-end: 0;
  }
  ._xxl-16:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 16))),
  ._xxl-16:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 16))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-16._clip > :nth-child(16) > ._hide-clip {
    display: flex;
  }
  ._xxl-16._clip > :nth-child(16) ~ * {
    display: none;
  }
  ._xxl-17 {
    --_lyt-group: 17;
  }
  ._xxl-17:where(._row[class*=_avg-]) > *:nth-of-type(17n),
  ._xxl-17:where(._row) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-inline-end: 0;
  }
  ._xxl-17:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._xxl-17:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-17:where(._col[class*=_avg-]) > *:nth-of-type(17n),
  ._xxl-17:where(._col) > *:where([class*=_own-]):nth-of-type(17n) {
    margin-block-end: 0;
  }
  ._xxl-17:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 17))),
  ._xxl-17:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 17))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-17._clip > :nth-child(17) > ._hide-clip {
    display: flex;
  }
  ._xxl-17._clip > :nth-child(17) ~ * {
    display: none;
  }
  ._xxl-18 {
    --_lyt-group: 18;
  }
  ._xxl-18:where(._row[class*=_avg-]) > *:nth-of-type(18n),
  ._xxl-18:where(._row) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-inline-end: 0;
  }
  ._xxl-18:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._xxl-18:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-18:where(._col[class*=_avg-]) > *:nth-of-type(18n),
  ._xxl-18:where(._col) > *:where([class*=_own-]):nth-of-type(18n) {
    margin-block-end: 0;
  }
  ._xxl-18:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 18))),
  ._xxl-18:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 18))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-18._clip > :nth-child(18) > ._hide-clip {
    display: flex;
  }
  ._xxl-18._clip > :nth-child(18) ~ * {
    display: none;
  }
  ._xxl-19 {
    --_lyt-group: 19;
  }
  ._xxl-19:where(._row[class*=_avg-]) > *:nth-of-type(19n),
  ._xxl-19:where(._row) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-inline-end: 0;
  }
  ._xxl-19:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._xxl-19:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-19:where(._col[class*=_avg-]) > *:nth-of-type(19n),
  ._xxl-19:where(._col) > *:where([class*=_own-]):nth-of-type(19n) {
    margin-block-end: 0;
  }
  ._xxl-19:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 19))),
  ._xxl-19:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 19))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-19._clip > :nth-child(19) > ._hide-clip {
    display: flex;
  }
  ._xxl-19._clip > :nth-child(19) ~ * {
    display: none;
  }
  ._xxl-20 {
    --_lyt-group: 20;
  }
  ._xxl-20:where(._row[class*=_avg-]) > *:nth-of-type(20n),
  ._xxl-20:where(._row) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-inline-end: 0;
  }
  ._xxl-20:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._xxl-20:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-20:where(._col[class*=_avg-]) > *:nth-of-type(20n),
  ._xxl-20:where(._col) > *:where([class*=_own-]):nth-of-type(20n) {
    margin-block-end: 0;
  }
  ._xxl-20:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 20))),
  ._xxl-20:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 20))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-20._clip > :nth-child(20) > ._hide-clip {
    display: flex;
  }
  ._xxl-20._clip > :nth-child(20) ~ * {
    display: none;
  }
  ._xxl-21 {
    --_lyt-group: 21;
  }
  ._xxl-21:where(._row[class*=_avg-]) > *:nth-of-type(21n),
  ._xxl-21:where(._row) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-inline-end: 0;
  }
  ._xxl-21:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._xxl-21:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-21:where(._col[class*=_avg-]) > *:nth-of-type(21n),
  ._xxl-21:where(._col) > *:where([class*=_own-]):nth-of-type(21n) {
    margin-block-end: 0;
  }
  ._xxl-21:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 21))),
  ._xxl-21:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 21))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-21._clip > :nth-child(21) > ._hide-clip {
    display: flex;
  }
  ._xxl-21._clip > :nth-child(21) ~ * {
    display: none;
  }
  ._xxl-22 {
    --_lyt-group: 22;
  }
  ._xxl-22:where(._row[class*=_avg-]) > *:nth-of-type(22n),
  ._xxl-22:where(._row) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-inline-end: 0;
  }
  ._xxl-22:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._xxl-22:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-22:where(._col[class*=_avg-]) > *:nth-of-type(22n),
  ._xxl-22:where(._col) > *:where([class*=_own-]):nth-of-type(22n) {
    margin-block-end: 0;
  }
  ._xxl-22:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 22))),
  ._xxl-22:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 22))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-22._clip > :nth-child(22) > ._hide-clip {
    display: flex;
  }
  ._xxl-22._clip > :nth-child(22) ~ * {
    display: none;
  }
  ._xxl-23 {
    --_lyt-group: 23;
  }
  ._xxl-23:where(._row[class*=_avg-]) > *:nth-of-type(23n),
  ._xxl-23:where(._row) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-inline-end: 0;
  }
  ._xxl-23:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._xxl-23:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-23:where(._col[class*=_avg-]) > *:nth-of-type(23n),
  ._xxl-23:where(._col) > *:where([class*=_own-]):nth-of-type(23n) {
    margin-block-end: 0;
  }
  ._xxl-23:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 23))),
  ._xxl-23:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 23))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-23._clip > :nth-child(23) > ._hide-clip {
    display: flex;
  }
  ._xxl-23._clip > :nth-child(23) ~ * {
    display: none;
  }
  ._xxl-24 {
    --_lyt-group: 24;
  }
  ._xxl-24:where(._row[class*=_avg-]) > *:nth-of-type(24n),
  ._xxl-24:where(._row) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-inline-end: 0;
  }
  ._xxl-24:where(._row[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._xxl-24:where(._row) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-block-start: var(--_lyt-g);
  }
  ._xxl-24:where(._col[class*=_avg-]) > *:nth-of-type(24n),
  ._xxl-24:where(._col) > *:where([class*=_own-]):nth-of-type(24n) {
    margin-block-end: 0;
  }
  ._xxl-24:where(._col[class*=_avg-]) > *:where(:not(:nth-of-type(-n + 24))),
  ._xxl-24:where(._col) > *:where([class*=_own-]):where(:not(:nth-of-type(-n + 24))) {
    margin-inline-start: var(--_lyt-g);
  }
  ._xxl-24._clip > :nth-child(24) > ._hide-clip {
    display: flex;
  }
  ._xxl-24._clip > :nth-child(24) ~ * {
    display: none;
  }
  :where([class*=_xxl-]) > [class*=_flex] {
    --_flex-grow: 0;
    --_flex-shrink: 0;
  }
  ._row:where([class*=_xxl-]),
  ._col:where([class*=_xxl-]) {
    flex-wrap: wrap;
  }
  ._row:where([class*=_xxl-]) > *:is([class*=_flex]),
  ._col:where([class*=_xxl-]) > *:is([class*=_flex]) {
    --_flex-basis: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._row:where([class*=_xxl-]):is([class*=_avg-]) > *,
  ._row:where([class*=_xxl-]) > *:is([class*=_own]) {
    width: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._col:where([class*=_xxl-]):is([class*=_avg-]) > *,
  ._col:where([class*=_xxl-]) > *:is([class*=_own-]) {
    height: calc(100%/var(--_lyt-group) - var(--_lyt-g)*(var(--_lyt-group) - 1)/var(--_lyt-group));
  }
  ._masonry._xxl-1 {
    --_msnry-cols: 1;
  }
  ._masonry._xxl-2 {
    --_msnry-cols: 2;
  }
  ._masonry._xxl-3 {
    --_msnry-cols: 3;
  }
  ._masonry._xxl-4 {
    --_msnry-cols: 4;
  }
  ._masonry._xxl-5 {
    --_msnry-cols: 5;
  }
  ._masonry._xxl-6 {
    --_msnry-cols: 6;
  }
  ._masonry._xxl-7 {
    --_msnry-cols: 7;
  }
  ._masonry._xxl-8 {
    --_msnry-cols: 8;
  }
  ._masonry._xxl-9 {
    --_msnry-cols: 9;
  }
  ._masonry._xxl-10 {
    --_msnry-cols: 10;
  }
  ._masonry._xxl-11 {
    --_msnry-cols: 11;
  }
  ._masonry._xxl-12 {
    --_msnry-cols: 12;
  }
  ._masonry._xxl-13 {
    --_msnry-cols: 13;
  }
  ._masonry._xxl-14 {
    --_msnry-cols: 14;
  }
  ._masonry._xxl-15 {
    --_msnry-cols: 15;
  }
  ._masonry._xxl-16 {
    --_msnry-cols: 16;
  }
  ._masonry._xxl-17 {
    --_msnry-cols: 17;
  }
  ._masonry._xxl-18 {
    --_msnry-cols: 18;
  }
  ._masonry._xxl-19 {
    --_msnry-cols: 19;
  }
  ._masonry._xxl-20 {
    --_msnry-cols: 20;
  }
  ._masonry._xxl-21 {
    --_msnry-cols: 21;
  }
  ._masonry._xxl-22 {
    --_msnry-cols: 22;
  }
  ._masonry._xxl-23 {
    --_msnry-cols: 23;
  }
  ._masonry._xxl-24 {
    --_msnry-cols: 24;
  }
  ._scroller {
    height: var(--_xxl-h);
    width: var(--_xxl-w);
  }
  table {
    width: var(--_xxl-w);
  }
}
/* Other device except phone */
@media (min-width: 600px) and (max-width: 899px) and (orientation: portrait), (min-width: 900px) {
  :root {
    --_g-full: 2.8rem;
  }
  ._container-xxs {
    --_container-w: 60rem;
  }
  ._container-xs {
    --_container-w: 80rem;
  }
  ._container-sm {
    --_container-w: 100rem;
  }
  ._container-md {
    --_container-w: 120rem;
  }
  ._container-lg {
    --_container-w: 140rem;
  }
  ._container-xl {
    --_container-w: 160rem;
  }
  ._container-xxl {
    --_container-w: 180rem;
  }
}
/* 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-inline-start-color: var(--_c-prim);
  }
  pre {
    background-color: var(--_c-text-bg);
  }
  [class*=_loading]:before {
    border-color: rgba(255, 255, 255, 0.2);
    border-block-end-color: var(--_c-white);
  }
  ._badge-warn {
    color: var(--_c-white);
  }
  AX-SKELETON[anim=stream] [rep=wrap]:after {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 67%) 0% 0% / 300% 100%;
  }
}
[scheme=dark]:where(:not(:root)) {
  /*Stage colors*/
  --_h-stage: 0;
  --_s-stage: 0%;
  --_l-stage: 100%;
  --_c-stage: hsl(var(--_h-stage), var(--_s-stage), var(--_l-stage));
  --_c-stage-4: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.04);
  --_c-stage-8: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.08);
  --_c-stage-12: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.12);
  --_c-stage-16: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.16);
  --_c-stage-20: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.2);
  --_c-stage-24: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.24);
  --_c-stage-28: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.28);
  --_c-stage-32: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.32);
  --_c-stage-36: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.36);
  --_c-stage-40: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.4);
  --_c-stage-44: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.44);
  --_c-stage-48: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.48);
  --_c-stage-52: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.52);
  --_c-stage-56: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.56);
  --_c-stage-60: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.6);
  --_c-stage-64: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.64);
  --_c-stage-68: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.68);
  --_c-stage-72: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.72);
  --_c-stage-66: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.76);
  --_c-stage-80: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.8);
  --_c-stage-84: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.84);
  --_c-stage-88: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.88);
  --_c-stage-92: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.92);
  --_c-stage-96: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 0.96);
  --_c-stage-100: hsla(var(--_h-stage), var(--_s-stage), var(--_l-stage), 1);
  /*Mask colors*/
  --_h-mask: 0;
  --_s-mask: 0%;
  --_l-mask: 0%;
  --_c-mask: hsl(var(--_h-mask), var(--_s-mask), var(--_l-mask));
  --_c-mask-4: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.04);
  --_c-mask-8: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.08);
  --_c-mask-12: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.12);
  --_c-mask-16: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.16);
  --_c-mask-20: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.2);
  --_c-mask-24: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.24);
  --_c-mask-28: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.28);
  --_c-mask-32: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.32);
  --_c-mask-36: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.36);
  --_c-mask-40: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.4);
  --_c-mask-44: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.44);
  --_c-mask-48: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.48);
  --_c-mask-52: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.52);
  --_c-mask-56: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.56);
  --_c-mask-60: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.6);
  --_c-mask-64: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.64);
  --_c-mask-68: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.68);
  --_c-mask-72: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.72);
  --_c-mask-66: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.76);
  --_c-mask-80: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.8);
  --_c-mask-84: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.84);
  --_c-mask-88: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.88);
  --_c-mask-92: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.92);
  --_c-mask-96: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 0.96);
  --_c-mask-100: hsla(var(--_h-mask), var(--_s-mask), var(--_l-mask), 1);
  --_c-coef: 1;
  /*Primary colors*/
  /*bg->background,bd->border,fc->focus,ht->halftone,lt->lighten,dp->deepen,aj->adjacent,gy->grey,dk->dark,sg->sunglass,sd->shadow,tl->translucent,fg->frosted glass*/
  --_h-prim: 210;
  --_s-prim: 100%;
  --_l-prim: 55%;
  --_a-prim: 1;
  --_c-prim: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), var(--_a-prim));
  --_c-prim-bg: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.04);
  --_c-prim-bd: hsl(var(--_h-prim), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-prim-fc: hsl(var(--_h-prim), 62%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
  --_c-prim-ht: hsl(var(--_h-prim), 70%, calc(var(--_l-stage) - 30%*var(--_c-coef)));
  --_c-prim-lt: hsla(var(--_h-prim), calc(var(--_s-prim) + 10%), calc(var(--_l-prim) + 10%), var(--_a-prim));
  --_c-prim-dp: hsla(var(--_h-prim), calc(var(--_s-prim) - 10%), calc(var(--_l-prim) - 10%), var(--_a-prim));
  --_c-prim-aj: hsla(calc(var(--_h-prim) + 50), var(--_s-prim), var(--_l-prim), var(--_a-prim));
  --_c-prim-gy: hsla(var(--_h-prim), 20%, calc(var(--_l-stage) - 20%*var(--_c-coef)), var(--_a-prim));
  --_c-prim-dk: hsla(var(--_h-prim), 20%, 30%, var(--_a-prim));
  --_c-prim-sg: hsl(var(--_h-prim), 70%, 20%);
  --_c-prim-ct: hsla(calc(var(--_h-prim) + 180), var(--_s-prim), var(--_l-prim), var(--_a-prim));
  --_c-prim-tp: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0);
  --_c-prim-ac: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.08);
  --_c-prim-sd: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.2);
  --_c-prim-tl: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.6);
  --_c-prim-fg: hsla(var(--_h-prim), var(--_s-prim), var(--_l-prim), 0.8);
  /*Text colors*/
  --_h-text: 0;
  --_s-text: 0%;
  --_l-text: 0%;
  --_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-caption: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 30%*var(--_c-coef)));
  --_c-caption-bg: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.02);
  --_c-caption-bd: var(--_c-caption);
  --_c-caption-sd: hsl(var(--_h-text), var(--_s-text), 0%, 0.1);
  --_c-disable: hsl(var(--_h-text), var(--_s-text), calc(var(--_l-stage) - 30%*var(--_c-coef)));
  --_c-disable-bg: hsla(var(--_h-text), var(--_s-text), var(--_l-text), 0.02);
  --_c-disable-bd: var(--_c-disable);
  --_c-disable-sd: hsl(var(--_h-text), var(--_s-text), 0%, 0.1);
  /*State colors*/
  --_h-succ: 134;
  --_s-succ: 43%;
  --_l-succ: 45%;
  --_a-succ: 1;
  --_c-succ: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), var(--_a-succ));
  --_c-succ-bg: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.04);
  --_c-succ-bd: hsl(var(--_h-succ), 33%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-succ-fc: hsl(var(--_h-succ), 38%, calc(var(--_l-stage) - 13%*var(--_c-coef)));
  --_c-succ-ht: hsl(var(--_h-succ), 23%, 74%);
  --_c-succ-lt: hsla(var(--_h-succ), var(--_s-succ), calc(var(--_l-succ) + 5%), var(--_a-succ));
  --_c-succ-dp: hsla(var(--_h-succ), var(--_s-succ), calc(var(--_l-succ) - 5%), var(--_a-succ));
  --_c-succ-aj: hsla(calc(var(--_h-succ) - 56), 63%, 59%, var(--_a-succ));
  --_c-succ-tp: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0);
  --_c-succ-ac: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.08);
  --_c-succ-sd: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.2);
  --_c-succ-tl: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.6);
  --_c-succ-fg: hsla(var(--_h-succ), var(--_s-succ), var(--_l-succ), 0.8);
  --_h-error: 354;
  --_s-error: 70%;
  --_l-error: 54%;
  --_a-error: 1;
  --_c-error: hsla(var(--_h-error), var(--_s-error), var(--_l-error), var(--_a-error));
  --_c-error-bg: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.04);
  --_c-error-bd: hsl(var(--_h-error), 39%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-error-fc: hsl(var(--_h-error), 42%, calc(var(--_l-stage) - 14%*var(--_c-coef)));
  --_c-error-ht: hsl(var(--_h-error), 23%, 74%);
  --_c-error-lt: hsla(var(--_h-error), var(--_s-error), calc(var(--_l-error) + 5%), var(--_a-error));
  --_c-error-dp: hsla(var(--_h-error), var(--_s-error), calc(var(--_l-error) - 5%), var(--_a-error));
  --_c-error-aj: hsla(calc(var(--_h-error) - 310), 100%, 50%, var(--_a-error));
  --_c-error-tp: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0);
  --_c-error-ac: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.08);
  --_c-error-sd: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.2);
  --_c-error-tl: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.6);
  --_c-error-fg: hsla(var(--_h-error), var(--_s-error), var(--_l-error), 0.8);
  --_h-warn: 45;
  --_s-warn: 100%;
  --_l-warn: 51%;
  --_a-warn: 1;
  --_c-warn: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), var(--_a-warn));
  --_c-warn-bg: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.04);
  --_c-warn-bd: hsl(var(--_h-warn), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-warn-fc: hsl(var(--_h-warn), 49%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
  --_c-warn-ht: hsl(var(--_h-warn), 23%, 74%);
  --_c-warn-lt: hsla(var(--_h-warn), var(--_s-warn), calc(var(--_l-warn) + 5%), var(--_a-warn));
  --_c-warn-dp: hsla(var(--_h-warn), var(--_s-warn), calc(var(--_l-warn) - 12%), var(--_a-warn));
  --_c-warn-aj: hsla(calc(var(--_h-warn) - 0), var(--_s-warn), 74%, var(--_a-warn));
  --_c-warn-tp: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0);
  --_c-warn-ac: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.08);
  --_c-warn-sd: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.2);
  --_c-warn-tl: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.6);
  --_c-warn-fg: hsla(var(--_h-warn), var(--_s-warn), var(--_l-warn), 0.8);
  --_h-info: 210;
  --_s-info: 100%;
  --_l-info: 55%;
  --_a-info: 1;
  --_c-info: hsla(var(--_h-info), var(--_s-info), var(--_l-info), var(--_a-info));
  --_c-info-bg: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.04);
  --_c-info-bd: hsl(var(--_h-info), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-info-fc: hsl(var(--_h-info), 62%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
  --_c-info-ht: hsl(var(--_h-info), 75%, 67%);
  --_c-info-lt: hsla(var(--_h-info), var(--_s-info), calc(var(--_l-info) + 5%), var(--_a-info));
  --_c-info-dp: hsla(var(--_h-info), var(--_s-info), calc(var(--_l-info) - 10%), var(--_a-info));
  --_c-info-aj: hsla(calc(var(--_h-info) - 30), 82%, 44%, var(--_a-info));
  --_c-info-tp: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0);
  --_c-info-ac: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.08);
  --_c-info-sd: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.2);
  --_c-info-tl: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.6);
  --_c-info-fg: hsla(var(--_h-info), var(--_s-info), var(--_l-info), 0.8);
  --_h-issue: 31;
  --_s-issue: 100%;
  --_l-issue: 50%;
  --_a-issue: 1;
  --_c-issue: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), var(--_a-issue));
  --_c-issue-bg: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.04);
  --_c-issue-bd: hsl(var(--_h-issue), 60%, calc(var(--_l-stage) - 10%*var(--_c-coef)));
  --_c-issue-fc: hsl(var(--_h-issue), 49%, calc(var(--_l-stage) - 15%*var(--_c-coef)));
  --_c-issue-ht: hsl(var(--_h-issue), 23%, 74%);
  --_c-issue-lt: hsla(var(--_h-issue), var(--_s-issue), calc(var(--_l-issue) + 5%), var(--_a-issue));
  --_c-issue-dp: hsla(var(--_h-issue), var(--_s-issue), calc(var(--_l-issue) - 10%), var(--_a-issue));
  --_c-issue-aj: hsla(calc(var(--_h-issue) + 20), var(--_s-issue), 57%, var(--_a-issue));
  --_c-issue-tp: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0);
  --_c-issue-ac: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.08);
  --_c-issue-sd: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.2);
  --_c-issue-tl: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.5);
  --_c-issue-fg: hsla(var(--_h-issue), var(--_s-issue), var(--_l-issue), 0.8);
  color: var(--_c-text);
  background-color: var(--_c-stage);
}
[scheme=dark] {
  --_h-stage: var(--_h-prim);
  --_s-stage: 10%;
  --_l-stage: 10%;
  --_c-coef: -1;
  --_l-text: 80%;
  --_l-mask: 100%;
}
[scheme=dark] blockquote {
  background-color: var(--_c-text-bg);
  border-inline-start-color: var(--_c-prim);
}
[scheme=dark] pre {
  background-color: var(--_c-text-bg);
}
[scheme=dark] [class*=_loading]:before {
  border-color: rgba(255, 255, 255, 0.2);
  border-block-end-color: var(--_c-white);
}
[scheme=dark] ._badge-warn {
  color: var(--_c-white);
}
[scheme=dark] AX-SKELETON[anim=stream] [rep=wrap]:after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 67%) 0% 0% / 300% 100%;
}
