@charset "UTF-8";
/*
	Author	: hyojeong yang
	Date	: 2025-10-24
	Project	: 캠퍼스공동교육과정
*/
/* abstracts */
/* reference size */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url("common/vendors/animate.css");
@import url("common/vendors/swiper-bundle.css");
@import url("common/vendors/tagify.css");
:root {
  /* theme */
  --color-primary5: #ECF8F7;
  --color-primary10: #D6F8F5;
  --color-primary20: #AEEEE8;
  --color-primary30: #76E4DB;
  --color-primary40: #5FDDCD;
  --color-primary50: #42BDAE;
  --color-primary60: #23A091;
  --color-primary70: #158073;
  --color-primary80: #084D45;
  --color-primary90: #002723;
  --color-secondary5: #E9FCFF;
  --color-secondary10: #C6F7FF;
  --color-secondary20: #91E7F5;
  --color-secondary30: #51D8ED;
  --color-secondary40: #26C1D9;
  --color-secondary50: #15A9C0;
  --color-secondary60: #0B8FA4;
  --color-secondary70: #007B8E;
  --color-secondary80: #005765;
  --color-secondary90: #00353D;
  --color-accent5: #FFF9E8;
  --color-accent10: #FFF3D3;
  --color-accent20: #FFEBB3;
  --color-accent30: #FFE18F;
  --color-accent40: #FFD972;
  --color-accent50: #FFC833;
  --color-accent60: #DDA40B;
  --color-accent70: #AC7D00;
  --color-accent80: #715200;
  --color-accent90: #3E2D00;
  /* color */
  --color-background-site: #fff;
  --color-background-default-primary: #fff;
  --color-background-default-secondary: #F7F7F8;
  --color-background-default-tertiary: #E6E8EA;
  --color-background-default-quaternary: #CDD1D5;
  --color-background-default-primary-inverse: #33363D;
  --color-background-default-secondary-inverse: #464C53;
  --color-background-default-tertiary-inverse: #58616A;
  --color-background-default-quaternary-inverse: #6D7882;
  --color-background-alpha-primary: rgba(255, 255, 255, 0.9);
  --color-background-alpha-primary-inverse: rgba(17, 17, 17, 0.75);
  --color-background-success-primary: #F3FCF3;
  --color-background-success-primary-inverse: #009500;
  --color-background-warning-primary: #FFF8E9;
  --color-background-warning-primary-inverse: #98690A;
  --color-background-info-primary: #F0F9FF;
  --color-background-info-primary-inverse: #0074E5;
  --color-background-danger-primary: #FEF1F1;
  --color-background-danger-primary-inverse: #EE0000;
  --color-background-brand-primary: var(--color-primary5);
  --color-background-brand-secondary: var(--color-secondary5);
  --color-background-brand-accent: var(--color-accent5);
  --color-background-brand-primary-inverse: var(--color-primary50);
  --color-background-brand-secondary-inverse: var(--color-secondary50);
  --color-background-brand-accent-inverse: var(--color-accent50);
  --color-background-brand-primary-inverse-hover: var(--color-primary60);
  --color-background-brand-secondary-inverse-hover: var(--color-secondary60);
  --color-background-brand-accent-inverse-hover: var(--color-accent60);
  --color-background-disabled-primary: #F7F7F8;
  --color-background-disabled-secondary: #E6E8EA;
  --color-font-default-primary: #33363D;
  --color-font-default-secondary: #464C53;
  --color-font-default-tertiary: #58616A;
  --color-font-default-quaternary: #6D7882;
  --color-font-default-primary-inverse: #fff;
  --color-font-default-secondary-inverse: rgba(255, 255, 255, 0.9);
  --color-font-default-tertiary-inverse: rgba(255, 255, 255, 0.8);
  --color-font-default-quaternary-inverse: rgba(255, 255, 255, 0.75);
  --color-font-success-primary: #006600;
  --color-font-success-primary-inverse: #F3FCF3;
  --color-font-warning-primary: #66490E;
  --color-font-warning-primary-inverse: #FFF8E9;
  --color-font-info-primary: #0056AA;
  --color-font-info-primary-inverse: #F0F9FF;
  --color-font-danger-primary: #CD0404;
  --color-font-danger-primary-inverse: #FEF1F1;
  --color-font-brand-primary: var(--color-primary60);
  --color-font-brand-secondary: var(--color-secondary60);
  --color-font-brand-accent: var(--color-accent60);
  --color-font-brand-primary-base: var(--color-primary50);
  --color-font-brand-accent-base: var(--color-accent50);
  --color-font-brand-secondary-base: var(--color-secondary50);
  --color-font-brand-accent-base: var(--color-accent50);
  --color-font-brand-primary-inverse: var(--color-primary5);
  --color-font-brand-secondary-inverse: var(--color-secondary5);
  --color-font-brand-accent-inverse: var(--color-accent5);
  --color-font-disabled-primary: #58616A;
  --color-font-disabled-secondary: #464C53;
  --color-stroke-default-primary: #33363D;
  --color-stroke-default-secondary: #B1B8BE;
  --color-stroke-default-tertiary: #CDD1D5;
  --color-stroke-default-quaternary: #E6E8EA;
  --color-stroke-default-primary-inverse: #fff;
  --color-stroke-default-secondary-inverse: #58616A;
  --color-stroke-default-tertiary-inverse: #464C53;
  --color-stroke-default-quaternary-inverse: #33363D;
  --color-stroke-success-primary: #009500;
  --color-stroke-success-primary-inverse: #D6F5D6;
  --color-stroke-warning-primary: #98690A;
  --color-stroke-warning-primary-inverse: #FFB724;
  --color-stroke-info-primary: #0074E5;
  --color-stroke-info-primary-inverse: #C7E3FF;
  --color-stroke-danger-primary: #EE0000;
  --color-stroke-danger-primary-inverse: #FCCCCC;
  --color-stroke-brand-primary: var(--color-primary50);
  --color-stroke-brand-primary-inverse: var(--color-primary10);
  --color-stroke-brand-secondary: var(--color-secondary50);
  --color-stroke-brand-secondary-inverse: var(--color-secondary10);
  --color-stroke-brand-accent: var(--color-accent50);
  --color-stroke-brand-accent-inverse: var(--color-accent10);
  --color-stroke-disabled-primary: #CDD1D5;
  --color-stroke-disabled-secondary: #B1B8BE;
  --color-icon-default-primary: #33363D;
  --color-icon-default-secondary: #58616A;
  --color-icon-default-tertiary: #B1B8BE;
  --color-icon-default-primary-inverse: #fff;
  --color-icon-default-secondary-inverse: rgba(255, 255, 255, 0.75);
  --color-icon-default-tertiary-inverse: rgba(255, 255, 255, 0.25);
  --color-icon-success-primary: #009500;
  --color-icon-success-primary-inverse: #F3FCF3;
  --color-icon-warning-primary: #98690A;
  --color-icon-warning-primary-inverse: #FFF8E9;
  --color-icon-info-primary: #0074E5;
  --color-icon-info-primary-inverse: #F0F9FF;
  --color-icon-danger-primary: #EE0000;
  --color-icon-danger-primary-inverse: #FEF1F1;
  --color-icon-brand-primary: var(--color-primary50);
  --color-icon-brand-secondary: var(--color-secondary50);
  --color-icon-brand-accent: var(--color-accent50);
  --color-icon-brand-primary-inverse: var(--color-primary5);
  --color-icon-brand-secondary-inverse: var(--color-secondary5);
  --color-icon-brand-accent-inverse: var(--color-accent5);
  --color-icon-disabled-primary: #6D7882;
  --color-icon-disabled-secondary: #58616A;
  /* size */
  --radius-none: 0;
  --radius-xsm: 0.8rem;
  --radius-sm: 1.2rem;
  --radius-md: 2.4rem;
  --radius-lg: 3.2rem;
  --radius-xlg: 4rem;
  --radius-2xlg: 8rem;
  --radius-full: 100%;
  --spacing-none: 0;
  --spacing-3xsm: 0.2rem;
  --spacing-2xsm: 0.4rem;
  --spacing-xsm: 0.8rem;
  --spacing-sm: 1.2rem;
  --spacing-md: 1.6rem;
  --spacing-lg: 2.4rem;
  --spacing-xlg: 3.2rem;
  --spacing-2xlg: 4rem;
  --spacing-3xlg: 8rem;
  --size-stroke-none: 0;
  --size-stroke-xsm: 0.1rem;
  --size-stroke-sm: 0.2rem;
  --size-stroke-md: 0.4rem;
  --size-stroke-lg: 0.8rem;
  --size-font-4xlg: 4.8rem;
  --size-font-3xlg: 4rem;
  --size-font-2xlg: 3.2rem;
  --size-font-xlg: 2.4rem;
  --size-font-lg: 2rem;
  --size-font-md: 1.8rem;
  --size-font-sm: 1.6rem;
  --size-font-xsm: 1.4rem;
  --size-font-2xsm: 1.2rem;
  --size-font-weight-xlg: 800;
  --size-font-weight-lg: 700;
  --size-font-weight-md: 400;
  --size-font-lineheight-xlg: 2;
  --size-font-lineheight-lg: 1.5;
  --size-font-lineheight-md: 1.4;
  --size-font-lineheight-sm: 1.3;
  --size-font-lineheight-xsm: 1.2;
  --size-icon-lg: 2.4rem;
  --size-icon-md: 2.0rem;
  --size-icon-sm: 1.6rem;
  --spacing-section-sm: var(--spacing-2xlg);
  --spacing-section-md: var(--spacing-3xlg);
  --spacing-section-lg: 16rem;
  --size-wrap: 144rem;
  --size-wrap-md: 102.4rem;
  --size-wrap-sm: 80rem;
  --size-wrap-xsm: 48rem;
  --size-wrap-2xsm: 40rem;
  --size-wrap-full: 144rem;
  --size-wrap-spacing: 4rem;
  --size-gutter-sm:2.4rem;
  --size-gutter-md:4rem;
  --size-gutter-lg:6.4rem;
  --size-gutter-xlg:8rem;
  --size-popup-xsm: 32rem;
  --size-popup-sm: 44rem;
  --size-popup-md: 64rem;
  --size-popup-lg: 80rem;
  --size-popup-xlg: var(--size-wrap);
  --size-popup-round: var(--radius-radius-md);
  --size-popup-padding: var(--spacing-spacing-2xlg);
  --form-width-lg: 40rem;
  --form-width-md: 24rem;
  --form-width-sm: 16rem;
  --form-width-xsm: 8rem;
  --form-height-lg: 6.4rem;
  --form-height-md: 4.8rem;
  --form-height-sm: 3.6rem;
  --form-height-xsm: 2.8rem;
}

/* theme */
/* color */
/* size */
/* etc */
:root {
  --font-heading-lg: 5.6rem;
  --font-heading-md: var(--size-font-4xlg);
  --font-heading-sm: var(--size-font-3xlg);
  --font-tit-xlg: var(--size-font-3xlg);
  --font-tit-lg: var(--size-font-2xlg);
  --font-tit-md: var(--size-font-xlg);
  --font-tit-sm: var(--size-font-md);
  --font-tit-xsm: var(--size-font-sm);
  --font-body-lg: var(--size-font-md);
  --font-body-md: var(--size-font-sm);
  --font-body-sm: var(--size-font-xsm);
  --font-body-xsm: var(--size-font-2xsm);
  --font-label-lg: var(--size-font-md);
  --font-label-md: var(--size-font-sm);
  --font-label-sm: var(--size-font-xsm);
  --font-label-xsm: var(--size-font-2xsm);
  --font-tit-label: var(--size-font-sm);
}

@media (max-width: 1279px) {
  :root {
    --font-heading-lg: 5.2rem;
    --font-heading-md: var(--size-font-4xlg);
    --font-heading-sm: var(--size-font-3xlg);
    --font-tit-xlg: 3.6rem;
    --font-tit-lg: 2.6rem;
    --font-tit-md: var(--size-font-md);
    --font-tit-sm: var(--size-font-sm);
    --font-tit-xsm: var(--size-font-xsm);
    --font-body-lg: var(--size-font-sm);
    --font-body-md: var(--size-font-xsm);
    --font-body-sm: var(--size-font-2xsm);
    --font-body-xsm: 1rem;
    --font-label-lg: var(--size-font-sm);
    --font-label-md: var(--size-font-xsm);
    --font-label-sm: var(--size-font-2xsm);
    --font-label-xsm: 1rem;
    --font-tit-label: var(--size-font-xsm);
    --spacing-section-sm: var(--spacing-2xlg);
    --spacing-section-md: var(--spacing-3xlg);
    --spacing-section-lg: 16rem;
    --size-wrap-spacing: 2.4rem;
  }
}
@media (max-width: 767px) {
  :root {
    --font-heading-lg: 4.8rem;
    --font-heading-md: var(--size-font-4xlg);
    --font-heading-sm: var(--size-font-3xlg);
    --font-tit-xlg: 3.6rem;
    --font-tit-lg: 2.4rem;
    --font-tit-md: var(--size-font-md);
    --font-tit-sm: var(--size-font-sm);
    --font-tit-xsm: var(--size-font-xsm);
    --font-body-lg: var(--size-font-sm);
    --font-body-md: var(--size-font-xsm);
    --font-body-sm: var(--size-font-2xsm);
    --font-body-xsm: 1rem;
    --font-label-lg: var(--size-font-sm);
    --font-label-md: var(--size-font-xsm);
    --font-label-sm: var(--size-font-2xsm);
    --font-label-xsm: 1rem;
    --font-tit-label: var(--size-font-xsm);
    --size-wrap-spacing: 1.6rem;
    --spacing-section-lg: 12rem;
    --form-height-lg: 5.6rem;
    --form-height-md: 4rem;
    --form-height-sm: 3.2rem;
    --form-height-xsm: 2.4rem;
    --pop-gap: 1.6rem;
  }
}
:root {
  --color-primary5: #F1F4FF;
  --color-primary10: #E0E7FF;
  --color-primary20: #C3D2FF;
  --color-primary30: #84A1F8;
  --color-primary40: #4F6FF1;
  --color-primary50: #1A39B8;
  --color-primary60: #102B96;
  --color-primary70: #0B1F74;
  --color-primary80: #081652;
  --color-primary90: #070E2D;
  --color-secondary5: #E9FCFF;
  --color-secondary10: #C6F7FF;
  --color-secondary20: #91E7F5;
  --color-secondary30: #51D8ED;
  --color-secondary40: #26C1D9;
  --color-secondary50: #15A9C0;
  --color-secondary60: #0B8FA4;
  --color-secondary70: #007B8E;
  --color-secondary80: #005765;
  --color-secondary90: #00353D;
  --color-accent5: #ECF8F7;
  --color-accent10: #D6F8F5;
  --color-accent20: #AEEEE8;
  --color-accent30: #76E4DB;
  --color-accent40: #5FDDCD;
  --color-accent50: #42BDAE;
  --color-accent60: #23A091;
  --color-accent70: #158073;
  --color-accent80: #084D45;
  --color-accent90: #002723;
}

/* icon */
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 0;
  position: relative;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-])::before {
  content: " ";
  position: absolute;
  inset: 0;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-default-secondary);
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 100%;
  height: 100%;
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).sm {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).lg {
  width: var(--size-icon-lg);
  height: var(--size-icon-lg);
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-search::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21.7,20.3l-5.4-5.4c1.1-1.4,1.7-3.1,1.7-4.9c0-4.4-3.6-8-8-8s-8,3.6-8,8s3.6,8,8,8c1.8,0,3.5-0.6,4.9-1.7 l5.4,5.4L21.7,20.3z M10,16c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S13.3,16,10,16z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21.7,20.3l-5.4-5.4c1.1-1.4,1.7-3.1,1.7-4.9c0-4.4-3.6-8-8-8s-8,3.6-8,8s3.6,8,8,8c1.8,0,3.5-0.6,4.9-1.7 l5.4,5.4L21.7,20.3z M10,16c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S13.3,16,10,16z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-form-check::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.405,16.974c-.302,0-.605-.112-.839-.338l-4.622-4.65c-.481-.464-.495-1.229-.032-1.71s1.229-.495,1.709-.032l3.783,3.842,6.976-6.722c.48-.463,1.246-.449,1.709.032.463.48.449,1.246-.032,1.71l-7.814,7.53c-.234.226-.537.338-.839.338h0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.405,16.974c-.302,0-.605-.112-.839-.338l-4.622-4.65c-.481-.464-.495-1.229-.032-1.71s1.229-.495,1.709-.032l3.783,3.842,6.976-6.722c.48-.463,1.246-.449,1.709.032.463.48.449,1.246-.032,1.71l-7.814,7.53c-.234.226-.537.338-.839.338h0Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-form-minus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m17.8,10.8H6.2c-.663,0-1.2.537-1.2,1.2s.537,1.2,1.2,1.2h11.6c.663,0,1.2-.537,1.2-1.2s-.537-1.2-1.2-1.2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m17.8,10.8H6.2c-.663,0-1.2.537-1.2,1.2s.537,1.2,1.2,1.2h11.6c.663,0,1.2-.537,1.2-1.2s-.537-1.2-1.2-1.2Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-form-plus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m17.8,10.8h-4.6v-4.6c0-.663-.538-1.2-1.2-1.2s-1.2.537-1.2,1.2v4.6h-4.6c-.663,0-1.2.537-1.2,1.2s.538,1.2,1.2,1.2h4.6v4.6c0,.663.538,1.2,1.2,1.2s1.2-.537,1.2-1.2v-4.6h4.6c.663,0,1.2-.537,1.2-1.2s-.538-1.2-1.2-1.2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m17.8,10.8h-4.6v-4.6c0-.663-.538-1.2-1.2-1.2s-1.2.537-1.2,1.2v4.6h-4.6c-.663,0-1.2.537-1.2,1.2s.538,1.2,1.2,1.2h4.6v4.6c0,.663.538,1.2,1.2,1.2s1.2-.537,1.2-1.2v-4.6h4.6c.663,0,1.2-.537,1.2-1.2s-.538-1.2-1.2-1.2Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-form-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m17.357,15.707l-5.293-5.293-5.293,5.293-1.414-1.414,6-6c.391-.391,1.023-.391,1.414,0l6,6-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m17.357,15.707l-5.293-5.293-5.293,5.293-1.414-1.414,6-6c.391-.391,1.023-.391,1.414,0l6,6-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-form-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12.065,16c-.256,0-.512-.098-.707-.293l-6-6,1.414-1.414,5.293,5.293,5.293-5.293,1.414,1.414-6,6c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12.065,16c-.256,0-.512-.098-.707-.293l-6-6,1.414-1.414,5.293,5.293,5.293-5.293,1.414,1.414-6,6c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-ppv::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12.312,20.658l-7-8c-.329-.377-.329-.939,0-1.316L12.312,3.342l1.506,1.316-6.424,7.342,6.424,7.342-1.506,1.316Z'/%3E%3Cpath class='cls-1' d='m17.312,20.658l-7-8c-.329-.377-.329-.939,0-1.316l7-8,1.506,1.316-6.424,7.342,6.424,7.342-1.506,1.316Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12.312,20.658l-7-8c-.329-.377-.329-.939,0-1.316L12.312,3.342l1.506,1.316-6.424,7.342,6.424,7.342-1.506,1.316Z'/%3E%3Cpath class='cls-1' d='m17.312,20.658l-7-8c-.329-.377-.329-.939,0-1.316l7-8,1.506,1.316-6.424,7.342,6.424,7.342-1.506,1.316Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-pv::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m14.357,20.707L6.357,12.707c-.391-.391-.391-1.023,0-1.414L14.357,3.293l1.414,1.414-7.293,7.293,7.293,7.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m14.357,20.707L6.357,12.707c-.391-.391-.391-1.023,0-1.414L14.357,3.293l1.414,1.414-7.293,7.293,7.293,7.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-fw::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m9.772,20.707l-1.414-1.414,7.293-7.293-7.293-7.293,1.414-1.414,8,8c.391.391.391,1.023,0,1.414l-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m9.772,20.707l-1.414-1.414,7.293-7.293-7.293-7.293,1.414-1.414,8,8c.391.391.391,1.023,0,1.414l-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-ffw::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m11.817,20.658l-1.506-1.316,6.424-7.342-6.424-7.342,1.506-1.316,7,8c.329.377.329.939,0,1.316l-7,8Z'/%3E%3Cpath class='cls-1' d='m6.817,20.658l-1.506-1.316,6.424-7.342-6.424-7.342,1.506-1.316,7,8c.329.377.329.939,0,1.316l-7,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m11.817,20.658l-1.506-1.316,6.424-7.342-6.424-7.342,1.506-1.316,7,8c.329.377.329.939,0,1.316l-7,8Z'/%3E%3Cpath class='cls-1' d='m6.817,20.658l-1.506-1.316,6.424-7.342-6.424-7.342,1.506-1.316,7,8c.329.377.329.939,0,1.316l-7,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11.29,6.29L2.29,15.29l1.41,1.41,8.29-8.29,8.29,8.29,1.41-1.41L12.71,6.29c-.39-.39-1.02-.39-1.41,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11.29,6.29L2.29,15.29l1.41,1.41,8.29-8.29,8.29,8.29,1.41-1.41L12.71,6.29c-.39-.39-1.02-.39-1.41,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3.71,7.29l-1.41,1.41,9,9c.19.19.44.29.71.29s.52-.11.71-.29l9-9-1.41-1.41-8.29,8.29L3.71,7.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3.71,7.29l-1.41,1.41,9,9c.19.19.44.29.71.29s.52-.11.71-.29l9-9-1.41-1.41-8.29,8.29L3.71,7.29Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-lt::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15.29,2.29L6.29,11.29c-.39.39-.39,1.02,0,1.41l9,9,1.41-1.41-8.29-8.29L16.71,3.71l-1.41-1.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15.29,2.29L6.29,11.29c-.39.39-.39,1.02,0,1.41l9,9,1.41-1.41-8.29-8.29L16.71,3.71l-1.41-1.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-gt::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8.71,21.71l9-9c.39-.39.39-1.02,0-1.41L8.71,2.29l-1.41,1.41,8.29,8.29-8.29,8.29,1.41,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8.71,21.71l9-9c.39-.39.39-1.02,0-1.41L8.71,2.29l-1.41,1.41,8.29,8.29-8.29,8.29,1.41,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-arrow-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m10.6,4l-7.31,7.29c-.19.19-.29.44-.29.71s.11.52.29.71l7.31,7.29,1.41-1.42-5.6-5.58h14.58v-2H6.41s5.6-5.58,5.6-5.58l-1.41-1.42Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m10.6,4l-7.31,7.29c-.19.19-.29.44-.29.71s.11.52.29.71l7.31,7.29,1.41-1.42-5.6-5.58h14.58v-2H6.41s5.6-5.58,5.6-5.58l-1.41-1.42Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-arrow-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m14.39,4l-1.41,1.42,5.6,5.59H3.99s0,2,0,2h14.58s-5.6,5.58-5.6,5.58l1.41,1.42,7.31-7.29c.19-.19.29-.44.29-.71s-.11-.52-.29-.71l-7.31-7.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m14.39,4l-1.41,1.42,5.6,5.59H3.99s0,2,0,2h14.58s-5.6,5.58-5.6,5.58l1.41,1.42,7.31-7.29c.19-.19.29-.44.29-.71s-.11-.52-.29-.71l-7.31-7.29Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-arrow-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m13,21V6.42s5.58,5.6,5.58,5.6l1.42-1.41-7.29-7.31c-.38-.38-1.04-.38-1.42,0l-7.29,7.31,1.42,1.41,5.59-5.6v14.59s2,0,2,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m13,21V6.42s5.58,5.6,5.58,5.6l1.42-1.41-7.29-7.31c-.38-.38-1.04-.38-1.42,0l-7.29,7.31,1.42,1.41,5.59-5.6v14.59s2,0,2,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-arrow-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,13.4l7.29,7.31c.19.19.44.29.71.29s.52-.11.71-.29l7.29-7.31-1.42-1.41-5.58,5.6V3h-2v14.59s-5.58-5.6-5.58-5.6l-1.42,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,13.4l7.29,7.31c.19.19.44.29.71.29s.52-.11.71-.29l7.29-7.31-1.42-1.41-5.58,5.6V3h-2v14.59s-5.58-5.6-5.58-5.6l-1.42,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-play::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5,2v20l16-10L5,2Zm2,3.61l10.23,6.39-10.23,6.39V5.61Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5,2v20l16-10L5,2Zm2,3.61l10.23,6.39-10.23,6.39V5.61Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-pause::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='14' y='2' width='5' height='20'/%3E%3Crect class='cls-2' x='5' y='2' width='5' height='20'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='14' y='2' width='5' height='20'/%3E%3Crect class='cls-2' x='5' y='2' width='5' height='20'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-stop::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,21h18V3H3v18ZM5,5h14v14H5V5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,21h18V3H3v18ZM5,5h14v14H5V5Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-archive::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,18c.26,0,.51-.1.71-.29l3-3-1.41-1.41-1.29,1.29v-4.59h-2v4.59l-1.29-1.29-1.41,1.41,3,3c.2.2.45.29.71.29Z'/%3E%3Cpath d='m5,2l-2,4v16h18V6l-2-4H5Zm1.24,2h11.53l1,2H5.24l1-2Zm12.76,16H5v-12h14v12Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,18c.26,0,.51-.1.71-.29l3-3-1.41-1.41-1.29,1.29v-4.59h-2v4.59l-1.29-1.29-1.41,1.41,3,3c.2.2.45.29.71.29Z'/%3E%3Cpath d='m5,2l-2,4v16h18V6l-2-4H5Zm1.24,2h11.53l1,2H5.24l1-2Zm12.76,16H5v-12h14v12Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-attach::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,9v6c0,1.65,1.35,3,3,3s3-1.35,3-3V5c0-2.48-2.02-4.5-4.5-4.5s-4.5,2.02-4.5,4.5v12c0,3.31,2.69,6,6,6s6-2.69,6-6V7h-2v10c0,2.21-1.79,4-4,4s-4-1.79-4-4V5c0-1.38,1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5v10c0,.55-.45,1-1,1s-1-.45-1-1v-6h-2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,9v6c0,1.65,1.35,3,3,3s3-1.35,3-3V5c0-2.48-2.02-4.5-4.5-4.5s-4.5,2.02-4.5,4.5v12c0,3.31,2.69,6,6,6s6-2.69,6-6V7h-2v10c0,2.21-1.79,4-4,4s-4-1.79-4-4V5c0-1.38,1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5v10c0,.55-.45,1-1,1s-1-.45-1-1v-6h-2Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-block::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM4,12c0-4.41,3.59-8,8-8,1.85,0,3.54.63,4.9,1.69l-11.21,11.21c-1.05-1.36-1.69-3.05-1.69-4.9Zm8,8c-1.85,0-3.54-.63-4.9-1.69l11.21-11.21c1.05,1.36,1.69,3.05,1.69,4.9,0,4.41-3.59,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM4,12c0-4.41,3.59-8,8-8,1.85,0,3.54.63,4.9,1.69l-11.21,11.21c-1.05-1.36-1.69-3.05-1.69-4.9Zm8,8c-1.85,0-3.54-.63-4.9-1.69l11.21-11.21c1.05,1.36,1.69,3.05,1.69,4.9,0,4.41-3.59,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-book::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m12.997,21l-1.997-.021c-.089-.261-1.304-1-3.5-1s-3.411.739-3.503,1.021l-1.997-.021V5.979c0-3.208,7.283-3.853,10-1.8,2.717-2.054,10-1.408,10,1.8v15h-2c-.089-.261-1.304-1-3.5-1s-3.411.739-3.503,1.021ZM7.5,4.979c-2.196,0-3.411.739-3.503,1.021l.003,12.616c1.99-.844,5.008-.844,7,0V5.979c-.089-.261-1.304-1-3.5-1Zm9,13c1.249,0,2.504.215,3.5.637V5.979c-.089-.261-1.304-1-3.5-1-2.179,0-3.391.728-3.5,1.014v12.623c.996-.422,2.251-.637,3.5-.637Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m12.997,21l-1.997-.021c-.089-.261-1.304-1-3.5-1s-3.411.739-3.503,1.021l-1.997-.021V5.979c0-3.208,7.283-3.853,10-1.8,2.717-2.054,10-1.408,10,1.8v15h-2c-.089-.261-1.304-1-3.5-1s-3.411.739-3.503,1.021ZM7.5,4.979c-2.196,0-3.411.739-3.503,1.021l.003,12.616c1.99-.844,5.008-.844,7,0V5.979c-.089-.261-1.304-1-3.5-1Zm9,13c1.249,0,2.504.215,3.5.637V5.979c-.089-.261-1.304-1-3.5-1-2.179,0-3.391.728-3.5,1.014v12.623c.996-.422,2.251-.637,3.5-.637Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-bookmark::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m19,2H5v20l7-4,7,4V2Zm-2,16.55l-4.01-2.29c-.31-.18-.65-.26-.99-.26s-.68.09-.99.26l-4.01,2.29V4h10v14.55Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m19,2H5v20l7-4,7,4V2Zm-2,16.55l-4.01-2.29c-.31-.18-.65-.26-.99-.26s-.68.09-.99.26l-4.01,2.29V4h10v14.55Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-calendar::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m7,2v2H3v18h18V4h-4v-2h-2v2h-6v-2h-2Zm-2,18v-10h14v10H5Zm14-12H5v-2h14v2Z'/%3E%3Ccircle cx='8' cy='13' r='1'/%3E%3Ccircle cx='12' cy='13' r='1'/%3E%3Ccircle cx='16' cy='13' r='1'/%3E%3Ccircle cx='8' cy='17' r='1'/%3E%3Ccircle cx='12' cy='17' r='1'/%3E%3Ccircle cx='16' cy='17' r='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m7,2v2H3v18h18V4h-4v-2h-2v2h-6v-2h-2Zm-2,18v-10h14v10H5Zm14-12H5v-2h14v2Z'/%3E%3Ccircle cx='8' cy='13' r='1'/%3E%3Ccircle cx='12' cy='13' r='1'/%3E%3Ccircle cx='16' cy='13' r='1'/%3E%3Ccircle cx='8' cy='17' r='1'/%3E%3Ccircle cx='12' cy='17' r='1'/%3E%3Ccircle cx='16' cy='17' r='1'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-call::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6.64,2.7c-.19-.19-.45-.29-.7-.29s-.51.1-.71.29l-1.76,1.76c-1.96,1.96-1.96,5.13,0,7.09l8.97,8.97c.98.98,2.26,1.47,3.55,1.47s2.56-.49,3.54-1.47l1.77-1.76c.39-.39.39-1.02,0-1.41l-5.3-5.36-2,2-4-4,2-2L6.64,2.7Zm5.95,12.71c.39.39.9.59,1.41.59s1.02-.2,1.41-.59l.58-.58,3.19,3.22-1.06,1.06c-.57.57-1.33.88-2.13.88s-1.56-.31-2.13-.88L4.88,10.14c-1.18-1.18-1.17-3.09,0-4.27l1.05-1.05,3.23,3.19-.58.58c-.38.38-.59.88-.59,1.41,0,.53.21,1.04.59,1.41l4,4Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6.64,2.7c-.19-.19-.45-.29-.7-.29s-.51.1-.71.29l-1.76,1.76c-1.96,1.96-1.96,5.13,0,7.09l8.97,8.97c.98.98,2.26,1.47,3.55,1.47s2.56-.49,3.54-1.47l1.77-1.76c.39-.39.39-1.02,0-1.41l-5.3-5.36-2,2-4-4,2-2L6.64,2.7Zm5.95,12.71c.39.39.9.59,1.41.59s1.02-.2,1.41-.59l.58-.58,3.19,3.22-1.06,1.06c-.57.57-1.33.88-2.13.88s-1.56-.31-2.13-.88L4.88,10.14c-1.18-1.18-1.17-3.09,0-4.27l1.05-1.05,3.23,3.19-.58.58c-.38.38-.59.88-.59,1.41,0,.53.21,1.04.59,1.41l4,4Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-camera::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21h20V6h-4l-1.5-2H7.5l-1.5,2H2v15Zm2-13h2c.63,0,1.22-.3,1.6-.8l.9-1.2h7l.9,1.2c.38.5.97.8,1.6.8h2v11H4v-11Z'/%3E%3Cpath d='m12,9c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21h20V6h-4l-1.5-2H7.5l-1.5,2H2v15Zm2-13h2c.63,0,1.22-.3,1.6-.8l.9-1.2h7l.9,1.2c.38.5.97.8,1.6.8h2v11H4v-11Z'/%3E%3Cpath d='m12,9c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-chart::before, [class*=ico-].ico-curation:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-])::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M6,12v8h-2v-8h2M8,10H2v12h6v-12h0Z'/%3E%3Cpath class='cls-2' d='M13,8v12h-2v-12h2M15,6h-6v16h6V6h0Z'/%3E%3Cpath class='cls-2' d='M20,4v16h-2V4h2M22,2h-6v20h6V2h0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M6,12v8h-2v-8h2M8,10H2v12h6v-12h0Z'/%3E%3Cpath class='cls-2' d='M13,8v12h-2v-12h2M15,6h-6v16h6V6h0Z'/%3E%3Cpath class='cls-2' d='M20,4v16h-2V4h2M22,2h-6v20h6V2h0Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-chat::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='6 15 6 13 4.59 13 4 13.59 4 5 16 5 16 6 18 6 18 3 2 3 2 18.41 5.41 15 6 15'/%3E%3Cpath d='m7,19h11l4,3V7H7v12Zm2-10h11v9l-.8-.6c-.35-.26-.77-.4-1.2-.4h-9v-8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='6 15 6 13 4.59 13 4 13.59 4 5 16 5 16 6 18 6 18 3 2 3 2 18.41 5.41 15 6 15'/%3E%3Cpath d='m7,19h11l4,3V7H7v12Zm2-10h11v9l-.8-.6c-.35-.26-.77-.4-1.2-.4h-9v-8Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-check::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9.87,17.56l-7.21-6.31-1.32,1.51,8,7c.18.16.42.25.66.25.03,0,.06,0,.09,0,.27-.02.52-.16.69-.37l12-15-1.56-1.25-11.35,14.18Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9.87,17.56l-7.21-6.31-1.32,1.51,8,7c.18.16.42.25.66.25.03,0,.06,0,.09,0,.27-.02.52-.16.69-.37l12-15-1.56-1.25-11.35,14.18Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-close::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-comment::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,19h14l6,4V4H2v15Zm2-13h16v13.26l-2.89-1.93c-.33-.22-.71-.34-1.11-.34H4V6Z'/%3E%3Crect x='6' y='8' width='12' height='2'/%3E%3Crect x='6' y='12' width='10' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,19h14l6,4V4H2v15Zm2-13h16v13.26l-2.89-1.93c-.33-.22-.71-.34-1.11-.34H4V6Z'/%3E%3Crect x='6' y='8' width='12' height='2'/%3E%3Crect x='6' y='12' width='10' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-copy::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8,18h12V2h-12v16Zm2-14h8v12h-8V4Z'/%3E%3Cpolygon points='4 22 5 22 6 22 17 22 17 20 6 20 6 5 4 5 4 22'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8,18h12V2h-12v16Zm2-14h8v12h-8V4Z'/%3E%3Cpolygon points='4 22 5 22 6 22 17 22 17 20 6 20 6 5 4 5 4 22'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-delete::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='6' y='2' width='12' height='2'/%3E%3Crect x='9' y='9' width='2' height='9'/%3E%3Crect x='13' y='9' width='2' height='9'/%3E%3Cpath d='m19,22V7h1v-2H4v2h1v15h14Zm-2-15v13H7V7h10Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='6' y='2' width='12' height='2'/%3E%3Crect x='9' y='9' width='2' height='9'/%3E%3Crect x='13' y='9' width='2' height='9'/%3E%3Cpath d='m19,22V7h1v-2H4v2h1v15h14Zm-2-15v13H7V7h10Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-document::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m14,2H4v20h16v-14l-6-6Zm3.172,6h-3.172v-3.172l3.172,3.172Zm.828,12H6V4h6v6h6v10Z'/%3E%3Crect class='cls-2' x='8' y='16' width='6' height='2'/%3E%3Crect class='cls-2' x='8' y='12' width='8' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m14,2H4v20h16v-14l-6-6Zm3.172,6h-3.172v-3.172l3.172,3.172Zm.828,12H6V4h6v6h6v10Z'/%3E%3Crect class='cls-2' x='8' y='16' width='6' height='2'/%3E%3Crect class='cls-2' x='8' y='12' width='8' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-document-plus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='18 20 6 20 6 4 12 4 12 2 4 2 4 22 20 22 20 12 18 12 18 20'/%3E%3Crect class='cls-2' x='8' y='16' width='6' height='2'/%3E%3Crect class='cls-2' x='8' y='12' width='8' height='2'/%3E%3Cpolygon class='cls-2' points='22 5 19 5 19 2 17 2 17 5 14 5 14 7 17 7 17 10 19 10 19 7 22 7 22 5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='18 20 6 20 6 4 12 4 12 2 4 2 4 22 20 22 20 12 18 12 18 20'/%3E%3Crect class='cls-2' x='8' y='16' width='6' height='2'/%3E%3Crect class='cls-2' x='8' y='12' width='8' height='2'/%3E%3Cpolygon class='cls-2' points='22 5 19 5 19 2 17 2 17 5 14 5 14 7 17 7 17 10 19 10 19 7 22 7 22 5'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-download::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,2v11.58s-3.29-3.29-3.29-3.29l-1.41,1.41,5,5c.2.2.45.29.71.29s.51-.1.71-.29l5-5-1.41-1.41-3.29,3.29V2s-2,0-2,0Z'/%3E%3Cpath d='m20,20H4v-8h-2v9c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,2v11.58s-3.29-3.29-3.29-3.29l-1.41,1.41,5,5c.2.2.45.29.71.29s.51-.1.71-.29l5-5-1.41-1.41-3.29,3.29V2s-2,0-2,0Z'/%3E%3Cpath d='m20,20H4v-8h-2v9c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-move::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='9.5' cy='12' r='1.5'/%3E%3Ccircle cx='9.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='9.5' cy='18.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='12' r='1.5'/%3E%3Ccircle cx='14.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='18.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='9.5' cy='12' r='1.5'/%3E%3Ccircle cx='9.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='9.5' cy='18.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='12' r='1.5'/%3E%3Ccircle cx='14.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='18.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-edit::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M21.707,6.293l-4-4c-.391-.391-1.023-.391-1.414,0L2.293,16.293c-.188.188-.293.442-.293.707v4c0,.552.448,1,1,1h4c.265,0,.52-.105.707-.293l14-14c.391-.391.391-1.023,0-1.414ZM14,7.414l2.586,2.586-6.586,6.586-2.586-2.586,6.586-6.586ZM6.586,20h-2.586v-2.586l2-2,2.586,2.586-2,2ZM18,8.586l-2.586-2.586,1.586-1.586,2.586,2.586-1.586,1.586Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M21.707,6.293l-4-4c-.391-.391-1.023-.391-1.414,0L2.293,16.293c-.188.188-.293.442-.293.707v4c0,.552.448,1,1,1h4c.265,0,.52-.105.707-.293l14-14c.391-.391.391-1.023,0-1.414ZM14,7.414l2.586,2.586-6.586,6.586-2.586-2.586,6.586-6.586ZM6.586,20h-2.586v-2.586l2-2,2.586,2.586-2,2ZM18,8.586l-2.586-2.586,1.586-1.586,2.586,2.586-1.586,1.586Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-favorite::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.71,3c-1.35,0-2.71.53-3.74,1.6l-.96.99-.96-.99c-1.03-1.06-2.39-1.6-3.74-1.6s-2.71.53-3.74,1.6c-2.07,2.13-2.07,5.58,0,7.71l8.45,8.7,8.45-8.7c2.07-2.13,2.07-5.58,0-7.71-1.03-1.06-2.39-1.6-3.74-1.6Zm2.31,7.91l-7.01,7.22-7.01-7.22c-1.32-1.36-1.32-3.56,0-4.92.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99l.96.99,1.43,1.48,1.43-1.48.96-.99c.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99c1.32,1.36,1.32,3.56,0,4.92Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.71,3c-1.35,0-2.71.53-3.74,1.6l-.96.99-.96-.99c-1.03-1.06-2.39-1.6-3.74-1.6s-2.71.53-3.74,1.6c-2.07,2.13-2.07,5.58,0,7.71l8.45,8.7,8.45-8.7c2.07-2.13,2.07-5.58,0-7.71-1.03-1.06-2.39-1.6-3.74-1.6Zm2.31,7.91l-7.01,7.22-7.01-7.22c-1.32-1.36-1.32-3.56,0-4.92.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99l.96.99,1.43,1.48,1.43-1.48.96-.99c.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99c1.32,1.36,1.32,3.56,0,4.92Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-favorite-active::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12,21L3.551,12.303c-2.067-2.128-2.067-5.578,0-7.707,2.068-2.128,5.419-2.128,7.487,0l.962.99.962-.99c2.068-2.128,5.419-2.128,7.487,0,2.067,2.128,2.067,5.578,0,7.707l-8.449,8.697Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12,21L3.551,12.303c-2.067-2.128-2.067-5.578,0-7.707,2.068-2.128,5.419-2.128,7.487,0l.962.99.962-.99c2.068-2.128,5.419-2.128,7.487,0,2.067,2.128,2.067,5.578,0,7.707l-8.449,8.697Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-file::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m20,10v-2l-6-6H4v20h16v-12Zm-6-5.17l3.17,3.17h-3.17v-3.17Zm4,15.17H6V4h6v6h6v10Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m20,10v-2l-6-6H4v20h16v-12Zm-6-5.17l3.17,3.17h-3.17v-3.17Zm4,15.17H6V4h6v6h6v10Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-filter::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,22l6-2v-6l7-7V3H2v4l7,7v8ZM4,6.17v-1.17h16v1.17l-6.41,6.41c-.38.38-.59.88-.59,1.41v4.56l-2,.67v-5.23c0-.53-.21-1.04-.59-1.41l-6.41-6.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,22l6-2v-6l7-7V3H2v4l7,7v8ZM4,6.17v-1.17h16v1.17l-6.41,6.41c-.38.38-.59.88-.59,1.41v4.56l-2,.67v-5.23c0-.53-.21-1.04-.59-1.41l-6.41-6.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-folder::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m20.802,21H1V3h9.414l2,2h8.586v5h2.247l-2.445,11Zm-15.555-2h13.951l1.555-7H6.802l-1.555,7Zm-2.247,0h.198l2-9h13.802v-3h-7.414l-2-2H3v14Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m20.802,21H1V3h9.414l2,2h8.586v5h2.247l-2.445,11Zm-15.555-2h13.951l1.555-7H6.802l-1.555,7Zm-2.247,0h.198l2-9h13.802v-3h-7.414l-2-2H3v14Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-fullscreen-exit::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,16.41v4.59h2v-7c0-.55-.45-1-1-1H3v2h4.59l-6.29,6.29,1.41,1.41,6.29-6.29Z'/%3E%3Cpath d='m15,7.59V3h-2v7c0,.55.45,1,1,1h7v-2h-4.59l6.29-6.29-1.41-1.41-6.29,6.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,16.41v4.59h2v-7c0-.55-.45-1-1-1H3v2h4.59l-6.29,6.29,1.41,1.41,6.29-6.29Z'/%3E%3Cpath d='m15,7.59V3h-2v7c0,.55.45,1,1,1h7v-2h-4.59l6.29-6.29-1.41-1.41-6.29,6.29Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-fullscreen::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,4h6v-2H3c-.55,0-1,.45-1,1v7h2v-6Z'/%3E%3Cpath d='m3,22h7v-2h-6v-6h-2v7c0,.55.45,1,1,1Z'/%3E%3Cpath d='m22,21v-7h-2v6h-6v2h7c.55,0,1-.45,1-1Z'/%3E%3Cpath d='m22,3c0-.55-.45-1-1-1h-7v2h6v6h2V3Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,4h6v-2H3c-.55,0-1,.45-1,1v7h2v-6Z'/%3E%3Cpath d='m3,22h7v-2h-6v-6h-2v7c0,.55.45,1,1,1Z'/%3E%3Cpath d='m22,21v-7h-2v6h-6v2h7c.55,0,1-.45,1-1Z'/%3E%3Cpath d='m22,3c0-.55-.45-1-1-1h-7v2h6v6h2V3Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-headphone::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2C6.49,2,2,6.49,2,12v10h6v-10h-4c0-4.41,3.59-8,8-8s8,3.59,8,8h-4v10h6v-10c0-5.51-4.49-10-10-10Zm-6,12v6h-2v-6h2Zm14,6h-2v-6h2v6Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2C6.49,2,2,6.49,2,12v10h6v-10h-4c0-4.41,3.59-8,8-8s8,3.59,8,8h-4v10h6v-10c0-5.51-4.49-10-10-10Zm-6,12v6h-2v-6h2Zm14,6h-2v-6h2v6Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-help::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22.04c5.52,0,10-4.48,10-10S17.52,2.04,12,2.04,2,6.52,2,12.04s4.48,10,10,10Zm0-18c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8S7.59,4.04,12,4.04Z'/%3E%3Cpath d='m12.35,14.99c-.18-.1-.37-.15-.57-.15s-.4.05-.58.15c-.18.1-.32.24-.42.42s-.15.37-.15.57c0,.21.05.4.15.57.1.17.24.31.42.42.18.1.37.16.58.16s.39-.05.57-.16c.18-.1.32-.24.42-.42.1-.17.16-.36.16-.57,0-.21-.06-.4-.16-.57s-.24-.31-.42-.42Z'/%3E%3Cpath d='m10.9,9.15c.12-.18.27-.33.46-.42.19-.1.39-.14.61-.14s.43.05.61.14.33.22.43.39c.1.17.16.36.16.59,0,.2-.04.39-.13.56s-.2.32-.35.46-.34.28-.57.42c-.3.19-.54.39-.72.59-.18.2-.31.48-.41.81-.1.34-.15.78-.15,1.33v.15h1.81v-.15c0-.32.04-.58.12-.8.08-.22.2-.41.35-.57.16-.16.37-.32.64-.48.32-.19.58-.4.8-.62s.39-.48.5-.78.18-.62.18-.98c0-.55-.14-1.03-.41-1.44-.27-.41-.66-.71-1.15-.93-.49-.21-1.06-.32-1.7-.32-.6,0-1.13.11-1.61.32-.48.21-.86.53-1.15.96-.29.43-.44.95-.45,1.57h1.94c0-.25.07-.47.19-.66Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22.04c5.52,0,10-4.48,10-10S17.52,2.04,12,2.04,2,6.52,2,12.04s4.48,10,10,10Zm0-18c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8S7.59,4.04,12,4.04Z'/%3E%3Cpath d='m12.35,14.99c-.18-.1-.37-.15-.57-.15s-.4.05-.58.15c-.18.1-.32.24-.42.42s-.15.37-.15.57c0,.21.05.4.15.57.1.17.24.31.42.42.18.1.37.16.58.16s.39-.05.57-.16c.18-.1.32-.24.42-.42.1-.17.16-.36.16-.57,0-.21-.06-.4-.16-.57s-.24-.31-.42-.42Z'/%3E%3Cpath d='m10.9,9.15c.12-.18.27-.33.46-.42.19-.1.39-.14.61-.14s.43.05.61.14.33.22.43.39c.1.17.16.36.16.59,0,.2-.04.39-.13.56s-.2.32-.35.46-.34.28-.57.42c-.3.19-.54.39-.72.59-.18.2-.31.48-.41.81-.1.34-.15.78-.15,1.33v.15h1.81v-.15c0-.32.04-.58.12-.8.08-.22.2-.41.35-.57.16-.16.37-.32.64-.48.32-.19.58-.4.8-.62s.39-.48.5-.78.18-.62.18-.98c0-.55-.14-1.03-.41-1.44-.27-.41-.66-.71-1.15-.93-.49-.21-1.06-.32-1.7-.32-.6,0-1.13.11-1.61.32-.48.21-.86.53-1.15.96-.29.43-.44.95-.45,1.57h1.94c0-.25.07-.47.19-.66Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-history::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,7v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59h-2Z'/%3E%3Cpath d='m12,2c-2.64,0-5.12,1.02-7,2.86v-2.86h-2v5c0,.55.45,1,1,1h5v-2h-2.28c1.46-1.29,3.31-2,5.28-2,2.14,0,4.15.83,5.66,2.34s2.34,3.52,2.34,5.66-.83,4.15-2.34,5.66-3.52,2.34-5.66,2.34-4.15-.83-5.66-2.34-2.34-3.52-2.34-5.66h-2c0,2.67,1.04,5.18,2.93,7.07,1.89,1.89,4.4,2.93,7.07,2.93s5.18-1.04,7.07-2.93c1.89-1.89,2.93-4.4,2.93-7.07s-1.04-5.18-2.93-7.07c-1.89-1.89-4.4-2.93-7.07-2.93Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,7v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59h-2Z'/%3E%3Cpath d='m12,2c-2.64,0-5.12,1.02-7,2.86v-2.86h-2v5c0,.55.45,1,1,1h5v-2h-2.28c1.46-1.29,3.31-2,5.28-2,2.14,0,4.15.83,5.66,2.34s2.34,3.52,2.34,5.66-.83,4.15-2.34,5.66-3.52,2.34-5.66,2.34-4.15-.83-5.66-2.34-2.34-3.52-2.34-5.66h-2c0,2.67,1.04,5.18,2.93,7.07,1.89,1.89,4.4,2.93,7.07,2.93s5.18-1.04,7.07-2.93c1.89-1.89,2.93-4.4,2.93-7.07s-1.04-5.18-2.93-7.07c-1.89-1.89-4.4-2.93-7.07-2.93Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-home::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,12.83v9.17h6v-6h4v6h6v-9.17l.59.59,1.41-1.41-2-2-6.59-6.59-1.41-1.41-1.41,1.41-6.59,6.59-2,2,1.41,1.41.59-.59Zm2-2l6-6,6,6v9.17h-2v-4c0-1.1-.9-2-2-2h-4c-1.1,0-2,.9-2,2v4h-2v-9.17Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,12.83v9.17h6v-6h4v6h6v-9.17l.59.59,1.41-1.41-2-2-6.59-6.59-1.41-1.41-1.41,1.41-6.59,6.59-2,2,1.41,1.41.59-.59Zm2-2l6-6,6,6v9.17h-2v-4c0-1.1-.9-2-2-2h-4c-1.1,0-2,.9-2,2v4h-2v-9.17Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-hourglass::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6,20h-2v2h16v-2h-2v-4l-3.75-4,3.75-4v-4h2v-2H4v2h2v4l3.75,4-3.75,4v4Zm2-3.21l3.21-3.42c.72-.77.72-1.97,0-2.74l-3.21-3.42v-3.21h8v3.21l-3.21,3.42c-.72.77-.72,1.97,0,2.74l3.21,3.42v3.21h-8v-3.21Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6,20h-2v2h16v-2h-2v-4l-3.75-4,3.75-4v-4h2v-2H4v2h2v4l3.75,4-3.75,4v4Zm2-3.21l3.21-3.42c.72-.77.72-1.97,0-2.74l-3.21-3.42v-3.21h8v3.21l-3.21,3.42c-.72.77-.72,1.97,0,2.74l3.21,3.42v3.21h-8v-3.21Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-img::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m22,3H2v18h20V3Zm-2,2v11.86l-4.36-3.63c-.4-.33-.98-.3-1.35.06l-2.54,2.54-4.1-3.58c-.39-.35-.99-.33-1.37.05l-2.29,2.29V5h16Zm-6.74,12.15l1.8-1.8,4.38,3.65h-4.06l-2.11-1.85Zm-9.26.26l3.05-3.05,5.29,4.63H4v-1.59Z'/%3E%3Ccircle cx='16' cy='9' r='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m22,3H2v18h20V3Zm-2,2v11.86l-4.36-3.63c-.4-.33-.98-.3-1.35.06l-2.54,2.54-4.1-3.58c-.39-.35-.99-.33-1.37.05l-2.29,2.29V5h16Zm-6.74,12.15l1.8-1.8,4.38,3.65h-4.06l-2.11-1.85Zm-9.26.26l3.05-3.05,5.29,4.63H4v-1.59Z'/%3E%3Ccircle cx='16' cy='9' r='2'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-info::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22.04c5.52,0,10-4.48,10-10S17.52,2.04,12,2.04,2,6.52,2,12.04s4.48,10,10,10Zm0-18c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8S7.59,4.04,12,4.04Z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3Crect x='11' y='11' width='2' height='6'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22.04c5.52,0,10-4.48,10-10S17.52,2.04,12,2.04,2,6.52,2,12.04s4.48,10,10,10Zm0-18c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8S7.59,4.04,12,4.04Z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3Crect x='11' y='11' width='2' height='6'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-language::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22c5.52,0,10-4.48,10-10S17.52,2,12,2,2,6.48,2,12s4.48,10,10,10Zm-6.92-6h2.56c.47,1.44,1.14,2.64,1.79,3.57-1.85-.63-3.39-1.91-4.35-3.57Zm-1.08-4c0-.69.1-1.36.26-2h2.91c-.14.88-.17,1.59-.17,2,0,.7.06,1.37.16,2h-2.89c-.17-.64-.26-1.31-.26-2Zm8-7.59c1.09,1.17,1.79,2.43,2.24,3.59h-4.47c.44-1.16,1.14-2.43,2.24-3.59Zm2.8,5.59c.17.89.2,1.61.2,2,0,.71-.07,1.37-.19,2h-5.62c-.12-.63-.19-1.29-.19-2,0-.39.03-1.11.2-2h5.6Zm5.2,2c0,.69-.1,1.36-.26,2h-2.89c.1-.63.16-1.3.16-2,0-.41-.03-1.12-.17-2h2.91c.17.64.26,1.31.26,2Zm-8,7.59c-.68-.75-1.6-1.96-2.24-3.59h4.48c-.64,1.63-1.56,2.84-2.24,3.59Zm2.56-.02c.66-.94,1.32-2.13,1.79-3.57h2.56c-.96,1.66-2.51,2.94-4.35,3.57Zm4.35-11.57h-2.57c-.36-1.12-.91-2.35-1.75-3.56,1.83.63,3.36,1.91,4.32,3.56Zm-9.51-3.56c-.84,1.21-1.39,2.44-1.75,3.56h-2.57c.96-1.65,2.49-2.93,4.32-3.56Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22c5.52,0,10-4.48,10-10S17.52,2,12,2,2,6.48,2,12s4.48,10,10,10Zm-6.92-6h2.56c.47,1.44,1.14,2.64,1.79,3.57-1.85-.63-3.39-1.91-4.35-3.57Zm-1.08-4c0-.69.1-1.36.26-2h2.91c-.14.88-.17,1.59-.17,2,0,.7.06,1.37.16,2h-2.89c-.17-.64-.26-1.31-.26-2Zm8-7.59c1.09,1.17,1.79,2.43,2.24,3.59h-4.47c.44-1.16,1.14-2.43,2.24-3.59Zm2.8,5.59c.17.89.2,1.61.2,2,0,.71-.07,1.37-.19,2h-5.62c-.12-.63-.19-1.29-.19-2,0-.39.03-1.11.2-2h5.6Zm5.2,2c0,.69-.1,1.36-.26,2h-2.89c.1-.63.16-1.3.16-2,0-.41-.03-1.12-.17-2h2.91c.17.64.26,1.31.26,2Zm-8,7.59c-.68-.75-1.6-1.96-2.24-3.59h4.48c-.64,1.63-1.56,2.84-2.24,3.59Zm2.56-.02c.66-.94,1.32-2.13,1.79-3.57h2.56c-.96,1.66-2.51,2.94-4.35,3.57Zm4.35-11.57h-2.57c-.36-1.12-.91-2.35-1.75-3.56,1.83.63,3.36,1.91,4.32,3.56Zm-9.51-3.56c-.84,1.21-1.39,2.44-1.75,3.56h-2.57c.96-1.65,2.49-2.93,4.32-3.56Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-layer::before, [class*=ico-].ico-group:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-])::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m22,12c0-.363-.197-.698-.515-.874l-2.027-1.126,2.027-1.126c.317-.176.515-.511.515-.874s-.197-.698-.515-.874L12.485,2.126c-.301-.168-.67-.168-.971,0L2.515,7.126c-.317.176-.515.511-.515.874s.197.698.515.874l2.027,1.126-2.027,1.126c-.317.176-.515.511-.515.874s.197.698.515.874l2.027,1.126-2.027,1.126c-.317.176-.515.511-.515.874s.197.698.515.874l9,5c.15.084.318.126.485.126s.335-.042.485-.126l9-5c.317-.176.515-.511.515-.874s-.197-.698-.515-.874l-2.027-1.126,2.027-1.126c.317-.176.515-.511.515-.874Zm-10-7.856l6.94,3.856-6.94,3.856-6.94-3.856,6.94-3.856Zm-.485,9.73c.15.084.318.126.485.126s.335-.042.485-.126l4.915-2.73,1.541.856-6.941,3.856-6.941-3.856,1.541-.856,4.915,2.73Zm7.427,2.126l-6.941,3.856-6.941-3.856,1.541-.856,4.915,2.73c.15.084.318.126.485.126s.335-.042.485-.126l4.915-2.73,1.541.856Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m22,12c0-.363-.197-.698-.515-.874l-2.027-1.126,2.027-1.126c.317-.176.515-.511.515-.874s-.197-.698-.515-.874L12.485,2.126c-.301-.168-.67-.168-.971,0L2.515,7.126c-.317.176-.515.511-.515.874s.197.698.515.874l2.027,1.126-2.027,1.126c-.317.176-.515.511-.515.874s.197.698.515.874l2.027,1.126-2.027,1.126c-.317.176-.515.511-.515.874s.197.698.515.874l9,5c.15.084.318.126.485.126s.335-.042.485-.126l9-5c.317-.176.515-.511.515-.874s-.197-.698-.515-.874l-2.027-1.126,2.027-1.126c.317-.176.515-.511.515-.874Zm-10-7.856l6.94,3.856-6.94,3.856-6.94-3.856,6.94-3.856Zm-.485,9.73c.15.084.318.126.485.126s.335-.042.485-.126l4.915-2.73,1.541.856-6.941,3.856-6.941-3.856,1.541-.856,4.915,2.73Zm7.427,2.126l-6.941,3.856-6.941-3.856,1.541-.856,4.915,2.73c.15.084.318.126.485.126s.335-.042.485-.126l4.915-2.73,1.541.856Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-link::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,12c0,2.76,2.24,5,5,5h4v-2h-4c-1.65,0-3-1.35-3-3s1.35-3,3-3h4v-2h-4c-2.76,0-5,2.24-5,5Z'/%3E%3Cpath d='m17,7h-4v2h4c1.65,0,3,1.35,3,3s-1.35,3-3,3h-4v2h4c2.76,0,5-2.24,5-5s-2.24-5-5-5Z'/%3E%3Crect x='8' y='11' width='8' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,12c0,2.76,2.24,5,5,5h4v-2h-4c-1.65,0-3-1.35-3-3s1.35-3,3-3h4v-2h-4c-2.76,0-5,2.24-5,5Z'/%3E%3Cpath d='m17,7h-4v2h4c1.65,0,3,1.35,3,3s-1.35,3-3,3h-4v2h4c2.76,0,5-2.24,5-5s-2.24-5-5-5Z'/%3E%3Crect x='8' y='11' width='8' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-location::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2c-3.02,0-5.68,1.7-6.99,4-1,1.74-1,3.42-1,4,.03,3.14,1.86,5.39,3.99,8,.88,1.08,2.19,2.51,4,4,1.81-1.49,3.12-2.92,4-4,2.13-2.61,3.97-4.86,3.99-8,0-.58,0-2.26-1-4-1.32-2.3-3.98-4-6.99-4Zm5.99,7.98c-.02,2.44-1.58,4.34-3.54,6.75-.75.92-1.57,1.79-2.45,2.61-.88-.82-1.7-1.69-2.45-2.61-1.97-2.41-3.52-4.31-3.54-6.75,0-.42-.01-1.68.73-2.99,1.04-1.82,3.11-2.99,5.26-2.99s4.22,1.18,5.26,2.99c.75,1.31.74,2.57.73,2.99Z'/%3E%3Cpath d='m12,7c-1.66,0-3,1.34-3,3s1.34,3,3,3,3-1.34,3-3-1.34-3-3-3Zm0,4c-.55,0-1-.45-1-1s.45-1,1-1,1,.45,1,1-.45,1-1,1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2c-3.02,0-5.68,1.7-6.99,4-1,1.74-1,3.42-1,4,.03,3.14,1.86,5.39,3.99,8,.88,1.08,2.19,2.51,4,4,1.81-1.49,3.12-2.92,4-4,2.13-2.61,3.97-4.86,3.99-8,0-.58,0-2.26-1-4-1.32-2.3-3.98-4-6.99-4Zm5.99,7.98c-.02,2.44-1.58,4.34-3.54,6.75-.75.92-1.57,1.79-2.45,2.61-.88-.82-1.7-1.69-2.45-2.61-1.97-2.41-3.52-4.31-3.54-6.75,0-.42-.01-1.68.73-2.99,1.04-1.82,3.11-2.99,5.26-2.99s4.22,1.18,5.26,2.99c.75,1.31.74,2.57.73,2.99Z'/%3E%3Cpath d='m12,7c-1.66,0-3,1.34-3,3s1.34,3,3,3,3-1.34,3-3-1.34-3-3-3Zm0,4c-.55,0-1-.45-1-1s.45-1,1-1,1,.45,1,1-.45,1-1,1Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-lock::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m20,10h-3v-3c0-2.76-2.24-5-5-5s-5,2.24-5,5v3h-3v12h16v-12Zm-11-3c0-1.65,1.35-3,3-3s3,1.35,3,3v3h-6v-3Zm9,13H6v-8h12v8Z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m20,10h-3v-3c0-2.76-2.24-5-5-5s-5,2.24-5,5v3h-3v12h16v-12Zm-11-3c0-1.65,1.35-3,3-3s3,1.35,3,3v3h-6v-3Zm9,13H6v-8h12v8Z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-login::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m21,2h-9v2h8v16h-8v2h9c.55,0,1-.45,1-1V3c0-.55-.45-1-1-1Z'/%3E%3Cpath d='m8.29,16.29l1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5-1.41,1.41,3.29,3.29H2s0,2,0,2h9.58s-3.29,3.29-3.29,3.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m21,2h-9v2h8v16h-8v2h9c.55,0,1-.45,1-1V3c0-.55-.45-1-1-1Z'/%3E%3Cpath d='m8.29,16.29l1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5-1.41,1.41,3.29,3.29H2s0,2,0,2h9.58s-3.29,3.29-3.29,3.29Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-logout::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,22h9v-2H4V4h8v-2H3c-.55,0-1,.45-1,1v18c0,.55.45,1,1,1Z'/%3E%3Cpath d='m16.71,6.29l-1.41,1.41,3.29,3.29h-9.59s0,2,0,2h9.58s-3.29,3.29-3.29,3.29l1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,22h9v-2H4V4h8v-2H3c-.55,0-1,.45-1,1v18c0,.55.45,1,1,1Z'/%3E%3Cpath d='m16.71,6.29l-1.41,1.41,3.29,3.29h-9.59s0,2,0,2h9.58s-3.29,3.29-3.29,3.29l1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-mail::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,9v11h20V4H2v5Zm2-3h16v1.87l-8,4.8L4,7.87v-1.87Zm0,4.2l8,4.8,8-4.8v7.8H4v-7.8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,9v11h20V4H2v5Zm2-3h16v1.87l-8,4.8L4,7.87v-1.87Zm0,4.2l8,4.8,8-4.8v7.8H4v-7.8Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-map::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15,20l7-2V4l-7,2-6-2-7,2v14l7-2,6,2Zm1-12.21l4-1.14v9.84l-4,1.14V7.79Zm-6-1.35l4,1.33v9.78l-4-1.33V6.44Zm-2,9.76l-4,1.14V7.51l4-1.14v9.84Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15,20l7-2V4l-7,2-6-2-7,2v14l7-2,6,2Zm1-12.21l4-1.14v9.84l-4,1.14V7.79Zm-6-1.35l4,1.33v9.78l-4-1.33V6.44Zm-2,9.76l-4,1.14V7.51l4-1.14v9.84Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-menu::before, [class*=ico-].ico-list:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-])::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3Crect x='3' y='5' width='18' height='2'/%3E%3Crect x='3' y='17' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3Crect x='3' y='5' width='18' height='2'/%3E%3Crect x='3' y='17' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-mic::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,19.93v2.07h2v-2.07c3.94-.49,7-3.86,7-7.93h-2c0,3.31-2.69,6-6,6s-6-2.69-6-6h-2c0,4.07,3.06,7.44,7,7.93Z'/%3E%3Cpath d='m8,6v6c0,2.21,1.79,4,4,4s4-1.79,4-4v-6c0-2.21-1.79-4-4-4s-4,1.79-4,4Zm6,0v6c0,1.1-.9,2-2,2s-2-.9-2-2v-6c0-1.1.9-2,2-2s2,.9,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,19.93v2.07h2v-2.07c3.94-.49,7-3.86,7-7.93h-2c0,3.31-2.69,6-6,6s-6-2.69-6-6h-2c0,4.07,3.06,7.44,7,7.93Z'/%3E%3Cpath d='m8,6v6c0,2.21,1.79,4,4,4s4-1.79,4-4v-6c0-2.21-1.79-4-4-4s-4,1.79-4,4Zm6,0v6c0,1.1-.9,2-2,2s-2-.9-2-2v-6c0-1.1.9-2,2-2s2,.9,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-more-horiz::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3Ccircle cx='18.5' cy='12' r='1.5'/%3E%3Ccircle cx='5.5' cy='12' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3Ccircle cx='18.5' cy='12' r='1.5'/%3E%3Ccircle cx='5.5' cy='12' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-more-vert::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3Ccircle cx='12' cy='18.5' r='1.5'/%3E%3Ccircle cx='12' cy='5.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3Ccircle cx='12' cy='18.5' r='1.5'/%3E%3Ccircle cx='12' cy='5.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-music::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m7,7v7.55c-.59-.34-1.27-.55-2-.55-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4v-8.29l10-1.43v4.27c-.59-.34-1.27-.55-2-.55-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4V2l-14,2v3Zm-2,13c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Zm12-2c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2ZM9,7v-1.27l10-1.43v1.96l-10,1.43v-.69Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m7,7v7.55c-.59-.34-1.27-.55-2-.55-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4v-8.29l10-1.43v4.27c-.59-.34-1.27-.55-2-.55-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4V2l-14,2v3Zm-2,13c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Zm12-2c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2ZM9,7v-1.27l10-1.43v1.96l-10,1.43v-.69Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-openinnew::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8H4V4h8v-2H3c-.55,0-1,.45-1,1v18Z'/%3E%3Cpath d='m22,10V3c0-.55-.45-1-1-1h-7v2h4.59l-7.29,7.29,1.41,1.41,7.29-7.29v4.59h2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8H4V4h8v-2H3c-.55,0-1,.45-1,1v18Z'/%3E%3Cpath d='m22,10V3c0-.55-.45-1-1-1h-7v2h4.59l-7.29,7.29,1.41,1.41,7.29-7.29v4.59h2Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-plus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-people::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m9,11c2.206,0,4-1.794,4-4s-1.794-4-4-4-4,1.794-4,4,1.794,4,4,4Zm0-6c1.103,0,2,.897,2,2s-.897,2-2,2-2-.897-2-2,.897-2,2-2Z'/%3E%3Cpath class='cls-2' d='m17,12c1.654,0,3-1.346,3-3s-1.346-3-3-3-3,1.346-3,3,1.346,3,3,3Zm0-4c.552,0,1,.448,1,1s-.448,1-1,1-1-.448-1-1,.448-1,1-1Z'/%3E%3Cpath class='cls-2' d='m22,17c0-2.206-1.794-4-4-4h-4.031c-.833-.62-1.854-1-2.969-1h-4c-2.757,0-5,2.243-5,5v5h14v-2h6v-3Zm-18,3v-3c0-1.654,1.346-3,3-3h4c.794,0,1.512.316,2.05.821.083.078.156.163.228.249.058.068.119.133.17.206.071.1.127.208.185.316.037.069.08.134.112.206.059.135.1.278.139.42.015.054.038.104.049.159.043.203.066.411.066.621v3H4Zm16-2h-4v-1c0-.35-.037-.691-.106-1.02-.012-.057-.038-.11-.052-.167-.066-.27-.143-.536-.252-.787-.004-.008-.005-.018-.008-.026h2.418c1.103,0,2,.897,2,2v1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m9,11c2.206,0,4-1.794,4-4s-1.794-4-4-4-4,1.794-4,4,1.794,4,4,4Zm0-6c1.103,0,2,.897,2,2s-.897,2-2,2-2-.897-2-2,.897-2,2-2Z'/%3E%3Cpath class='cls-2' d='m17,12c1.654,0,3-1.346,3-3s-1.346-3-3-3-3,1.346-3,3,1.346,3,3,3Zm0-4c.552,0,1,.448,1,1s-.448,1-1,1-1-.448-1-1,.448-1,1-1Z'/%3E%3Cpath class='cls-2' d='m22,17c0-2.206-1.794-4-4-4h-4.031c-.833-.62-1.854-1-2.969-1h-4c-2.757,0-5,2.243-5,5v5h14v-2h6v-3Zm-18,3v-3c0-1.654,1.346-3,3-3h4c.794,0,1.512.316,2.05.821.083.078.156.163.228.249.058.068.119.133.17.206.071.1.127.208.185.316.037.069.08.134.112.206.059.135.1.278.139.42.015.054.038.104.049.159.043.203.066.411.066.621v3H4Zm16-2h-4v-1c0-.35-.037-.691-.106-1.02-.012-.057-.038-.11-.052-.167-.066-.27-.143-.536-.252-.787-.004-.008-.005-.018-.008-.026h2.418c1.103,0,2,.897,2,2v1Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-profile::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,12c2.76,0,5-2.24,5-5s-2.24-5-5-5-5,2.24-5,5,2.24,5,5,5Zm0-8c1.65,0,3,1.35,3,3s-1.35,3-3,3-3-1.35-3-3,1.35-3,3-3Z'/%3E%3Cpath d='m22,18c0-2.21-1.79-4-4-4H6c-2.21,0-4,1.79-4,4v4h20v-4Zm-2,2H4v-2c0-1.1.9-2,2-2h12c1.1,0,2,.9,2,2v2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,12c2.76,0,5-2.24,5-5s-2.24-5-5-5-5,2.24-5,5,2.24,5,5,5Zm0-8c1.65,0,3,1.35,3,3s-1.35,3-3,3-3-1.35-3-3,1.35-3,3-3Z'/%3E%3Cpath d='m22,18c0-2.21-1.79-4-4-4H6c-2.21,0-4,1.79-4,4v4h20v-4Zm-2,2H4v-2c0-1.1.9-2,2-2h12c1.1,0,2,.9,2,2v2Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-phone::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Crect class='cls-1' width='24' height='24'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-3'%3E%3Crect class='cls-2' x='9' y='6' width='6' height='2'/%3E%3Cpath class='cls-2' d='M17,20H7V4h10v16ZM19,2H5v20h14V2Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Crect class='cls-1' width='24' height='24'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-3'%3E%3Crect class='cls-2' x='9' y='6' width='6' height='2'/%3E%3Cpath class='cls-2' d='M17,20H7V4h10v16ZM19,2H5v20h14V2Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-pin::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M15,1l-3,3c.333.333.667.667,1,1l-4,4c-.364-.087-.888-.18-1.514-.18-.449,0-.951.048-1.486.18-2.453.607-3.71,2.529-4,3,1.431,1.431,2.862,2.862,4.293,4.293l-4,4,1.414,1.414,4-4c1.431,1.431,2.862,2.862,4.293,4.293.471-.29,2.393-1.547,3-4,.317-1.279.15-2.374,0-3l4-4c.333.333.667.667,1,1l3-3L15,1ZM19.938,9.233c-.293-.156-.615-.233-.938-.233-.512,0-1.024.195-1.414.586l-4,4c-.492.492-.693,1.203-.531,1.879.165.689.166,1.399.004,2.055-.183.739-.547,1.328-.934,1.776l-7.421-7.421c.449-.387,1.037-.751,1.776-.934.326-.081.664-.122,1.005-.122.348,0,.701.042,1.049.125.154.037.31.055.465.055.524,0,1.035-.206,1.414-.586l4-4c.637-.637.754-1.597.353-2.353l.233-.233,5.172,5.172-.233.233Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M15,1l-3,3c.333.333.667.667,1,1l-4,4c-.364-.087-.888-.18-1.514-.18-.449,0-.951.048-1.486.18-2.453.607-3.71,2.529-4,3,1.431,1.431,2.862,2.862,4.293,4.293l-4,4,1.414,1.414,4-4c1.431,1.431,2.862,2.862,4.293,4.293.471-.29,2.393-1.547,3-4,.317-1.279.15-2.374,0-3l4-4c.333.333.667.667,1,1l3-3L15,1ZM19.938,9.233c-.293-.156-.615-.233-.938-.233-.512,0-1.024.195-1.414.586l-4,4c-.492.492-.693,1.203-.531,1.879.165.689.166,1.399.004,2.055-.183.739-.547,1.328-.934,1.776l-7.421-7.421c.449-.387,1.037-.751,1.776-.934.326-.081.664-.122,1.005-.122.348,0,.701.042,1.049.125.154.037.31.055.465.055.524,0,1.035-.206,1.414-.586l4-4c.637-.637.754-1.597.353-2.353l.233-.233,5.172,5.172-.233.233Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-pin-active::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M15,1l-3,3c.333.333.667.667,1,1-1.333,1.333-2.667,2.667-4,4-.626-.15-1.721-.317-3,0-2.453.607-3.71,2.529-4,3,1.431,1.431,2.862,2.862,4.293,4.293l-4,4,1.414,1.414,4-4c1.431,1.431,2.862,2.862,4.293,4.293.471-.29,2.393-1.547,3-4,.317-1.279.15-2.374,0-3,1.333-1.333,2.667-2.667,4-4,.333.333.667.667,1,1l3-3L15,1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M15,1l-3,3c.333.333.667.667,1,1-1.333,1.333-2.667,2.667-4,4-.626-.15-1.721-.317-3,0-2.453.607-3.71,2.529-4,3,1.431,1.431,2.862,2.862,4.293,4.293l-4,4,1.414,1.414,4-4c1.431,1.431,2.862,2.862,4.293,4.293.471-.29,2.393-1.547,3-4,.317-1.279.15-2.374,0-3,1.333-1.333,2.667-2.667,4-4,.333.333.667.667,1,1l3-3L15,1Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-power::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5.64,5.64c-1.7,1.7-2.64,3.96-2.64,6.36s.94,4.66,2.64,6.36c1.7,1.7,3.96,2.64,6.36,2.64s4.66-.94,6.36-2.64c1.7-1.7,2.64-3.96,2.64-6.36s-.94-4.66-2.64-6.36l-1.41,1.41c1.32,1.32,2.05,3.08,2.05,4.95s-.73,3.63-2.05,4.95-3.08,2.05-4.95,2.05-3.63-.73-4.95-2.05-2.05-3.08-2.05-4.95.73-3.63,2.05-4.95l-1.41-1.41Z'/%3E%3Crect x='11' y='2' width='2' height='10'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5.64,5.64c-1.7,1.7-2.64,3.96-2.64,6.36s.94,4.66,2.64,6.36c1.7,1.7,3.96,2.64,6.36,2.64s4.66-.94,6.36-2.64c1.7-1.7,2.64-3.96,2.64-6.36s-.94-4.66-2.64-6.36l-1.41,1.41c1.32,1.32,2.05,3.08,2.05,4.95s-.73,3.63-2.05,4.95-3.08,2.05-4.95,2.05-3.63-.73-4.95-2.05-2.05-3.08-2.05-4.95.73-3.63,2.05-4.95l-1.41-1.41Z'/%3E%3Crect x='11' y='2' width='2' height='10'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-print::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m22,7h-4V2H6v5H2v13h4v2h12v-2h4V7Zm-14-3h8v3h-8v-3Zm0,16v-5h8v5h-8Zm12-2h-2v-5H6v5h-2v-9h16v9Z'/%3E%3Ccircle class='cls-2' cx='7' cy='11' r='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m22,7h-4V2H6v5H2v13h4v2h12v-2h4V7Zm-14-3h8v3h-8v-3Zm0,16v-5h8v5h-8Zm12-2h-2v-5H6v5h-2v-9h16v9Z'/%3E%3Ccircle class='cls-2' cx='7' cy='11' r='1'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-redo::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.71,3.29l-1.41,1.41,3.29,3.29h-10.59c-3.31,0-6,2.69-6,6s2.69,6,6,6h8v-2h-8c-2.21,0-4-1.79-4-4s1.79-4,4-4h10.59l-3.29,3.29,1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.71,3.29l-1.41,1.41,3.29,3.29h-10.59c-3.31,0-6,2.69-6,6s2.69,6,6,6h8v-2h-8c-2.21,0-4-1.79-4-4s1.79-4,4-4h10.59l-3.29,3.29,1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-remove::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-refresh::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4.93,19.07c1.95,1.95,4.51,2.92,7.07,2.92s5.12-.98,7.07-2.92c1.89-1.89,2.93-4.4,2.93-7.07h-2c0,2.14-.83,4.15-2.34,5.66-3.12,3.12-8.2,3.12-11.31,0s-3.12-8.2,0-11.31,7.8-3.1,10.94-.34h-2.28v2h5c.55,0,1-.45,1-1V2h-2v2.86c-3.9-3.83-10.2-3.81-14.07.06s-3.9,10.24,0,14.14Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4.93,19.07c1.95,1.95,4.51,2.92,7.07,2.92s5.12-.98,7.07-2.92c1.89-1.89,2.93-4.4,2.93-7.07h-2c0,2.14-.83,4.15-2.34,5.66-3.12,3.12-8.2,3.12-11.31,0s-3.12-8.2,0-11.31,7.8-3.1,10.94-.34h-2.28v2h5c.55,0,1-.45,1-1V2h-2v2.86c-3.9-3.83-10.2-3.81-14.07.06s-3.9,10.24,0,14.14Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-save::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,22h20v-14l-6-6H2v20Zm14-2h-8v-4h8v4ZM8,4h4v3h-4v-3Zm-4,0h2v5h8v-5h1.17l4.83,4.83v11.17h-2v-6H6v6h-2V4Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,22h20v-14l-6-6H2v20Zm14-2h-8v-4h8v4ZM8,4h4v3h-4v-3Zm-4,0h2v5h8v-5h1.17l4.83,4.83v11.17h-2v-6H6v6h-2V4Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-schedule::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m13,7h-2v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59Z'/%3E%3Cpath d='m12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2Zm0,18c-4.41,0-8-3.59-8-8S7.59,4,12,4s8,3.59,8,8-3.59,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m13,7h-2v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59Z'/%3E%3Cpath d='m12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2Zm0,18c-4.41,0-8-3.59-8-8S7.59,4,12,4s8,3.59,8,8-3.59,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-send::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,12l-2,10,21-10L2,2l2,10Zm12.25-1H5.84l-1.1-5.48,11.5,5.48Zm-10.41,2h10.41l-11.5,5.48,1.1-5.48Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,12l-2,10,21-10L2,2l2,10Zm12.25-1H5.84l-1.1-5.48,11.5,5.48Zm-10.41,2h10.41l-11.5,5.48,1.1-5.48Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-setting::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,9c-1.66,0-3,1.34-3,3s1.34,3,3,3,3-1.34,3-3-1.34-3-3-3Zm0,4c-.55,0-1-.45-1-1s.45-1,1-1,1,.45,1,1-.45,1-1,1Z'/%3E%3Cpath d='m19.16,4.4l-2.91.83c-.17-.11-.34-.21-.52-.31l-.73-2.93h-6l-.73,2.93c-.18.09-.35.2-.52.31l-2.91-.83-3,5.2,2.18,2.1c0,.1-.02.2-.02.3s.01.2.02.3l-2.18,2.1,3,5.2,2.91-.83c.17.11.34.21.52.31l.73,2.93h6l.73-2.93c.18-.09.35-.2.52-.31l2.91.83,3-5.2-2.18-2.1c0-.1.02-.2.02-.3s-.01-.2-.02-.3l2.18-2.1-3-5.2Zm-1.16,7.56v.03s0,.06,0,.06c0,.06,0,.12-.01.18-.02.57.2,1.12.61,1.51l1.05,1.02-1.44,2.49-1.41-.4c-.18-.05-.37-.08-.55-.08-.37,0-.74.1-1.07.31-.13.08-.26.16-.39.23-.5.27-.87.73-1.01,1.28l-.35,1.41h-2.88l-.35-1.41c-.14-.55-.5-1.02-1.01-1.28-.13-.07-.26-.15-.39-.23-.32-.2-.69-.31-1.07-.31-.18,0-.37.03-.55.08l-1.4.4-1.44-2.49,1.05-1.02c.41-.39.63-.94.61-1.51,0-.06,0-.12-.01-.18v-.03s0-.06,0-.06c0-.06,0-.12.01-.18.02-.57-.2-1.12-.61-1.51l-1.05-1.02,1.44-2.49,1.4.4c.18.05.37.08.55.08.37,0,.74-.1,1.07-.31.13-.08.26-.16.39-.23.5-.27.87-.73,1.01-1.28l.35-1.41h2.88l.35,1.41c.14.55.5,1.02,1.01,1.28.13.07.26.15.39.23.32.2.69.31,1.07.31.18,0,.37-.03.55-.08l1.41-.4,1.44,2.49-1.05,1.02c-.41.39-.63.94-.61,1.51,0,.06,0,.12.01.18Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,9c-1.66,0-3,1.34-3,3s1.34,3,3,3,3-1.34,3-3-1.34-3-3-3Zm0,4c-.55,0-1-.45-1-1s.45-1,1-1,1,.45,1,1-.45,1-1,1Z'/%3E%3Cpath d='m19.16,4.4l-2.91.83c-.17-.11-.34-.21-.52-.31l-.73-2.93h-6l-.73,2.93c-.18.09-.35.2-.52.31l-2.91-.83-3,5.2,2.18,2.1c0,.1-.02.2-.02.3s.01.2.02.3l-2.18,2.1,3,5.2,2.91-.83c.17.11.34.21.52.31l.73,2.93h6l.73-2.93c.18-.09.35-.2.52-.31l2.91.83,3-5.2-2.18-2.1c0-.1.02-.2.02-.3s-.01-.2-.02-.3l2.18-2.1-3-5.2Zm-1.16,7.56v.03s0,.06,0,.06c0,.06,0,.12-.01.18-.02.57.2,1.12.61,1.51l1.05,1.02-1.44,2.49-1.41-.4c-.18-.05-.37-.08-.55-.08-.37,0-.74.1-1.07.31-.13.08-.26.16-.39.23-.5.27-.87.73-1.01,1.28l-.35,1.41h-2.88l-.35-1.41c-.14-.55-.5-1.02-1.01-1.28-.13-.07-.26-.15-.39-.23-.32-.2-.69-.31-1.07-.31-.18,0-.37.03-.55.08l-1.4.4-1.44-2.49,1.05-1.02c.41-.39.63-.94.61-1.51,0-.06,0-.12-.01-.18v-.03s0-.06,0-.06c0-.06,0-.12.01-.18.02-.57-.2-1.12-.61-1.51l-1.05-1.02,1.44-2.49,1.4.4c.18.05.37.08.55.08.37,0,.74-.1,1.07-.31.13-.08.26-.16.39-.23.5-.27.87-.73,1.01-1.28l.35-1.41h2.88l.35,1.41c.14.55.5,1.02,1.01,1.28.13.07.26.15.39.23.32.2.69.31,1.07.31.18,0,.37-.03.55-.08l1.41-.4,1.44,2.49-1.05,1.02c-.41.39-.63.94-.61,1.51,0,.06,0,.12.01.18Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-share::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6,16c1.13,0,2.14-.47,2.87-1.22l3.28,2.19c-.09.33-.15.67-.15,1.03,0,2.21,1.79,4,4,4s4-1.79,4-4-1.79-4-4-4c-1.13,0-2.14.47-2.87,1.22l-3.28-2.19c.09-.33.15-.67.15-1.03s-.06-.7-.15-1.03l3.28-2.19c.73.75,1.74,1.22,2.87,1.22,2.21,0,4-1.79,4-4s-1.79-4-4-4-4,1.79-4,4c0,.36.06.7.15,1.03l-3.28,2.19c-.73-.75-1.74-1.22-2.87-1.22-2.21,0-4,1.79-4,4s1.79,4,4,4Zm10,0c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Zm0-12c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Zm-10,6c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6,16c1.13,0,2.14-.47,2.87-1.22l3.28,2.19c-.09.33-.15.67-.15,1.03,0,2.21,1.79,4,4,4s4-1.79,4-4-1.79-4-4-4c-1.13,0-2.14.47-2.87,1.22l-3.28-2.19c.09-.33.15-.67.15-1.03s-.06-.7-.15-1.03l3.28-2.19c.73.75,1.74,1.22,2.87,1.22,2.21,0,4-1.79,4-4s-1.79-4-4-4-4,1.79-4,4c0,.36.06.7.15,1.03l-3.28,2.19c-.73-.75-1.74-1.22-2.87-1.22-2.21,0-4,1.79-4,4s1.79,4,4,4Zm10,0c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Zm0-12c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Zm-10,6c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-sound::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.8,15.6c1.04-1.39,1.2-2.85,1.2-3.6,0-1.74-.75-3-1.2-3.6l-1.6,1.2c.3.4.8,1.24.8,2.4,0,.5-.1,1.47-.8,2.4l1.6,1.2Z'/%3E%3Cpath d='m18.69,4.28l-1.38,1.45c.63.6,2.69,2.83,2.69,6.28s-2.06,5.67-2.69,6.28l1.38,1.45c.78-.74,3.31-3.48,3.31-7.72s-2.53-6.99-3.31-7.72Z'/%3E%3Cpath d='m14,21V3l-8,5H2v8h4l8,5ZM4,10h2c.37,0,.74-.11,1.06-.3l4.94-3.09v10.78l-4.94-3.09c-.32-.2-.69-.3-1.06-.3h-2v-4Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.8,15.6c1.04-1.39,1.2-2.85,1.2-3.6,0-1.74-.75-3-1.2-3.6l-1.6,1.2c.3.4.8,1.24.8,2.4,0,.5-.1,1.47-.8,2.4l1.6,1.2Z'/%3E%3Cpath d='m18.69,4.28l-1.38,1.45c.63.6,2.69,2.83,2.69,6.28s-2.06,5.67-2.69,6.28l1.38,1.45c.78-.74,3.31-3.48,3.31-7.72s-2.53-6.99-3.31-7.72Z'/%3E%3Cpath d='m14,21V3l-8,5H2v8h4l8,5ZM4,10h2c.37,0,.74-.11,1.06-.3l4.94-3.09v10.78l-4.94-3.09c-.32-.2-.69-.3-1.06-.3h-2v-4Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-star::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15.63,7.6l-3.63-6.6-3.63,6.6-7.37,1.42,5.13,5.5-.93,7.48,6.8-3.2,6.8,3.2-.93-7.48,5.13-5.5-7.37-1.42Zm.78,5.56c-.4.43-.6,1.02-.52,1.61l.48,3.88-3.52-1.65c-.27-.13-.56-.19-.85-.19s-.58.06-.85.19l-3.52,1.65.48-3.88c.07-.59-.12-1.18-.52-1.61l-2.67-2.86,3.82-.74c.58-.11,1.09-.48,1.37-1l1.87-3.41,1.87,3.41c.29.52.79.89,1.37,1l3.82.74-2.67,2.86Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15.63,7.6l-3.63-6.6-3.63,6.6-7.37,1.42,5.13,5.5-.93,7.48,6.8-3.2,6.8,3.2-.93-7.48,5.13-5.5-7.37-1.42Zm.78,5.56c-.4.43-.6,1.02-.52,1.61l.48,3.88-3.52-1.65c-.27-.13-.56-.19-.85-.19s-.58.06-.85.19l-3.52,1.65.48-3.88c.07-.59-.12-1.18-.52-1.61l-2.67-2.86,3.82-.74c.58-.11,1.09-.48,1.37-1l1.87-3.41,1.87,3.41c.29.52.79.89,1.37,1l3.82.74-2.67,2.86Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-star-active::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-1' points='12 1 15.627 7.597 23 9.021 17.869 14.523 18.798 22 12 18.803 5.202 22 6.131 14.523 1 9.021 8.373 7.597 12 1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-1' points='12 1 15.627 7.597 23 9.021 17.869 14.523 18.798 22 12 18.803 5.202 22 6.131 14.523 1 9.021 8.373 7.597 12 1'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-sun::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,19c-3.859,0-7-3.141-7-7s3.141-7,7-7,7,3.141,7,7-3.141,7-7,7ZM12,7c-2.757,0-5,2.243-5,5s2.243,5,5,5,5-2.243,5-5-2.243-5-5-5Z'/%3E%3Crect class='cls-2' x='11' y='1' width='2' height='3'/%3E%3Crect class='cls-2' x='2.773' y='5.75' width='2' height='3' transform='translate(-4.392 6.893) rotate(-60.005)'/%3E%3Crect class='cls-2' x='2.273' y='15.75' width='3' height='2' transform='translate(-7.868 4.129) rotate(-29.995)'/%3E%3Crect class='cls-2' x='11' y='20' width='2' height='3'/%3E%3Crect class='cls-2' x='19.227' y='15.25' width='2' height='3' transform='translate(-4.392 25.894) rotate(-60.005)'/%3E%3Crect class='cls-2' x='18.727' y='6.25' width='3' height='2' transform='translate(-.915 11.083) rotate(-29.995)'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,19c-3.859,0-7-3.141-7-7s3.141-7,7-7,7,3.141,7,7-3.141,7-7,7ZM12,7c-2.757,0-5,2.243-5,5s2.243,5,5,5,5-2.243,5-5-2.243-5-5-5Z'/%3E%3Crect class='cls-2' x='11' y='1' width='2' height='3'/%3E%3Crect class='cls-2' x='2.773' y='5.75' width='2' height='3' transform='translate(-4.392 6.893) rotate(-60.005)'/%3E%3Crect class='cls-2' x='2.273' y='15.75' width='3' height='2' transform='translate(-7.868 4.129) rotate(-29.995)'/%3E%3Crect class='cls-2' x='11' y='20' width='2' height='3'/%3E%3Crect class='cls-2' x='19.227' y='15.25' width='2' height='3' transform='translate(-4.392 25.894) rotate(-60.005)'/%3E%3Crect class='cls-2' x='18.727' y='6.25' width='3' height='2' transform='translate(-.915 11.083) rotate(-29.995)'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-thumb-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m18.46,9h-4.46l.42-2.51c.3-1.83-1.11-3.49-2.96-3.49h-2.46l-2,6H3l-1,12h18l1.42-8.51c.3-1.83-1.11-3.49-2.96-3.49Zm-12.3,10h-1.99l.67-8h1.99l-.67,8Zm13.29-6.84l-1.14,6.84h-10.13l.8-9.59,1.47-4.41h1.02c.4,0,.65.22.76.35.11.13.29.41.22.81l-.42,2.51c-.1.58.07,1.17.45,1.62.38.45.94.71,1.53.71h4.46c.4,0,.65.22.76.35.11.13.29.41.22.81Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m18.46,9h-4.46l.42-2.51c.3-1.83-1.11-3.49-2.96-3.49h-2.46l-2,6H3l-1,12h18l1.42-8.51c.3-1.83-1.11-3.49-2.96-3.49Zm-12.3,10h-1.99l.67-8h1.99l-.67,8Zm13.29-6.84l-1.14,6.84h-10.13l.8-9.59,1.47-4.41h1.02c.4,0,.65.22.76.35.11.13.29.41.22.81l-.42,2.51c-.1.58.07,1.17.45,1.62.38.45.94.71,1.53.71h4.46c.4,0,.65.22.76.35.11.13.29.41.22.81Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-thumb-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,3H4l-1.42,8.51c-.3,1.83,1.11,3.49,2.96,3.49h4.46l-.42,2.51c-.3,1.83,1.11,3.49,2.96,3.49h2.46l2-6h4l1-12h-6Zm-.97,11.59l-1.47,4.41h-1.02c-.4,0-.65-.22-.76-.35s-.29-.41-.22-.81l.42-2.51c.1-.58-.07-1.17-.45-1.62-.38-.45-.94-.71-1.53-.71h-4.46c-.4,0-.65-.22-.76-.35s-.29-.41-.22-.81l1.14-6.84h10.13l-.8,9.59Zm4.13-1.59h-1.99l.67-8h1.99l-.67,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,3H4l-1.42,8.51c-.3,1.83,1.11,3.49,2.96,3.49h4.46l-.42,2.51c-.3,1.83,1.11,3.49,2.96,3.49h2.46l2-6h4l1-12h-6Zm-.97,11.59l-1.47,4.41h-1.02c-.4,0-.65-.22-.76-.35s-.29-.41-.22-.81l.42-2.51c.1-.58-.07-1.17-.45-1.62-.38-.45-.94-.71-1.53-.71h-4.46c-.4,0-.65-.22-.76-.35s-.29-.41-.22-.81l1.14-6.84h10.13l-.8,9.59Zm4.13-1.59h-1.99l.67-8h1.99l-.67,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-trophy::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M21,5h-2v-2c0-.553-.448-1-1-1H6c-.552,0-1,.447-1,1v2h-2c-.552,0-1,.447-1,1v3c0,2.757,2.243,5,5,5h.111c.594.581,1.29,1.055,2.058,1.396.014.457-.014.903-.134,1.341-.123.451-.331.867-.581,1.263h-1.454c-.552,0-1,.447-1,1v3c0,.553.448,1,1,1h10c.552,0,1-.447,1-1v-3c0-.553-.448-1-1-1h-1.454c-.25-.396-.459-.812-.581-1.263-.119-.438-.148-.884-.134-1.341.769-.342,1.465-.816,2.058-1.396h.111c2.757,0,5-2.243,5-5v-3c0-.553-.448-1-1-1ZM7,4h10v5c0,.326-.036.644-.096.953-.026.135-.075.264-.112.396-.048.169-.091.339-.155.5-.061.153-.142.297-.218.443-.067.128-.129.259-.207.381-.096.15-.209.29-.321.43-.67.838-1.594,1.455-2.664,1.728-.109.028-.217.059-.327.079-.284.052-.575.087-.874.088-.019,0-.038,0-.057,0-.297-.002-.586-.036-.869-.088-.109-.02-.217-.051-.325-.079-1.07-.272-1.994-.889-2.664-1.727-.113-.141-.227-.283-.323-.434-.076-.119-.137-.246-.202-.372-.078-.149-.16-.296-.223-.451-.063-.158-.106-.325-.153-.49-.039-.135-.087-.266-.114-.404-.06-.309-.096-.626-.096-.952V4ZM4,9v-2h1v2c0,.231.012.46.035.688.011.117.033.231.05.347.016.107.028.214.049.32.029.145.067.286.104.427.019.073.035.148.057.22.046.154.101.303.158.453.018.048.031.098.051.145-.898-.52-1.503-1.49-1.503-2.6ZM16,21h-8v-1h8v1ZM12.819,15.951c.027.444.1.883.216,1.312.068.251.151.497.248.737h-2.565c.097-.24.179-.486.248-.737.117-.429.189-.866.216-1.312.012.001.023,0,.035.002.258.029.518.047.784.047s.526-.018.784-.047c.012-.001.023,0,.035-.002ZM20,9c0,1.109-.605,2.08-1.503,2.6.022-.055.038-.112.058-.168.053-.141.105-.282.148-.427.023-.078.04-.158.061-.237.036-.137.073-.273.101-.413.021-.107.034-.216.05-.325.017-.114.038-.227.05-.343.023-.228.035-.457.035-.688v-2h1v2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M21,5h-2v-2c0-.553-.448-1-1-1H6c-.552,0-1,.447-1,1v2h-2c-.552,0-1,.447-1,1v3c0,2.757,2.243,5,5,5h.111c.594.581,1.29,1.055,2.058,1.396.014.457-.014.903-.134,1.341-.123.451-.331.867-.581,1.263h-1.454c-.552,0-1,.447-1,1v3c0,.553.448,1,1,1h10c.552,0,1-.447,1-1v-3c0-.553-.448-1-1-1h-1.454c-.25-.396-.459-.812-.581-1.263-.119-.438-.148-.884-.134-1.341.769-.342,1.465-.816,2.058-1.396h.111c2.757,0,5-2.243,5-5v-3c0-.553-.448-1-1-1ZM7,4h10v5c0,.326-.036.644-.096.953-.026.135-.075.264-.112.396-.048.169-.091.339-.155.5-.061.153-.142.297-.218.443-.067.128-.129.259-.207.381-.096.15-.209.29-.321.43-.67.838-1.594,1.455-2.664,1.728-.109.028-.217.059-.327.079-.284.052-.575.087-.874.088-.019,0-.038,0-.057,0-.297-.002-.586-.036-.869-.088-.109-.02-.217-.051-.325-.079-1.07-.272-1.994-.889-2.664-1.727-.113-.141-.227-.283-.323-.434-.076-.119-.137-.246-.202-.372-.078-.149-.16-.296-.223-.451-.063-.158-.106-.325-.153-.49-.039-.135-.087-.266-.114-.404-.06-.309-.096-.626-.096-.952V4ZM4,9v-2h1v2c0,.231.012.46.035.688.011.117.033.231.05.347.016.107.028.214.049.32.029.145.067.286.104.427.019.073.035.148.057.22.046.154.101.303.158.453.018.048.031.098.051.145-.898-.52-1.503-1.49-1.503-2.6ZM16,21h-8v-1h8v1ZM12.819,15.951c.027.444.1.883.216,1.312.068.251.151.497.248.737h-2.565c.097-.24.179-.486.248-.737.117-.429.189-.866.216-1.312.012.001.023,0,.035.002.258.029.518.047.784.047s.526-.018.784-.047c.012-.001.023,0,.035-.002ZM20,9c0,1.109-.605,2.08-1.503,2.6.022-.055.038-.112.058-.168.053-.141.105-.282.148-.427.023-.078.04-.158.061-.237.036-.137.073-.273.101-.413.021-.107.034-.216.05-.325.017-.114.038-.227.05-.343.023-.228.035-.457.035-.688v-2h1v2Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-undo::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,8H5.41l3.29-3.29-1.41-1.41-5,5c-.39.39-.39,1.02,0,1.41l5,5,1.41-1.41-3.29-3.29h10.59c2.21,0,4,1.79,4,4s-1.79,4-4,4h-8v2h8c3.31,0,6-2.69,6-6s-2.69-6-6-6Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,8H5.41l3.29-3.29-1.41-1.41-5,5c-.39.39-.39,1.02,0,1.41l5,5,1.41-1.41-3.29-3.29h10.59c2.21,0,4,1.79,4,4s-1.79,4-4,4h-8v2h8c3.31,0,6-2.69,6-6s-2.69-6-6-6Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-unlock::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,4c1.65,0,3,1.35,3,3h2c0-2.76-2.24-5-5-5s-5,2.24-5,5v3h-3v12h16v-12h-11v-3c0-1.65,1.35-3,3-3Zm6,16H6v-8h12v8Z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,4c1.65,0,3,1.35,3,3h2c0-2.76-2.24-5-5-5s-5,2.24-5,5v3h-3v12h16v-12h-11v-3c0-1.65,1.35-3,3-3Zm6,16H6v-8h12v8Z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-update::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m17.66,17.66c-1.51,1.51-3.52,2.34-5.66,2.34s-4.15-.83-5.66-2.34-2.34-3.52-2.34-5.66.83-4.15,2.34-5.66,3.52-2.34,5.66-2.34c1.97,0,3.82.71,5.28,2h-2.28v2h5c.55,0,1-.45,1-1V2h-2v2.86c-1.88-1.85-4.36-2.86-7-2.86s-5.18,1.04-7.07,2.93c-1.89,1.89-2.93,4.4-2.93,7.07s1.04,5.18,2.93,7.07c1.89,1.89,4.4,2.93,7.07,2.93s5.18-1.04,7.07-2.93c1.89-1.89,2.93-4.4,2.93-7.07h-2c0,2.14-.83,4.15-2.34,5.66Z'/%3E%3Cpath d='m11,7v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59h-2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m17.66,17.66c-1.51,1.51-3.52,2.34-5.66,2.34s-4.15-.83-5.66-2.34-2.34-3.52-2.34-5.66.83-4.15,2.34-5.66,3.52-2.34,5.66-2.34c1.97,0,3.82.71,5.28,2h-2.28v2h5c.55,0,1-.45,1-1V2h-2v2.86c-1.88-1.85-4.36-2.86-7-2.86s-5.18,1.04-7.07,2.93c-1.89,1.89-2.93,4.4-2.93,7.07s1.04,5.18,2.93,7.07c1.89,1.89,4.4,2.93,7.07,2.93s5.18-1.04,7.07-2.93c1.89-1.89,2.93-4.4,2.93-7.07h-2c0,2.14-.83,4.15-2.34,5.66Z'/%3E%3Cpath d='m11,7v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59h-2Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-upload::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,21h18c.55,0,1-.45,1-1v-9h-2v8H4v-8h-2v9c0,.55.45,1,1,1Z'/%3E%3Cpath d='m17.71,7.29l-5-5c-.39-.39-1.02-.39-1.41,0l-5,5,1.41,1.41,3.29-3.29v10.58h2V5.41s3.29,3.29,3.29,3.29l1.41-1.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,21h18c.55,0,1-.45,1-1v-9h-2v8H4v-8h-2v9c0,.55.45,1,1,1Z'/%3E%3Cpath d='m17.71,7.29l-5-5c-.39-.39-1.02-.39-1.41,0l-5,5,1.41,1.41,3.29-3.29v10.58h2V5.41s3.29,3.29,3.29,3.29l1.41-1.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-video::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,5H2v14h14v-2.5l6,1.5V6l-6,1.5v-2.5Zm-2,3v9H4V7h10v1Zm6,.56v6.88l-4-1v-4.88l4-1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,5H2v14h14v-2.5l6,1.5V6l-6,1.5v-2.5Zm-2,3v9H4V7h10v1Zm6,.56v6.88l-4-1v-4.88l4-1Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-visibility::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,5c-4.46,0-8.47,2.81-10,7,1.53,4.19,5.54,7,10,7s8.47-2.81,10-7c-1.53-4.19-5.54-7-10-7Zm0,12c-3.37,0-6.43-1.98-7.84-5,1.41-3.02,4.47-5,7.84-5s6.43,1.98,7.84,5c-1.41,3.02-4.47,5-7.84,5Z'/%3E%3Cpath d='m12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,5c-4.46,0-8.47,2.81-10,7,1.53,4.19,5.54,7,10,7s8.47-2.81,10-7c-1.53-4.19-5.54-7-10-7Zm0,12c-3.37,0-6.43-1.98-7.84-5,1.41-3.02,4.47-5,7.84-5s6.43,1.98,7.84,5c-1.41,3.02-4.47,5-7.84,5Z'/%3E%3Cpath d='m12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-visibility-off::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,19c1.61,0,3.16-.37,4.55-1.03l3.74,3.74,1.41-1.41-3.39-3.39c1.65-1.22,2.95-2.9,3.68-4.91-1.53-4.19-5.54-7-10-7-1.61,0-3.16.37-4.55,1.03l-3.74-3.74-1.41,1.41,3.39,3.39c-1.65,1.22-2.95,2.9-3.68,4.91,1.53,4.19,5.54,7,10,7Zm0-12c3.37,0,6.43,1.98,7.84,5-.66,1.42-1.7,2.6-2.96,3.47l-1.45-1.45c.35-.59.57-1.28.57-2.02,0-2.21-1.79-4-4-4-.74,0-1.43.21-2.02.57l-1-1c.95-.36,1.96-.57,3.02-.57Zm-1.93,4.49l2.44,2.44c-.16.04-.33.07-.51.07-1.1,0-2-.9-2-2,0-.18.03-.35.07-.51Zm1.41-1.41c.16-.04.33-.07.51-.07,1.1,0,2,.9,2,2,0,.18-.03.35-.07.51l-2.44-2.44Zm-4.37-1.54l1.45,1.45c-.35.59-.57,1.28-.57,2.02,0,2.21,1.79,4,4,4,.74,0,1.43-.21,2.02-.57l1,1c-.95.36-1.96.57-3.02.57-3.37,0-6.43-1.98-7.84-5,.66-1.42,1.7-2.6,2.96-3.47Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,19c1.61,0,3.16-.37,4.55-1.03l3.74,3.74,1.41-1.41-3.39-3.39c1.65-1.22,2.95-2.9,3.68-4.91-1.53-4.19-5.54-7-10-7-1.61,0-3.16.37-4.55,1.03l-3.74-3.74-1.41,1.41,3.39,3.39c-1.65,1.22-2.95,2.9-3.68,4.91,1.53,4.19,5.54,7,10,7Zm0-12c3.37,0,6.43,1.98,7.84,5-.66,1.42-1.7,2.6-2.96,3.47l-1.45-1.45c.35-.59.57-1.28.57-2.02,0-2.21-1.79-4-4-4-.74,0-1.43.21-2.02.57l-1-1c.95-.36,1.96-.57,3.02-.57Zm-1.93,4.49l2.44,2.44c-.16.04-.33.07-.51.07-1.1,0-2-.9-2-2,0-.18.03-.35.07-.51Zm1.41-1.41c.16-.04.33-.07.51-.07,1.1,0,2,.9,2,2,0,.18-.03.35-.07.51l-2.44-2.44Zm-4.37-1.54l1.45,1.45c-.35.59-.57,1.28-.57,2.02,0,2.21,1.79,4,4,4,.74,0,1.43-.21,2.02-.57l1,1c-.95.36-1.96.57-3.02.57-3.37,0-6.43-1.98-7.84-5,.66-1.42,1.7-2.6,2.96-3.47Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-warning::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m1,21h22L12,2,1,21Zm3.47-2l7.53-13.01,7.53,13.01H4.47Z'/%3E%3Ccircle cx='12' cy='17' r='1'/%3E%3Crect x='11' y='10' width='2' height='5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m1,21h22L12,2,1,21Zm3.47-2l7.53-13.01,7.53,13.01H4.47Z'/%3E%3Ccircle cx='12' cy='17' r='1'/%3E%3Crect x='11' y='10' width='2' height='5'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-zoomin::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='9 14 11 14 11 11 14 11 14 9 11 9 11 6 9 6 9 9 6 9 6 11 9 11 9 14'/%3E%3Cpath d='m2,10c0,4.42,3.58,8,8,8,1.85,0,3.55-.63,4.9-1.69l5.39,5.39,1.41-1.41-5.39-5.39c1.05-1.35,1.69-3.05,1.69-4.9,0-4.42-3.58-8-8-8S2,5.58,2,10Zm8-6c3.31,0,6,2.69,6,6s-2.69,6-6,6-6-2.69-6-6,2.69-6,6-6Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='9 14 11 14 11 11 14 11 14 9 11 9 11 6 9 6 9 9 6 9 6 11 9 11 9 14'/%3E%3Cpath d='m2,10c0,4.42,3.58,8,8,8,1.85,0,3.55-.63,4.9-1.69l5.39,5.39,1.41-1.41-5.39-5.39c1.05-1.35,1.69-3.05,1.69-4.9,0-4.42-3.58-8-8-8S2,5.58,2,10Zm8-6c3.31,0,6,2.69,6,6s-2.69,6-6,6-6-2.69-6-6,2.69-6,6-6Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-zoomout::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='6' y='9' width='8' height='2'/%3E%3Cpath d='m10,18c1.85,0,3.55-.63,4.9-1.69l5.39,5.39,1.41-1.41-5.39-5.39c1.05-1.35,1.69-3.05,1.69-4.9,0-4.42-3.58-8-8-8S2,5.58,2,10s3.58,8,8,8Zm0-14c3.31,0,6,2.69,6,6s-2.69,6-6,6-6-2.69-6-6,2.69-6,6-6Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='6' y='9' width='8' height='2'/%3E%3Cpath d='m10,18c1.85,0,3.55-.63,4.9-1.69l5.39,5.39,1.41-1.41-5.39-5.39c1.05-1.35,1.69-3.05,1.69-4.9,0-4.42-3.58-8-8-8S2,5.58,2,10s3.58,8,8,8Zm0-14c3.31,0,6,2.69,6,6s-2.69,6-6,6-6-2.69-6-6,2.69-6,6-6Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-hamburger::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21,11H3v2h18V11z'/%3E%3Cpath d='M21,5H3v2h18V5z'/%3E%3Cpath d='M21,17H3v2h18V17z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21,11H3v2h18V11z'/%3E%3Cpath d='M21,5H3v2h18V5z'/%3E%3Cpath d='M21,17H3v2h18V17z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-app::before, [class*=ico-].ico-thumbnail:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-])::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M9.999,11H2.999c-.552,0-1-.448-1-1V3c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M3.999,9h5V4H3.999v5Z'/%3E%3Cpath d='M21,11h-7c-.552,0-1-.448-1-1V3c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M15,9h5V4h-5v5Z'/%3E%3Cpath d='M9.999,22H2.999c-.552,0-1-.448-1-1v-7c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M3.999,20h5v-5H3.999v5Z'/%3E%3Cpath d='M21,22h-7c-.552,0-1-.448-1-1v-7c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M15,20h5v-5h-5v5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M9.999,11H2.999c-.552,0-1-.448-1-1V3c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M3.999,9h5V4H3.999v5Z'/%3E%3Cpath d='M21,11h-7c-.552,0-1-.448-1-1V3c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M15,9h5V4h-5v5Z'/%3E%3Cpath d='M9.999,22H2.999c-.552,0-1-.448-1-1v-7c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M3.999,20h5v-5H3.999v5Z'/%3E%3Cpath d='M21,22h-7c-.552,0-1-.448-1-1v-7c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M15,20h5v-5h-5v5Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-notification::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M19,19h2v-2h-2v-6c0-3.526-2.609-6.434-6-6.92v-2.08h-2v2.08c-3.391.486-6,3.395-6,6.92v6h-2v2h16ZM7,11c0-2.757,2.243-5,5-5s5,2.243,5,5v6H7v-6Z'/%3E%3Cpath class='cls-2' d='M12,22c1.105,0,2-.895,2-2h-4c0,1.105.895,2,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M19,19h2v-2h-2v-6c0-3.526-2.609-6.434-6-6.92v-2.08h-2v2.08c-3.391.486-6,3.395-6,6.92v6h-2v2h16ZM7,11c0-2.757,2.243-5,5-5s5,2.243,5,5v6H7v-6Z'/%3E%3Cpath class='cls-2' d='M12,22c1.105,0,2-.895,2-2h-4c0,1.105.895,2,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-circle-cancle::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,4c4.411,0,8,3.589,8,8s-3.589,8-8,8-8-3.589-8-8S7.589,4,12,4M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2h0Z'/%3E%3Cpolygon class='cls-2' points='16.707 8.707 15.293 7.293 12 10.586 8.707 7.293 7.293 8.707 10.586 12 7.293 15.293 8.707 16.707 12 13.414 15.293 16.707 16.707 15.293 13.414 12 16.707 8.707'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,4c4.411,0,8,3.589,8,8s-3.589,8-8,8-8-3.589-8-8S7.589,4,12,4M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2h0Z'/%3E%3Cpolygon class='cls-2' points='16.707 8.707 15.293 7.293 12 10.586 8.707 7.293 7.293 8.707 10.586 12 7.293 15.293 8.707 16.707 12 13.414 15.293 16.707 16.707 15.293 13.414 12 16.707 8.707'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-sort::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cg clip-path='url(%23clip0_2769_1491)'%3E%3Cpath d='M9.41085 8.08919L10.5892 6.91086L6.42251 2.74419C6.09668 2.41836 5.57001 2.41836 5.24418 2.74419L1.07751 6.91086L2.25585 8.08919L5.00001 5.34503V17.5H6.66668V5.34503L9.41085 8.08919Z' fill='%23333333'/%3E%3Cpath d='M17.7442 11.9109L15 14.655V2.50003H13.3333V14.655L10.5892 11.9109L9.41085 13.0892L13.5775 17.2559C13.74 17.4184 13.9533 17.5 14.1667 17.5C14.38 17.5 14.5933 17.4184 14.7558 17.2559L18.9225 13.0892L17.7442 11.9109Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2769_1491'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cg clip-path='url(%23clip0_2769_1491)'%3E%3Cpath d='M9.41085 8.08919L10.5892 6.91086L6.42251 2.74419C6.09668 2.41836 5.57001 2.41836 5.24418 2.74419L1.07751 6.91086L2.25585 8.08919L5.00001 5.34503V17.5H6.66668V5.34503L9.41085 8.08919Z' fill='%23333333'/%3E%3Cpath d='M17.7442 11.9109L15 14.655V2.50003H13.3333V14.655L10.5892 11.9109L9.41085 13.0892L13.5775 17.2559C13.74 17.4184 13.9533 17.5 14.1667 17.5C14.38 17.5 14.5933 17.4184 14.7558 17.2559L18.9225 13.0892L17.7442 11.9109Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2769_1491'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-thumblist::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cg clip-path='url(%23clip0_2771_1560)'%3E%3Cpath d='M9 11H3C2.447 11 2 10.553 2 10V4C2 3.447 2.447 3 3 3H9C9.553 3 10 3.447 10 4V10C10 10.553 9.553 11 9 11ZM4 9H8V5H4V9Z' fill='%23333333'/%3E%3Cpath d='M9 21H3C2.447 21 2 20.553 2 20V14C2 13.447 2.447 13 3 13H9C9.553 13 10 13.447 10 14V20C10 20.553 9.553 21 9 21ZM4 19H8V15H4V19Z' fill='%23333333'/%3E%3Cpath d='M22 4H12V6H22V4Z' fill='%23333333'/%3E%3Cpath d='M22 8H12V10H22V8Z' fill='%23333333'/%3E%3Cpath d='M22 14H12V16H22V14Z' fill='%23333333'/%3E%3Cpath d='M22 18H12V20H22V18Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2771_1560'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cg clip-path='url(%23clip0_2771_1560)'%3E%3Cpath d='M9 11H3C2.447 11 2 10.553 2 10V4C2 3.447 2.447 3 3 3H9C9.553 3 10 3.447 10 4V10C10 10.553 9.553 11 9 11ZM4 9H8V5H4V9Z' fill='%23333333'/%3E%3Cpath d='M9 21H3C2.447 21 2 20.553 2 20V14C2 13.447 2.447 13 3 13H9C9.553 13 10 13.447 10 14V20C10 20.553 9.553 21 9 21ZM4 19H8V15H4V19Z' fill='%23333333'/%3E%3Cpath d='M22 4H12V6H22V4Z' fill='%23333333'/%3E%3Cpath d='M22 8H12V10H22V8Z' fill='%23333333'/%3E%3Cpath d='M22 14H12V16H22V14Z' fill='%23333333'/%3E%3Cpath d='M22 18H12V20H22V18Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2771_1560'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-circle-chevron-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293 8.29301L6.29297 13.293L7.70697 14.707L12 10.414L16.293 14.707L17.707 13.293L12.707 8.29301C12.316 7.90201 11.684 7.90201 11.293 8.29301Z' fill='%23333333'/%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293 8.29301L6.29297 13.293L7.70697 14.707L12 10.414L16.293 14.707L17.707 13.293L12.707 8.29301C12.316 7.90201 11.684 7.90201 11.293 8.29301Z' fill='%23333333'/%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-circle-chevron-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,13.586l-4.293-4.293-1.414,1.414,5,5c.195.195.451.293.707.293s.512-.098.707-.293l5-5-1.414-1.414-4.293,4.293Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,13.586l-4.293-4.293-1.414,1.414,5,5c.195.195.451.293.707.293s.512-.098.707-.293l5-5-1.414-1.414-4.293,4.293Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-circle-chevron-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Cpath class='cls-2' d='M13.293,6.293l-5,5c-.391.391-.391,1.023,0,1.414l5,5,1.414-1.414-4.293-4.293,4.293-4.293-1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Cpath class='cls-2' d='M13.293,6.293l-5,5c-.391.391-.391,1.023,0,1.414l5,5,1.414-1.414-4.293-4.293,4.293-4.293-1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-circle-chevron-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M10.707,6.293l-1.414,1.414,4.293,4.293-4.293,4.293,1.414,1.414,5-5c.391-.391.391-1.023,0-1.414l-5-5Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M10.707,6.293l-1.414,1.414,4.293,4.293-4.293,4.293,1.414,1.414,5-5c.391-.391.391-1.023,0-1.414l-5-5Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-circle-plus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='13 7 11 7 11 11 7 11 7 13 11 13 11 17 13 17 13 13 17 13 17 11 13 11 13 7'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='13 7 11 7 11 11 7 11 7 13 11 13 11 17 13 17 13 13 17 13 17 11 13 11 13 7'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-circle-minus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='7' y='11' width='10' height='2'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='7' y='11' width='10' height='2'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-circle-close::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='15.293 7.293 12 10.586 8.707 7.293 7.293 8.707 10.586 12 7.293 15.293 8.707 16.707 12 13.414 15.293 16.707 16.707 15.293 13.414 12 16.707 8.707 15.293 7.293'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='15.293 7.293 12 10.586 8.707 7.293 7.293 8.707 10.586 12 7.293 15.293 8.707 16.707 12 13.414 15.293 16.707 16.707 15.293 13.414 12 16.707 8.707 15.293 7.293'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-circle-check::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M16.293,8.293l-5.293,5.293-3.293-3.293-1.414,1.414,4,4c.195.195.451.293.707.293s.512-.098.707-.293l6-6-1.414-1.414Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M16.293,8.293l-5.293,5.293-3.293-3.293-1.414,1.414,4,4c.195.195.451.293.707.293s.512-.098.707-.293l6-6-1.414-1.414Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-adjust::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M18.816,5c-.414-1.161-1.514-2-2.816-2s-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184ZM16,7c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M8,9c-1.302,0-2.402.839-2.816,2h-2.184v2h2.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h10.184v-2h-10.184c-.414-1.161-1.514-2-2.816-2ZM8,13c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M16,15c-1.302,0-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184c-.414-1.161-1.514-2-2.816-2ZM16,19c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M18.816,5c-.414-1.161-1.514-2-2.816-2s-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184ZM16,7c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M8,9c-1.302,0-2.402.839-2.816,2h-2.184v2h2.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h10.184v-2h-10.184c-.414-1.161-1.514-2-2.816-2ZM8,13c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M16,15c-1.302,0-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184c-.414-1.161-1.514-2-2.816-2ZM16,19c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12.47,3.956l-6.47,4.044H2v8h4l6.47,4.044c.666.416,1.53-.063,1.53-.848V4.804c0-.785-.864-1.264-1.53-.848ZM12,17.391l-4.94-3.087c-.318-.199-.685-.304-1.06-.304h-2v-4h2c.375,0,.742-.105,1.06-.304l4.94-3.087v10.782Z'/%3E%3Cpolygon class='cls-2' points='22.707 9.707 21.293 8.293 19 10.586 16.707 8.293 15.293 9.707 17.586 12 15.293 14.293 16.707 15.707 19 13.414 21.293 15.707 22.707 14.293 20.414 12 22.707 9.707'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12.47,3.956l-6.47,4.044H2v8h4l6.47,4.044c.666.416,1.53-.063,1.53-.848V4.804c0-.785-.864-1.264-1.53-.848ZM12,17.391l-4.94-3.087c-.318-.199-.685-.304-1.06-.304h-2v-4h2c.375,0,.742-.105,1.06-.304l4.94-3.087v10.782Z'/%3E%3Cpolygon class='cls-2' points='22.707 9.707 21.293 8.293 19 10.586 16.707 8.293 15.293 9.707 17.586 12 15.293 14.293 16.707 15.707 19 13.414 21.293 15.707 22.707 14.293 20.414 12 22.707 9.707'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-sound-mute::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12.47,3.956l-6.47,4.044H2v8h4l6.47,4.044c.666.416,1.53-.063,1.53-.848V4.804c0-.785-.864-1.264-1.53-.848ZM12,17.391l-4.94-3.087c-.318-.199-.685-.304-1.06-.304h-2v-4h2c.375,0,.742-.105,1.06-.304l4.94-3.087v10.782Z'/%3E%3Cpolygon points='22.707 9.707 21.293 8.293 19 10.586 16.707 8.293 15.293 9.707 17.586 12 15.293 14.293 16.707 15.707 19 13.414 21.293 15.707 22.707 14.293 20.414 12 22.707 9.707'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12.47,3.956l-6.47,4.044H2v8h4l6.47,4.044c.666.416,1.53-.063,1.53-.848V4.804c0-.785-.864-1.264-1.53-.848ZM12,17.391l-4.94-3.087c-.318-.199-.685-.304-1.06-.304h-2v-4h2c.375,0,.742-.105,1.06-.304l4.94-3.087v10.782Z'/%3E%3Cpolygon points='22.707 9.707 21.293 8.293 19 10.586 16.707 8.293 15.293 9.707 17.586 12 15.293 14.293 16.707 15.707 19 13.414 21.293 15.707 22.707 14.293 20.414 12 22.707 9.707'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-link-item::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M4,4h10v1h2v-2c0-.552-.448-1-1-1H3c-.552,0-1,.448-1,1v12c0,.552.448,1,1,1h2v-2h-1V4Z'/%3E%3Cpath d='M21,8h-2v2h1v10h-10v-1h-2v2c0,.552.448,1,1,1h12c.552,0,1-.448,1-1v-12c0-.552-.448-1-1-1Z'/%3E%3Cpath d='M8.892,18.23c.837,0,1.624-.326,2.216-.918l.477-.477-1.414-1.414-.477.476c-.214.215-.5.333-.803.333-.336-.002-.593-.12-.808-.338-.438-.444-.433-1.163.009-1.602l2.989-2.964c.439-.435,1.152-.434,1.589.003l1.414-1.414c-1.213-1.215-3.193-1.218-4.411-.009l-2.989,2.964c-1.223,1.213-1.234,3.198-.026,4.426.591.599,1.38.931,2.221.934h.012Z'/%3E%3Cpath d='M12.906,6.686l-.5.509,1.428,1.4.49-.5c.438-.435,1.151-.435,1.589.003.439.439.439,1.153,0,1.592l-2.976,2.977c-.214.214-.499.332-.802.332-.33-.032-.594-.121-.809-.339l-1.425,1.404c.591.6,1.38.932,2.222.935h.012c.837,0,1.624-.326,2.216-.918l2.976-2.977c1.219-1.219,1.219-3.201,0-4.42-1.214-1.214-3.193-1.219-4.421,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M4,4h10v1h2v-2c0-.552-.448-1-1-1H3c-.552,0-1,.448-1,1v12c0,.552.448,1,1,1h2v-2h-1V4Z'/%3E%3Cpath d='M21,8h-2v2h1v10h-10v-1h-2v2c0,.552.448,1,1,1h12c.552,0,1-.448,1-1v-12c0-.552-.448-1-1-1Z'/%3E%3Cpath d='M8.892,18.23c.837,0,1.624-.326,2.216-.918l.477-.477-1.414-1.414-.477.476c-.214.215-.5.333-.803.333-.336-.002-.593-.12-.808-.338-.438-.444-.433-1.163.009-1.602l2.989-2.964c.439-.435,1.152-.434,1.589.003l1.414-1.414c-1.213-1.215-3.193-1.218-4.411-.009l-2.989,2.964c-1.223,1.213-1.234,3.198-.026,4.426.591.599,1.38.931,2.221.934h.012Z'/%3E%3Cpath d='M12.906,6.686l-.5.509,1.428,1.4.49-.5c.438-.435,1.151-.435,1.589.003.439.439.439,1.153,0,1.592l-2.976,2.977c-.214.214-.499.332-.802.332-.33-.032-.594-.121-.809-.339l-1.425,1.404c.591.6,1.38.932,2.222.935h.012c.837,0,1.624-.326,2.216-.918l2.976-2.977c1.219-1.219,1.219-3.201,0-4.42-1.214-1.214-3.193-1.219-4.421,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-shuffle::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18.707,13.293l-1.414,1.414,1.293,1.293h-3.172l-4-4,4-4h3.172l-1.293,1.293,1.414,1.414,3-3c.391-.391.391-1.023,0-1.414l-3-3-1.414,1.414,1.293,1.293h-3.586c-.265,0-.52.105-.707.293l-4.293,4.293-4.293-4.293c-.188-.188-.442-.293-.707-.293h-3v2h2.586l4,4-4,4h-2.586v2h3c.265,0,.52-.105.707-.293l4.293-4.293,4.293,4.293c.188.188.442.293.707.293h3.586l-1.293,1.293,1.414,1.414,3-3c.391-.391.391-1.023,0-1.414l-3-3Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18.707,13.293l-1.414,1.414,1.293,1.293h-3.172l-4-4,4-4h3.172l-1.293,1.293,1.414,1.414,3-3c.391-.391.391-1.023,0-1.414l-3-3-1.414,1.414,1.293,1.293h-3.586c-.265,0-.52.105-.707.293l-4.293,4.293-4.293-4.293c-.188-.188-.442-.293-.707-.293h-3v2h2.586l4,4-4,4h-2.586v2h3c.265,0,.52-.105.707-.293l4.293-4.293,4.293,4.293c.188.188.442.293.707.293h3.586l-1.293,1.293,1.414,1.414,3-3c.391-.391.391-1.023,0-1.414l-3-3Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-repeat::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,10.586l-1.293-1.293-1.414,1.414,3,3c.195.195.451.293.707.293s.512-.098.707-.293l3-3-1.414-1.414-1.293,1.293v-4.586c0-.552-.448-1-1-1H4v2h14v3.586Z'/%3E%3Cpath d='M6,12.414l1.293,1.293,1.414-1.414-3-3c-.391-.391-1.023-.391-1.414,0l-3,3,1.414,1.414,1.293-1.293v5.586c0,.552.448,1,1,1h15v-2H6v-4.586Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,10.586l-1.293-1.293-1.414,1.414,3,3c.195.195.451.293.707.293s.512-.098.707-.293l3-3-1.414-1.414-1.293,1.293v-4.586c0-.552-.448-1-1-1H4v2h14v3.586Z'/%3E%3Cpath d='M6,12.414l1.293,1.293,1.414-1.414-3-3c-.391-.391-1.023-.391-1.414,0l-3,3,1.414,1.414,1.293-1.293v5.586c0,.552.448,1,1,1h15v-2H6v-4.586Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-arrows::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293,9.707l1.414-1.414L7.707,3.293c-.391-.391-1.023-.391-1.414,0L1.293,8.293l1.414,1.414,3.293-3.293v14.586h2V6.414l3.293,3.293Z'/%3E%3Cpath d='M21.293,14.293l-3.293,3.293V3h-2v14.586l-3.293-3.293-1.414,1.414,5,5c.195.195.451.293.707.293s.512-.098.707-.293l5-5-1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293,9.707l1.414-1.414L7.707,3.293c-.391-.391-1.023-.391-1.414,0L1.293,8.293l1.414,1.414,3.293-3.293v14.586h2V6.414l3.293,3.293Z'/%3E%3Cpath d='M21.293,14.293l-3.293,3.293V3h-2v14.586l-3.293-3.293-1.414,1.414,5,5c.195.195.451.293.707.293s.512-.098.707-.293l5-5-1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-arrow-up-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19,4H7v2h9.586l-12.293,12.293,1.414,1.414,12.293-12.293v9.586h2V5c0-.552-.447-1-1-1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19,4H7v2h9.586l-12.293,12.293,1.414,1.414,12.293-12.293v9.586h2V5c0-.552-.447-1-1-1Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-arrow-up-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.707,18.293L7.414,6h9.586v-2H5c-.553,0-1,.448-1,1v12h2V7.414l12.293,12.293,1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.707,18.293L7.414,6h9.586v-2H5c-.553,0-1,.448-1,1v12h2V7.414l12.293,12.293,1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-arrow-down-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.707,5.707l-1.414-1.414-12.293,12.293V7h-2v12c0,.553.447,1,1,1h12v-2H7.414l12.293-12.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.707,5.707l-1.414-1.414-12.293,12.293V7h-2v12c0,.553.447,1,1,1h12v-2H7.414l12.293-12.293Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-arrow-down-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,7v9.586L5.707,4.293l-1.414,1.414,12.293,12.293H7v2h12c.553,0,1-.447,1-1V7h-2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,7v9.586L5.707,4.293l-1.414,1.414,12.293,12.293H7v2h12c.553,0,1-.447,1-1V7h-2Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-chevron-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M15.293,21.707L6.293,12.707c-.391-.391-.391-1.023,0-1.414L15.293,2.293l1.414,1.414-8.293,8.293,8.293,8.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M15.293,21.707L6.293,12.707c-.391-.391-.391-1.023,0-1.414L15.293,2.293l1.414,1.414-8.293,8.293,8.293,8.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-chevron-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M8.707,21.707l-1.414-1.414,8.293-8.293L7.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M8.707,21.707l-1.414-1.414,8.293-8.293L7.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-chevron-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20.293,16.707l-8.293-8.293L3.708,16.707l-1.414-1.414L11.293,6.293c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20.293,16.707l-8.293-8.293L3.708,16.707l-1.414-1.414L11.293,6.293c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-chevron-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,18c-.256,0-.512-.098-.707-.293L2.293,8.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,18c-.256,0-.512-.098-.707-.293L2.293,8.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-chevron-double-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M13.293,21.707L4.293,12.707c-.391-.391-.391-1.023,0-1.414L13.293,2.293l1.414,1.414L6.414,12l8.293,8.293-1.414,1.414Z'/%3E%3Cpath d='M18.293,21.707l-9-9c-.391-.391-.391-1.023,0-1.414L18.293,2.293l1.414,1.414-8.293,8.293,8.293,8.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M13.293,21.707L4.293,12.707c-.391-.391-.391-1.023,0-1.414L13.293,2.293l1.414,1.414L6.414,12l8.293,8.293-1.414,1.414Z'/%3E%3Cpath d='M18.293,21.707l-9-9c-.391-.391-.391-1.023,0-1.414L18.293,2.293l1.414,1.414-8.293,8.293,8.293,8.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-chevron-double-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.707,21.707l-1.414-1.414,8.293-8.293L9.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3Cpath d='M5.707,21.707l-1.414-1.414,8.293-8.293L4.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.707,21.707l-1.414-1.414,8.293-8.293L9.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3Cpath d='M5.707,21.707l-1.414-1.414,8.293-8.293L4.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-chevron-double-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20.293,14.707L12,6.414,3.707,14.707l-1.414-1.414L11.293,4.293c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3Cpath d='M20.293,19.707l-8.293-8.293L3.707,19.707l-1.414-1.414,9-9c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20.293,14.707L12,6.414,3.707,14.707l-1.414-1.414L11.293,4.293c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3Cpath d='M20.293,19.707l-8.293-8.293L3.707,19.707l-1.414-1.414,9-9c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-chevron-double-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,20c-.256,0-.512-.098-.707-.293L2.293,10.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3Cpath d='M12,15c-.256,0-.512-.098-.707-.293L2.293,5.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,20c-.256,0-.512-.098-.707-.293L2.293,10.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3Cpath d='M12,15c-.256,0-.512-.098-.707-.293L2.293,5.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-caret-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M7.533,11.6l6.667-5c.33-.247.8-.012.8.4v10c0,.412-.47.647-.8.4l-6.667-5c-.267-.2-.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M7.533,11.6l6.667-5c.33-.247.8-.012.8.4v10c0,.412-.47.647-.8.4l-6.667-5c-.267-.2-.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-caret-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M16.467,11.6l-6.667-5c-.33-.247-.8-.012-.8.4v10c0,.412.47.647.8.4l6.667-5c.267-.2.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M16.467,11.6l-6.667-5c-.33-.247-.8-.012-.8.4v10c0,.412.47.647.8.4l6.667-5c.267-.2.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-caret-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,7.533l-5,6.667c-.247.33-.012.8.4.8h10c.412,0,.647-.47.4-.8l-5-6.667c-.2-.267-.6-.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,7.533l-5,6.667c-.247.33-.012.8.4.8h10c.412,0,.647-.47.4-.8l-5-6.667c-.2-.267-.6-.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-caret-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,16.467l-5-6.667c-.247-.33-.012-.8.4-.8h10c.412,0,.647.47.4.8l-5,6.667c-.2.267-.6.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,16.467l-5-6.667c-.247-.33-.012-.8.4-.8h10c.412,0,.647.47.4.8l-5,6.667c-.2.267-.6.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-caret-sort::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.593,2.57l-4.028,5.64c-.236.331,0,.791.407.791h8.057c.407,0,.643-.46.407-.791l-4.028-5.64c-.199-.279-.614-.279-.814,0Z'/%3E%3Cpath d='M11.593,21.43l-4.028-5.64c-.236-.331,0-.791.407-.791h8.057c.407,0,.643.46.407.791l-4.028,5.64c-.199.279-.614.279-.814,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.593,2.57l-4.028,5.64c-.236.331,0,.791.407.791h8.057c.407,0,.643-.46.407-.791l-4.028-5.64c-.199-.279-.614-.279-.814,0Z'/%3E%3Cpath d='M11.593,21.43l-4.028-5.64c-.236-.331,0-.791.407-.791h8.057c.407,0,.643.46.407.791l-4.028,5.64c-.199.279-.614.279-.814,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-sprout::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M23,4c-.708-.175-1.761-.374-3.032-.374-.896,0-1.9.099-2.968.374-1.167.301-2.701.696-4,2-.421.422-.734.882-1,1.348-.266-.466-.579-.926-1-1.348-1.299-1.304-2.833-1.699-4-2-1.068-.275-2.072-.374-2.968-.374-1.271,0-2.324.199-3.032.374-.024.777-.015,3.547,2,6,.555.675,2.174,2.585,5,3,.369.054.726.078,1.068.078.719,0,1.369-.106,1.932-.254v2.228c-3.945.37-7,2.889-7,5.948h16c0-3.059-3.055-5.578-7-5.948v-2.228c.563.148,1.213.254,1.932.254.342,0,.699-.024,1.068-.078,2.826-.415,4.445-2.325,5-3,2.015-2.453,2.024-5.223,2-6ZM8.29,11.021c-2.119-.311-3.343-1.801-3.745-2.29-.843-1.027-1.236-2.146-1.413-3.066.301-.026.601-.039.9-.039.838,0,1.669.105,2.469.311,1.067.275,2.17.559,3.082,1.475.997,1,1.322,2.318,1.41,3.324-.527.188-1.183.342-1.925.342-.259,0-.521-.019-.778-.057ZM6.832,19c1.055-1.186,2.999-2,5.168-2s4.113.814,5.168,2H6.832ZM19.455,8.731c-.402.489-1.626,1.979-3.745,2.29-.257.038-.519.057-.778.057-.742,0-1.398-.154-1.925-.342.088-1.006.413-2.324,1.41-3.324.912-.916,2.015-1.2,3.082-1.475.8-.206,1.631-.311,2.469-.311.299,0,.599.013.9.039-.177.92-.57,2.039-1.413,3.066Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M23,4c-.708-.175-1.761-.374-3.032-.374-.896,0-1.9.099-2.968.374-1.167.301-2.701.696-4,2-.421.422-.734.882-1,1.348-.266-.466-.579-.926-1-1.348-1.299-1.304-2.833-1.699-4-2-1.068-.275-2.072-.374-2.968-.374-1.271,0-2.324.199-3.032.374-.024.777-.015,3.547,2,6,.555.675,2.174,2.585,5,3,.369.054.726.078,1.068.078.719,0,1.369-.106,1.932-.254v2.228c-3.945.37-7,2.889-7,5.948h16c0-3.059-3.055-5.578-7-5.948v-2.228c.563.148,1.213.254,1.932.254.342,0,.699-.024,1.068-.078,2.826-.415,4.445-2.325,5-3,2.015-2.453,2.024-5.223,2-6ZM8.29,11.021c-2.119-.311-3.343-1.801-3.745-2.29-.843-1.027-1.236-2.146-1.413-3.066.301-.026.601-.039.9-.039.838,0,1.669.105,2.469.311,1.067.275,2.17.559,3.082,1.475.997,1,1.322,2.318,1.41,3.324-.527.188-1.183.342-1.925.342-.259,0-.521-.019-.778-.057ZM6.832,19c1.055-1.186,2.999-2,5.168-2s4.113.814,5.168,2H6.832ZM19.455,8.731c-.402.489-1.626,1.979-3.745,2.29-.257.038-.519.057-.778.057-.742,0-1.398-.154-1.925-.342.088-1.006.413-2.324,1.41-3.324.912-.916,2.015-1.2,3.082-1.475.8-.206,1.631-.311,2.469-.311.299,0,.599.013.9.039-.177.92-.57,2.039-1.413,3.066Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-clover::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19,12c.408-.325.735-.666,1-1,2.3-2.896,1.281-6.988,1-8-.508-.141-1.791-.468-3.31-.468-1.508,0-3.247.322-4.69,1.468-.333.265-.674.592-1,1-.325-.408-.666-.735-1-1-1.442-1.146-3.182-1.468-4.689-1.468-1.519,0-2.803.327-3.311.468-.281,1.012-1.3,5.104,1,8,.265.334.593.675,1,1-.407.325-.735.666-1,1-2.3,2.896-1.281,6.988-1,8,.508.141,1.792.468,3.311.468,1.507,0,3.247-.322,4.689-1.468.334-.265.675-.592,1-1,.326.408.667.735,1,1,1.443,1.146,3.182,1.468,4.69,1.468,1.519,0,2.802-.327,3.31-.468.281-1.012,1.3-5.104-1-8-.265-.334-.592-.675-1-1ZM14.244,5.566c.864-.686,2.023-1.034,3.446-1.034.526,0,1.079.048,1.637.142.247,1.455.311,3.566-.893,5.082-.197.248-.426.477-.682.681l-.705.563h-4.047v-4.047l.563-.705c.204-.256.433-.485.681-.682ZM4.674,4.674c.557-.094,1.11-.142,1.636-.142,1.423,0,2.583.348,3.446,1.034.248.197.477.426.681.682l.563.705v4.047h-4.047l-.705-.563c-.255-.204-.485-.433-.682-.681-1.204-1.516-1.139-3.627-.892-5.082ZM10.437,17.752c-.204.256-.433.485-.681.682-.864.686-2.023,1.034-3.445,1.034-.527,0-1.08-.048-1.637-.142-.247-1.455-.312-3.566.892-5.082.197-.248.427-.477.682-.681l.705-.563h4.047v4.047l-.563.705ZM19.327,19.326c-.558.094-1.111.142-1.637.142-1.423,0-2.582-.348-3.446-1.034-.248-.197-.477-.426-.681-.682l-.563-.705v-4.047h4.047l.705.563c.256.204.485.433.682.681,1.204,1.516,1.14,3.627.893,5.082Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19,12c.408-.325.735-.666,1-1,2.3-2.896,1.281-6.988,1-8-.508-.141-1.791-.468-3.31-.468-1.508,0-3.247.322-4.69,1.468-.333.265-.674.592-1,1-.325-.408-.666-.735-1-1-1.442-1.146-3.182-1.468-4.689-1.468-1.519,0-2.803.327-3.311.468-.281,1.012-1.3,5.104,1,8,.265.334.593.675,1,1-.407.325-.735.666-1,1-2.3,2.896-1.281,6.988-1,8,.508.141,1.792.468,3.311.468,1.507,0,3.247-.322,4.689-1.468.334-.265.675-.592,1-1,.326.408.667.735,1,1,1.443,1.146,3.182,1.468,4.69,1.468,1.519,0,2.802-.327,3.31-.468.281-1.012,1.3-5.104-1-8-.265-.334-.592-.675-1-1ZM14.244,5.566c.864-.686,2.023-1.034,3.446-1.034.526,0,1.079.048,1.637.142.247,1.455.311,3.566-.893,5.082-.197.248-.426.477-.682.681l-.705.563h-4.047v-4.047l.563-.705c.204-.256.433-.485.681-.682ZM4.674,4.674c.557-.094,1.11-.142,1.636-.142,1.423,0,2.583.348,3.446,1.034.248.197.477.426.681.682l.563.705v4.047h-4.047l-.705-.563c-.255-.204-.485-.433-.682-.681-1.204-1.516-1.139-3.627-.892-5.082ZM10.437,17.752c-.204.256-.433.485-.681.682-.864.686-2.023,1.034-3.445,1.034-.527,0-1.08-.048-1.637-.142-.247-1.455-.312-3.566.892-5.082.197-.248.427-.477.682-.681l.705-.563h4.047v4.047l-.563.705ZM19.327,19.326c-.558.094-1.111.142-1.637.142-1.423,0-2.582-.348-3.446-1.034-.248-.197-.477-.426-.681-.682l-.563-.705v-4.047h4.047l.705.563c.256.204.485.433.682.681,1.204,1.516,1.14,3.627.893,5.082Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-tree::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.729,10.985c.164-.467.271-.962.271-1.485,0-2.316-1.756-4.201-4.005-4.45,0-.017.005-.033.005-.05,0-2.209-1.791-4-4-4s-4,1.791-4,4c0,.017.005.033.005.05-2.249.249-4.005,2.134-4.005,4.45,0,.523.107,1.018.271,1.485-.793.953-1.271,2.178-1.271,3.515,0,3.038,2.462,5.5,5.5,5.5h2.5v3h2v-3h2.5c3.038,0,5.5-2.462,5.5-5.5,0-1.337-.478-2.562-1.271-3.515ZM15.5,18h-2.5v-.586l2.707-2.707-1.414-1.414-1.293,1.293v-3.586h-2v3.586l-1.293-1.293-1.414,1.414,2.707,2.707v.586h-2.5c-1.93,0-3.5-1.57-3.5-3.5,0-.827.279-1.6.808-2.236.45-.541.583-1.278.35-1.942-.106-.302-.158-.571-.158-.822,0-1.263.957-2.322,2.225-2.462,1.022-.114,1.791-.982,1.78-2.009,0-.034-.002-.068-.004-.102.039-1.069.921-1.927,1.999-1.927s1.962.86,1.999,1.931c-.002.034-.004.067-.004.098-.011,1.027.758,1.895,1.78,2.009,1.268.14,2.225,1.199,2.225,2.462,0,.251-.052.52-.158.822-.233.664-.1,1.401.35,1.942.529.636.808,1.409.808,2.236,0,1.93-1.57,3.5-3.5,3.5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.729,10.985c.164-.467.271-.962.271-1.485,0-2.316-1.756-4.201-4.005-4.45,0-.017.005-.033.005-.05,0-2.209-1.791-4-4-4s-4,1.791-4,4c0,.017.005.033.005.05-2.249.249-4.005,2.134-4.005,4.45,0,.523.107,1.018.271,1.485-.793.953-1.271,2.178-1.271,3.515,0,3.038,2.462,5.5,5.5,5.5h2.5v3h2v-3h2.5c3.038,0,5.5-2.462,5.5-5.5,0-1.337-.478-2.562-1.271-3.515ZM15.5,18h-2.5v-.586l2.707-2.707-1.414-1.414-1.293,1.293v-3.586h-2v3.586l-1.293-1.293-1.414,1.414,2.707,2.707v.586h-2.5c-1.93,0-3.5-1.57-3.5-3.5,0-.827.279-1.6.808-2.236.45-.541.583-1.278.35-1.942-.106-.302-.158-.571-.158-.822,0-1.263.957-2.322,2.225-2.462,1.022-.114,1.791-.982,1.78-2.009,0-.034-.002-.068-.004-.102.039-1.069.921-1.927,1.999-1.927s1.962.86,1.999,1.931c-.002.034-.004.067-.004.098-.011,1.027.758,1.895,1.78,2.009,1.268.14,2.225,1.199,2.225,2.462,0,.251-.052.52-.158.822-.233.664-.1,1.401.35,1.942.529.636.808,1.409.808,2.236,0,1.93-1.57,3.5-3.5,3.5Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-code-scan::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,7c0-.553-.448-1-1-1H7c-.552,0-1,.447-1,1v4H2v2h4v4c0,.553.448,1,1,1h10c.552,0,1-.447,1-1v-4h4v-2h-4v-4ZM8,8h8v3h-8v-3ZM16,16h-8v-3h8v3Z'/%3E%3Cpath class='cls-2' d='M4,4h4v-2H3c-.552,0-1,.447-1,1v5h2v-4Z'/%3E%3Cpath class='cls-2' d='M4,16h-2v5c0,.553.448,1,1,1h5v-2h-4v-4Z'/%3E%3Cpath class='cls-2' d='M20,20h-4v2h5c.552,0,1-.447,1-1v-5h-2v4Z'/%3E%3Cpath class='cls-2' d='M21,2h-5v2h4v4h2V3c0-.553-.448-1-1-1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,7c0-.553-.448-1-1-1H7c-.552,0-1,.447-1,1v4H2v2h4v4c0,.553.448,1,1,1h10c.552,0,1-.447,1-1v-4h4v-2h-4v-4ZM8,8h8v3h-8v-3ZM16,16h-8v-3h8v3Z'/%3E%3Cpath class='cls-2' d='M4,4h4v-2H3c-.552,0-1,.447-1,1v5h2v-4Z'/%3E%3Cpath class='cls-2' d='M4,16h-2v5c0,.553.448,1,1,1h5v-2h-4v-4Z'/%3E%3Cpath class='cls-2' d='M20,20h-4v2h5c.552,0,1-.447,1-1v-5h-2v4Z'/%3E%3Cpath class='cls-2' d='M21,2h-5v2h4v4h2V3c0-.553-.448-1-1-1Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-circle-play::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Cpath d='M16.555,11.168l-6-4c-.307-.205-.703-.225-1.026-.05-.325.174-.528.513-.528.882v8c0,.369.203.708.528.882.147.079.31.118.472.118.194,0,.387-.057.555-.168l6-4c.278-.186.445-.498.445-.832s-.167-.646-.445-.832Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Cpath d='M16.555,11.168l-6-4c-.307-.205-.703-.225-1.026-.05-.325.174-.528.513-.528.882v8c0,.369.203.708.528.882.147.079.31.118.472.118.194,0,.387-.057.555-.168l6-4c.278-.186.445-.498.445-.832s-.167-.646-.445-.832Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-circle-pause::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Crect x='9' y='7' width='2' height='10'/%3E%3Crect x='13' y='7' width='2' height='10'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Crect x='9' y='7' width='2' height='10'/%3E%3Crect x='13' y='7' width='2' height='10'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-circle-stop::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Crect x='8' y='8' width='8' height='8' rx='1' ry='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Crect x='8' y='8' width='8' height='8' rx='1' ry='1'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-present::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21,6h-1.149c.332-1.18.05-2.498-.876-3.425-1.364-1.365-3.584-1.363-4.949,0l-2.025,2.026-2.025-2.026c-1.364-1.365-3.585-1.363-4.949,0-.927.926-1.208,2.245-.876,3.425h-1.149c-.552,0-1,.447-1,1v4c0,.553.448,1,1,1v9c0,.553.448,1,1,1h16c.552,0,1-.447,1-1v-9c.552,0,1-.447,1-1v-4c0-.553-.448-1-1-1ZM20,10h-7v-2h7v2ZM15.439,3.989c.585-.584,1.536-.584,2.121,0,.552.552.564,1.422.074,2.011h-4.205l2.01-2.011ZM6.439,3.989c.585-.584,1.536-.584,2.121,0l2.01,2.011h-4.205c-.49-.589-.479-1.459.074-2.011ZM4,8h7v2h-7v-2ZM5,12h6v8h-6v-8ZM19,20h-6v-8h6v8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21,6h-1.149c.332-1.18.05-2.498-.876-3.425-1.364-1.365-3.584-1.363-4.949,0l-2.025,2.026-2.025-2.026c-1.364-1.365-3.585-1.363-4.949,0-.927.926-1.208,2.245-.876,3.425h-1.149c-.552,0-1,.447-1,1v4c0,.553.448,1,1,1v9c0,.553.448,1,1,1h16c.552,0,1-.447,1-1v-9c.552,0,1-.447,1-1v-4c0-.553-.448-1-1-1ZM20,10h-7v-2h7v2ZM15.439,3.989c.585-.584,1.536-.584,2.121,0,.552.552.564,1.422.074,2.011h-4.205l2.01-2.011ZM6.439,3.989c.585-.584,1.536-.584,2.121,0l2.01,2.011h-4.205c-.49-.589-.479-1.459.074-2.011ZM4,8h7v2h-7v-2ZM5,12h6v8h-6v-8ZM19,20h-6v-8h6v8Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-text-scale::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='21 3.5 7 3.5 7 6.5 12.5 6.5 12.5 21 15.5 21 15.5 6.5 21 6.5 21 3.5'/%3E%3Cpolygon points='2 11 5 11 5 20 7 20 7 11 10 11 10 9 2 9 2 11'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='21 3.5 7 3.5 7 6.5 12.5 6.5 12.5 21 15.5 21 15.5 6.5 21 6.5 21 3.5'/%3E%3Cpolygon points='2 11 5 11 5 20 7 20 7 11 10 11 10 9 2 9 2 11'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-siren::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20,16h-1v-3c0-3.859-3.141-7-7-7s-7,3.141-7,7v3h-1c-.553,0-1,.447-1,1v4c0,.553.447,1,1,1h16c.553,0,1-.447,1-1v-4c0-.553-.447-1-1-1ZM7,13c0-2.757,2.243-5,5-5s5,2.243,5,5v3H7v-3ZM19,20H5v-2h14v2Z'/%3E%3Crect x='11' y='2' width='2' height='3'/%3E%3Crect class='cls-2' x='17.586' y='5' width='2.828' height='2' transform='translate(1.322 15.192) rotate(-45)'/%3E%3Crect x='4' y='4.586' width='2' height='2.828' transform='translate(-2.778 5.293) rotate(-45)'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20,16h-1v-3c0-3.859-3.141-7-7-7s-7,3.141-7,7v3h-1c-.553,0-1,.447-1,1v4c0,.553.447,1,1,1h16c.553,0,1-.447,1-1v-4c0-.553-.447-1-1-1ZM7,13c0-2.757,2.243-5,5-5s5,2.243,5,5v3H7v-3ZM19,20H5v-2h14v2Z'/%3E%3Crect x='11' y='2' width='2' height='3'/%3E%3Crect class='cls-2' x='17.586' y='5' width='2.828' height='2' transform='translate(1.322 15.192) rotate(-45)'/%3E%3Crect x='4' y='4.586' width='2' height='2.828' transform='translate(-2.778 5.293) rotate(-45)'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-megaphone::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M22,11c0-1.859-1.28-3.411-3-3.858V3c0-.347-.18-.668-.475-.851-.295-.184-.663-.199-.973-.044L7.764,7H3c-.553,0-1,.447-1,1v6c0,.553.447,1,1,1h1.245l1.793,6.274c.123.43.516.726.962.726h4c.313,0,.609-.147.798-.397.189-.251.25-.575.164-.877l-1.208-4.231,6.799,3.4c.142.07.294.105.447.105.183,0,.365-.05.525-.149.295-.183.475-.504.475-.851v-4.142c1.72-.447,3-1.999,3-3.858ZM4,9h3v4h-3v-4ZM9.675,20h-1.921l-1.428-5h1.438l.562.281,1.349,4.719ZM17,17.382l-7.384-3.692s0-.001-.002-.001l-.614-.307v-4.763l8-4v12.764ZM19,12.722v-3.443c.595.347,1,.985,1,1.722s-.405,1.375-1,1.722Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M22,11c0-1.859-1.28-3.411-3-3.858V3c0-.347-.18-.668-.475-.851-.295-.184-.663-.199-.973-.044L7.764,7H3c-.553,0-1,.447-1,1v6c0,.553.447,1,1,1h1.245l1.793,6.274c.123.43.516.726.962.726h4c.313,0,.609-.147.798-.397.189-.251.25-.575.164-.877l-1.208-4.231,6.799,3.4c.142.07.294.105.447.105.183,0,.365-.05.525-.149.295-.183.475-.504.475-.851v-4.142c1.72-.447,3-1.999,3-3.858ZM4,9h3v4h-3v-4ZM9.675,20h-1.921l-1.428-5h1.438l.562.281,1.349,4.719ZM17,17.382l-7.384-3.692s0-.001-.002-.001l-.614-.307v-4.763l8-4v12.764ZM19,12.722v-3.443c.595.347,1,.985,1,1.722s-.405,1.375-1,1.722Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-mortarboard::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M22.447,8.105L12.447,3.105c-.281-.141-.613-.141-.895,0L1.553,8.105c-.339.17-.553.516-.553.895s.214.725.553.895l2.447,1.224v6.882c0,.4.238.762.606.919l7,3c.125.054.26.081.394.081s.269-.027.394-.081l7-3c.368-.157.606-.519.606-.919v-6.882l1-.5v6.382h2v-8c0-.379-.214-.725-.553-.895ZM12,5.118l7.764,3.882-7.764,3.882-7.764-3.882,7.764-3.882ZM18,17.341l-6,2.571-6-2.571v-5.223l5.553,2.776c.141.07.294.105.447.105s.307-.035.447-.105l5.553-2.776v5.223Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M22.447,8.105L12.447,3.105c-.281-.141-.613-.141-.895,0L1.553,8.105c-.339.17-.553.516-.553.895s.214.725.553.895l2.447,1.224v6.882c0,.4.238.762.606.919l7,3c.125.054.26.081.394.081s.269-.027.394-.081l7-3c.368-.157.606-.519.606-.919v-6.882l1-.5v6.382h2v-8c0-.379-.214-.725-.553-.895ZM12,5.118l7.764,3.882-7.764,3.882-7.764-3.882,7.764-3.882ZM18,17.341l-6,2.571-6-2.571v-5.223l5.553,2.776c.141.07.294.105.447.105s.307-.035.447-.105l5.553-2.776v5.223Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).ico-protect::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,23c-.135,0-.271-.027-.396-.082-1.853-.801-4.474-2.383-6.438-5.368-2.879-4.374-2.463-8.957-2.149-10.724.067-.385.353-.694.729-.793,1.669-.439,3.274-1.081,4.771-1.908,1.001-.554,1.964-1.195,2.861-1.908.365-.289.879-.289,1.244,0,.897.713,1.86,1.354,2.861,1.908,1.497.827,3.103,1.469,4.771,1.908.377.099.662.408.729.793.313,1.767.729,6.35-2.149,10.724-1.965,2.985-4.586,4.567-6.438,5.368-.126.055-.262.082-.396.082ZM4.893,7.789c-.225,1.819-.258,5.317,1.942,8.661,1.559,2.367,3.601,3.713,5.165,4.452,1.564-.739,3.606-2.085,5.165-4.452,2.2-3.344,2.167-6.842,1.942-8.661-1.6-.471-3.142-1.112-4.591-1.914-.87-.48-1.714-1.022-2.517-1.615-.803.593-1.646,1.135-2.517,1.615-1.449.802-2.991,1.443-4.591,1.914Z'/%3E%3Cpath d='M11,16c-.256,0-.512-.098-.707-.293l-3-3,1.414-1.414,2.293,2.293,4.293-4.293,1.414,1.414-5,5c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,23c-.135,0-.271-.027-.396-.082-1.853-.801-4.474-2.383-6.438-5.368-2.879-4.374-2.463-8.957-2.149-10.724.067-.385.353-.694.729-.793,1.669-.439,3.274-1.081,4.771-1.908,1.001-.554,1.964-1.195,2.861-1.908.365-.289.879-.289,1.244,0,.897.713,1.86,1.354,2.861,1.908,1.497.827,3.103,1.469,4.771,1.908.377.099.662.408.729.793.313,1.767.729,6.35-2.149,10.724-1.965,2.985-4.586,4.567-6.438,5.368-.126.055-.262.082-.396.082ZM4.893,7.789c-.225,1.819-.258,5.317,1.942,8.661,1.559,2.367,3.601,3.713,5.165,4.452,1.564-.739,3.606-2.085,5.165-4.452,2.2-3.344,2.167-6.842,1.942-8.661-1.6-.471-3.142-1.112-4.591-1.914-.87-.48-1.714-1.022-2.517-1.615-.803.593-1.646,1.135-2.517,1.615-1.449.802-2.991,1.443-4.591,1.914Z'/%3E%3Cpath d='M11,16c-.256,0-.512-.098-.707-.293l-3-3,1.414-1.414,2.293,2.293,4.293-4.293,1.414,1.414-5,5c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).primary::before, [class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).spot::before, .viewer .viewer-fnc [class*=ico-].btn.is-active:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-])::before,
.viewer .viewer-location [class*=ico-].btn.is-active:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-])::before {
  background-color: var(--color-icon-brand-primary);
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).secondary::before, [class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).spot2::before {
  background-color: var(--color-icon-brand-secondary);
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).accent::before, [class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).spot3::before {
  background-color: var(--color-icon-brand-accent);
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).overlay::before {
  background-color: var(--color-icon-brand-primary-inverse);
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).white::before {
  background-color: var(--color-background-default-primary);
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).black::before {
  background-color: #111;
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).success::before {
  background-color: var(--color-icon-success-primary);
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).warning::before {
  background-color: var(--color-icon-warning-primary);
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).info::before {
  background-color: var(--color-icon-info-primary);
}
[class*=ico-]:not(.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]).danger::before {
  background-color: var(--color-icon-danger-primary);
}

.btn, .chip, .input, .badge, .ico-ox-o, .ico-ox-x, .tabs-nav-xsm, .ico-sign-plus, .ico-sign-minus, .ico-sign-o, .ico-sign-o, [class*=ico-img-], [class*=ico-util-]:has(> i[class*=ico-]) {
  gap: 0.8rem;
}
.btn i::before, .btn:hover i::before, .chip i::before, .chip:hover i::before, .input i::before, .input:hover i::before, .badge i::before, .badge:hover i::before, .ico-ox-o i::before, .ico-ox-o:hover i::before, .ico-ox-x i::before, .ico-ox-x:hover i::before, .tabs-nav-xsm i::before, .tabs-nav-xsm:hover i::before, .ico-sign-plus i::before, .ico-sign-plus:hover i::before, .ico-sign-minus i::before, .ico-sign-minus:hover i::before, .ico-sign-o i::before, .ico-sign-o:hover i::before, .ico-sign-o i::before, .ico-sign-o:hover i::before, [class*=ico-img-] i::before, [class*=ico-img-]:hover i::before, [class*=ico-util-]:has(> i[class*=ico-]) i::before, [class*=ico-util-]:has(> i[class*=ico-]):hover i::before {
  background-color: var(--color-icon-default-secondary);
}
.btn.primary i::before, .btn.spot i::before, .viewer .viewer-fnc .btn.is-active i::before,
.viewer .viewer-location .btn.is-active i::before, .btn.cta i::before, .btn.overlay i::before, .chip.primary i::before, .chip.spot i::before, .chip.cta i::before, .chip.overlay i::before, .input.primary i::before, .input.spot i::before, .input.cta i::before, .input.overlay i::before, .badge.primary i::before, .badge.spot i::before, .badge.cta i::before, .badge.overlay i::before, .ico-ox-o.primary i::before, .ico-ox-o.spot i::before, .ico-ox-o.cta i::before, .ico-ox-o.overlay i::before, .ico-ox-x.primary i::before, .ico-ox-x.spot i::before, .ico-ox-x.cta i::before, .ico-ox-x.overlay i::before, .tabs-nav-xsm.primary i::before, .tabs-nav-xsm.spot i::before, .tabs-nav-xsm.cta i::before, .tabs-nav-xsm.overlay i::before, .ico-sign-plus.primary i::before, .ico-sign-plus.spot i::before, .ico-sign-plus.cta i::before, .ico-sign-plus.overlay i::before, .ico-sign-minus.primary i::before, .ico-sign-minus.spot i::before, .ico-sign-minus.cta i::before, .ico-sign-minus.overlay i::before, .ico-sign-o.primary i::before, .ico-sign-o.spot i::before, .ico-sign-o.cta i::before, .ico-sign-o.overlay i::before, [class*=ico-img-].primary i::before, [class*=ico-img-].spot i::before, [class*=ico-img-].cta i::before, [class*=ico-img-].overlay i::before, [class*=ico-util-]:has(> i[class*=ico-]).primary i::before, [class*=ico-util-]:has(> i[class*=ico-]).spot i::before, [class*=ico-util-]:has(> i[class*=ico-]).cta i::before, [class*=ico-util-]:has(> i[class*=ico-]).overlay i::before {
  background-color: var(--color-icon-brand-primary-inverse);
}
.btn.secondary i::before, .btn.spot2 i::before, .chip.secondary i::before, .chip.spot2 i::before, .input.secondary i::before, .input.spot2 i::before, .badge.secondary i::before, .badge.spot2 i::before, .ico-ox-o.secondary i::before, .ico-ox-o.spot2 i::before, .ico-ox-x.secondary i::before, .ico-ox-x.spot2 i::before, .tabs-nav-xsm.secondary i::before, .tabs-nav-xsm.spot2 i::before, .ico-sign-plus.secondary i::before, .ico-sign-plus.spot2 i::before, .ico-sign-minus.secondary i::before, .ico-sign-minus.spot2 i::before, .ico-sign-o.secondary i::before, .ico-sign-o.spot2 i::before, .ico-sign-o.secondary i::before, .ico-sign-o.spot2 i::before, [class*=ico-img-].secondary i::before, [class*=ico-img-].spot2 i::before, [class*=ico-util-]:has(> i[class*=ico-]).secondary i::before, [class*=ico-util-]:has(> i[class*=ico-]).spot2 i::before {
  background-color: var(--color-icon-brand-primary);
}
.btn.danger i::before, .btn.spot3 i::before, .chip.danger i::before, .chip.spot3 i::before, .input.danger i::before, .input.spot3 i::before, .badge.danger i::before, .badge.spot3 i::before, .ico-ox-o.danger i::before, .ico-ox-o.spot3 i::before, .ico-ox-x.danger i::before, .ico-ox-x.spot3 i::before, .tabs-nav-xsm.danger i::before, .tabs-nav-xsm.spot3 i::before, .ico-sign-plus.danger i::before, .ico-sign-plus.spot3 i::before, .ico-sign-minus.danger i::before, .ico-sign-minus.spot3 i::before, .ico-sign-o.danger i::before, .ico-sign-o.spot3 i::before, .ico-sign-o.danger i::before, .ico-sign-o.spot3 i::before, [class*=ico-img-].danger i::before, [class*=ico-img-].spot3 i::before, [class*=ico-util-]:has(> i[class*=ico-]).danger i::before, [class*=ico-util-]:has(> i[class*=ico-]).spot3 i::before {
  background-color: var(--color-icon-default-secondary);
}
.btn:disabled i::before, .btn.disabled i::before, .chip:disabled i::before, .chip.disabled i::before, .input:disabled i::before, .input.disabled i::before, .badge:disabled i::before, .badge.disabled i::before, .ico-ox-o:disabled i::before, .ico-ox-o.disabled i::before, .ico-ox-x:disabled i::before, .ico-ox-x.disabled i::before, .tabs-nav-xsm:disabled i::before, .tabs-nav-xsm.disabled i::before, .ico-sign-plus:disabled i::before, .ico-sign-plus.disabled i::before, .ico-sign-minus:disabled i::before, .ico-sign-minus.disabled i::before, .ico-sign-o:disabled i::before, .ico-sign-o.disabled i::before, .ico-sign-o:disabled i::before, .ico-sign-o.disabled i::before, [class*=ico-img-]:disabled i::before, [class*=ico-img-].disabled i::before, [class*=ico-util-]:has(> i[class*=ico-]):disabled i::before, [class*=ico-util-]:has(> i[class*=ico-]).disabled i::before {
  background-color: var(--color-icon-disabled-primary);
}
.btn.toggle i::before, .chip.toggle i::before, .input.toggle i::before, .badge.toggle i::before, .ico-ox-o.toggle i::before, .ico-ox-x.toggle i::before, .tabs-nav-xsm.toggle i::before, .ico-sign-plus.toggle i::before, .ico-sign-minus.toggle i::before, .ico-sign-o.toggle i::before, .ico-sign-o.toggle i::before, [class*=ico-img-].toggle i::before, [class*=ico-util-]:has(> i[class*=ico-]).toggle i::before {
  background-color: var(--color-icon-default-primary-inverse);
}

[class^=ico-file].ico-file-pdf::before {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cg %3E%3Cpath d='M13,2H6A2.006,2.006,0,0,0,4,4V20a2.006,2.006,0,0,0,2,2H18a2.006,2.006,0,0,0,2-2V9Z' fill='%23e34f3e'/%3E%3Cpath d='M13,2V8a.945.945,0,0,0,1,1h6' fill='%23bb1d0b'/%3E%3Cpath d='M9.2,11.2a1.884,1.884,0,0,0-.8-.2H6.7v4.2h.9V13.8h.8a1.884,1.884,0,0,0,.8-.2,1.205,1.205,0,0,0,.5-.5,1.854,1.854,0,0,0,.2-.7,1.854,1.854,0,0,0-.2-.7,1.205,1.205,0,0,0-.5-.5Zm-.3,1.6c-.1.1-.1.2-.3.3a.6.6,0,0,1-.4.1H7.6V11.8h.6c.2,0,.3,0,.4.1s.2.1.3.2a.367.367,0,0,1,.1.3A.6.6,0,0,1,8.9,12.8Z' fill='%23fff'/%3E%3Cpath d='M12.9,11.3a2.016,2.016,0,0,0-1.1-.3H10.3v4.2h1.5a2.016,2.016,0,0,0,1.1-.3,1.575,1.575,0,0,0,.7-.7,1.978,1.978,0,0,0,.2-1.1,3.6,3.6,0,0,0-.2-1.1A.988.988,0,0,0,12.9,11.3Zm0,2.6c-.1.2-.2.4-.4.4a1.483,1.483,0,0,1-.7.1h-.6V11.7h.6a1.483,1.483,0,0,1,.7.1.781.781,0,0,1,.4.4,1.949,1.949,0,0,1,.1.8A2.22,2.22,0,0,1,12.9,13.9Z' fill='%23fff'/%3E%3Cpath d='M17.3,11.7V11H14.5v4.2h.9V13.5h1.7v-.7H15.4V11.7Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  background-color: transparent;
}
[class^=ico-file].ico-file-hwp::before {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cg transform='translate(-24)'%3E%3Crect width='24' height='24' transform='translate(24)' fill='none'/%3E%3Cpath d='M37,2H30a2.006,2.006,0,0,0-2,2V20a2.006,2.006,0,0,0,2,2H42a2.006,2.006,0,0,0,2-2V9Z' fill='%23209ddf'/%3E%3Cpath d='M37,2V8a.945.945,0,0,0,1,1h6' fill='%23006e9e'/%3E%3Cpath d='M32.1,12.8H30.3V11h-.9v4.2h.9V13.5h1.8v1.7H33V11h-.9Z' fill='%23fff'/%3E%3Cpath d='M37.4,14h0l-.8-3h-.8L35,14h0l-.7-3h-1l1.2,4.2h.9l.8-2.8h0l.8,2.8h.9L39.1,11h-1Z' fill='%23fff'/%3E%3Cpath d='M42.4,11.7a1.205,1.205,0,0,0-.5-.5,1.884,1.884,0,0,0-.8-.2H39.4v4.2h.9V13.8H41a1.884,1.884,0,0,0,.8-.2,1.205,1.205,0,0,0,.5-.5,1.854,1.854,0,0,0,.2-.7,1.7,1.7,0,0,0-.1-.7Zm-.8,1.1c-.1.1-.1.2-.3.3a.6.6,0,0,1-.4.1h-.6V11.8h.6c.2,0,.3,0,.4.1s.2.1.3.2.1.2.1.4S41.6,12.7,41.6,12.8Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  background-color: transparent;
}
[class^=ico-file].ico-file-doc::before {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cg transform='translate(-48)'%3E%3Crect width='24' height='24' transform='translate(48)' fill='none'/%3E%3Cpath d='M61,2H54a2.006,2.006,0,0,0-2,2V20a2.006,2.006,0,0,0,2,2H66a2.006,2.006,0,0,0,2-2V9Z' fill='%23295498'/%3E%3Cpath d='M61,2V8a.945.945,0,0,0,1,1h6' fill='%23002863'/%3E%3Cpath d='M56.6,11.3a2.016,2.016,0,0,0-1.1-.3H54v4.2h1.5a2.016,2.016,0,0,0,1.1-.3,2.336,2.336,0,0,0,.7-.7,1.978,1.978,0,0,0,.2-1.1,3.6,3.6,0,0,0-.2-1.1A2.336,2.336,0,0,0,56.6,11.3ZM56.5,14c-.1.2-.2.4-.4.4a1.483,1.483,0,0,1-.7.1h-.6V11.8h.6a1.483,1.483,0,0,1,.7.1.781.781,0,0,1,.4.4,1.949,1.949,0,0,1,.1.8A1.337,1.337,0,0,1,56.5,14Z' fill='%23fff'/%3E%3Cpath d='M60.9,11.3a1.817,1.817,0,0,0-2,0,1.853,1.853,0,0,0-.7.8,2.133,2.133,0,0,0-.3,1.2,2.663,2.663,0,0,0,.3,1.2,2.7,2.7,0,0,0,.7.8,1.817,1.817,0,0,0,2,0,1.853,1.853,0,0,0,.7-.8,2.55,2.55,0,0,0,0-2.4C61.4,11.7,61.2,11.4,60.9,11.3Zm-.1,2.6a1,1,0,0,1-.4.5,1,1,0,0,1-1.2,0,1,1,0,0,1-.4-.5,1.949,1.949,0,0,1-.1-.8,1.949,1.949,0,0,1,.1-.8,1,1,0,0,1,.4-.5,1,1,0,0,1,1.2,0,1,1,0,0,1,.4.5,1.949,1.949,0,0,1,.1.8A1.949,1.949,0,0,1,60.8,13.9Z' fill='%23fff'/%3E%3Cpath d='M65,14.2c-.1.1-.2.2-.3.2a.6.6,0,0,1-.4.1,1.421,1.421,0,0,1-.6-.2,1,1,0,0,1-.4-.5,1.949,1.949,0,0,1-.1-.8,2.2,2.2,0,0,1,.1-.8,1,1,0,0,1,.4-.5,1.421,1.421,0,0,1,.6-.2c.2,0,.3,0,.4.1s.2.1.3.3l.2.4H66a1.135,1.135,0,0,0-.3-.8,2.651,2.651,0,0,0-.6-.5,2.92,2.92,0,0,0-.9-.2,1.689,1.689,0,0,0-1,.3,1.853,1.853,0,0,0-.7.8,2.133,2.133,0,0,0-.3,1.2,2.375,2.375,0,0,0,.3,1.2,1.853,1.853,0,0,0,.7.8,1.689,1.689,0,0,0,1,.3,2.388,2.388,0,0,0,.9-.2,1.024,1.024,0,0,0,.6-.5c.1-.2.2-.5.3-.7h-.9a.31.31,0,0,1-.1.2Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  background-color: transparent;
}
[class^=ico-file].ico-file-xls::before {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cg%3E%3Crect style='fill:none;' width='24' height='24'/%3E%3Cpath style='fill:%23008448;' d='M13,2H6C4.9,2,4,2.9,4,4v16 c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V9L13,2z'/%3E%3Cpath style='fill:%23006630;' d='M13,2v6c0,0.6,0.4,1,1,1h6' /%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M8.5,13.2L8.5,13.2l0.9-1.5h1l-1.3,2.1l1.3,2.1h-1l-0.9-1.5h0L7.7,16h-1L8,13.9l-1.3-2.1h1 L8.5,13.2z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M10.9,11.8h0.9v3.5h1.8V16h-2.7V11.8z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M15.7,12.4c-0.4,0-0.7,0.2-0.7,0.5c0,0.3,0.3,0.4,0.7,0.5l0.4,0.1c0.7,0.2,1.3,0.5,1.3,1.2 c0,0.8-0.6,1.3-1.6,1.3c-1,0-1.7-0.5-1.7-1.4h0.9c0,0.4,0.4,0.6,0.8,0.6c0.5,0,0.8-0.2,0.8-0.5c0-0.3-0.3-0.4-0.7-0.5l-0.5-0.1 c-0.7-0.2-1.2-0.5-1.2-1.2c0-0.8,0.7-1.3,1.6-1.3c0.9,0,1.6,0.5,1.6,1.3h-0.8C16.4,12.6,16.1,12.4,15.7,12.4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-color: transparent;
}

[class^=ico-weboffice].ico-weboffice-hwp::before {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cg transform='translate(-24)'%3E%3Crect width='24' height='24' transform='translate(24)' fill='none'/%3E%3Cpath d='M37,2H30a2.006,2.006,0,0,0-2,2V20a2.006,2.006,0,0,0,2,2H42a2.006,2.006,0,0,0,2-2V9Z' fill='%23209ddf'/%3E%3Cpath d='M37,2V8a.945.945,0,0,0,1,1h6' fill='%23006e9e'/%3E%3Cpath d='M32.1,12.8H30.3V11h-.9v4.2h.9V13.5h1.8v1.7H33V11h-.9Z' fill='%23fff'/%3E%3Cpath d='M37.4,14h0l-.8-3h-.8L35,14h0l-.7-3h-1l1.2,4.2h.9l.8-2.8h0l.8,2.8h.9L39.1,11h-1Z' fill='%23fff'/%3E%3Cpath d='M42.4,11.7a1.205,1.205,0,0,0-.5-.5,1.884,1.884,0,0,0-.8-.2H39.4v4.2h.9V13.8H41a1.884,1.884,0,0,0,.8-.2,1.205,1.205,0,0,0,.5-.5,1.854,1.854,0,0,0,.2-.7,1.7,1.7,0,0,0-.1-.7Zm-.8,1.1c-.1.1-.1.2-.3.3a.6.6,0,0,1-.4.1h-.6V11.8h.6c.2,0,.3,0,.4.1s.2.1.3.2.1.2.1.4S41.6,12.7,41.6,12.8Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  background-color: transparent;
}
[class^=ico-weboffice].ico-weboffice-hwp:hover::before {
  background-color: transparent !important;
}
[class^=ico-weboffice].ico-weboffice-show::before {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cg %3E%3Cpath d='M13,2H6A2.006,2.006,0,0,0,4,4V20a2.006,2.006,0,0,0,2,2H18a2.006,2.006,0,0,0,2-2V9Z' fill='%23e34f3e'/%3E%3Cpath d='M13,2V8a.945.945,0,0,0,1,1h6' fill='%23bb1d0b'/%3E%3Cpath d='M9.2,11.2a1.884,1.884,0,0,0-.8-.2H6.7v4.2h.9V13.8h.8a1.884,1.884,0,0,0,.8-.2,1.205,1.205,0,0,0,.5-.5,1.854,1.854,0,0,0,.2-.7,1.854,1.854,0,0,0-.2-.7,1.205,1.205,0,0,0-.5-.5Zm-.3,1.6c-.1.1-.1.2-.3.3a.6.6,0,0,1-.4.1H7.6V11.8h.6c.2,0,.3,0,.4.1s.2.1.3.2a.367.367,0,0,1,.1.3A.6.6,0,0,1,8.9,12.8Z' fill='%23fff'/%3E%3Cpath d='M12.9,11.3a2.016,2.016,0,0,0-1.1-.3H10.3v4.2h1.5a2.016,2.016,0,0,0,1.1-.3,1.575,1.575,0,0,0,.7-.7,1.978,1.978,0,0,0,.2-1.1,3.6,3.6,0,0,0-.2-1.1A.988.988,0,0,0,12.9,11.3Zm0,2.6c-.1.2-.2.4-.4.4a1.483,1.483,0,0,1-.7.1h-.6V11.7h.6a1.483,1.483,0,0,1,.7.1.781.781,0,0,1,.4.4,1.949,1.949,0,0,1,.1.8A2.22,2.22,0,0,1,12.9,13.9Z' fill='%23fff'/%3E%3Cpath d='M17.3,11.7V11H14.5v4.2h.9V13.5h1.7v-.7H15.4V11.7Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  background-color: transparent;
}
[class^=ico-weboffice].ico-weboffice-show:hover::before {
  background-color: transparent !important;
}
[class^=ico-weboffice].ico-weboffice-word::before {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cg transform='translate(-48)'%3E%3Crect width='24' height='24' transform='translate(48)' fill='none'/%3E%3Cpath d='M61,2H54a2.006,2.006,0,0,0-2,2V20a2.006,2.006,0,0,0,2,2H66a2.006,2.006,0,0,0,2-2V9Z' fill='%23295498'/%3E%3Cpath d='M61,2V8a.945.945,0,0,0,1,1h6' fill='%23002863'/%3E%3Cpath d='M56.6,11.3a2.016,2.016,0,0,0-1.1-.3H54v4.2h1.5a2.016,2.016,0,0,0,1.1-.3,2.336,2.336,0,0,0,.7-.7,1.978,1.978,0,0,0,.2-1.1,3.6,3.6,0,0,0-.2-1.1A2.336,2.336,0,0,0,56.6,11.3ZM56.5,14c-.1.2-.2.4-.4.4a1.483,1.483,0,0,1-.7.1h-.6V11.8h.6a1.483,1.483,0,0,1,.7.1.781.781,0,0,1,.4.4,1.949,1.949,0,0,1,.1.8A1.337,1.337,0,0,1,56.5,14Z' fill='%23fff'/%3E%3Cpath d='M60.9,11.3a1.817,1.817,0,0,0-2,0,1.853,1.853,0,0,0-.7.8,2.133,2.133,0,0,0-.3,1.2,2.663,2.663,0,0,0,.3,1.2,2.7,2.7,0,0,0,.7.8,1.817,1.817,0,0,0,2,0,1.853,1.853,0,0,0,.7-.8,2.55,2.55,0,0,0,0-2.4C61.4,11.7,61.2,11.4,60.9,11.3Zm-.1,2.6a1,1,0,0,1-.4.5,1,1,0,0,1-1.2,0,1,1,0,0,1-.4-.5,1.949,1.949,0,0,1-.1-.8,1.949,1.949,0,0,1,.1-.8,1,1,0,0,1,.4-.5,1,1,0,0,1,1.2,0,1,1,0,0,1,.4.5,1.949,1.949,0,0,1,.1.8A1.949,1.949,0,0,1,60.8,13.9Z' fill='%23fff'/%3E%3Cpath d='M65,14.2c-.1.1-.2.2-.3.2a.6.6,0,0,1-.4.1,1.421,1.421,0,0,1-.6-.2,1,1,0,0,1-.4-.5,1.949,1.949,0,0,1-.1-.8,2.2,2.2,0,0,1,.1-.8,1,1,0,0,1,.4-.5,1.421,1.421,0,0,1,.6-.2c.2,0,.3,0,.4.1s.2.1.3.3l.2.4H66a1.135,1.135,0,0,0-.3-.8,2.651,2.651,0,0,0-.6-.5,2.92,2.92,0,0,0-.9-.2,1.689,1.689,0,0,0-1,.3,1.853,1.853,0,0,0-.7.8,2.133,2.133,0,0,0-.3,1.2,2.375,2.375,0,0,0,.3,1.2,1.853,1.853,0,0,0,.7.8,1.689,1.689,0,0,0,1,.3,2.388,2.388,0,0,0,.9-.2,1.024,1.024,0,0,0,.6-.5c.1-.2.2-.5.3-.7h-.9a.31.31,0,0,1-.1.2Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  background-color: transparent;
}
[class^=ico-weboffice].ico-weboffice-word:hover::before {
  background-color: transparent !important;
}
[class^=ico-weboffice].ico-weboffice-cell::before {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24'%3E%3Cg%3E%3Crect style='fill:none;' width='24' height='24'/%3E%3Cpath style='fill:%23008448;' d='M13,2H6C4.9,2,4,2.9,4,4v16 c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V9L13,2z'/%3E%3Cpath style='fill:%23006630;' d='M13,2v6c0,0.6,0.4,1,1,1h6' /%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M8.5,13.2L8.5,13.2l0.9-1.5h1l-1.3,2.1l1.3,2.1h-1l-0.9-1.5h0L7.7,16h-1L8,13.9l-1.3-2.1h1 L8.5,13.2z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M10.9,11.8h0.9v3.5h1.8V16h-2.7V11.8z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M15.7,12.4c-0.4,0-0.7,0.2-0.7,0.5c0,0.3,0.3,0.4,0.7,0.5l0.4,0.1c0.7,0.2,1.3,0.5,1.3,1.2 c0,0.8-0.6,1.3-1.6,1.3c-1,0-1.7-0.5-1.7-1.4h0.9c0,0.4,0.4,0.6,0.8,0.6c0.5,0,0.8-0.2,0.8-0.5c0-0.3-0.3-0.4-0.7-0.5l-0.5-0.1 c-0.7-0.2-1.2-0.5-1.2-1.2c0-0.8,0.7-1.3,1.6-1.3c0.9,0,1.6,0.5,1.6,1.3h-0.8C16.4,12.6,16.1,12.4,15.7,12.4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-color: transparent;
}
[class^=ico-weboffice].ico-weboffice-cell:hover::before {
  background-color: transparent !important;
}

.ico-weboffice-hwp::before {
  background-image: url(../images/common/ico-img/ico-img-weboffice-hwp.svg) !important;
}

.ico-weboffice-cell::before {
  background-image: url(../images/common/ico-img/ico-img-weboffice-cell.svg) !important;
}

.ico-weboffice-show::before {
  background-image: url(../images/common/ico-img/ico-img-weboffice-show.svg) !important;
}

.ico-weboffice-word::before {
  background-image: url(../images/common/ico-img/ico-img-weboffice-word.svg) !important;
}

.ico-img-master {
  display: inline-block;
  width: var(--size-icon-md);
  aspect-ratio: 1;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1082_46261)'%3E%3Cpath d='M19.0252 4.14137C18.625 4.14137 18.3005 4.46587 18.3005 4.86612C18.3005 5.09137 18.4052 5.28987 18.5665 5.42287C17.9862 6.03812 17.0132 7.13162 15.9947 8.54762L13.88 3.38837C14.2145 3.25112 14.4505 2.92287 14.4505 2.53887C14.4505 2.03137 14.0392 1.62012 13.5317 1.62012C13.0242 1.62012 12.613 2.03137 12.613 2.53887C12.613 2.89737 12.8205 3.20462 13.12 3.35612L10.5035 8.54837L10.5 8.54987L10.4965 8.54787L7.88024 3.35612C8.17974 3.20462 8.38699 2.89762 8.38699 2.53912C8.38699 2.03162 7.97574 1.62037 7.46824 1.62037C6.96074 1.62037 6.54949 2.03162 6.54949 2.53912C6.54949 2.92312 6.78549 3.25137 7.11999 3.38862L5.00549 8.54812C3.98699 7.13212 3.01399 6.03837 2.43374 5.42337C2.59474 5.29037 2.69974 5.09187 2.69974 4.86662C2.69974 4.46637 2.37524 4.14187 1.97499 4.14187C1.57474 4.14187 1.25024 4.46637 1.25024 4.86662C1.25024 5.26687 1.57474 5.59137 1.97499 5.59137C1.97674 5.59137 1.97849 5.59087 1.98024 5.59087C2.20624 7.45937 2.77499 12.6641 2.77499 17.7209H18.226C18.226 12.6641 18.7947 7.45937 19.0207 5.59087C19.0225 5.59087 19.0242 5.59137 19.026 5.59137C19.4262 5.59137 19.7507 5.26687 19.7507 4.86662C19.7507 4.46637 19.4262 4.14187 19.026 4.14187L19.0252 4.14137Z' fill='%23FFCC4D'/%3E%3Cpath d='M10.4779 13.9543C11.5269 13.9543 12.3774 13.1038 12.3774 12.0548C12.3774 11.0057 11.5269 10.1553 10.4779 10.1553C9.4288 10.1553 8.57837 11.0057 8.57837 12.0548C8.57837 13.1038 9.4288 13.9543 10.4779 13.9543Z' fill='%23F65C70'/%3E%3Cpath d='M15.0589 13.0777C15.6237 13.0777 16.0816 12.6198 16.0816 12.055C16.0816 11.4901 15.6237 11.0322 15.0589 11.0322C14.494 11.0322 14.0361 11.4901 14.0361 12.055C14.0361 12.6198 14.494 13.0777 15.0589 13.0777Z' fill='%230055AA'/%3E%3Cpath d='M5.89604 13.0777C6.46089 13.0777 6.91879 12.6198 6.91879 12.055C6.91879 11.4901 6.46089 11.0322 5.89604 11.0322C5.33119 11.0322 4.87329 11.4901 4.87329 12.055C4.87329 12.6198 5.33119 13.0777 5.89604 13.0777Z' fill='%230055AA'/%3E%3Cpath d='M18.2255 18.2352H2.77452C2.49027 18.2352 2.25952 18.0049 2.25952 17.7202C2.25952 17.4354 2.49027 17.2052 2.77452 17.2052H18.2255C18.5103 17.2052 18.7405 17.4354 18.7405 17.7202C18.7405 18.0049 18.5103 18.2352 18.2255 18.2352ZM18.2255 16.4397H2.77452C2.49027 16.4397 2.25952 16.2094 2.25952 15.9247C2.25952 15.6399 2.49027 15.4097 2.77452 15.4097H18.2255C18.5103 15.4097 18.7405 15.6399 18.7405 15.9247C18.7405 16.2094 18.5103 16.4397 18.2255 16.4397Z' fill='%23FFAC33'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1082_46261'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-color: transparent;
  background-size: contain;
}
.ico-img-master.lg {
  width: 4rem;
}

.ico-img-invite {
  display: inline-block;
  width: var(--size-icon-md);
  aspect-ratio: 1;
  background: url("../images/common/ico-img/ico-img-mail.svg");
  background-size: contain;
  font-size: 0;
  vertical-align: middle;
}

.ico-img-point {
  display: inline-block;
  width: var(--size-icon-md);
  aspect-ratio: 1;
  background: url("../images/custom/common/ico-img-point.svg");
  background-size: contain;
  font-size: 0;
}
.ico-img-point.sm {
  width: var(--size-icon-sm);
}

.ico-img-class-grade {
  display: inline-block;
  width: var(--size-icon-lg);
  aspect-ratio: 1;
  vertical-align: middle;
  background: url("../images/common/ico-img/ico-img-graduation.svg");
  background-color: transparent;
  background-size: contain;
}
.ico-img-class-subject {
  display: inline-block;
  width: var(--size-icon-lg);
  aspect-ratio: 1;
  vertical-align: middle;
  background: url("../images/common/ico-img/ico-img-blackboard.svg");
  background-color: transparent;
  background-size: contain;
}
.ico-img-class-autonomy {
  display: inline-block;
  width: var(--size-icon-lg);
  aspect-ratio: 1;
  vertical-align: middle;
  background: url("../images/common/ico-img/ico-img-whiteboard.svg");
  background-color: transparent;
  background-size: contain;
}
.ico-img-class-service {
  display: inline-block;
  width: var(--size-icon-lg);
  aspect-ratio: 1;
  vertical-align: middle;
  background: url("../images/common/ico-img/ico-img-revolvingHearts.svg");
  background-color: transparent;
  background-size: contain;
}
.ico-img-class-course {
  display: inline-block;
  width: var(--size-icon-lg);
  aspect-ratio: 1;
  vertical-align: middle;
  background: url("../images/common/ico-img/ico-img-sprout.svg");
  background-color: transparent;
  background-size: contain;
}
.ico-img-class-etc {
  display: inline-block;
  width: var(--size-icon-lg);
  aspect-ratio: 1;
  vertical-align: middle;
  background: url("../images/common/ico-img/ico-img-lightBulb.svg");
  background-color: transparent;
  background-size: contain;
}

.ico-ox-o {
  display: inline-block;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  line-height: var(--size-icon-md);
  -webkit-mask-size: calc(var(--size-icon-md) * 2) auto !important;
          mask-size: calc(var(--size-icon-md) * 2) auto !important;
  -webkit-mask-image: url("../images/common/common/ico_ox.svg");
          mask-image: url("../images/common/common/ico_ox.svg");
  background-color: var(--color-icon-success-primary);
  -webkit-mask-position: calc(0 * var(--size-icon-md)) calc(0 * var(--size-icon-md));
          mask-position: calc(0 * var(--size-icon-md)) calc(0 * var(--size-icon-md));
  font-size: 0;
  vertical-align: middle;
}

.ico-ox-x {
  display: inline-block;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  line-height: var(--size-icon-md);
  -webkit-mask-size: calc(var(--size-icon-md) * 2) auto !important;
          mask-size: calc(var(--size-icon-md) * 2) auto !important;
  -webkit-mask-image: url("../images/common/common/ico_ox.svg");
          mask-image: url("../images/common/common/ico_ox.svg");
  background-color: var(--color-icon-danger-primary);
  -webkit-mask-position: calc(-1 * var(--size-icon-md)) calc(0 * var(--size-icon-md));
          mask-position: calc(-1 * var(--size-icon-md)) calc(0 * var(--size-icon-md));
  font-size: 0;
  vertical-align: middle;
}

.ico-sign-plus {
  display: inline-block;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  background: url("../images/common/common/ico-sign.svg") no-repeat;
  background-size: calc(var(--size-icon-md) * 4) auto;
  background-position: calc(0 * var(--size-icon-md)) 0;
  vertical-align: middle;
  font-size: 0;
  overflow: hidden;
}

.ico-sign-minus {
  display: inline-block;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  background: url("../images/common/common/ico-sign.svg") no-repeat;
  background-size: calc(var(--size-icon-md) * 4) auto;
  background-position: calc(-1 * var(--size-icon-md)) 0;
  vertical-align: middle;
  font-size: 0;
  overflow: hidden;
}

.ico-sign-o {
  display: inline-block;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  background: url("../images/common/common/ico-sign.svg") no-repeat;
  background-size: calc(var(--size-icon-md) * 4) auto;
  background-position: calc(-2 * var(--size-icon-md)) 0;
  vertical-align: middle;
  font-size: 0;
  overflow: hidden;
}

.ico-sign-x {
  display: inline-block;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  background: url("../images/common/common/ico-sign.svg") no-repeat;
  background-size: calc(var(--size-icon-md) * 4) auto;
  background-position: calc(-3 * var(--size-icon-md)) 0;
  vertical-align: middle;
  font-size: 0;
  overflow: hidden;
}

/* util */
/* animation */
@-webkit-keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes filterall {
  0% {
    opacity: 0;
    margin-top: 0;
  }
  100% {
    opacity: 1;
    height: auto;
    margin-top: 0.1rem;
  }
}
@keyframes filterall {
  0% {
    opacity: 0;
    margin-top: 0;
  }
  100% {
    opacity: 1;
    height: auto;
    margin-top: 0.1rem;
  }
}
@-webkit-keyframes opacityUp {
  0% {
    opacity: 0;
    margin-top: 3%;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@keyframes opacityUp {
  0% {
    opacity: 0;
    margin-top: 3%;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@-webkit-keyframes modalShow {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes modalShow {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
/* base */
@font-face {
  font-family: "KakaoBigSans";
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: local("KakaoBigSans ExtraBold"), url("common/font/KakaoBigSans-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: "KakaoBigSans";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: local("KakaoBigSans Bold"), url("common/font/KakaoBigSans-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "KakaoBigSans";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("KakaoBigSans Regular"), url("common/font/KakaoBigSans-Regular.woff2") format("woff2");
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body, nav, section, article, figure, figcaption,
h1, h2, h3, h4, h5, h6,
menu, ul, ol, dl, li, dt, dd,
p, form {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

html {
  font-size: 62.5%;
}

body {
  background-color: var(--color-background-site);
  font-family: "KakaoBigSans", KakaoBigSans, "Pretendard", Pretendard, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-size: var(--font-body-md);
  font-weight: var(--size-font-weight-md);
  color: var(--color-font-default-primary);
  letter-spacing: -0.025em;
  line-height: var(--size-font-lineheight-md);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-break: keep-all;
}
body *:not(.scroll-default) {
  outline-offset: -0.2rem;
}
body *:not(.scroll-default)::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body *:not(.scroll-default)::-webkit-scrollbar-thumb {
  background-color: rgba(17, 17, 17, 0.1);
  border-radius: 3px;
}
body *:not(.scroll-default)::-webkit-scrollbar-track {
  width: 16px;
}

ul,
ol,
dl,
li {
  list-style: none;
}

:focus:not(:focus-visible) {
  outline: 0;
}

a, a:link, a:visited {
  text-decoration: none;
  color: var(--color-font-default-primary);
}

button {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
}
button:disabled {
  cursor: default;
}

i,
cite,
address {
  font-style: normal;
}

em {
  font-weight: var(--size-font-weight-xlg);
  font-style: normal;
  color: var(--color-font-brand-primary);
}
em.secondary {
  color: var(--color-font-brand-secondary);
}
em.accent {
  color: var(--color-font-brand-accent);
}

img {
  margin: 0;
  border: none;
}

iframe {
  border: none;
  outline: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
}

fieldset legend {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0, 0 0);
}

/* vendors */
/* -------------------------------------------------
    SORT
------------------------------------------------- */
.sort {
  margin-bottom: 4rem;
  font-size: 0;
  margin-left: -1rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sort a,
.sort button,
.sort .ui-checkboxradio-label {
  display: inline-block;
  font-size: 2.4rem;
  color: #777;
  width: 26rem;
  height: 10rem;
  /* line-height: 9.8rem; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 3rem;
  text-align: center;
  margin: 0 0 1rem 1rem;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  font-weight: 500;
  padding: 0 2rem;
  word-break: keep-all;
}
.sort a:not(.is-active):hover, .sort a:not(.is-active):focus,
.sort button:not(.is-active):hover,
.sort button:not(.is-active):focus,
.sort .ui-checkboxradio-label:not(.is-active):hover,
.sort .ui-checkboxradio-label:not(.is-active):focus {
  border-color: var(--color-stroke-default-secondary);
  background-color: var(--color-background-default-secondary);
}
.sort .is-active,
.sort .ui-checkboxradio-label.ui-state-active {
  color: var(--color-primary50);
  border-color: var(--color-primary50);
}
.sort .ui-checkboxradio-icon,
.sort .ui-checkboxradio-icon-space {
  display: none;
}
.sort .ui-checkboxradio-icon:after {
  display: none;
}

/* jquery-plugin :  datepicker */
.datepicker-box {
  position: relative;
  display: inline-block;
}

.datepicker-box.block {
  display: block;
}

.datepicker-box + .dash {
  margin: 0 2rem 0 -3rem !important;
}

input[type=text].datepicker {
  display: inline-block !important;
  width: 19rem !important;
  margin-right: 2rem;
}

.ui-datepicker-trigger {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  vertical-align: middle;
  padding: 0;
}

.ui-datepicker-trigger img {
  display: block;
  width: 100%;
}

.ui-datepicker {
  background-color: var(--color-background-default-primary);
  margin-top: -0.2rem;
  border: 0.1rem solid #ccc;
  width: 100%;
  max-width: 30rem;
  padding: 2rem 1rem 1rem;
  display: none;
  -webkit-box-shadow: 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  z-index: 1;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0 7rem 0 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 3rem;
  height: 3rem;
  text-indent: -999px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-color: var(--color-background-default-primary-inverse);
  border-radius: 50%;
}

.ui-datepicker .ui-datepicker-prev {
  right: 4rem;
}

.ui-datepicker .ui-datepicker-next {
  right: 0.5rem;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.4rem;
  margin-left: -0.3rem;
  width: 0.7rem;
  height: 0.7rem;
  border-top: 0.2rem solid #fff;
  border-top: 0.2rem solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ui-datepicker .ui-datepicker-next span {
  /*left: auto;
  right: 50%;
  margin-right: -0.1rem;*/
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.ui-datepicker .ui-datepicker-title {
  font-size: 1.6rem;
  font-weight: 900;
  margin: 0;
  line-height: 3rem;
  text-align: left;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 8rem;
  vertical-align: middle;
  height: 3rem;
  font-size: 1.5rem;
  padding-left: 1rem;
  padding-right: 3rem;
}

.ui-datepicker select.ui-datepicker-year {
  margin-right: 0.5rem;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9rem;
  border-collapse: collapse;
  margin: 1rem 0 0.2rem;
  text-align: center;
}

.ui-datepicker th {
  padding: 0.3rem 0.3rem;
  color: var(--color-font-default-primary);
  text-align: center;
  /*height: 14px;*/
  font-size: 1.4rem;
  font-weight: bold;
  border: 0;
}

.ui-datepicker th.ui-datepicker-week-end span[title=Sunday] {
  color: #EE0000;
}

.ui-datepicker td:first-child a {
  color: #EE0000;
}

.ui-datepicker tr:first-child td {
  border-top: 0;
}

.ui-datepicker td {
  text-align: center;
  padding: 0.2rem 0;
  border: 0;
  height: 1.4rem;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  position: relative;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  border-radius: 50%;
  text-decoration: none;
  border-bottom: 0;
  margin: 0 auto;
  color: var(--color-font-default-primary);
  font-size: 1.4rem;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7rem 0 0 0;
  padding: 0.2rem;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5rem 0.2rem 0.4rem;
  cursor: pointer;
  padding: 0.2rem 0.6rem 0.3rem 0.6rem;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.due {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1rem;
  font-size: 1.5rem;
  color: var(--color-font-default-primary);
  position: relative;
  top: 0.3rem;
}

.ui-datepicker .ui-state-highlight {
  background: var(--color-background-default-tertiary);
  color: #000;
  border-radius: 50%;
}

.ui-datepicker .highlight2 {
  background: #6a6f8d;
  color: #fff;
  border-radius: 50%;
}

.ui-datepicker .highlight3 {
  background: var(--color-background-default-primary);
  border: 0.2rem solid #ffb100;
  line-height: 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000;
}

/* jquery-plugin dialog */
.ui-widget-overlay {
  position: fixed;
  width: 100%;
  height: 500%;
  top: 0;
  left: 0;
  background: var(--color-background-default-primary);
  opacity: 0;
  z-index: 99999;
}

.ui-dialog {
  position: absolute;
  padding-bottom: 4rem;
  background: var(--color-background-default-primary);
  top: 14rem;
  z-index: 999;
  overflow: auto;
  max-width: calc(100% - 5rem);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}

.ui-dialog .ui-dialog-titlebar {
  position: relative;
  height: 15rem;
  padding: 5rem 2rem 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ui-dialog .ui-dialog-title {
  display: block;
  height: 7rem;
  line-height: 7rem;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 700;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
  text-indent: -999px;
  top: 1.5rem;
  right: 1.5rem;
  background: rgba(255, 255, 255, 0.3);
}

.ui-dialog .ui-dialog-titlebar-close:before,
.ui-dialog .ui-dialog-titlebar-close:after {
  content: "";
  position: absolute;
  width: 140%;
  height: 2rem;
  background-color: var(--color-background-default-primary-inverse);
  top: 50%;
  left: 50%;
  margin-left: -70%;
  margin-top: -1rem;
}

.ui-dialog .ui-dialog-titlebar-close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ui-dialog .ui-dialog-titlebar-close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0 4rem;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  margin-top: 2rem;
  text-align: center;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
  display: inline-block;
  padding: 0 1.5rem;
  height: 6rem;
  line-height: 5.8rem;
  font-size: 1.8rem;
  min-width: 8rem;
  border-radius: 2em;
  margin: 0 0.3rem;
  padding: 0 5rem;
  height: 6rem;
  line-height: 5.8rem;
  font-size: 2rem;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .spot, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .viewer .viewer-fnc .btn.is-active, .viewer .viewer-fnc .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .btn.is-active,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .viewer .viewer-location .btn.is-active,
.viewer .viewer-location .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .btn.is-active {
  background-color: var(--color-primary50);
  border-color: var(--color-primary50);
  color: #fff;
}

.ui-dialog .ui-resizable-se {
  width: 1.2rem;
  height: 1.2rem;
  right: -0.5rem;
  bottom: -0.5rem;
  background-position: 1.4rem;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

/* ui-autocomplete */
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  z-index: 101;
  max-height: 30rem;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
}

.ui-autocomplete.ui-widget-content {
  border: 0.1rem solid #111;
  background: var(--color-background-default-primary);
}

.ui-autocomplete .ui-menu-item:hover,
.ui-autocomplete .ui-menu-item:focus {
  background: var(--color-background-default-primary);
}

.ui-autocomplete .ui-menu-item > div {
  padding: 0.6rem 1.6rem;
}

.ui-autocomplete .ui-menu-item .ui-state-hover,
.ui-autocomplete .ui-menu-item .ui-state-focus,
.ui-autocomplete .ui-menu-item .ui-state-active {
  display: block;
  background: rgba(0, 51, 255, 0.1);
  border: none;
}

.ui-helper-hidden-accessible {
  position: absolute;
  left: -9999px;
}

.autocomplete-area {
  position: relative;
}

.ui-menu {
  max-width: 100%;
  word-break: break-all;
}

/* swiper */
.swiper-pagination-bullet-active {
  background-color: var(--color-primary50);
}

.swiper-fnc .swiper-button-prev,
.swiper-fnc .swiper-button-next,
.swiper-fnc .swiper-btn-playstop-toggle {
  margin: 0;
  display: block;
  width: var(--form-height-lg);
  height: var(--form-height-lg);
  aspect-ratio: 1;
  text-indent: -99999px;
  border-radius: 50%;
  background-color: var(--color-background-alpha-primary-inverse);
  z-index: 3;
}
.swiper-fnc .swiper-button-prev:after,
.swiper-fnc .swiper-button-next:after,
.swiper-fnc .swiper-btn-playstop-toggle:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.swiper-fnc .swiper-button-prev.swiper-button-disabled,
.swiper-fnc .swiper-button-next.swiper-button-disabled,
.swiper-fnc .swiper-btn-playstop-toggle.swiper-button-disabled {
  display: none;
}
.swiper-fnc .swiper-button-prev.sm,
.swiper-fnc .swiper-button-next.sm,
.swiper-fnc .swiper-btn-playstop-toggle.sm {
  width: var(--form-height-md);
  height: var(--form-height-md);
}
.swiper-fnc .swiper-button-prev.xsm,
.swiper-fnc .swiper-button-next.xsm,
.swiper-fnc .swiper-btn-playstop-toggle.xsm {
  width: var(--form-height-sm);
  height: var(--form-height-sm);
}
.swiper-fnc .swiper-button-prev,
.swiper-fnc .swiper-button-next {
  position: absolute;
  top: 50%;
  border-radius: 50%;
  background-color: var(--color-background-alpha-primary-inverse);
  z-index: 3;
}
.swiper-fnc .swiper-button-prev:after,
.swiper-fnc .swiper-button-next:after {
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m10.6,4l-7.31,7.29c-.19.19-.29.44-.29.71s.11.52.29.71l7.31,7.29,1.41-1.42-5.6-5.58h14.58v-2H6.41s5.6-5.58,5.6-5.58l-1.41-1.42Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m10.6,4l-7.31,7.29c-.19.19-.29.44-.29.71s.11.52.29.71l7.31,7.29,1.41-1.42-5.6-5.58h14.58v-2H6.41s5.6-5.58,5.6-5.58l-1.41-1.42Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary-inverse);
}
.swiper-fnc .swiper-button-next::after {
  bottom: 0;
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}
.swiper-fnc .swiper-button-prev {
  left: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.swiper-fnc .swiper-button-next {
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.swiper-fnc .swiper-btn-playstop-toggle {
  position: relative;
}
.swiper-fnc .swiper-btn-playstop-toggle:after {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='14' y='2' width='5' height='20'/%3E%3Crect class='cls-2' x='5' y='2' width='5' height='20'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='14' y='2' width='5' height='20'/%3E%3Crect class='cls-2' x='5' y='2' width='5' height='20'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary-inverse);
}
.swiper-fnc .swiper-btn-playstop-toggle.is-stop:after {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5,2v20l16-10L5,2Zm2,3.61l10.23,6.39-10.23,6.39V5.61Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5,2v20l16-10L5,2Zm2,3.61l10.23,6.39-10.23,6.39V5.61Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary-inverse);
}
.swiper-fnc .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.4rem;
  position: static;
  width: var(--form-height-lg);
  background-color: var(--color-background-alpha-primary-inverse);
  color: var(--color-font-default-primary-inverse);
  text-align: center;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: none;
          transform: none;
  z-index: 10;
  width: auto !important;
  padding: 1.6rem;
  border-radius: 2em;
}
.swiper-fnc .swiper-pagination em {
  font-size: var(--font-label-lg);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-xlg);
}
.swiper-fnc .swiper-pagination span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  font-size: var(--font-label-lg);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
}
.swiper-fnc .swiper-pagination span:before {
  content: " ";
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  background: var(--color-icon-default-secondary-inverse);
  border-radius: 50%;
}
.swiper-fnc.sm .swiper-button-prev,
.swiper-fnc.sm .swiper-button-next,
.swiper-fnc.sm .swiper-btn-playstop-toggle {
  width: var(--form-height-sm);
  height: var(--form-height-sm);
}
.swiper-fnc.sm .swiper-pagination {
  height: var(--form-height-sm);
}
.swiper-fnc.xsm .swiper-button-prev,
.swiper-fnc.xsm .swiper-button-next,
.swiper-fnc.xsm .swiper-btn-playstop-toggle {
  width: var(--form-height-xsm);
  height: var(--form-height-xsm);
  background-color: var(--color-background-default-tertiary);
}
.swiper-fnc.xsm .swiper-button-prev::after,
.swiper-fnc.xsm .swiper-button-next::after {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M7.533,11.6l6.667-5c.33-.247.8-.012.8.4v10c0,.412-.47.647-.8.4l-6.667-5c-.267-.2-.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M7.533,11.6l6.667-5c.33-.247.8-.012.8.4v10c0,.412-.47.647-.8.4l-6.667-5c-.267-.2-.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-secondary);
}
.swiper-fnc.xsm .swiper-btn-playstop-toggle:after {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='14' y='2' width='5' height='20'/%3E%3Crect class='cls-2' x='5' y='2' width='5' height='20'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='14' y='2' width='5' height='20'/%3E%3Crect class='cls-2' x='5' y='2' width='5' height='20'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-secondary);
}
.swiper-fnc.xsm .swiper-btn-playstop-toggle.is-stop:after {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5,2v20l16-10L5,2Zm2,3.61l10.23,6.39-10.23,6.39V5.61Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5,2v20l16-10L5,2Zm2,3.61l10.23,6.39-10.23,6.39V5.61Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-secondary);
}
.swiper-fnc.xsm .swiper-pagination {
  height: var(--form-height-xsm);
}
.swiper-fnc.vertical .swiper-button-prev,
.swiper-fnc.vertical .swiper-button-next {
  left: 50%;
  top: initial;
  right: initial;
}
.swiper-fnc.vertical .swiper-button-prev {
  top: 0;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.swiper-fnc.vertical .swiper-button-next {
  bottom: 0;
  -webkit-transform: translate(-50%, 50%) rotate(90deg);
          transform: translate(-50%, 50%) rotate(90deg);
}
.swiper-fnc.static {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
}
.swiper-fnc.static .swiper-button-prev,
.swiper-fnc.static .swiper-button-next {
  position: relative;
  inset: initial;
  -webkit-transform: initial;
          transform: initial;
}

.swiper-progress {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0.2rem;
  width: 7.2rem;
  border-radius: 0.1rem;
  background-color: var(--color-background-brand-primary);
  z-index: 10;
}
.swiper-progress .swiper-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: var(--color-primary50);
  -webkit-transition: width 3s linear;
  transition: width 3s linear;
}

.swiper-fnc-static {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 3;
}
.swiper-fnc-static:has(.circle) {
  gap: 0.4rem;
}
.swiper-fnc-static .swiper-progress {
  margin-right: 1.2rem;
}
.swiper-fnc-static .swiper-button-prev,
.swiper-fnc-static .swiper-button-next,
.swiper-fnc-static .swiper-btn-playstop-toggle {
  position: relative;
  inset: inherit;
  margin: initial;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  text-indent: -99999px;
  font-size: 0;
}
.swiper-fnc-static .swiper-button-prev:after,
.swiper-fnc-static .swiper-button-next:after,
.swiper-fnc-static .swiper-btn-playstop-toggle:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.swiper-fnc-static .swiper-button-prev.swiper-button-disabled,
.swiper-fnc-static .swiper-button-next.swiper-button-disabled,
.swiper-fnc-static .swiper-btn-playstop-toggle.swiper-button-disabled {
  opacity: 0.4;
}
.swiper-fnc-static .swiper-button-prev.lg,
.swiper-fnc-static .swiper-button-next.lg,
.swiper-fnc-static .swiper-btn-playstop-toggle.lg {
  width: 4rem;
  height: 4rem;
}
.swiper-fnc-static .swiper-button-prev.circle,
.swiper-fnc-static .swiper-button-next.circle,
.swiper-fnc-static .swiper-btn-playstop-toggle.circle {
  border: 0.1rem solid var(--color-stroke-default-secondary);
  border-radius: 100%;
}
.swiper-fnc-static .swiper-button-prev:after {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m14.357,20.707L6.357,12.707c-.391-.391-.391-1.023,0-1.414L14.357,3.293l1.414,1.414-7.293,7.293,7.293,7.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m14.357,20.707L6.357,12.707c-.391-.391-.391-1.023,0-1.414L14.357,3.293l1.414,1.414-7.293,7.293,7.293,7.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-brand-primary);
}
.swiper-fnc-static .swiper-button-prev.lg:after {
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m10.6,4l-7.31,7.29c-.19.19-.29.44-.29.71s.11.52.29.71l7.31,7.29,1.41-1.42-5.6-5.58h14.58v-2H6.41s5.6-5.58,5.6-5.58l-1.41-1.42Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m10.6,4l-7.31,7.29c-.19.19-.29.44-.29.71s.11.52.29.71l7.31,7.29,1.41-1.42-5.6-5.58h14.58v-2H6.41s5.6-5.58,5.6-5.58l-1.41-1.42Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-brand-primary);
}
.swiper-fnc-static .swiper-button-next:after {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m9.772,20.707l-1.414-1.414,7.293-7.293-7.293-7.293,1.414-1.414,8,8c.391.391.391,1.023,0,1.414l-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m9.772,20.707l-1.414-1.414,7.293-7.293-7.293-7.293,1.414-1.414,8,8c.391.391.391,1.023,0,1.414l-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-brand-primary);
}
.swiper-fnc-static .swiper-button-next.lg:after {
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m14.39,4l-1.41,1.42,5.6,5.59H3.99s0,2,0,2h14.58s-5.6,5.58-5.6,5.58l1.41,1.42,7.31-7.29c.19-.19.29-.44.29-.71s-.11-.52-.29-.71l-7.31-7.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m14.39,4l-1.41,1.42,5.6,5.59H3.99s0,2,0,2h14.58s-5.6,5.58-5.6,5.58l1.41,1.42,7.31-7.29c.19-.19.29-.44.29-.71s-.11-.52-.29-.71l-7.31-7.29Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-brand-primary);
}
.swiper-fnc-static .swiper-btn-playstop-toggle:after {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='14' y='2' width='5' height='20'/%3E%3Crect class='cls-2' x='5' y='2' width='5' height='20'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='14' y='2' width='5' height='20'/%3E%3Crect class='cls-2' x='5' y='2' width='5' height='20'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-brand-primary);
}
.swiper-fnc-static .swiper-btn-playstop-toggle.is-stop:after {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5,2v20l16-10L5,2Zm2,3.61l10.23,6.39-10.23,6.39V5.61Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5,2v20l16-10L5,2Zm2,3.61l10.23,6.39-10.23,6.39V5.61Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-brand-primary);
}

.tagify__input {
  font-weight: 400;
  color: var(--color-font-default-secondary);
  margin-left: 0;
  padding-left: 8px;
  margin: 2px 0 2px 4px;
}
.tagify__input::before {
  color: var(--color-font-default-secondary);
}

.tagify__tag {
  border: 1px solid var(--color-primary50);
  border-radius: 16px;
  color: var(--color-primary50);
  padding: 0 8px;
  margin: 2px 0 2px 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--color-primary50);
}
.tagify__tag > div {
  color: var(--color-primary50);
}
.tagify__tag > div::before {
  display: none;
}
.tagify__tag .tagify__tag__removeBtn {
  margin: 0;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary);
}
.tagify__tag .tagify__tag__removeBtn:hover {
  background: none;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary);
}
.tagify__tag .tagify__tag__removeBtn::after {
  content: " ";
  display: none;
}

.input-tag {
  border: none;
}

/* component */
.btn-cont,
.btn-flex-cont {
  margin-top: var(--spacing-section-md);
  margin-bottom: var(--spacing-section-md);
}

.btn-cont,
.btn-fnc-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  text-align: center;
  gap: 0.8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn-cont.align-left,
.btn-fnc-cont.align-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.btn-cont.align-right,
.btn-fnc-cont.align-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.btn-flex-cont,
.btn-flex-area {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.btn-flex-cont > button,
.btn-flex-cont > a,
.btn-flex-area > button,
.btn-flex-area > a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0 !important;
}

.btn-flex-col-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}

.btn-fnc-cont {
  margin-top: 1.6rem;
}
.write-type + .btn-fnc-cont {
  margin-top: 1.6rem;
}

.btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem;
}
.btn-group.dir-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.btn-area {
  margin: 1.6rem 0;
}
.btn-area .l-area,
.btn-area .c-area,
.btn-area .r-area {
  gap: 0.4rem;
}
.btn-area .l-area > *,
.btn-area .c-area > *,
.btn-area .r-area > * {
  margin-bottom: 0;
}
.btn-area:last-child {
  margin-bottom: 0;
}
.btn-area:only-child {
  margin: 0;
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0.8rem 1.6rem;
  height: var(--form-height-md);
  text-decoration: none;
  color: var(--color-font-default-primary);
  border-radius: 1.2rem;
  border-width: 0.1rem;
  border-style: solid;
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  border-color: var(--color-stroke-default-secondary);
  background-color: var(--color-background-default-primary);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn.primary, .btn.spot, .viewer .viewer-fnc .btn.is-active,
.viewer .viewer-location .btn.is-active {
  color: var(--color-font-default-primary-inverse);
  background-color: var(--color-background-brand-primary-inverse);
  border-width: 0;
  font-weight: var(--size-font-weight-xlg) !important;
}
.btn.secondary, .btn.spot2 {
  color: var(--color-font-brand-primary-base);
  border-color: var(--color-stroke-brand-primary);
  font-weight: var(--size-font-weight-lg) !important;
}
.btn.danger, .btn.spot3 {
  background-color: var(--color-background-default-tertiary);
  font-weight: var(--size-font-weight-lg) !important;
  border-width: 0;
}
.btn.cta {
  color: var(--color-font-default-primary-inverse);
  background: linear-gradient(112deg, var(--color-background-brand-primary-inverse) 20%, var(--color-background-brand-secondary-inverse) 80%);
  border-width: 0;
  font-weight: var(--size-font-weight-xlg) !important;
  border-radius: 2em;
}
.btn.cta.lg {
  min-width: 0;
}
.btn.toggle {
  background-color: var(--color-background-default-primary);
}
.btn.toggle.is-active, .btn.toggle.is-active:hover {
  background-color: var(--color-background-brand-secondary-inverse);
  border-color: var(--color-stroke-brand-secondary);
  color: var(--color-font-default-primary-inverse);
}
.btn.toggle.is-active.ico-circle-chevron-down::before, .btn.toggle.is-active:hover.ico-circle-chevron-down::before {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.btn.toggle.ico-circle-chevron-down::before {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn.back[class*=ico-]::before {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.btn.circle, .btn.hideTxt, .btn.icon-only {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: var(--form-height-md);
  height: var(--form-height-md);
  min-width: auto !important;
  padding: 1.4rem;
  border-radius: 100% !important;
  gap: 0 !important;
  font-size: 0 !important;
  overflow: hidden;
}
.btn.circle::before, .btn.circle::after, .btn.hideTxt::before, .btn.hideTxt::after, .btn.icon-only::before, .btn.icon-only::after {
  font-size: 0 !important;
}
.btn.circle.transparent, .btn.hideTxt.transparent, .btn.icon-only.transparent {
  background-color: transparent;
  border-width: 0;
}
.btn.ghost {
  background-color: transparent;
  border: none;
}
.btn.transparent {
  background-color: transparent;
}
.btn.icon-only {
  background-color: transparent !important;
  border-width: 0;
}
.btn.overlay {
  background-color: var(--color-background-alpha-primary-inverse);
  border-color: var(--color-background-alpha-primary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.btn:disabled, .btn.disabled {
  cursor: default;
  color: var(--color-font-disabled-primary);
  background: var(--color-background-disabled-primary);
  border-color: transparent;
  border-width: 0;
  pointer-events: none;
}
.btn.xsmall, .btn.xsm {
  height: var(--form-height-xsm);
  padding: 0 0.8rem;
  border-radius: 0.8rem;
  font-size: var(--font-label-xsm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  min-width: 0;
  gap: 0.4rem;
}
.btn.xsmall.circle, .btn.xsmall.hideTxt, .btn.xsmall.icon-only, .btn.xsm.circle, .btn.xsm.hideTxt, .btn.xsm.icon-only {
  width: var(--form-height-xsm);
  padding: 0.4rem;
}
.btn.xsmall[class*=ico-]::before, .btn.xsm[class*=ico-]::before {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
}
.btn.small, .btn.sm {
  height: var(--form-height-sm);
  padding: 0.4rem 1.2rem;
  border-radius: 0.8rem;
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  gap: 0.4rem;
}
.btn.small.circle, .btn.small.hideTxt, .btn.small.icon-only, .btn.sm.circle, .btn.sm.hideTxt, .btn.sm.icon-only {
  width: var(--form-height-sm);
  padding: 0.8rem;
}
.btn.small[class*=ico-]::before, .btn.sm[class*=ico-]::before {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
}
.btn.large, .btn.lg {
  height: var(--form-height-lg);
  min-width: var(--form-width-md);
  padding: 0.8rem 2.4rem;
  font-size: var(--font-label-lg);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  gap: 0.8rem;
}
.btn.large.circle, .btn.large.hideTxt, .btn.large.icon-only, .btn.lg.circle, .btn.lg.hideTxt, .btn.lg.icon-only {
  width: var(--form-height-lg);
  padding: 2rem;
}
.btn.large[class*=ico-]::before, .btn.lg[class*=ico-]::before {
  width: var(--size-icon-lg);
  height: var(--size-icon-lg);
}
.btn.style-none {
  border-color: transparent !important;
}

a.btn:not(.disabled):hover,
button.btn:not(:disabled):hover {
  background-color: var(--color-background-default-secondary);
}

a.btn.primary:not(.disabled):hover,
button.btn.primary:not(:disabled):hover,
a.btn.spot:not(.disabled):hover,
.viewer .viewer-fnc a.btn.is-active:not(.disabled):hover,
.viewer .viewer-location a.btn.is-active:not(.disabled):hover,
button.btn.spot:not(:disabled):hover,
.viewer .viewer-fnc button.btn.is-active:not(:disabled):hover,
.viewer .viewer-location button.btn.is-active:not(:disabled):hover {
  background-color: var(--color-background-brand-primary-inverse-hover);
}

a.btn.secondary:not(.disabled):hover,
button.btn.secondary:not(:disabled):hover,
a.btn.spot2:not(.disabled):hover,
button.btn.spot2:not(:disabled):hover {
  background-color: var(--color-background-brand-primary);
}

a.btn.danger:not(.disabled):hover,
button.btn.danger:not(:disabled):hover,
a.btn.spot3:not(.disabled):hover,
button.btn.spot3:not(:disabled):hover {
  color: var(--color-font-default-primary-inverse);
  background-color: var(--color-background-danger-primary-inverse);
}

a.btn.cta:not(.disabled):hover,
button.btn.cta:not(:disabled):hover {
  background: linear-gradient(112deg, var(--color-background-brand-primary-inverse) 10%, var(--color-background-brand-secondary-inverse) 20%);
}

a.btn.circle.transparent:not(.disabled):hover,
button.btn.circle.transparent:not(:disabled):hover,
a.btn.hideTxt.transparent:not(.disabled):hover,
button.btn.hideTxt.transparent:not(:disabled):hover,
a.btn.icon-only.transparent:not(.disabled):hover,
button.btn.icon-only.transparent:not(:disabled):hover {
  background-color: var(--color-background-default-secondary);
}

a.btn.overlay:not(.disabled):hover,
button.btn.overlay:not(:disabled):hover {
  background-color: var(--color-background-alpha-primary-inverse);
  border-color: var(--color-background-alpha-primary-inverse);
  color: var(--color-font-default-primary-inverse);
}

a.btn.ghost:not(.disabled):hover,
button.btn.ghost:not(:disabled):hover {
  background-color: var(--color-background-default-tertiary);
  mix-blend-mode: multiply;
}

*[data-btntoggleobj] {
  display: none;
}
*[data-btntoggleobj].is-active {
  display: block;
}

.btn-text,
.btn-link {
  font-size: var(--size-font-sm);
  color: var(--color-font-default-tertiary);
  font-weight: var(--size-font-weight-lg);
}
.btn-text.primary, .btn-text.spot, .viewer .viewer-fnc .btn-text.btn.is-active,
.viewer .viewer-location .btn-text.btn.is-active,
.btn-link.primary,
.btn-link.spot,
.viewer .viewer-fnc .btn-link.btn.is-active,
.viewer .viewer-location .btn-link.btn.is-active {
  color: var(--color-font-brand-primary-base);
  font-weight: var(--size-font-weight-xlg);
}
.btn-text.secondary, .btn-text.spot2,
.btn-link.secondary,
.btn-link.spot2 {
  color: var(--color-font-brand-secondary-base);
}

.btn-link {
  text-decoration: underline !important;
}

.btn-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem !important;
}
.btn-text.toggle {
  height: 3.6rem;
  padding: 0 0.4rem;
}
.btn-text.is-active {
  border-radius: 0.8rem;
  background-color: var(--color-background-default-tertiary);
  color: var(--color-font-brand-primary-base);
  font-weight: var(--size-font-weight-lg);
}
.btn-text.is-active i::before {
  background-color: var(--color-icon-brand-primary);
}
.btn-text.is-active:has(.ico-favorite) {
  color: var(--color-font-brand-accent);
}
.btn-text.is-active:has(.ico-favorite) i {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12,21L3.551,12.303c-2.067-2.128-2.067-5.578,0-7.707,2.068-2.128,5.419-2.128,7.487,0l.962.99.962-.99c2.068-2.128,5.419-2.128,7.487,0,2.067,2.128,2.067,5.578,0,7.707l-8.449,8.697Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12,21L3.551,12.303c-2.067-2.128-2.067-5.578,0-7.707,2.068-2.128,5.419-2.128,7.487,0l.962.99.962-.99c2.068-2.128,5.419-2.128,7.487,0,2.067,2.128,2.067,5.578,0,7.707l-8.449,8.697Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn-text.is-active:has(.ico-favorite) i::before {
  background-color: var(--color-icon-brand-accent);
}
.btn-text.is-active.bg-none {
  background-color: transparent;
}

.btn[class*=ico-]::before,
.btn-ico::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  font-size: 0;
}
.btn[class*=ico-].ico-search::before,
.btn-ico.ico-search::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21.7,20.3l-5.4-5.4c1.1-1.4,1.7-3.1,1.7-4.9c0-4.4-3.6-8-8-8s-8,3.6-8,8s3.6,8,8,8c1.8,0,3.5-0.6,4.9-1.7 l5.4,5.4L21.7,20.3z M10,16c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S13.3,16,10,16z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21.7,20.3l-5.4-5.4c1.1-1.4,1.7-3.1,1.7-4.9c0-4.4-3.6-8-8-8s-8,3.6-8,8s3.6,8,8,8c1.8,0,3.5-0.6,4.9-1.7 l5.4,5.4L21.7,20.3z M10,16c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S13.3,16,10,16z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-form-check::before,
.btn-ico.ico-form-check::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.405,16.974c-.302,0-.605-.112-.839-.338l-4.622-4.65c-.481-.464-.495-1.229-.032-1.71s1.229-.495,1.709-.032l3.783,3.842,6.976-6.722c.48-.463,1.246-.449,1.709.032.463.48.449,1.246-.032,1.71l-7.814,7.53c-.234.226-.537.338-.839.338h0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.405,16.974c-.302,0-.605-.112-.839-.338l-4.622-4.65c-.481-.464-.495-1.229-.032-1.71s1.229-.495,1.709-.032l3.783,3.842,6.976-6.722c.48-.463,1.246-.449,1.709.032.463.48.449,1.246-.032,1.71l-7.814,7.53c-.234.226-.537.338-.839.338h0Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-form-minus::before,
.btn-ico.ico-form-minus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m17.8,10.8H6.2c-.663,0-1.2.537-1.2,1.2s.537,1.2,1.2,1.2h11.6c.663,0,1.2-.537,1.2-1.2s-.537-1.2-1.2-1.2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m17.8,10.8H6.2c-.663,0-1.2.537-1.2,1.2s.537,1.2,1.2,1.2h11.6c.663,0,1.2-.537,1.2-1.2s-.537-1.2-1.2-1.2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-form-plus::before,
.btn-ico.ico-form-plus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m17.8,10.8h-4.6v-4.6c0-.663-.538-1.2-1.2-1.2s-1.2.537-1.2,1.2v4.6h-4.6c-.663,0-1.2.537-1.2,1.2s.538,1.2,1.2,1.2h4.6v4.6c0,.663.538,1.2,1.2,1.2s1.2-.537,1.2-1.2v-4.6h4.6c.663,0,1.2-.537,1.2-1.2s-.538-1.2-1.2-1.2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m17.8,10.8h-4.6v-4.6c0-.663-.538-1.2-1.2-1.2s-1.2.537-1.2,1.2v4.6h-4.6c-.663,0-1.2.537-1.2,1.2s.538,1.2,1.2,1.2h4.6v4.6c0,.663.538,1.2,1.2,1.2s1.2-.537,1.2-1.2v-4.6h4.6c.663,0,1.2-.537,1.2-1.2s-.538-1.2-1.2-1.2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-form-up::before,
.btn-ico.ico-form-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m17.357,15.707l-5.293-5.293-5.293,5.293-1.414-1.414,6-6c.391-.391,1.023-.391,1.414,0l6,6-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m17.357,15.707l-5.293-5.293-5.293,5.293-1.414-1.414,6-6c.391-.391,1.023-.391,1.414,0l6,6-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-form-down::before,
.btn-ico.ico-form-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12.065,16c-.256,0-.512-.098-.707-.293l-6-6,1.414-1.414,5.293,5.293,5.293-5.293,1.414,1.414-6,6c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12.065,16c-.256,0-.512-.098-.707-.293l-6-6,1.414-1.414,5.293,5.293,5.293-5.293,1.414,1.414-6,6c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-ppv::before,
.btn-ico.ico-ppv::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12.312,20.658l-7-8c-.329-.377-.329-.939,0-1.316L12.312,3.342l1.506,1.316-6.424,7.342,6.424,7.342-1.506,1.316Z'/%3E%3Cpath class='cls-1' d='m17.312,20.658l-7-8c-.329-.377-.329-.939,0-1.316l7-8,1.506,1.316-6.424,7.342,6.424,7.342-1.506,1.316Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12.312,20.658l-7-8c-.329-.377-.329-.939,0-1.316L12.312,3.342l1.506,1.316-6.424,7.342,6.424,7.342-1.506,1.316Z'/%3E%3Cpath class='cls-1' d='m17.312,20.658l-7-8c-.329-.377-.329-.939,0-1.316l7-8,1.506,1.316-6.424,7.342,6.424,7.342-1.506,1.316Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-pv::before,
.btn-ico.ico-pv::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m14.357,20.707L6.357,12.707c-.391-.391-.391-1.023,0-1.414L14.357,3.293l1.414,1.414-7.293,7.293,7.293,7.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m14.357,20.707L6.357,12.707c-.391-.391-.391-1.023,0-1.414L14.357,3.293l1.414,1.414-7.293,7.293,7.293,7.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-fw::before,
.btn-ico.ico-fw::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m9.772,20.707l-1.414-1.414,7.293-7.293-7.293-7.293,1.414-1.414,8,8c.391.391.391,1.023,0,1.414l-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m9.772,20.707l-1.414-1.414,7.293-7.293-7.293-7.293,1.414-1.414,8,8c.391.391.391,1.023,0,1.414l-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-ffw::before,
.btn-ico.ico-ffw::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m11.817,20.658l-1.506-1.316,6.424-7.342-6.424-7.342,1.506-1.316,7,8c.329.377.329.939,0,1.316l-7,8Z'/%3E%3Cpath class='cls-1' d='m6.817,20.658l-1.506-1.316,6.424-7.342-6.424-7.342,1.506-1.316,7,8c.329.377.329.939,0,1.316l-7,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m11.817,20.658l-1.506-1.316,6.424-7.342-6.424-7.342,1.506-1.316,7,8c.329.377.329.939,0,1.316l-7,8Z'/%3E%3Cpath class='cls-1' d='m6.817,20.658l-1.506-1.316,6.424-7.342-6.424-7.342,1.506-1.316,7,8c.329.377.329.939,0,1.316l-7,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-up::before,
.btn-ico.ico-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11.29,6.29L2.29,15.29l1.41,1.41,8.29-8.29,8.29,8.29,1.41-1.41L12.71,6.29c-.39-.39-1.02-.39-1.41,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11.29,6.29L2.29,15.29l1.41,1.41,8.29-8.29,8.29,8.29,1.41-1.41L12.71,6.29c-.39-.39-1.02-.39-1.41,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-down::before,
.btn-ico.ico-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3.71,7.29l-1.41,1.41,9,9c.19.19.44.29.71.29s.52-.11.71-.29l9-9-1.41-1.41-8.29,8.29L3.71,7.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3.71,7.29l-1.41,1.41,9,9c.19.19.44.29.71.29s.52-.11.71-.29l9-9-1.41-1.41-8.29,8.29L3.71,7.29Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-lt::before,
.btn-ico.ico-lt::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15.29,2.29L6.29,11.29c-.39.39-.39,1.02,0,1.41l9,9,1.41-1.41-8.29-8.29L16.71,3.71l-1.41-1.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15.29,2.29L6.29,11.29c-.39.39-.39,1.02,0,1.41l9,9,1.41-1.41-8.29-8.29L16.71,3.71l-1.41-1.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-gt::before,
.btn-ico.ico-gt::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8.71,21.71l9-9c.39-.39.39-1.02,0-1.41L8.71,2.29l-1.41,1.41,8.29,8.29-8.29,8.29,1.41,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8.71,21.71l9-9c.39-.39.39-1.02,0-1.41L8.71,2.29l-1.41,1.41,8.29,8.29-8.29,8.29,1.41,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-arrow-left::before,
.btn-ico.ico-arrow-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m10.6,4l-7.31,7.29c-.19.19-.29.44-.29.71s.11.52.29.71l7.31,7.29,1.41-1.42-5.6-5.58h14.58v-2H6.41s5.6-5.58,5.6-5.58l-1.41-1.42Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m10.6,4l-7.31,7.29c-.19.19-.29.44-.29.71s.11.52.29.71l7.31,7.29,1.41-1.42-5.6-5.58h14.58v-2H6.41s5.6-5.58,5.6-5.58l-1.41-1.42Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-arrow-right::before,
.btn-ico.ico-arrow-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m14.39,4l-1.41,1.42,5.6,5.59H3.99s0,2,0,2h14.58s-5.6,5.58-5.6,5.58l1.41,1.42,7.31-7.29c.19-.19.29-.44.29-.71s-.11-.52-.29-.71l-7.31-7.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m14.39,4l-1.41,1.42,5.6,5.59H3.99s0,2,0,2h14.58s-5.6,5.58-5.6,5.58l1.41,1.42,7.31-7.29c.19-.19.29-.44.29-.71s-.11-.52-.29-.71l-7.31-7.29Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-arrow-up::before,
.btn-ico.ico-arrow-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m13,21V6.42s5.58,5.6,5.58,5.6l1.42-1.41-7.29-7.31c-.38-.38-1.04-.38-1.42,0l-7.29,7.31,1.42,1.41,5.59-5.6v14.59s2,0,2,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m13,21V6.42s5.58,5.6,5.58,5.6l1.42-1.41-7.29-7.31c-.38-.38-1.04-.38-1.42,0l-7.29,7.31,1.42,1.41,5.59-5.6v14.59s2,0,2,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-arrow-down::before,
.btn-ico.ico-arrow-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,13.4l7.29,7.31c.19.19.44.29.71.29s.52-.11.71-.29l7.29-7.31-1.42-1.41-5.58,5.6V3h-2v14.59s-5.58-5.6-5.58-5.6l-1.42,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,13.4l7.29,7.31c.19.19.44.29.71.29s.52-.11.71-.29l7.29-7.31-1.42-1.41-5.58,5.6V3h-2v14.59s-5.58-5.6-5.58-5.6l-1.42,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-play::before,
.btn-ico.ico-play::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5,2v20l16-10L5,2Zm2,3.61l10.23,6.39-10.23,6.39V5.61Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5,2v20l16-10L5,2Zm2,3.61l10.23,6.39-10.23,6.39V5.61Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-pause::before,
.btn-ico.ico-pause::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='14' y='2' width='5' height='20'/%3E%3Crect class='cls-2' x='5' y='2' width='5' height='20'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='14' y='2' width='5' height='20'/%3E%3Crect class='cls-2' x='5' y='2' width='5' height='20'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-stop::before,
.btn-ico.ico-stop::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,21h18V3H3v18ZM5,5h14v14H5V5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,21h18V3H3v18ZM5,5h14v14H5V5Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-archive::before,
.btn-ico.ico-archive::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,18c.26,0,.51-.1.71-.29l3-3-1.41-1.41-1.29,1.29v-4.59h-2v4.59l-1.29-1.29-1.41,1.41,3,3c.2.2.45.29.71.29Z'/%3E%3Cpath d='m5,2l-2,4v16h18V6l-2-4H5Zm1.24,2h11.53l1,2H5.24l1-2Zm12.76,16H5v-12h14v12Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,18c.26,0,.51-.1.71-.29l3-3-1.41-1.41-1.29,1.29v-4.59h-2v4.59l-1.29-1.29-1.41,1.41,3,3c.2.2.45.29.71.29Z'/%3E%3Cpath d='m5,2l-2,4v16h18V6l-2-4H5Zm1.24,2h11.53l1,2H5.24l1-2Zm12.76,16H5v-12h14v12Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-attach::before,
.btn-ico.ico-attach::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,9v6c0,1.65,1.35,3,3,3s3-1.35,3-3V5c0-2.48-2.02-4.5-4.5-4.5s-4.5,2.02-4.5,4.5v12c0,3.31,2.69,6,6,6s6-2.69,6-6V7h-2v10c0,2.21-1.79,4-4,4s-4-1.79-4-4V5c0-1.38,1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5v10c0,.55-.45,1-1,1s-1-.45-1-1v-6h-2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,9v6c0,1.65,1.35,3,3,3s3-1.35,3-3V5c0-2.48-2.02-4.5-4.5-4.5s-4.5,2.02-4.5,4.5v12c0,3.31,2.69,6,6,6s6-2.69,6-6V7h-2v10c0,2.21-1.79,4-4,4s-4-1.79-4-4V5c0-1.38,1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5v10c0,.55-.45,1-1,1s-1-.45-1-1v-6h-2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-block::before,
.btn-ico.ico-block::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM4,12c0-4.41,3.59-8,8-8,1.85,0,3.54.63,4.9,1.69l-11.21,11.21c-1.05-1.36-1.69-3.05-1.69-4.9Zm8,8c-1.85,0-3.54-.63-4.9-1.69l11.21-11.21c1.05,1.36,1.69,3.05,1.69,4.9,0,4.41-3.59,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM4,12c0-4.41,3.59-8,8-8,1.85,0,3.54.63,4.9,1.69l-11.21,11.21c-1.05-1.36-1.69-3.05-1.69-4.9Zm8,8c-1.85,0-3.54-.63-4.9-1.69l11.21-11.21c1.05,1.36,1.69,3.05,1.69,4.9,0,4.41-3.59,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-book::before,
.btn-ico.ico-book::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m12.997,21l-1.997-.021c-.089-.261-1.304-1-3.5-1s-3.411.739-3.503,1.021l-1.997-.021V5.979c0-3.208,7.283-3.853,10-1.8,2.717-2.054,10-1.408,10,1.8v15h-2c-.089-.261-1.304-1-3.5-1s-3.411.739-3.503,1.021ZM7.5,4.979c-2.196,0-3.411.739-3.503,1.021l.003,12.616c1.99-.844,5.008-.844,7,0V5.979c-.089-.261-1.304-1-3.5-1Zm9,13c1.249,0,2.504.215,3.5.637V5.979c-.089-.261-1.304-1-3.5-1-2.179,0-3.391.728-3.5,1.014v12.623c.996-.422,2.251-.637,3.5-.637Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m12.997,21l-1.997-.021c-.089-.261-1.304-1-3.5-1s-3.411.739-3.503,1.021l-1.997-.021V5.979c0-3.208,7.283-3.853,10-1.8,2.717-2.054,10-1.408,10,1.8v15h-2c-.089-.261-1.304-1-3.5-1s-3.411.739-3.503,1.021ZM7.5,4.979c-2.196,0-3.411.739-3.503,1.021l.003,12.616c1.99-.844,5.008-.844,7,0V5.979c-.089-.261-1.304-1-3.5-1Zm9,13c1.249,0,2.504.215,3.5.637V5.979c-.089-.261-1.304-1-3.5-1-2.179,0-3.391.728-3.5,1.014v12.623c.996-.422,2.251-.637,3.5-.637Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-bookmark::before,
.btn-ico.ico-bookmark::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m19,2H5v20l7-4,7,4V2Zm-2,16.55l-4.01-2.29c-.31-.18-.65-.26-.99-.26s-.68.09-.99.26l-4.01,2.29V4h10v14.55Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m19,2H5v20l7-4,7,4V2Zm-2,16.55l-4.01-2.29c-.31-.18-.65-.26-.99-.26s-.68.09-.99.26l-4.01,2.29V4h10v14.55Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-calendar::before,
.btn-ico.ico-calendar::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m7,2v2H3v18h18V4h-4v-2h-2v2h-6v-2h-2Zm-2,18v-10h14v10H5Zm14-12H5v-2h14v2Z'/%3E%3Ccircle cx='8' cy='13' r='1'/%3E%3Ccircle cx='12' cy='13' r='1'/%3E%3Ccircle cx='16' cy='13' r='1'/%3E%3Ccircle cx='8' cy='17' r='1'/%3E%3Ccircle cx='12' cy='17' r='1'/%3E%3Ccircle cx='16' cy='17' r='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m7,2v2H3v18h18V4h-4v-2h-2v2h-6v-2h-2Zm-2,18v-10h14v10H5Zm14-12H5v-2h14v2Z'/%3E%3Ccircle cx='8' cy='13' r='1'/%3E%3Ccircle cx='12' cy='13' r='1'/%3E%3Ccircle cx='16' cy='13' r='1'/%3E%3Ccircle cx='8' cy='17' r='1'/%3E%3Ccircle cx='12' cy='17' r='1'/%3E%3Ccircle cx='16' cy='17' r='1'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-call::before,
.btn-ico.ico-call::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6.64,2.7c-.19-.19-.45-.29-.7-.29s-.51.1-.71.29l-1.76,1.76c-1.96,1.96-1.96,5.13,0,7.09l8.97,8.97c.98.98,2.26,1.47,3.55,1.47s2.56-.49,3.54-1.47l1.77-1.76c.39-.39.39-1.02,0-1.41l-5.3-5.36-2,2-4-4,2-2L6.64,2.7Zm5.95,12.71c.39.39.9.59,1.41.59s1.02-.2,1.41-.59l.58-.58,3.19,3.22-1.06,1.06c-.57.57-1.33.88-2.13.88s-1.56-.31-2.13-.88L4.88,10.14c-1.18-1.18-1.17-3.09,0-4.27l1.05-1.05,3.23,3.19-.58.58c-.38.38-.59.88-.59,1.41,0,.53.21,1.04.59,1.41l4,4Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6.64,2.7c-.19-.19-.45-.29-.7-.29s-.51.1-.71.29l-1.76,1.76c-1.96,1.96-1.96,5.13,0,7.09l8.97,8.97c.98.98,2.26,1.47,3.55,1.47s2.56-.49,3.54-1.47l1.77-1.76c.39-.39.39-1.02,0-1.41l-5.3-5.36-2,2-4-4,2-2L6.64,2.7Zm5.95,12.71c.39.39.9.59,1.41.59s1.02-.2,1.41-.59l.58-.58,3.19,3.22-1.06,1.06c-.57.57-1.33.88-2.13.88s-1.56-.31-2.13-.88L4.88,10.14c-1.18-1.18-1.17-3.09,0-4.27l1.05-1.05,3.23,3.19-.58.58c-.38.38-.59.88-.59,1.41,0,.53.21,1.04.59,1.41l4,4Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-camera::before,
.btn-ico.ico-camera::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21h20V6h-4l-1.5-2H7.5l-1.5,2H2v15Zm2-13h2c.63,0,1.22-.3,1.6-.8l.9-1.2h7l.9,1.2c.38.5.97.8,1.6.8h2v11H4v-11Z'/%3E%3Cpath d='m12,9c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21h20V6h-4l-1.5-2H7.5l-1.5,2H2v15Zm2-13h2c.63,0,1.22-.3,1.6-.8l.9-1.2h7l.9,1.2c.38.5.97.8,1.6.8h2v11H4v-11Z'/%3E%3Cpath d='m12,9c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-chart::before, .btn[class*=ico-].ico-curation::before,
.btn-ico.ico-chart::before,
.btn-ico.ico-curation::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M6,12v8h-2v-8h2M8,10H2v12h6v-12h0Z'/%3E%3Cpath class='cls-2' d='M13,8v12h-2v-12h2M15,6h-6v16h6V6h0Z'/%3E%3Cpath class='cls-2' d='M20,4v16h-2V4h2M22,2h-6v20h6V2h0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M6,12v8h-2v-8h2M8,10H2v12h6v-12h0Z'/%3E%3Cpath class='cls-2' d='M13,8v12h-2v-12h2M15,6h-6v16h6V6h0Z'/%3E%3Cpath class='cls-2' d='M20,4v16h-2V4h2M22,2h-6v20h6V2h0Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-chat::before,
.btn-ico.ico-chat::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='6 15 6 13 4.59 13 4 13.59 4 5 16 5 16 6 18 6 18 3 2 3 2 18.41 5.41 15 6 15'/%3E%3Cpath d='m7,19h11l4,3V7H7v12Zm2-10h11v9l-.8-.6c-.35-.26-.77-.4-1.2-.4h-9v-8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='6 15 6 13 4.59 13 4 13.59 4 5 16 5 16 6 18 6 18 3 2 3 2 18.41 5.41 15 6 15'/%3E%3Cpath d='m7,19h11l4,3V7H7v12Zm2-10h11v9l-.8-.6c-.35-.26-.77-.4-1.2-.4h-9v-8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-check::before,
.btn-ico.ico-check::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9.87,17.56l-7.21-6.31-1.32,1.51,8,7c.18.16.42.25.66.25.03,0,.06,0,.09,0,.27-.02.52-.16.69-.37l12-15-1.56-1.25-11.35,14.18Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9.87,17.56l-7.21-6.31-1.32,1.51,8,7c.18.16.42.25.66.25.03,0,.06,0,.09,0,.27-.02.52-.16.69-.37l12-15-1.56-1.25-11.35,14.18Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-close::before,
.btn-ico.ico-close::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-comment::before,
.btn-ico.ico-comment::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,19h14l6,4V4H2v15Zm2-13h16v13.26l-2.89-1.93c-.33-.22-.71-.34-1.11-.34H4V6Z'/%3E%3Crect x='6' y='8' width='12' height='2'/%3E%3Crect x='6' y='12' width='10' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,19h14l6,4V4H2v15Zm2-13h16v13.26l-2.89-1.93c-.33-.22-.71-.34-1.11-.34H4V6Z'/%3E%3Crect x='6' y='8' width='12' height='2'/%3E%3Crect x='6' y='12' width='10' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-copy::before,
.btn-ico.ico-copy::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8,18h12V2h-12v16Zm2-14h8v12h-8V4Z'/%3E%3Cpolygon points='4 22 5 22 6 22 17 22 17 20 6 20 6 5 4 5 4 22'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8,18h12V2h-12v16Zm2-14h8v12h-8V4Z'/%3E%3Cpolygon points='4 22 5 22 6 22 17 22 17 20 6 20 6 5 4 5 4 22'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-delete::before,
.btn-ico.ico-delete::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='6' y='2' width='12' height='2'/%3E%3Crect x='9' y='9' width='2' height='9'/%3E%3Crect x='13' y='9' width='2' height='9'/%3E%3Cpath d='m19,22V7h1v-2H4v2h1v15h14Zm-2-15v13H7V7h10Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='6' y='2' width='12' height='2'/%3E%3Crect x='9' y='9' width='2' height='9'/%3E%3Crect x='13' y='9' width='2' height='9'/%3E%3Cpath d='m19,22V7h1v-2H4v2h1v15h14Zm-2-15v13H7V7h10Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-document::before,
.btn-ico.ico-document::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m14,2H4v20h16v-14l-6-6Zm3.172,6h-3.172v-3.172l3.172,3.172Zm.828,12H6V4h6v6h6v10Z'/%3E%3Crect class='cls-2' x='8' y='16' width='6' height='2'/%3E%3Crect class='cls-2' x='8' y='12' width='8' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m14,2H4v20h16v-14l-6-6Zm3.172,6h-3.172v-3.172l3.172,3.172Zm.828,12H6V4h6v6h6v10Z'/%3E%3Crect class='cls-2' x='8' y='16' width='6' height='2'/%3E%3Crect class='cls-2' x='8' y='12' width='8' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-document-plus::before,
.btn-ico.ico-document-plus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='18 20 6 20 6 4 12 4 12 2 4 2 4 22 20 22 20 12 18 12 18 20'/%3E%3Crect class='cls-2' x='8' y='16' width='6' height='2'/%3E%3Crect class='cls-2' x='8' y='12' width='8' height='2'/%3E%3Cpolygon class='cls-2' points='22 5 19 5 19 2 17 2 17 5 14 5 14 7 17 7 17 10 19 10 19 7 22 7 22 5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='18 20 6 20 6 4 12 4 12 2 4 2 4 22 20 22 20 12 18 12 18 20'/%3E%3Crect class='cls-2' x='8' y='16' width='6' height='2'/%3E%3Crect class='cls-2' x='8' y='12' width='8' height='2'/%3E%3Cpolygon class='cls-2' points='22 5 19 5 19 2 17 2 17 5 14 5 14 7 17 7 17 10 19 10 19 7 22 7 22 5'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-download::before,
.btn-ico.ico-download::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,2v11.58s-3.29-3.29-3.29-3.29l-1.41,1.41,5,5c.2.2.45.29.71.29s.51-.1.71-.29l5-5-1.41-1.41-3.29,3.29V2s-2,0-2,0Z'/%3E%3Cpath d='m20,20H4v-8h-2v9c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,2v11.58s-3.29-3.29-3.29-3.29l-1.41,1.41,5,5c.2.2.45.29.71.29s.51-.1.71-.29l5-5-1.41-1.41-3.29,3.29V2s-2,0-2,0Z'/%3E%3Cpath d='m20,20H4v-8h-2v9c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-move::before,
.btn-ico.ico-move::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='9.5' cy='12' r='1.5'/%3E%3Ccircle cx='9.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='9.5' cy='18.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='12' r='1.5'/%3E%3Ccircle cx='14.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='18.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='9.5' cy='12' r='1.5'/%3E%3Ccircle cx='9.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='9.5' cy='18.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='12' r='1.5'/%3E%3Ccircle cx='14.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='18.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-edit::before,
.btn-ico.ico-edit::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M21.707,6.293l-4-4c-.391-.391-1.023-.391-1.414,0L2.293,16.293c-.188.188-.293.442-.293.707v4c0,.552.448,1,1,1h4c.265,0,.52-.105.707-.293l14-14c.391-.391.391-1.023,0-1.414ZM14,7.414l2.586,2.586-6.586,6.586-2.586-2.586,6.586-6.586ZM6.586,20h-2.586v-2.586l2-2,2.586,2.586-2,2ZM18,8.586l-2.586-2.586,1.586-1.586,2.586,2.586-1.586,1.586Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M21.707,6.293l-4-4c-.391-.391-1.023-.391-1.414,0L2.293,16.293c-.188.188-.293.442-.293.707v4c0,.552.448,1,1,1h4c.265,0,.52-.105.707-.293l14-14c.391-.391.391-1.023,0-1.414ZM14,7.414l2.586,2.586-6.586,6.586-2.586-2.586,6.586-6.586ZM6.586,20h-2.586v-2.586l2-2,2.586,2.586-2,2ZM18,8.586l-2.586-2.586,1.586-1.586,2.586,2.586-1.586,1.586Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-favorite::before,
.btn-ico.ico-favorite::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.71,3c-1.35,0-2.71.53-3.74,1.6l-.96.99-.96-.99c-1.03-1.06-2.39-1.6-3.74-1.6s-2.71.53-3.74,1.6c-2.07,2.13-2.07,5.58,0,7.71l8.45,8.7,8.45-8.7c2.07-2.13,2.07-5.58,0-7.71-1.03-1.06-2.39-1.6-3.74-1.6Zm2.31,7.91l-7.01,7.22-7.01-7.22c-1.32-1.36-1.32-3.56,0-4.92.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99l.96.99,1.43,1.48,1.43-1.48.96-.99c.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99c1.32,1.36,1.32,3.56,0,4.92Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.71,3c-1.35,0-2.71.53-3.74,1.6l-.96.99-.96-.99c-1.03-1.06-2.39-1.6-3.74-1.6s-2.71.53-3.74,1.6c-2.07,2.13-2.07,5.58,0,7.71l8.45,8.7,8.45-8.7c2.07-2.13,2.07-5.58,0-7.71-1.03-1.06-2.39-1.6-3.74-1.6Zm2.31,7.91l-7.01,7.22-7.01-7.22c-1.32-1.36-1.32-3.56,0-4.92.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99l.96.99,1.43,1.48,1.43-1.48.96-.99c.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99c1.32,1.36,1.32,3.56,0,4.92Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-favorite-active::before,
.btn-ico.ico-favorite-active::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12,21L3.551,12.303c-2.067-2.128-2.067-5.578,0-7.707,2.068-2.128,5.419-2.128,7.487,0l.962.99.962-.99c2.068-2.128,5.419-2.128,7.487,0,2.067,2.128,2.067,5.578,0,7.707l-8.449,8.697Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12,21L3.551,12.303c-2.067-2.128-2.067-5.578,0-7.707,2.068-2.128,5.419-2.128,7.487,0l.962.99.962-.99c2.068-2.128,5.419-2.128,7.487,0,2.067,2.128,2.067,5.578,0,7.707l-8.449,8.697Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-file::before,
.btn-ico.ico-file::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m20,10v-2l-6-6H4v20h16v-12Zm-6-5.17l3.17,3.17h-3.17v-3.17Zm4,15.17H6V4h6v6h6v10Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m20,10v-2l-6-6H4v20h16v-12Zm-6-5.17l3.17,3.17h-3.17v-3.17Zm4,15.17H6V4h6v6h6v10Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-filter::before,
.btn-ico.ico-filter::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,22l6-2v-6l7-7V3H2v4l7,7v8ZM4,6.17v-1.17h16v1.17l-6.41,6.41c-.38.38-.59.88-.59,1.41v4.56l-2,.67v-5.23c0-.53-.21-1.04-.59-1.41l-6.41-6.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,22l6-2v-6l7-7V3H2v4l7,7v8ZM4,6.17v-1.17h16v1.17l-6.41,6.41c-.38.38-.59.88-.59,1.41v4.56l-2,.67v-5.23c0-.53-.21-1.04-.59-1.41l-6.41-6.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-folder::before,
.btn-ico.ico-folder::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m20.802,21H1V3h9.414l2,2h8.586v5h2.247l-2.445,11Zm-15.555-2h13.951l1.555-7H6.802l-1.555,7Zm-2.247,0h.198l2-9h13.802v-3h-7.414l-2-2H3v14Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m20.802,21H1V3h9.414l2,2h8.586v5h2.247l-2.445,11Zm-15.555-2h13.951l1.555-7H6.802l-1.555,7Zm-2.247,0h.198l2-9h13.802v-3h-7.414l-2-2H3v14Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-fullscreen-exit::before,
.btn-ico.ico-fullscreen-exit::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,16.41v4.59h2v-7c0-.55-.45-1-1-1H3v2h4.59l-6.29,6.29,1.41,1.41,6.29-6.29Z'/%3E%3Cpath d='m15,7.59V3h-2v7c0,.55.45,1,1,1h7v-2h-4.59l6.29-6.29-1.41-1.41-6.29,6.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,16.41v4.59h2v-7c0-.55-.45-1-1-1H3v2h4.59l-6.29,6.29,1.41,1.41,6.29-6.29Z'/%3E%3Cpath d='m15,7.59V3h-2v7c0,.55.45,1,1,1h7v-2h-4.59l6.29-6.29-1.41-1.41-6.29,6.29Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-fullscreen::before,
.btn-ico.ico-fullscreen::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,4h6v-2H3c-.55,0-1,.45-1,1v7h2v-6Z'/%3E%3Cpath d='m3,22h7v-2h-6v-6h-2v7c0,.55.45,1,1,1Z'/%3E%3Cpath d='m22,21v-7h-2v6h-6v2h7c.55,0,1-.45,1-1Z'/%3E%3Cpath d='m22,3c0-.55-.45-1-1-1h-7v2h6v6h2V3Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,4h6v-2H3c-.55,0-1,.45-1,1v7h2v-6Z'/%3E%3Cpath d='m3,22h7v-2h-6v-6h-2v7c0,.55.45,1,1,1Z'/%3E%3Cpath d='m22,21v-7h-2v6h-6v2h7c.55,0,1-.45,1-1Z'/%3E%3Cpath d='m22,3c0-.55-.45-1-1-1h-7v2h6v6h2V3Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-headphone::before,
.btn-ico.ico-headphone::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2C6.49,2,2,6.49,2,12v10h6v-10h-4c0-4.41,3.59-8,8-8s8,3.59,8,8h-4v10h6v-10c0-5.51-4.49-10-10-10Zm-6,12v6h-2v-6h2Zm14,6h-2v-6h2v6Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2C6.49,2,2,6.49,2,12v10h6v-10h-4c0-4.41,3.59-8,8-8s8,3.59,8,8h-4v10h6v-10c0-5.51-4.49-10-10-10Zm-6,12v6h-2v-6h2Zm14,6h-2v-6h2v6Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-help::before,
.btn-ico.ico-help::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22.04c5.52,0,10-4.48,10-10S17.52,2.04,12,2.04,2,6.52,2,12.04s4.48,10,10,10Zm0-18c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8S7.59,4.04,12,4.04Z'/%3E%3Cpath d='m12.35,14.99c-.18-.1-.37-.15-.57-.15s-.4.05-.58.15c-.18.1-.32.24-.42.42s-.15.37-.15.57c0,.21.05.4.15.57.1.17.24.31.42.42.18.1.37.16.58.16s.39-.05.57-.16c.18-.1.32-.24.42-.42.1-.17.16-.36.16-.57,0-.21-.06-.4-.16-.57s-.24-.31-.42-.42Z'/%3E%3Cpath d='m10.9,9.15c.12-.18.27-.33.46-.42.19-.1.39-.14.61-.14s.43.05.61.14.33.22.43.39c.1.17.16.36.16.59,0,.2-.04.39-.13.56s-.2.32-.35.46-.34.28-.57.42c-.3.19-.54.39-.72.59-.18.2-.31.48-.41.81-.1.34-.15.78-.15,1.33v.15h1.81v-.15c0-.32.04-.58.12-.8.08-.22.2-.41.35-.57.16-.16.37-.32.64-.48.32-.19.58-.4.8-.62s.39-.48.5-.78.18-.62.18-.98c0-.55-.14-1.03-.41-1.44-.27-.41-.66-.71-1.15-.93-.49-.21-1.06-.32-1.7-.32-.6,0-1.13.11-1.61.32-.48.21-.86.53-1.15.96-.29.43-.44.95-.45,1.57h1.94c0-.25.07-.47.19-.66Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22.04c5.52,0,10-4.48,10-10S17.52,2.04,12,2.04,2,6.52,2,12.04s4.48,10,10,10Zm0-18c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8S7.59,4.04,12,4.04Z'/%3E%3Cpath d='m12.35,14.99c-.18-.1-.37-.15-.57-.15s-.4.05-.58.15c-.18.1-.32.24-.42.42s-.15.37-.15.57c0,.21.05.4.15.57.1.17.24.31.42.42.18.1.37.16.58.16s.39-.05.57-.16c.18-.1.32-.24.42-.42.1-.17.16-.36.16-.57,0-.21-.06-.4-.16-.57s-.24-.31-.42-.42Z'/%3E%3Cpath d='m10.9,9.15c.12-.18.27-.33.46-.42.19-.1.39-.14.61-.14s.43.05.61.14.33.22.43.39c.1.17.16.36.16.59,0,.2-.04.39-.13.56s-.2.32-.35.46-.34.28-.57.42c-.3.19-.54.39-.72.59-.18.2-.31.48-.41.81-.1.34-.15.78-.15,1.33v.15h1.81v-.15c0-.32.04-.58.12-.8.08-.22.2-.41.35-.57.16-.16.37-.32.64-.48.32-.19.58-.4.8-.62s.39-.48.5-.78.18-.62.18-.98c0-.55-.14-1.03-.41-1.44-.27-.41-.66-.71-1.15-.93-.49-.21-1.06-.32-1.7-.32-.6,0-1.13.11-1.61.32-.48.21-.86.53-1.15.96-.29.43-.44.95-.45,1.57h1.94c0-.25.07-.47.19-.66Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-history::before,
.btn-ico.ico-history::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,7v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59h-2Z'/%3E%3Cpath d='m12,2c-2.64,0-5.12,1.02-7,2.86v-2.86h-2v5c0,.55.45,1,1,1h5v-2h-2.28c1.46-1.29,3.31-2,5.28-2,2.14,0,4.15.83,5.66,2.34s2.34,3.52,2.34,5.66-.83,4.15-2.34,5.66-3.52,2.34-5.66,2.34-4.15-.83-5.66-2.34-2.34-3.52-2.34-5.66h-2c0,2.67,1.04,5.18,2.93,7.07,1.89,1.89,4.4,2.93,7.07,2.93s5.18-1.04,7.07-2.93c1.89-1.89,2.93-4.4,2.93-7.07s-1.04-5.18-2.93-7.07c-1.89-1.89-4.4-2.93-7.07-2.93Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,7v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59h-2Z'/%3E%3Cpath d='m12,2c-2.64,0-5.12,1.02-7,2.86v-2.86h-2v5c0,.55.45,1,1,1h5v-2h-2.28c1.46-1.29,3.31-2,5.28-2,2.14,0,4.15.83,5.66,2.34s2.34,3.52,2.34,5.66-.83,4.15-2.34,5.66-3.52,2.34-5.66,2.34-4.15-.83-5.66-2.34-2.34-3.52-2.34-5.66h-2c0,2.67,1.04,5.18,2.93,7.07,1.89,1.89,4.4,2.93,7.07,2.93s5.18-1.04,7.07-2.93c1.89-1.89,2.93-4.4,2.93-7.07s-1.04-5.18-2.93-7.07c-1.89-1.89-4.4-2.93-7.07-2.93Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-home::before,
.btn-ico.ico-home::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,12.83v9.17h6v-6h4v6h6v-9.17l.59.59,1.41-1.41-2-2-6.59-6.59-1.41-1.41-1.41,1.41-6.59,6.59-2,2,1.41,1.41.59-.59Zm2-2l6-6,6,6v9.17h-2v-4c0-1.1-.9-2-2-2h-4c-1.1,0-2,.9-2,2v4h-2v-9.17Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,12.83v9.17h6v-6h4v6h6v-9.17l.59.59,1.41-1.41-2-2-6.59-6.59-1.41-1.41-1.41,1.41-6.59,6.59-2,2,1.41,1.41.59-.59Zm2-2l6-6,6,6v9.17h-2v-4c0-1.1-.9-2-2-2h-4c-1.1,0-2,.9-2,2v4h-2v-9.17Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-hourglass::before,
.btn-ico.ico-hourglass::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6,20h-2v2h16v-2h-2v-4l-3.75-4,3.75-4v-4h2v-2H4v2h2v4l3.75,4-3.75,4v4Zm2-3.21l3.21-3.42c.72-.77.72-1.97,0-2.74l-3.21-3.42v-3.21h8v3.21l-3.21,3.42c-.72.77-.72,1.97,0,2.74l3.21,3.42v3.21h-8v-3.21Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6,20h-2v2h16v-2h-2v-4l-3.75-4,3.75-4v-4h2v-2H4v2h2v4l3.75,4-3.75,4v4Zm2-3.21l3.21-3.42c.72-.77.72-1.97,0-2.74l-3.21-3.42v-3.21h8v3.21l-3.21,3.42c-.72.77-.72,1.97,0,2.74l3.21,3.42v3.21h-8v-3.21Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-img::before,
.btn-ico.ico-img::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m22,3H2v18h20V3Zm-2,2v11.86l-4.36-3.63c-.4-.33-.98-.3-1.35.06l-2.54,2.54-4.1-3.58c-.39-.35-.99-.33-1.37.05l-2.29,2.29V5h16Zm-6.74,12.15l1.8-1.8,4.38,3.65h-4.06l-2.11-1.85Zm-9.26.26l3.05-3.05,5.29,4.63H4v-1.59Z'/%3E%3Ccircle cx='16' cy='9' r='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m22,3H2v18h20V3Zm-2,2v11.86l-4.36-3.63c-.4-.33-.98-.3-1.35.06l-2.54,2.54-4.1-3.58c-.39-.35-.99-.33-1.37.05l-2.29,2.29V5h16Zm-6.74,12.15l1.8-1.8,4.38,3.65h-4.06l-2.11-1.85Zm-9.26.26l3.05-3.05,5.29,4.63H4v-1.59Z'/%3E%3Ccircle cx='16' cy='9' r='2'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-info::before,
.btn-ico.ico-info::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22.04c5.52,0,10-4.48,10-10S17.52,2.04,12,2.04,2,6.52,2,12.04s4.48,10,10,10Zm0-18c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8S7.59,4.04,12,4.04Z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3Crect x='11' y='11' width='2' height='6'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22.04c5.52,0,10-4.48,10-10S17.52,2.04,12,2.04,2,6.52,2,12.04s4.48,10,10,10Zm0-18c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8S7.59,4.04,12,4.04Z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3Crect x='11' y='11' width='2' height='6'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-language::before,
.btn-ico.ico-language::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22c5.52,0,10-4.48,10-10S17.52,2,12,2,2,6.48,2,12s4.48,10,10,10Zm-6.92-6h2.56c.47,1.44,1.14,2.64,1.79,3.57-1.85-.63-3.39-1.91-4.35-3.57Zm-1.08-4c0-.69.1-1.36.26-2h2.91c-.14.88-.17,1.59-.17,2,0,.7.06,1.37.16,2h-2.89c-.17-.64-.26-1.31-.26-2Zm8-7.59c1.09,1.17,1.79,2.43,2.24,3.59h-4.47c.44-1.16,1.14-2.43,2.24-3.59Zm2.8,5.59c.17.89.2,1.61.2,2,0,.71-.07,1.37-.19,2h-5.62c-.12-.63-.19-1.29-.19-2,0-.39.03-1.11.2-2h5.6Zm5.2,2c0,.69-.1,1.36-.26,2h-2.89c.1-.63.16-1.3.16-2,0-.41-.03-1.12-.17-2h2.91c.17.64.26,1.31.26,2Zm-8,7.59c-.68-.75-1.6-1.96-2.24-3.59h4.48c-.64,1.63-1.56,2.84-2.24,3.59Zm2.56-.02c.66-.94,1.32-2.13,1.79-3.57h2.56c-.96,1.66-2.51,2.94-4.35,3.57Zm4.35-11.57h-2.57c-.36-1.12-.91-2.35-1.75-3.56,1.83.63,3.36,1.91,4.32,3.56Zm-9.51-3.56c-.84,1.21-1.39,2.44-1.75,3.56h-2.57c.96-1.65,2.49-2.93,4.32-3.56Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22c5.52,0,10-4.48,10-10S17.52,2,12,2,2,6.48,2,12s4.48,10,10,10Zm-6.92-6h2.56c.47,1.44,1.14,2.64,1.79,3.57-1.85-.63-3.39-1.91-4.35-3.57Zm-1.08-4c0-.69.1-1.36.26-2h2.91c-.14.88-.17,1.59-.17,2,0,.7.06,1.37.16,2h-2.89c-.17-.64-.26-1.31-.26-2Zm8-7.59c1.09,1.17,1.79,2.43,2.24,3.59h-4.47c.44-1.16,1.14-2.43,2.24-3.59Zm2.8,5.59c.17.89.2,1.61.2,2,0,.71-.07,1.37-.19,2h-5.62c-.12-.63-.19-1.29-.19-2,0-.39.03-1.11.2-2h5.6Zm5.2,2c0,.69-.1,1.36-.26,2h-2.89c.1-.63.16-1.3.16-2,0-.41-.03-1.12-.17-2h2.91c.17.64.26,1.31.26,2Zm-8,7.59c-.68-.75-1.6-1.96-2.24-3.59h4.48c-.64,1.63-1.56,2.84-2.24,3.59Zm2.56-.02c.66-.94,1.32-2.13,1.79-3.57h2.56c-.96,1.66-2.51,2.94-4.35,3.57Zm4.35-11.57h-2.57c-.36-1.12-.91-2.35-1.75-3.56,1.83.63,3.36,1.91,4.32,3.56Zm-9.51-3.56c-.84,1.21-1.39,2.44-1.75,3.56h-2.57c.96-1.65,2.49-2.93,4.32-3.56Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-layer::before, .btn[class*=ico-].ico-group::before,
.btn-ico.ico-layer::before,
.btn-ico.ico-group::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m22,12c0-.363-.197-.698-.515-.874l-2.027-1.126,2.027-1.126c.317-.176.515-.511.515-.874s-.197-.698-.515-.874L12.485,2.126c-.301-.168-.67-.168-.971,0L2.515,7.126c-.317.176-.515.511-.515.874s.197.698.515.874l2.027,1.126-2.027,1.126c-.317.176-.515.511-.515.874s.197.698.515.874l2.027,1.126-2.027,1.126c-.317.176-.515.511-.515.874s.197.698.515.874l9,5c.15.084.318.126.485.126s.335-.042.485-.126l9-5c.317-.176.515-.511.515-.874s-.197-.698-.515-.874l-2.027-1.126,2.027-1.126c.317-.176.515-.511.515-.874Zm-10-7.856l6.94,3.856-6.94,3.856-6.94-3.856,6.94-3.856Zm-.485,9.73c.15.084.318.126.485.126s.335-.042.485-.126l4.915-2.73,1.541.856-6.941,3.856-6.941-3.856,1.541-.856,4.915,2.73Zm7.427,2.126l-6.941,3.856-6.941-3.856,1.541-.856,4.915,2.73c.15.084.318.126.485.126s.335-.042.485-.126l4.915-2.73,1.541.856Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m22,12c0-.363-.197-.698-.515-.874l-2.027-1.126,2.027-1.126c.317-.176.515-.511.515-.874s-.197-.698-.515-.874L12.485,2.126c-.301-.168-.67-.168-.971,0L2.515,7.126c-.317.176-.515.511-.515.874s.197.698.515.874l2.027,1.126-2.027,1.126c-.317.176-.515.511-.515.874s.197.698.515.874l2.027,1.126-2.027,1.126c-.317.176-.515.511-.515.874s.197.698.515.874l9,5c.15.084.318.126.485.126s.335-.042.485-.126l9-5c.317-.176.515-.511.515-.874s-.197-.698-.515-.874l-2.027-1.126,2.027-1.126c.317-.176.515-.511.515-.874Zm-10-7.856l6.94,3.856-6.94,3.856-6.94-3.856,6.94-3.856Zm-.485,9.73c.15.084.318.126.485.126s.335-.042.485-.126l4.915-2.73,1.541.856-6.941,3.856-6.941-3.856,1.541-.856,4.915,2.73Zm7.427,2.126l-6.941,3.856-6.941-3.856,1.541-.856,4.915,2.73c.15.084.318.126.485.126s.335-.042.485-.126l4.915-2.73,1.541.856Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-link::before,
.btn-ico.ico-link::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,12c0,2.76,2.24,5,5,5h4v-2h-4c-1.65,0-3-1.35-3-3s1.35-3,3-3h4v-2h-4c-2.76,0-5,2.24-5,5Z'/%3E%3Cpath d='m17,7h-4v2h4c1.65,0,3,1.35,3,3s-1.35,3-3,3h-4v2h4c2.76,0,5-2.24,5-5s-2.24-5-5-5Z'/%3E%3Crect x='8' y='11' width='8' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,12c0,2.76,2.24,5,5,5h4v-2h-4c-1.65,0-3-1.35-3-3s1.35-3,3-3h4v-2h-4c-2.76,0-5,2.24-5,5Z'/%3E%3Cpath d='m17,7h-4v2h4c1.65,0,3,1.35,3,3s-1.35,3-3,3h-4v2h4c2.76,0,5-2.24,5-5s-2.24-5-5-5Z'/%3E%3Crect x='8' y='11' width='8' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-location::before,
.btn-ico.ico-location::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2c-3.02,0-5.68,1.7-6.99,4-1,1.74-1,3.42-1,4,.03,3.14,1.86,5.39,3.99,8,.88,1.08,2.19,2.51,4,4,1.81-1.49,3.12-2.92,4-4,2.13-2.61,3.97-4.86,3.99-8,0-.58,0-2.26-1-4-1.32-2.3-3.98-4-6.99-4Zm5.99,7.98c-.02,2.44-1.58,4.34-3.54,6.75-.75.92-1.57,1.79-2.45,2.61-.88-.82-1.7-1.69-2.45-2.61-1.97-2.41-3.52-4.31-3.54-6.75,0-.42-.01-1.68.73-2.99,1.04-1.82,3.11-2.99,5.26-2.99s4.22,1.18,5.26,2.99c.75,1.31.74,2.57.73,2.99Z'/%3E%3Cpath d='m12,7c-1.66,0-3,1.34-3,3s1.34,3,3,3,3-1.34,3-3-1.34-3-3-3Zm0,4c-.55,0-1-.45-1-1s.45-1,1-1,1,.45,1,1-.45,1-1,1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2c-3.02,0-5.68,1.7-6.99,4-1,1.74-1,3.42-1,4,.03,3.14,1.86,5.39,3.99,8,.88,1.08,2.19,2.51,4,4,1.81-1.49,3.12-2.92,4-4,2.13-2.61,3.97-4.86,3.99-8,0-.58,0-2.26-1-4-1.32-2.3-3.98-4-6.99-4Zm5.99,7.98c-.02,2.44-1.58,4.34-3.54,6.75-.75.92-1.57,1.79-2.45,2.61-.88-.82-1.7-1.69-2.45-2.61-1.97-2.41-3.52-4.31-3.54-6.75,0-.42-.01-1.68.73-2.99,1.04-1.82,3.11-2.99,5.26-2.99s4.22,1.18,5.26,2.99c.75,1.31.74,2.57.73,2.99Z'/%3E%3Cpath d='m12,7c-1.66,0-3,1.34-3,3s1.34,3,3,3,3-1.34,3-3-1.34-3-3-3Zm0,4c-.55,0-1-.45-1-1s.45-1,1-1,1,.45,1,1-.45,1-1,1Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-lock::before,
.btn-ico.ico-lock::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m20,10h-3v-3c0-2.76-2.24-5-5-5s-5,2.24-5,5v3h-3v12h16v-12Zm-11-3c0-1.65,1.35-3,3-3s3,1.35,3,3v3h-6v-3Zm9,13H6v-8h12v8Z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m20,10h-3v-3c0-2.76-2.24-5-5-5s-5,2.24-5,5v3h-3v12h16v-12Zm-11-3c0-1.65,1.35-3,3-3s3,1.35,3,3v3h-6v-3Zm9,13H6v-8h12v8Z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-login::before,
.btn-ico.ico-login::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m21,2h-9v2h8v16h-8v2h9c.55,0,1-.45,1-1V3c0-.55-.45-1-1-1Z'/%3E%3Cpath d='m8.29,16.29l1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5-1.41,1.41,3.29,3.29H2s0,2,0,2h9.58s-3.29,3.29-3.29,3.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m21,2h-9v2h8v16h-8v2h9c.55,0,1-.45,1-1V3c0-.55-.45-1-1-1Z'/%3E%3Cpath d='m8.29,16.29l1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5-1.41,1.41,3.29,3.29H2s0,2,0,2h9.58s-3.29,3.29-3.29,3.29Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-logout::before,
.btn-ico.ico-logout::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,22h9v-2H4V4h8v-2H3c-.55,0-1,.45-1,1v18c0,.55.45,1,1,1Z'/%3E%3Cpath d='m16.71,6.29l-1.41,1.41,3.29,3.29h-9.59s0,2,0,2h9.58s-3.29,3.29-3.29,3.29l1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,22h9v-2H4V4h8v-2H3c-.55,0-1,.45-1,1v18c0,.55.45,1,1,1Z'/%3E%3Cpath d='m16.71,6.29l-1.41,1.41,3.29,3.29h-9.59s0,2,0,2h9.58s-3.29,3.29-3.29,3.29l1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-mail::before,
.btn-ico.ico-mail::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,9v11h20V4H2v5Zm2-3h16v1.87l-8,4.8L4,7.87v-1.87Zm0,4.2l8,4.8,8-4.8v7.8H4v-7.8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,9v11h20V4H2v5Zm2-3h16v1.87l-8,4.8L4,7.87v-1.87Zm0,4.2l8,4.8,8-4.8v7.8H4v-7.8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-map::before,
.btn-ico.ico-map::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15,20l7-2V4l-7,2-6-2-7,2v14l7-2,6,2Zm1-12.21l4-1.14v9.84l-4,1.14V7.79Zm-6-1.35l4,1.33v9.78l-4-1.33V6.44Zm-2,9.76l-4,1.14V7.51l4-1.14v9.84Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15,20l7-2V4l-7,2-6-2-7,2v14l7-2,6,2Zm1-12.21l4-1.14v9.84l-4,1.14V7.79Zm-6-1.35l4,1.33v9.78l-4-1.33V6.44Zm-2,9.76l-4,1.14V7.51l4-1.14v9.84Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-menu::before, .btn[class*=ico-].ico-list::before,
.btn-ico.ico-menu::before,
.btn-ico.ico-list::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3Crect x='3' y='5' width='18' height='2'/%3E%3Crect x='3' y='17' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3Crect x='3' y='5' width='18' height='2'/%3E%3Crect x='3' y='17' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-mic::before,
.btn-ico.ico-mic::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,19.93v2.07h2v-2.07c3.94-.49,7-3.86,7-7.93h-2c0,3.31-2.69,6-6,6s-6-2.69-6-6h-2c0,4.07,3.06,7.44,7,7.93Z'/%3E%3Cpath d='m8,6v6c0,2.21,1.79,4,4,4s4-1.79,4-4v-6c0-2.21-1.79-4-4-4s-4,1.79-4,4Zm6,0v6c0,1.1-.9,2-2,2s-2-.9-2-2v-6c0-1.1.9-2,2-2s2,.9,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,19.93v2.07h2v-2.07c3.94-.49,7-3.86,7-7.93h-2c0,3.31-2.69,6-6,6s-6-2.69-6-6h-2c0,4.07,3.06,7.44,7,7.93Z'/%3E%3Cpath d='m8,6v6c0,2.21,1.79,4,4,4s4-1.79,4-4v-6c0-2.21-1.79-4-4-4s-4,1.79-4,4Zm6,0v6c0,1.1-.9,2-2,2s-2-.9-2-2v-6c0-1.1.9-2,2-2s2,.9,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-more-horiz::before,
.btn-ico.ico-more-horiz::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3Ccircle cx='18.5' cy='12' r='1.5'/%3E%3Ccircle cx='5.5' cy='12' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3Ccircle cx='18.5' cy='12' r='1.5'/%3E%3Ccircle cx='5.5' cy='12' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-more-vert::before,
.btn-ico.ico-more-vert::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3Ccircle cx='12' cy='18.5' r='1.5'/%3E%3Ccircle cx='12' cy='5.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3Ccircle cx='12' cy='18.5' r='1.5'/%3E%3Ccircle cx='12' cy='5.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-music::before,
.btn-ico.ico-music::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m7,7v7.55c-.59-.34-1.27-.55-2-.55-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4v-8.29l10-1.43v4.27c-.59-.34-1.27-.55-2-.55-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4V2l-14,2v3Zm-2,13c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Zm12-2c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2ZM9,7v-1.27l10-1.43v1.96l-10,1.43v-.69Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m7,7v7.55c-.59-.34-1.27-.55-2-.55-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4v-8.29l10-1.43v4.27c-.59-.34-1.27-.55-2-.55-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4V2l-14,2v3Zm-2,13c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Zm12-2c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2ZM9,7v-1.27l10-1.43v1.96l-10,1.43v-.69Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-openinnew::before,
.btn-ico.ico-openinnew::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8H4V4h8v-2H3c-.55,0-1,.45-1,1v18Z'/%3E%3Cpath d='m22,10V3c0-.55-.45-1-1-1h-7v2h4.59l-7.29,7.29,1.41,1.41,7.29-7.29v4.59h2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8H4V4h8v-2H3c-.55,0-1,.45-1,1v18Z'/%3E%3Cpath d='m22,10V3c0-.55-.45-1-1-1h-7v2h4.59l-7.29,7.29,1.41,1.41,7.29-7.29v4.59h2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-plus::before,
.btn-ico.ico-plus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-people::before,
.btn-ico.ico-people::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m9,11c2.206,0,4-1.794,4-4s-1.794-4-4-4-4,1.794-4,4,1.794,4,4,4Zm0-6c1.103,0,2,.897,2,2s-.897,2-2,2-2-.897-2-2,.897-2,2-2Z'/%3E%3Cpath class='cls-2' d='m17,12c1.654,0,3-1.346,3-3s-1.346-3-3-3-3,1.346-3,3,1.346,3,3,3Zm0-4c.552,0,1,.448,1,1s-.448,1-1,1-1-.448-1-1,.448-1,1-1Z'/%3E%3Cpath class='cls-2' d='m22,17c0-2.206-1.794-4-4-4h-4.031c-.833-.62-1.854-1-2.969-1h-4c-2.757,0-5,2.243-5,5v5h14v-2h6v-3Zm-18,3v-3c0-1.654,1.346-3,3-3h4c.794,0,1.512.316,2.05.821.083.078.156.163.228.249.058.068.119.133.17.206.071.1.127.208.185.316.037.069.08.134.112.206.059.135.1.278.139.42.015.054.038.104.049.159.043.203.066.411.066.621v3H4Zm16-2h-4v-1c0-.35-.037-.691-.106-1.02-.012-.057-.038-.11-.052-.167-.066-.27-.143-.536-.252-.787-.004-.008-.005-.018-.008-.026h2.418c1.103,0,2,.897,2,2v1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m9,11c2.206,0,4-1.794,4-4s-1.794-4-4-4-4,1.794-4,4,1.794,4,4,4Zm0-6c1.103,0,2,.897,2,2s-.897,2-2,2-2-.897-2-2,.897-2,2-2Z'/%3E%3Cpath class='cls-2' d='m17,12c1.654,0,3-1.346,3-3s-1.346-3-3-3-3,1.346-3,3,1.346,3,3,3Zm0-4c.552,0,1,.448,1,1s-.448,1-1,1-1-.448-1-1,.448-1,1-1Z'/%3E%3Cpath class='cls-2' d='m22,17c0-2.206-1.794-4-4-4h-4.031c-.833-.62-1.854-1-2.969-1h-4c-2.757,0-5,2.243-5,5v5h14v-2h6v-3Zm-18,3v-3c0-1.654,1.346-3,3-3h4c.794,0,1.512.316,2.05.821.083.078.156.163.228.249.058.068.119.133.17.206.071.1.127.208.185.316.037.069.08.134.112.206.059.135.1.278.139.42.015.054.038.104.049.159.043.203.066.411.066.621v3H4Zm16-2h-4v-1c0-.35-.037-.691-.106-1.02-.012-.057-.038-.11-.052-.167-.066-.27-.143-.536-.252-.787-.004-.008-.005-.018-.008-.026h2.418c1.103,0,2,.897,2,2v1Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-profile::before,
.btn-ico.ico-profile::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,12c2.76,0,5-2.24,5-5s-2.24-5-5-5-5,2.24-5,5,2.24,5,5,5Zm0-8c1.65,0,3,1.35,3,3s-1.35,3-3,3-3-1.35-3-3,1.35-3,3-3Z'/%3E%3Cpath d='m22,18c0-2.21-1.79-4-4-4H6c-2.21,0-4,1.79-4,4v4h20v-4Zm-2,2H4v-2c0-1.1.9-2,2-2h12c1.1,0,2,.9,2,2v2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,12c2.76,0,5-2.24,5-5s-2.24-5-5-5-5,2.24-5,5,2.24,5,5,5Zm0-8c1.65,0,3,1.35,3,3s-1.35,3-3,3-3-1.35-3-3,1.35-3,3-3Z'/%3E%3Cpath d='m22,18c0-2.21-1.79-4-4-4H6c-2.21,0-4,1.79-4,4v4h20v-4Zm-2,2H4v-2c0-1.1.9-2,2-2h12c1.1,0,2,.9,2,2v2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-phone::before,
.btn-ico.ico-phone::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Crect class='cls-1' width='24' height='24'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-3'%3E%3Crect class='cls-2' x='9' y='6' width='6' height='2'/%3E%3Cpath class='cls-2' d='M17,20H7V4h10v16ZM19,2H5v20h14V2Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Crect class='cls-1' width='24' height='24'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-3'%3E%3Crect class='cls-2' x='9' y='6' width='6' height='2'/%3E%3Cpath class='cls-2' d='M17,20H7V4h10v16ZM19,2H5v20h14V2Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-pin::before,
.btn-ico.ico-pin::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M15,1l-3,3c.333.333.667.667,1,1l-4,4c-.364-.087-.888-.18-1.514-.18-.449,0-.951.048-1.486.18-2.453.607-3.71,2.529-4,3,1.431,1.431,2.862,2.862,4.293,4.293l-4,4,1.414,1.414,4-4c1.431,1.431,2.862,2.862,4.293,4.293.471-.29,2.393-1.547,3-4,.317-1.279.15-2.374,0-3l4-4c.333.333.667.667,1,1l3-3L15,1ZM19.938,9.233c-.293-.156-.615-.233-.938-.233-.512,0-1.024.195-1.414.586l-4,4c-.492.492-.693,1.203-.531,1.879.165.689.166,1.399.004,2.055-.183.739-.547,1.328-.934,1.776l-7.421-7.421c.449-.387,1.037-.751,1.776-.934.326-.081.664-.122,1.005-.122.348,0,.701.042,1.049.125.154.037.31.055.465.055.524,0,1.035-.206,1.414-.586l4-4c.637-.637.754-1.597.353-2.353l.233-.233,5.172,5.172-.233.233Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M15,1l-3,3c.333.333.667.667,1,1l-4,4c-.364-.087-.888-.18-1.514-.18-.449,0-.951.048-1.486.18-2.453.607-3.71,2.529-4,3,1.431,1.431,2.862,2.862,4.293,4.293l-4,4,1.414,1.414,4-4c1.431,1.431,2.862,2.862,4.293,4.293.471-.29,2.393-1.547,3-4,.317-1.279.15-2.374,0-3l4-4c.333.333.667.667,1,1l3-3L15,1ZM19.938,9.233c-.293-.156-.615-.233-.938-.233-.512,0-1.024.195-1.414.586l-4,4c-.492.492-.693,1.203-.531,1.879.165.689.166,1.399.004,2.055-.183.739-.547,1.328-.934,1.776l-7.421-7.421c.449-.387,1.037-.751,1.776-.934.326-.081.664-.122,1.005-.122.348,0,.701.042,1.049.125.154.037.31.055.465.055.524,0,1.035-.206,1.414-.586l4-4c.637-.637.754-1.597.353-2.353l.233-.233,5.172,5.172-.233.233Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-pin-active::before,
.btn-ico.ico-pin-active::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M15,1l-3,3c.333.333.667.667,1,1-1.333,1.333-2.667,2.667-4,4-.626-.15-1.721-.317-3,0-2.453.607-3.71,2.529-4,3,1.431,1.431,2.862,2.862,4.293,4.293l-4,4,1.414,1.414,4-4c1.431,1.431,2.862,2.862,4.293,4.293.471-.29,2.393-1.547,3-4,.317-1.279.15-2.374,0-3,1.333-1.333,2.667-2.667,4-4,.333.333.667.667,1,1l3-3L15,1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M15,1l-3,3c.333.333.667.667,1,1-1.333,1.333-2.667,2.667-4,4-.626-.15-1.721-.317-3,0-2.453.607-3.71,2.529-4,3,1.431,1.431,2.862,2.862,4.293,4.293l-4,4,1.414,1.414,4-4c1.431,1.431,2.862,2.862,4.293,4.293.471-.29,2.393-1.547,3-4,.317-1.279.15-2.374,0-3,1.333-1.333,2.667-2.667,4-4,.333.333.667.667,1,1l3-3L15,1Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-power::before,
.btn-ico.ico-power::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5.64,5.64c-1.7,1.7-2.64,3.96-2.64,6.36s.94,4.66,2.64,6.36c1.7,1.7,3.96,2.64,6.36,2.64s4.66-.94,6.36-2.64c1.7-1.7,2.64-3.96,2.64-6.36s-.94-4.66-2.64-6.36l-1.41,1.41c1.32,1.32,2.05,3.08,2.05,4.95s-.73,3.63-2.05,4.95-3.08,2.05-4.95,2.05-3.63-.73-4.95-2.05-2.05-3.08-2.05-4.95.73-3.63,2.05-4.95l-1.41-1.41Z'/%3E%3Crect x='11' y='2' width='2' height='10'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5.64,5.64c-1.7,1.7-2.64,3.96-2.64,6.36s.94,4.66,2.64,6.36c1.7,1.7,3.96,2.64,6.36,2.64s4.66-.94,6.36-2.64c1.7-1.7,2.64-3.96,2.64-6.36s-.94-4.66-2.64-6.36l-1.41,1.41c1.32,1.32,2.05,3.08,2.05,4.95s-.73,3.63-2.05,4.95-3.08,2.05-4.95,2.05-3.63-.73-4.95-2.05-2.05-3.08-2.05-4.95.73-3.63,2.05-4.95l-1.41-1.41Z'/%3E%3Crect x='11' y='2' width='2' height='10'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-print::before,
.btn-ico.ico-print::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m22,7h-4V2H6v5H2v13h4v2h12v-2h4V7Zm-14-3h8v3h-8v-3Zm0,16v-5h8v5h-8Zm12-2h-2v-5H6v5h-2v-9h16v9Z'/%3E%3Ccircle class='cls-2' cx='7' cy='11' r='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m22,7h-4V2H6v5H2v13h4v2h12v-2h4V7Zm-14-3h8v3h-8v-3Zm0,16v-5h8v5h-8Zm12-2h-2v-5H6v5h-2v-9h16v9Z'/%3E%3Ccircle class='cls-2' cx='7' cy='11' r='1'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-redo::before,
.btn-ico.ico-redo::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.71,3.29l-1.41,1.41,3.29,3.29h-10.59c-3.31,0-6,2.69-6,6s2.69,6,6,6h8v-2h-8c-2.21,0-4-1.79-4-4s1.79-4,4-4h10.59l-3.29,3.29,1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.71,3.29l-1.41,1.41,3.29,3.29h-10.59c-3.31,0-6,2.69-6,6s2.69,6,6,6h8v-2h-8c-2.21,0-4-1.79-4-4s1.79-4,4-4h10.59l-3.29,3.29,1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-remove::before,
.btn-ico.ico-remove::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-refresh::before,
.btn-ico.ico-refresh::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4.93,19.07c1.95,1.95,4.51,2.92,7.07,2.92s5.12-.98,7.07-2.92c1.89-1.89,2.93-4.4,2.93-7.07h-2c0,2.14-.83,4.15-2.34,5.66-3.12,3.12-8.2,3.12-11.31,0s-3.12-8.2,0-11.31,7.8-3.1,10.94-.34h-2.28v2h5c.55,0,1-.45,1-1V2h-2v2.86c-3.9-3.83-10.2-3.81-14.07.06s-3.9,10.24,0,14.14Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4.93,19.07c1.95,1.95,4.51,2.92,7.07,2.92s5.12-.98,7.07-2.92c1.89-1.89,2.93-4.4,2.93-7.07h-2c0,2.14-.83,4.15-2.34,5.66-3.12,3.12-8.2,3.12-11.31,0s-3.12-8.2,0-11.31,7.8-3.1,10.94-.34h-2.28v2h5c.55,0,1-.45,1-1V2h-2v2.86c-3.9-3.83-10.2-3.81-14.07.06s-3.9,10.24,0,14.14Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-save::before,
.btn-ico.ico-save::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,22h20v-14l-6-6H2v20Zm14-2h-8v-4h8v4ZM8,4h4v3h-4v-3Zm-4,0h2v5h8v-5h1.17l4.83,4.83v11.17h-2v-6H6v6h-2V4Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,22h20v-14l-6-6H2v20Zm14-2h-8v-4h8v4ZM8,4h4v3h-4v-3Zm-4,0h2v5h8v-5h1.17l4.83,4.83v11.17h-2v-6H6v6h-2V4Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-schedule::before,
.btn-ico.ico-schedule::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m13,7h-2v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59Z'/%3E%3Cpath d='m12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2Zm0,18c-4.41,0-8-3.59-8-8S7.59,4,12,4s8,3.59,8,8-3.59,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m13,7h-2v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59Z'/%3E%3Cpath d='m12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2Zm0,18c-4.41,0-8-3.59-8-8S7.59,4,12,4s8,3.59,8,8-3.59,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-send::before,
.btn-ico.ico-send::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,12l-2,10,21-10L2,2l2,10Zm12.25-1H5.84l-1.1-5.48,11.5,5.48Zm-10.41,2h10.41l-11.5,5.48,1.1-5.48Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,12l-2,10,21-10L2,2l2,10Zm12.25-1H5.84l-1.1-5.48,11.5,5.48Zm-10.41,2h10.41l-11.5,5.48,1.1-5.48Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-setting::before,
.btn-ico.ico-setting::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,9c-1.66,0-3,1.34-3,3s1.34,3,3,3,3-1.34,3-3-1.34-3-3-3Zm0,4c-.55,0-1-.45-1-1s.45-1,1-1,1,.45,1,1-.45,1-1,1Z'/%3E%3Cpath d='m19.16,4.4l-2.91.83c-.17-.11-.34-.21-.52-.31l-.73-2.93h-6l-.73,2.93c-.18.09-.35.2-.52.31l-2.91-.83-3,5.2,2.18,2.1c0,.1-.02.2-.02.3s.01.2.02.3l-2.18,2.1,3,5.2,2.91-.83c.17.11.34.21.52.31l.73,2.93h6l.73-2.93c.18-.09.35-.2.52-.31l2.91.83,3-5.2-2.18-2.1c0-.1.02-.2.02-.3s-.01-.2-.02-.3l2.18-2.1-3-5.2Zm-1.16,7.56v.03s0,.06,0,.06c0,.06,0,.12-.01.18-.02.57.2,1.12.61,1.51l1.05,1.02-1.44,2.49-1.41-.4c-.18-.05-.37-.08-.55-.08-.37,0-.74.1-1.07.31-.13.08-.26.16-.39.23-.5.27-.87.73-1.01,1.28l-.35,1.41h-2.88l-.35-1.41c-.14-.55-.5-1.02-1.01-1.28-.13-.07-.26-.15-.39-.23-.32-.2-.69-.31-1.07-.31-.18,0-.37.03-.55.08l-1.4.4-1.44-2.49,1.05-1.02c.41-.39.63-.94.61-1.51,0-.06,0-.12-.01-.18v-.03s0-.06,0-.06c0-.06,0-.12.01-.18.02-.57-.2-1.12-.61-1.51l-1.05-1.02,1.44-2.49,1.4.4c.18.05.37.08.55.08.37,0,.74-.1,1.07-.31.13-.08.26-.16.39-.23.5-.27.87-.73,1.01-1.28l.35-1.41h2.88l.35,1.41c.14.55.5,1.02,1.01,1.28.13.07.26.15.39.23.32.2.69.31,1.07.31.18,0,.37-.03.55-.08l1.41-.4,1.44,2.49-1.05,1.02c-.41.39-.63.94-.61,1.51,0,.06,0,.12.01.18Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,9c-1.66,0-3,1.34-3,3s1.34,3,3,3,3-1.34,3-3-1.34-3-3-3Zm0,4c-.55,0-1-.45-1-1s.45-1,1-1,1,.45,1,1-.45,1-1,1Z'/%3E%3Cpath d='m19.16,4.4l-2.91.83c-.17-.11-.34-.21-.52-.31l-.73-2.93h-6l-.73,2.93c-.18.09-.35.2-.52.31l-2.91-.83-3,5.2,2.18,2.1c0,.1-.02.2-.02.3s.01.2.02.3l-2.18,2.1,3,5.2,2.91-.83c.17.11.34.21.52.31l.73,2.93h6l.73-2.93c.18-.09.35-.2.52-.31l2.91.83,3-5.2-2.18-2.1c0-.1.02-.2.02-.3s-.01-.2-.02-.3l2.18-2.1-3-5.2Zm-1.16,7.56v.03s0,.06,0,.06c0,.06,0,.12-.01.18-.02.57.2,1.12.61,1.51l1.05,1.02-1.44,2.49-1.41-.4c-.18-.05-.37-.08-.55-.08-.37,0-.74.1-1.07.31-.13.08-.26.16-.39.23-.5.27-.87.73-1.01,1.28l-.35,1.41h-2.88l-.35-1.41c-.14-.55-.5-1.02-1.01-1.28-.13-.07-.26-.15-.39-.23-.32-.2-.69-.31-1.07-.31-.18,0-.37.03-.55.08l-1.4.4-1.44-2.49,1.05-1.02c.41-.39.63-.94.61-1.51,0-.06,0-.12-.01-.18v-.03s0-.06,0-.06c0-.06,0-.12.01-.18.02-.57-.2-1.12-.61-1.51l-1.05-1.02,1.44-2.49,1.4.4c.18.05.37.08.55.08.37,0,.74-.1,1.07-.31.13-.08.26-.16.39-.23.5-.27.87-.73,1.01-1.28l.35-1.41h2.88l.35,1.41c.14.55.5,1.02,1.01,1.28.13.07.26.15.39.23.32.2.69.31,1.07.31.18,0,.37-.03.55-.08l1.41-.4,1.44,2.49-1.05,1.02c-.41.39-.63.94-.61,1.51,0,.06,0,.12.01.18Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-share::before,
.btn-ico.ico-share::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6,16c1.13,0,2.14-.47,2.87-1.22l3.28,2.19c-.09.33-.15.67-.15,1.03,0,2.21,1.79,4,4,4s4-1.79,4-4-1.79-4-4-4c-1.13,0-2.14.47-2.87,1.22l-3.28-2.19c.09-.33.15-.67.15-1.03s-.06-.7-.15-1.03l3.28-2.19c.73.75,1.74,1.22,2.87,1.22,2.21,0,4-1.79,4-4s-1.79-4-4-4-4,1.79-4,4c0,.36.06.7.15,1.03l-3.28,2.19c-.73-.75-1.74-1.22-2.87-1.22-2.21,0-4,1.79-4,4s1.79,4,4,4Zm10,0c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Zm0-12c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Zm-10,6c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6,16c1.13,0,2.14-.47,2.87-1.22l3.28,2.19c-.09.33-.15.67-.15,1.03,0,2.21,1.79,4,4,4s4-1.79,4-4-1.79-4-4-4c-1.13,0-2.14.47-2.87,1.22l-3.28-2.19c.09-.33.15-.67.15-1.03s-.06-.7-.15-1.03l3.28-2.19c.73.75,1.74,1.22,2.87,1.22,2.21,0,4-1.79,4-4s-1.79-4-4-4-4,1.79-4,4c0,.36.06.7.15,1.03l-3.28,2.19c-.73-.75-1.74-1.22-2.87-1.22-2.21,0-4,1.79-4,4s1.79,4,4,4Zm10,0c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Zm0-12c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Zm-10,6c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-sound::before,
.btn-ico.ico-sound::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.8,15.6c1.04-1.39,1.2-2.85,1.2-3.6,0-1.74-.75-3-1.2-3.6l-1.6,1.2c.3.4.8,1.24.8,2.4,0,.5-.1,1.47-.8,2.4l1.6,1.2Z'/%3E%3Cpath d='m18.69,4.28l-1.38,1.45c.63.6,2.69,2.83,2.69,6.28s-2.06,5.67-2.69,6.28l1.38,1.45c.78-.74,3.31-3.48,3.31-7.72s-2.53-6.99-3.31-7.72Z'/%3E%3Cpath d='m14,21V3l-8,5H2v8h4l8,5ZM4,10h2c.37,0,.74-.11,1.06-.3l4.94-3.09v10.78l-4.94-3.09c-.32-.2-.69-.3-1.06-.3h-2v-4Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.8,15.6c1.04-1.39,1.2-2.85,1.2-3.6,0-1.74-.75-3-1.2-3.6l-1.6,1.2c.3.4.8,1.24.8,2.4,0,.5-.1,1.47-.8,2.4l1.6,1.2Z'/%3E%3Cpath d='m18.69,4.28l-1.38,1.45c.63.6,2.69,2.83,2.69,6.28s-2.06,5.67-2.69,6.28l1.38,1.45c.78-.74,3.31-3.48,3.31-7.72s-2.53-6.99-3.31-7.72Z'/%3E%3Cpath d='m14,21V3l-8,5H2v8h4l8,5ZM4,10h2c.37,0,.74-.11,1.06-.3l4.94-3.09v10.78l-4.94-3.09c-.32-.2-.69-.3-1.06-.3h-2v-4Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-star::before,
.btn-ico.ico-star::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15.63,7.6l-3.63-6.6-3.63,6.6-7.37,1.42,5.13,5.5-.93,7.48,6.8-3.2,6.8,3.2-.93-7.48,5.13-5.5-7.37-1.42Zm.78,5.56c-.4.43-.6,1.02-.52,1.61l.48,3.88-3.52-1.65c-.27-.13-.56-.19-.85-.19s-.58.06-.85.19l-3.52,1.65.48-3.88c.07-.59-.12-1.18-.52-1.61l-2.67-2.86,3.82-.74c.58-.11,1.09-.48,1.37-1l1.87-3.41,1.87,3.41c.29.52.79.89,1.37,1l3.82.74-2.67,2.86Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15.63,7.6l-3.63-6.6-3.63,6.6-7.37,1.42,5.13,5.5-.93,7.48,6.8-3.2,6.8,3.2-.93-7.48,5.13-5.5-7.37-1.42Zm.78,5.56c-.4.43-.6,1.02-.52,1.61l.48,3.88-3.52-1.65c-.27-.13-.56-.19-.85-.19s-.58.06-.85.19l-3.52,1.65.48-3.88c.07-.59-.12-1.18-.52-1.61l-2.67-2.86,3.82-.74c.58-.11,1.09-.48,1.37-1l1.87-3.41,1.87,3.41c.29.52.79.89,1.37,1l3.82.74-2.67,2.86Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-star-active::before,
.btn-ico.ico-star-active::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-1' points='12 1 15.627 7.597 23 9.021 17.869 14.523 18.798 22 12 18.803 5.202 22 6.131 14.523 1 9.021 8.373 7.597 12 1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-1' points='12 1 15.627 7.597 23 9.021 17.869 14.523 18.798 22 12 18.803 5.202 22 6.131 14.523 1 9.021 8.373 7.597 12 1'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-sun::before,
.btn-ico.ico-sun::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,19c-3.859,0-7-3.141-7-7s3.141-7,7-7,7,3.141,7,7-3.141,7-7,7ZM12,7c-2.757,0-5,2.243-5,5s2.243,5,5,5,5-2.243,5-5-2.243-5-5-5Z'/%3E%3Crect class='cls-2' x='11' y='1' width='2' height='3'/%3E%3Crect class='cls-2' x='2.773' y='5.75' width='2' height='3' transform='translate(-4.392 6.893) rotate(-60.005)'/%3E%3Crect class='cls-2' x='2.273' y='15.75' width='3' height='2' transform='translate(-7.868 4.129) rotate(-29.995)'/%3E%3Crect class='cls-2' x='11' y='20' width='2' height='3'/%3E%3Crect class='cls-2' x='19.227' y='15.25' width='2' height='3' transform='translate(-4.392 25.894) rotate(-60.005)'/%3E%3Crect class='cls-2' x='18.727' y='6.25' width='3' height='2' transform='translate(-.915 11.083) rotate(-29.995)'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,19c-3.859,0-7-3.141-7-7s3.141-7,7-7,7,3.141,7,7-3.141,7-7,7ZM12,7c-2.757,0-5,2.243-5,5s2.243,5,5,5,5-2.243,5-5-2.243-5-5-5Z'/%3E%3Crect class='cls-2' x='11' y='1' width='2' height='3'/%3E%3Crect class='cls-2' x='2.773' y='5.75' width='2' height='3' transform='translate(-4.392 6.893) rotate(-60.005)'/%3E%3Crect class='cls-2' x='2.273' y='15.75' width='3' height='2' transform='translate(-7.868 4.129) rotate(-29.995)'/%3E%3Crect class='cls-2' x='11' y='20' width='2' height='3'/%3E%3Crect class='cls-2' x='19.227' y='15.25' width='2' height='3' transform='translate(-4.392 25.894) rotate(-60.005)'/%3E%3Crect class='cls-2' x='18.727' y='6.25' width='3' height='2' transform='translate(-.915 11.083) rotate(-29.995)'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-thumb-up::before,
.btn-ico.ico-thumb-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m18.46,9h-4.46l.42-2.51c.3-1.83-1.11-3.49-2.96-3.49h-2.46l-2,6H3l-1,12h18l1.42-8.51c.3-1.83-1.11-3.49-2.96-3.49Zm-12.3,10h-1.99l.67-8h1.99l-.67,8Zm13.29-6.84l-1.14,6.84h-10.13l.8-9.59,1.47-4.41h1.02c.4,0,.65.22.76.35.11.13.29.41.22.81l-.42,2.51c-.1.58.07,1.17.45,1.62.38.45.94.71,1.53.71h4.46c.4,0,.65.22.76.35.11.13.29.41.22.81Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m18.46,9h-4.46l.42-2.51c.3-1.83-1.11-3.49-2.96-3.49h-2.46l-2,6H3l-1,12h18l1.42-8.51c.3-1.83-1.11-3.49-2.96-3.49Zm-12.3,10h-1.99l.67-8h1.99l-.67,8Zm13.29-6.84l-1.14,6.84h-10.13l.8-9.59,1.47-4.41h1.02c.4,0,.65.22.76.35.11.13.29.41.22.81l-.42,2.51c-.1.58.07,1.17.45,1.62.38.45.94.71,1.53.71h4.46c.4,0,.65.22.76.35.11.13.29.41.22.81Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-thumb-down::before,
.btn-ico.ico-thumb-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,3H4l-1.42,8.51c-.3,1.83,1.11,3.49,2.96,3.49h4.46l-.42,2.51c-.3,1.83,1.11,3.49,2.96,3.49h2.46l2-6h4l1-12h-6Zm-.97,11.59l-1.47,4.41h-1.02c-.4,0-.65-.22-.76-.35s-.29-.41-.22-.81l.42-2.51c.1-.58-.07-1.17-.45-1.62-.38-.45-.94-.71-1.53-.71h-4.46c-.4,0-.65-.22-.76-.35s-.29-.41-.22-.81l1.14-6.84h10.13l-.8,9.59Zm4.13-1.59h-1.99l.67-8h1.99l-.67,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,3H4l-1.42,8.51c-.3,1.83,1.11,3.49,2.96,3.49h4.46l-.42,2.51c-.3,1.83,1.11,3.49,2.96,3.49h2.46l2-6h4l1-12h-6Zm-.97,11.59l-1.47,4.41h-1.02c-.4,0-.65-.22-.76-.35s-.29-.41-.22-.81l.42-2.51c.1-.58-.07-1.17-.45-1.62-.38-.45-.94-.71-1.53-.71h-4.46c-.4,0-.65-.22-.76-.35s-.29-.41-.22-.81l1.14-6.84h10.13l-.8,9.59Zm4.13-1.59h-1.99l.67-8h1.99l-.67,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-trophy::before,
.btn-ico.ico-trophy::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M21,5h-2v-2c0-.553-.448-1-1-1H6c-.552,0-1,.447-1,1v2h-2c-.552,0-1,.447-1,1v3c0,2.757,2.243,5,5,5h.111c.594.581,1.29,1.055,2.058,1.396.014.457-.014.903-.134,1.341-.123.451-.331.867-.581,1.263h-1.454c-.552,0-1,.447-1,1v3c0,.553.448,1,1,1h10c.552,0,1-.447,1-1v-3c0-.553-.448-1-1-1h-1.454c-.25-.396-.459-.812-.581-1.263-.119-.438-.148-.884-.134-1.341.769-.342,1.465-.816,2.058-1.396h.111c2.757,0,5-2.243,5-5v-3c0-.553-.448-1-1-1ZM7,4h10v5c0,.326-.036.644-.096.953-.026.135-.075.264-.112.396-.048.169-.091.339-.155.5-.061.153-.142.297-.218.443-.067.128-.129.259-.207.381-.096.15-.209.29-.321.43-.67.838-1.594,1.455-2.664,1.728-.109.028-.217.059-.327.079-.284.052-.575.087-.874.088-.019,0-.038,0-.057,0-.297-.002-.586-.036-.869-.088-.109-.02-.217-.051-.325-.079-1.07-.272-1.994-.889-2.664-1.727-.113-.141-.227-.283-.323-.434-.076-.119-.137-.246-.202-.372-.078-.149-.16-.296-.223-.451-.063-.158-.106-.325-.153-.49-.039-.135-.087-.266-.114-.404-.06-.309-.096-.626-.096-.952V4ZM4,9v-2h1v2c0,.231.012.46.035.688.011.117.033.231.05.347.016.107.028.214.049.32.029.145.067.286.104.427.019.073.035.148.057.22.046.154.101.303.158.453.018.048.031.098.051.145-.898-.52-1.503-1.49-1.503-2.6ZM16,21h-8v-1h8v1ZM12.819,15.951c.027.444.1.883.216,1.312.068.251.151.497.248.737h-2.565c.097-.24.179-.486.248-.737.117-.429.189-.866.216-1.312.012.001.023,0,.035.002.258.029.518.047.784.047s.526-.018.784-.047c.012-.001.023,0,.035-.002ZM20,9c0,1.109-.605,2.08-1.503,2.6.022-.055.038-.112.058-.168.053-.141.105-.282.148-.427.023-.078.04-.158.061-.237.036-.137.073-.273.101-.413.021-.107.034-.216.05-.325.017-.114.038-.227.05-.343.023-.228.035-.457.035-.688v-2h1v2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M21,5h-2v-2c0-.553-.448-1-1-1H6c-.552,0-1,.447-1,1v2h-2c-.552,0-1,.447-1,1v3c0,2.757,2.243,5,5,5h.111c.594.581,1.29,1.055,2.058,1.396.014.457-.014.903-.134,1.341-.123.451-.331.867-.581,1.263h-1.454c-.552,0-1,.447-1,1v3c0,.553.448,1,1,1h10c.552,0,1-.447,1-1v-3c0-.553-.448-1-1-1h-1.454c-.25-.396-.459-.812-.581-1.263-.119-.438-.148-.884-.134-1.341.769-.342,1.465-.816,2.058-1.396h.111c2.757,0,5-2.243,5-5v-3c0-.553-.448-1-1-1ZM7,4h10v5c0,.326-.036.644-.096.953-.026.135-.075.264-.112.396-.048.169-.091.339-.155.5-.061.153-.142.297-.218.443-.067.128-.129.259-.207.381-.096.15-.209.29-.321.43-.67.838-1.594,1.455-2.664,1.728-.109.028-.217.059-.327.079-.284.052-.575.087-.874.088-.019,0-.038,0-.057,0-.297-.002-.586-.036-.869-.088-.109-.02-.217-.051-.325-.079-1.07-.272-1.994-.889-2.664-1.727-.113-.141-.227-.283-.323-.434-.076-.119-.137-.246-.202-.372-.078-.149-.16-.296-.223-.451-.063-.158-.106-.325-.153-.49-.039-.135-.087-.266-.114-.404-.06-.309-.096-.626-.096-.952V4ZM4,9v-2h1v2c0,.231.012.46.035.688.011.117.033.231.05.347.016.107.028.214.049.32.029.145.067.286.104.427.019.073.035.148.057.22.046.154.101.303.158.453.018.048.031.098.051.145-.898-.52-1.503-1.49-1.503-2.6ZM16,21h-8v-1h8v1ZM12.819,15.951c.027.444.1.883.216,1.312.068.251.151.497.248.737h-2.565c.097-.24.179-.486.248-.737.117-.429.189-.866.216-1.312.012.001.023,0,.035.002.258.029.518.047.784.047s.526-.018.784-.047c.012-.001.023,0,.035-.002ZM20,9c0,1.109-.605,2.08-1.503,2.6.022-.055.038-.112.058-.168.053-.141.105-.282.148-.427.023-.078.04-.158.061-.237.036-.137.073-.273.101-.413.021-.107.034-.216.05-.325.017-.114.038-.227.05-.343.023-.228.035-.457.035-.688v-2h1v2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-undo::before,
.btn-ico.ico-undo::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,8H5.41l3.29-3.29-1.41-1.41-5,5c-.39.39-.39,1.02,0,1.41l5,5,1.41-1.41-3.29-3.29h10.59c2.21,0,4,1.79,4,4s-1.79,4-4,4h-8v2h8c3.31,0,6-2.69,6-6s-2.69-6-6-6Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,8H5.41l3.29-3.29-1.41-1.41-5,5c-.39.39-.39,1.02,0,1.41l5,5,1.41-1.41-3.29-3.29h10.59c2.21,0,4,1.79,4,4s-1.79,4-4,4h-8v2h8c3.31,0,6-2.69,6-6s-2.69-6-6-6Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-unlock::before,
.btn-ico.ico-unlock::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,4c1.65,0,3,1.35,3,3h2c0-2.76-2.24-5-5-5s-5,2.24-5,5v3h-3v12h16v-12h-11v-3c0-1.65,1.35-3,3-3Zm6,16H6v-8h12v8Z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,4c1.65,0,3,1.35,3,3h2c0-2.76-2.24-5-5-5s-5,2.24-5,5v3h-3v12h16v-12h-11v-3c0-1.65,1.35-3,3-3Zm6,16H6v-8h12v8Z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-update::before,
.btn-ico.ico-update::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m17.66,17.66c-1.51,1.51-3.52,2.34-5.66,2.34s-4.15-.83-5.66-2.34-2.34-3.52-2.34-5.66.83-4.15,2.34-5.66,3.52-2.34,5.66-2.34c1.97,0,3.82.71,5.28,2h-2.28v2h5c.55,0,1-.45,1-1V2h-2v2.86c-1.88-1.85-4.36-2.86-7-2.86s-5.18,1.04-7.07,2.93c-1.89,1.89-2.93,4.4-2.93,7.07s1.04,5.18,2.93,7.07c1.89,1.89,4.4,2.93,7.07,2.93s5.18-1.04,7.07-2.93c1.89-1.89,2.93-4.4,2.93-7.07h-2c0,2.14-.83,4.15-2.34,5.66Z'/%3E%3Cpath d='m11,7v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59h-2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m17.66,17.66c-1.51,1.51-3.52,2.34-5.66,2.34s-4.15-.83-5.66-2.34-2.34-3.52-2.34-5.66.83-4.15,2.34-5.66,3.52-2.34,5.66-2.34c1.97,0,3.82.71,5.28,2h-2.28v2h5c.55,0,1-.45,1-1V2h-2v2.86c-1.88-1.85-4.36-2.86-7-2.86s-5.18,1.04-7.07,2.93c-1.89,1.89-2.93,4.4-2.93,7.07s1.04,5.18,2.93,7.07c1.89,1.89,4.4,2.93,7.07,2.93s5.18-1.04,7.07-2.93c1.89-1.89,2.93-4.4,2.93-7.07h-2c0,2.14-.83,4.15-2.34,5.66Z'/%3E%3Cpath d='m11,7v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59h-2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-upload::before,
.btn-ico.ico-upload::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,21h18c.55,0,1-.45,1-1v-9h-2v8H4v-8h-2v9c0,.55.45,1,1,1Z'/%3E%3Cpath d='m17.71,7.29l-5-5c-.39-.39-1.02-.39-1.41,0l-5,5,1.41,1.41,3.29-3.29v10.58h2V5.41s3.29,3.29,3.29,3.29l1.41-1.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,21h18c.55,0,1-.45,1-1v-9h-2v8H4v-8h-2v9c0,.55.45,1,1,1Z'/%3E%3Cpath d='m17.71,7.29l-5-5c-.39-.39-1.02-.39-1.41,0l-5,5,1.41,1.41,3.29-3.29v10.58h2V5.41s3.29,3.29,3.29,3.29l1.41-1.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-video::before,
.btn-ico.ico-video::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,5H2v14h14v-2.5l6,1.5V6l-6,1.5v-2.5Zm-2,3v9H4V7h10v1Zm6,.56v6.88l-4-1v-4.88l4-1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,5H2v14h14v-2.5l6,1.5V6l-6,1.5v-2.5Zm-2,3v9H4V7h10v1Zm6,.56v6.88l-4-1v-4.88l4-1Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-visibility::before,
.btn-ico.ico-visibility::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,5c-4.46,0-8.47,2.81-10,7,1.53,4.19,5.54,7,10,7s8.47-2.81,10-7c-1.53-4.19-5.54-7-10-7Zm0,12c-3.37,0-6.43-1.98-7.84-5,1.41-3.02,4.47-5,7.84-5s6.43,1.98,7.84,5c-1.41,3.02-4.47,5-7.84,5Z'/%3E%3Cpath d='m12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,5c-4.46,0-8.47,2.81-10,7,1.53,4.19,5.54,7,10,7s8.47-2.81,10-7c-1.53-4.19-5.54-7-10-7Zm0,12c-3.37,0-6.43-1.98-7.84-5,1.41-3.02,4.47-5,7.84-5s6.43,1.98,7.84,5c-1.41,3.02-4.47,5-7.84,5Z'/%3E%3Cpath d='m12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-visibility-off::before,
.btn-ico.ico-visibility-off::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,19c1.61,0,3.16-.37,4.55-1.03l3.74,3.74,1.41-1.41-3.39-3.39c1.65-1.22,2.95-2.9,3.68-4.91-1.53-4.19-5.54-7-10-7-1.61,0-3.16.37-4.55,1.03l-3.74-3.74-1.41,1.41,3.39,3.39c-1.65,1.22-2.95,2.9-3.68,4.91,1.53,4.19,5.54,7,10,7Zm0-12c3.37,0,6.43,1.98,7.84,5-.66,1.42-1.7,2.6-2.96,3.47l-1.45-1.45c.35-.59.57-1.28.57-2.02,0-2.21-1.79-4-4-4-.74,0-1.43.21-2.02.57l-1-1c.95-.36,1.96-.57,3.02-.57Zm-1.93,4.49l2.44,2.44c-.16.04-.33.07-.51.07-1.1,0-2-.9-2-2,0-.18.03-.35.07-.51Zm1.41-1.41c.16-.04.33-.07.51-.07,1.1,0,2,.9,2,2,0,.18-.03.35-.07.51l-2.44-2.44Zm-4.37-1.54l1.45,1.45c-.35.59-.57,1.28-.57,2.02,0,2.21,1.79,4,4,4,.74,0,1.43-.21,2.02-.57l1,1c-.95.36-1.96.57-3.02.57-3.37,0-6.43-1.98-7.84-5,.66-1.42,1.7-2.6,2.96-3.47Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,19c1.61,0,3.16-.37,4.55-1.03l3.74,3.74,1.41-1.41-3.39-3.39c1.65-1.22,2.95-2.9,3.68-4.91-1.53-4.19-5.54-7-10-7-1.61,0-3.16.37-4.55,1.03l-3.74-3.74-1.41,1.41,3.39,3.39c-1.65,1.22-2.95,2.9-3.68,4.91,1.53,4.19,5.54,7,10,7Zm0-12c3.37,0,6.43,1.98,7.84,5-.66,1.42-1.7,2.6-2.96,3.47l-1.45-1.45c.35-.59.57-1.28.57-2.02,0-2.21-1.79-4-4-4-.74,0-1.43.21-2.02.57l-1-1c.95-.36,1.96-.57,3.02-.57Zm-1.93,4.49l2.44,2.44c-.16.04-.33.07-.51.07-1.1,0-2-.9-2-2,0-.18.03-.35.07-.51Zm1.41-1.41c.16-.04.33-.07.51-.07,1.1,0,2,.9,2,2,0,.18-.03.35-.07.51l-2.44-2.44Zm-4.37-1.54l1.45,1.45c-.35.59-.57,1.28-.57,2.02,0,2.21,1.79,4,4,4,.74,0,1.43-.21,2.02-.57l1,1c-.95.36-1.96.57-3.02.57-3.37,0-6.43-1.98-7.84-5,.66-1.42,1.7-2.6,2.96-3.47Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-warning::before,
.btn-ico.ico-warning::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m1,21h22L12,2,1,21Zm3.47-2l7.53-13.01,7.53,13.01H4.47Z'/%3E%3Ccircle cx='12' cy='17' r='1'/%3E%3Crect x='11' y='10' width='2' height='5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m1,21h22L12,2,1,21Zm3.47-2l7.53-13.01,7.53,13.01H4.47Z'/%3E%3Ccircle cx='12' cy='17' r='1'/%3E%3Crect x='11' y='10' width='2' height='5'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-zoomin::before,
.btn-ico.ico-zoomin::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='9 14 11 14 11 11 14 11 14 9 11 9 11 6 9 6 9 9 6 9 6 11 9 11 9 14'/%3E%3Cpath d='m2,10c0,4.42,3.58,8,8,8,1.85,0,3.55-.63,4.9-1.69l5.39,5.39,1.41-1.41-5.39-5.39c1.05-1.35,1.69-3.05,1.69-4.9,0-4.42-3.58-8-8-8S2,5.58,2,10Zm8-6c3.31,0,6,2.69,6,6s-2.69,6-6,6-6-2.69-6-6,2.69-6,6-6Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='9 14 11 14 11 11 14 11 14 9 11 9 11 6 9 6 9 9 6 9 6 11 9 11 9 14'/%3E%3Cpath d='m2,10c0,4.42,3.58,8,8,8,1.85,0,3.55-.63,4.9-1.69l5.39,5.39,1.41-1.41-5.39-5.39c1.05-1.35,1.69-3.05,1.69-4.9,0-4.42-3.58-8-8-8S2,5.58,2,10Zm8-6c3.31,0,6,2.69,6,6s-2.69,6-6,6-6-2.69-6-6,2.69-6,6-6Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-zoomout::before,
.btn-ico.ico-zoomout::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='6' y='9' width='8' height='2'/%3E%3Cpath d='m10,18c1.85,0,3.55-.63,4.9-1.69l5.39,5.39,1.41-1.41-5.39-5.39c1.05-1.35,1.69-3.05,1.69-4.9,0-4.42-3.58-8-8-8S2,5.58,2,10s3.58,8,8,8Zm0-14c3.31,0,6,2.69,6,6s-2.69,6-6,6-6-2.69-6-6,2.69-6,6-6Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='6' y='9' width='8' height='2'/%3E%3Cpath d='m10,18c1.85,0,3.55-.63,4.9-1.69l5.39,5.39,1.41-1.41-5.39-5.39c1.05-1.35,1.69-3.05,1.69-4.9,0-4.42-3.58-8-8-8S2,5.58,2,10s3.58,8,8,8Zm0-14c3.31,0,6,2.69,6,6s-2.69,6-6,6-6-2.69-6-6,2.69-6,6-6Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-hamburger::before,
.btn-ico.ico-hamburger::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21,11H3v2h18V11z'/%3E%3Cpath d='M21,5H3v2h18V5z'/%3E%3Cpath d='M21,17H3v2h18V17z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21,11H3v2h18V11z'/%3E%3Cpath d='M21,5H3v2h18V5z'/%3E%3Cpath d='M21,17H3v2h18V17z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-app::before, .btn[class*=ico-].ico-thumbnail::before,
.btn-ico.ico-app::before,
.btn-ico.ico-thumbnail::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M9.999,11H2.999c-.552,0-1-.448-1-1V3c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M3.999,9h5V4H3.999v5Z'/%3E%3Cpath d='M21,11h-7c-.552,0-1-.448-1-1V3c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M15,9h5V4h-5v5Z'/%3E%3Cpath d='M9.999,22H2.999c-.552,0-1-.448-1-1v-7c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M3.999,20h5v-5H3.999v5Z'/%3E%3Cpath d='M21,22h-7c-.552,0-1-.448-1-1v-7c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M15,20h5v-5h-5v5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M9.999,11H2.999c-.552,0-1-.448-1-1V3c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M3.999,9h5V4H3.999v5Z'/%3E%3Cpath d='M21,11h-7c-.552,0-1-.448-1-1V3c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M15,9h5V4h-5v5Z'/%3E%3Cpath d='M9.999,22H2.999c-.552,0-1-.448-1-1v-7c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M3.999,20h5v-5H3.999v5Z'/%3E%3Cpath d='M21,22h-7c-.552,0-1-.448-1-1v-7c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M15,20h5v-5h-5v5Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-notification::before,
.btn-ico.ico-notification::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M19,19h2v-2h-2v-6c0-3.526-2.609-6.434-6-6.92v-2.08h-2v2.08c-3.391.486-6,3.395-6,6.92v6h-2v2h16ZM7,11c0-2.757,2.243-5,5-5s5,2.243,5,5v6H7v-6Z'/%3E%3Cpath class='cls-2' d='M12,22c1.105,0,2-.895,2-2h-4c0,1.105.895,2,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M19,19h2v-2h-2v-6c0-3.526-2.609-6.434-6-6.92v-2.08h-2v2.08c-3.391.486-6,3.395-6,6.92v6h-2v2h16ZM7,11c0-2.757,2.243-5,5-5s5,2.243,5,5v6H7v-6Z'/%3E%3Cpath class='cls-2' d='M12,22c1.105,0,2-.895,2-2h-4c0,1.105.895,2,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-circle-cancle::before,
.btn-ico.ico-circle-cancle::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,4c4.411,0,8,3.589,8,8s-3.589,8-8,8-8-3.589-8-8S7.589,4,12,4M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2h0Z'/%3E%3Cpolygon class='cls-2' points='16.707 8.707 15.293 7.293 12 10.586 8.707 7.293 7.293 8.707 10.586 12 7.293 15.293 8.707 16.707 12 13.414 15.293 16.707 16.707 15.293 13.414 12 16.707 8.707'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,4c4.411,0,8,3.589,8,8s-3.589,8-8,8-8-3.589-8-8S7.589,4,12,4M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2h0Z'/%3E%3Cpolygon class='cls-2' points='16.707 8.707 15.293 7.293 12 10.586 8.707 7.293 7.293 8.707 10.586 12 7.293 15.293 8.707 16.707 12 13.414 15.293 16.707 16.707 15.293 13.414 12 16.707 8.707'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-sort::before,
.btn-ico.ico-sort::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cg clip-path='url(%23clip0_2769_1491)'%3E%3Cpath d='M9.41085 8.08919L10.5892 6.91086L6.42251 2.74419C6.09668 2.41836 5.57001 2.41836 5.24418 2.74419L1.07751 6.91086L2.25585 8.08919L5.00001 5.34503V17.5H6.66668V5.34503L9.41085 8.08919Z' fill='%23333333'/%3E%3Cpath d='M17.7442 11.9109L15 14.655V2.50003H13.3333V14.655L10.5892 11.9109L9.41085 13.0892L13.5775 17.2559C13.74 17.4184 13.9533 17.5 14.1667 17.5C14.38 17.5 14.5933 17.4184 14.7558 17.2559L18.9225 13.0892L17.7442 11.9109Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2769_1491'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cg clip-path='url(%23clip0_2769_1491)'%3E%3Cpath d='M9.41085 8.08919L10.5892 6.91086L6.42251 2.74419C6.09668 2.41836 5.57001 2.41836 5.24418 2.74419L1.07751 6.91086L2.25585 8.08919L5.00001 5.34503V17.5H6.66668V5.34503L9.41085 8.08919Z' fill='%23333333'/%3E%3Cpath d='M17.7442 11.9109L15 14.655V2.50003H13.3333V14.655L10.5892 11.9109L9.41085 13.0892L13.5775 17.2559C13.74 17.4184 13.9533 17.5 14.1667 17.5C14.38 17.5 14.5933 17.4184 14.7558 17.2559L18.9225 13.0892L17.7442 11.9109Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2769_1491'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-thumblist::before,
.btn-ico.ico-thumblist::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cg clip-path='url(%23clip0_2771_1560)'%3E%3Cpath d='M9 11H3C2.447 11 2 10.553 2 10V4C2 3.447 2.447 3 3 3H9C9.553 3 10 3.447 10 4V10C10 10.553 9.553 11 9 11ZM4 9H8V5H4V9Z' fill='%23333333'/%3E%3Cpath d='M9 21H3C2.447 21 2 20.553 2 20V14C2 13.447 2.447 13 3 13H9C9.553 13 10 13.447 10 14V20C10 20.553 9.553 21 9 21ZM4 19H8V15H4V19Z' fill='%23333333'/%3E%3Cpath d='M22 4H12V6H22V4Z' fill='%23333333'/%3E%3Cpath d='M22 8H12V10H22V8Z' fill='%23333333'/%3E%3Cpath d='M22 14H12V16H22V14Z' fill='%23333333'/%3E%3Cpath d='M22 18H12V20H22V18Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2771_1560'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cg clip-path='url(%23clip0_2771_1560)'%3E%3Cpath d='M9 11H3C2.447 11 2 10.553 2 10V4C2 3.447 2.447 3 3 3H9C9.553 3 10 3.447 10 4V10C10 10.553 9.553 11 9 11ZM4 9H8V5H4V9Z' fill='%23333333'/%3E%3Cpath d='M9 21H3C2.447 21 2 20.553 2 20V14C2 13.447 2.447 13 3 13H9C9.553 13 10 13.447 10 14V20C10 20.553 9.553 21 9 21ZM4 19H8V15H4V19Z' fill='%23333333'/%3E%3Cpath d='M22 4H12V6H22V4Z' fill='%23333333'/%3E%3Cpath d='M22 8H12V10H22V8Z' fill='%23333333'/%3E%3Cpath d='M22 14H12V16H22V14Z' fill='%23333333'/%3E%3Cpath d='M22 18H12V20H22V18Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2771_1560'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-circle-chevron-up::before,
.btn-ico.ico-circle-chevron-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293 8.29301L6.29297 13.293L7.70697 14.707L12 10.414L16.293 14.707L17.707 13.293L12.707 8.29301C12.316 7.90201 11.684 7.90201 11.293 8.29301Z' fill='%23333333'/%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293 8.29301L6.29297 13.293L7.70697 14.707L12 10.414L16.293 14.707L17.707 13.293L12.707 8.29301C12.316 7.90201 11.684 7.90201 11.293 8.29301Z' fill='%23333333'/%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-circle-chevron-down::before,
.btn-ico.ico-circle-chevron-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,13.586l-4.293-4.293-1.414,1.414,5,5c.195.195.451.293.707.293s.512-.098.707-.293l5-5-1.414-1.414-4.293,4.293Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,13.586l-4.293-4.293-1.414,1.414,5,5c.195.195.451.293.707.293s.512-.098.707-.293l5-5-1.414-1.414-4.293,4.293Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-circle-chevron-left::before,
.btn-ico.ico-circle-chevron-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Cpath class='cls-2' d='M13.293,6.293l-5,5c-.391.391-.391,1.023,0,1.414l5,5,1.414-1.414-4.293-4.293,4.293-4.293-1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Cpath class='cls-2' d='M13.293,6.293l-5,5c-.391.391-.391,1.023,0,1.414l5,5,1.414-1.414-4.293-4.293,4.293-4.293-1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-circle-chevron-right::before,
.btn-ico.ico-circle-chevron-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M10.707,6.293l-1.414,1.414,4.293,4.293-4.293,4.293,1.414,1.414,5-5c.391-.391.391-1.023,0-1.414l-5-5Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M10.707,6.293l-1.414,1.414,4.293,4.293-4.293,4.293,1.414,1.414,5-5c.391-.391.391-1.023,0-1.414l-5-5Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-circle-plus::before,
.btn-ico.ico-circle-plus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='13 7 11 7 11 11 7 11 7 13 11 13 11 17 13 17 13 13 17 13 17 11 13 11 13 7'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='13 7 11 7 11 11 7 11 7 13 11 13 11 17 13 17 13 13 17 13 17 11 13 11 13 7'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-circle-minus::before,
.btn-ico.ico-circle-minus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='7' y='11' width='10' height='2'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='7' y='11' width='10' height='2'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-circle-close::before,
.btn-ico.ico-circle-close::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='15.293 7.293 12 10.586 8.707 7.293 7.293 8.707 10.586 12 7.293 15.293 8.707 16.707 12 13.414 15.293 16.707 16.707 15.293 13.414 12 16.707 8.707 15.293 7.293'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='15.293 7.293 12 10.586 8.707 7.293 7.293 8.707 10.586 12 7.293 15.293 8.707 16.707 12 13.414 15.293 16.707 16.707 15.293 13.414 12 16.707 8.707 15.293 7.293'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-circle-check::before,
.btn-ico.ico-circle-check::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M16.293,8.293l-5.293,5.293-3.293-3.293-1.414,1.414,4,4c.195.195.451.293.707.293s.512-.098.707-.293l6-6-1.414-1.414Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M16.293,8.293l-5.293,5.293-3.293-3.293-1.414,1.414,4,4c.195.195.451.293.707.293s.512-.098.707-.293l6-6-1.414-1.414Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-adjust::before,
.btn-ico.ico-adjust::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M18.816,5c-.414-1.161-1.514-2-2.816-2s-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184ZM16,7c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M8,9c-1.302,0-2.402.839-2.816,2h-2.184v2h2.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h10.184v-2h-10.184c-.414-1.161-1.514-2-2.816-2ZM8,13c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M16,15c-1.302,0-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184c-.414-1.161-1.514-2-2.816-2ZM16,19c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M18.816,5c-.414-1.161-1.514-2-2.816-2s-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184ZM16,7c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M8,9c-1.302,0-2.402.839-2.816,2h-2.184v2h2.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h10.184v-2h-10.184c-.414-1.161-1.514-2-2.816-2ZM8,13c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M16,15c-1.302,0-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184c-.414-1.161-1.514-2-2.816-2ZM16,19c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-::before,
.btn-ico.ico-::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12.47,3.956l-6.47,4.044H2v8h4l6.47,4.044c.666.416,1.53-.063,1.53-.848V4.804c0-.785-.864-1.264-1.53-.848ZM12,17.391l-4.94-3.087c-.318-.199-.685-.304-1.06-.304h-2v-4h2c.375,0,.742-.105,1.06-.304l4.94-3.087v10.782Z'/%3E%3Cpolygon class='cls-2' points='22.707 9.707 21.293 8.293 19 10.586 16.707 8.293 15.293 9.707 17.586 12 15.293 14.293 16.707 15.707 19 13.414 21.293 15.707 22.707 14.293 20.414 12 22.707 9.707'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12.47,3.956l-6.47,4.044H2v8h4l6.47,4.044c.666.416,1.53-.063,1.53-.848V4.804c0-.785-.864-1.264-1.53-.848ZM12,17.391l-4.94-3.087c-.318-.199-.685-.304-1.06-.304h-2v-4h2c.375,0,.742-.105,1.06-.304l4.94-3.087v10.782Z'/%3E%3Cpolygon class='cls-2' points='22.707 9.707 21.293 8.293 19 10.586 16.707 8.293 15.293 9.707 17.586 12 15.293 14.293 16.707 15.707 19 13.414 21.293 15.707 22.707 14.293 20.414 12 22.707 9.707'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-sound-mute::before,
.btn-ico.ico-sound-mute::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12.47,3.956l-6.47,4.044H2v8h4l6.47,4.044c.666.416,1.53-.063,1.53-.848V4.804c0-.785-.864-1.264-1.53-.848ZM12,17.391l-4.94-3.087c-.318-.199-.685-.304-1.06-.304h-2v-4h2c.375,0,.742-.105,1.06-.304l4.94-3.087v10.782Z'/%3E%3Cpolygon points='22.707 9.707 21.293 8.293 19 10.586 16.707 8.293 15.293 9.707 17.586 12 15.293 14.293 16.707 15.707 19 13.414 21.293 15.707 22.707 14.293 20.414 12 22.707 9.707'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12.47,3.956l-6.47,4.044H2v8h4l6.47,4.044c.666.416,1.53-.063,1.53-.848V4.804c0-.785-.864-1.264-1.53-.848ZM12,17.391l-4.94-3.087c-.318-.199-.685-.304-1.06-.304h-2v-4h2c.375,0,.742-.105,1.06-.304l4.94-3.087v10.782Z'/%3E%3Cpolygon points='22.707 9.707 21.293 8.293 19 10.586 16.707 8.293 15.293 9.707 17.586 12 15.293 14.293 16.707 15.707 19 13.414 21.293 15.707 22.707 14.293 20.414 12 22.707 9.707'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-link-item::before,
.btn-ico.ico-link-item::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M4,4h10v1h2v-2c0-.552-.448-1-1-1H3c-.552,0-1,.448-1,1v12c0,.552.448,1,1,1h2v-2h-1V4Z'/%3E%3Cpath d='M21,8h-2v2h1v10h-10v-1h-2v2c0,.552.448,1,1,1h12c.552,0,1-.448,1-1v-12c0-.552-.448-1-1-1Z'/%3E%3Cpath d='M8.892,18.23c.837,0,1.624-.326,2.216-.918l.477-.477-1.414-1.414-.477.476c-.214.215-.5.333-.803.333-.336-.002-.593-.12-.808-.338-.438-.444-.433-1.163.009-1.602l2.989-2.964c.439-.435,1.152-.434,1.589.003l1.414-1.414c-1.213-1.215-3.193-1.218-4.411-.009l-2.989,2.964c-1.223,1.213-1.234,3.198-.026,4.426.591.599,1.38.931,2.221.934h.012Z'/%3E%3Cpath d='M12.906,6.686l-.5.509,1.428,1.4.49-.5c.438-.435,1.151-.435,1.589.003.439.439.439,1.153,0,1.592l-2.976,2.977c-.214.214-.499.332-.802.332-.33-.032-.594-.121-.809-.339l-1.425,1.404c.591.6,1.38.932,2.222.935h.012c.837,0,1.624-.326,2.216-.918l2.976-2.977c1.219-1.219,1.219-3.201,0-4.42-1.214-1.214-3.193-1.219-4.421,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M4,4h10v1h2v-2c0-.552-.448-1-1-1H3c-.552,0-1,.448-1,1v12c0,.552.448,1,1,1h2v-2h-1V4Z'/%3E%3Cpath d='M21,8h-2v2h1v10h-10v-1h-2v2c0,.552.448,1,1,1h12c.552,0,1-.448,1-1v-12c0-.552-.448-1-1-1Z'/%3E%3Cpath d='M8.892,18.23c.837,0,1.624-.326,2.216-.918l.477-.477-1.414-1.414-.477.476c-.214.215-.5.333-.803.333-.336-.002-.593-.12-.808-.338-.438-.444-.433-1.163.009-1.602l2.989-2.964c.439-.435,1.152-.434,1.589.003l1.414-1.414c-1.213-1.215-3.193-1.218-4.411-.009l-2.989,2.964c-1.223,1.213-1.234,3.198-.026,4.426.591.599,1.38.931,2.221.934h.012Z'/%3E%3Cpath d='M12.906,6.686l-.5.509,1.428,1.4.49-.5c.438-.435,1.151-.435,1.589.003.439.439.439,1.153,0,1.592l-2.976,2.977c-.214.214-.499.332-.802.332-.33-.032-.594-.121-.809-.339l-1.425,1.404c.591.6,1.38.932,2.222.935h.012c.837,0,1.624-.326,2.216-.918l2.976-2.977c1.219-1.219,1.219-3.201,0-4.42-1.214-1.214-3.193-1.219-4.421,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-shuffle::before,
.btn-ico.ico-shuffle::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18.707,13.293l-1.414,1.414,1.293,1.293h-3.172l-4-4,4-4h3.172l-1.293,1.293,1.414,1.414,3-3c.391-.391.391-1.023,0-1.414l-3-3-1.414,1.414,1.293,1.293h-3.586c-.265,0-.52.105-.707.293l-4.293,4.293-4.293-4.293c-.188-.188-.442-.293-.707-.293h-3v2h2.586l4,4-4,4h-2.586v2h3c.265,0,.52-.105.707-.293l4.293-4.293,4.293,4.293c.188.188.442.293.707.293h3.586l-1.293,1.293,1.414,1.414,3-3c.391-.391.391-1.023,0-1.414l-3-3Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18.707,13.293l-1.414,1.414,1.293,1.293h-3.172l-4-4,4-4h3.172l-1.293,1.293,1.414,1.414,3-3c.391-.391.391-1.023,0-1.414l-3-3-1.414,1.414,1.293,1.293h-3.586c-.265,0-.52.105-.707.293l-4.293,4.293-4.293-4.293c-.188-.188-.442-.293-.707-.293h-3v2h2.586l4,4-4,4h-2.586v2h3c.265,0,.52-.105.707-.293l4.293-4.293,4.293,4.293c.188.188.442.293.707.293h3.586l-1.293,1.293,1.414,1.414,3-3c.391-.391.391-1.023,0-1.414l-3-3Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-repeat::before,
.btn-ico.ico-repeat::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,10.586l-1.293-1.293-1.414,1.414,3,3c.195.195.451.293.707.293s.512-.098.707-.293l3-3-1.414-1.414-1.293,1.293v-4.586c0-.552-.448-1-1-1H4v2h14v3.586Z'/%3E%3Cpath d='M6,12.414l1.293,1.293,1.414-1.414-3-3c-.391-.391-1.023-.391-1.414,0l-3,3,1.414,1.414,1.293-1.293v5.586c0,.552.448,1,1,1h15v-2H6v-4.586Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,10.586l-1.293-1.293-1.414,1.414,3,3c.195.195.451.293.707.293s.512-.098.707-.293l3-3-1.414-1.414-1.293,1.293v-4.586c0-.552-.448-1-1-1H4v2h14v3.586Z'/%3E%3Cpath d='M6,12.414l1.293,1.293,1.414-1.414-3-3c-.391-.391-1.023-.391-1.414,0l-3,3,1.414,1.414,1.293-1.293v5.586c0,.552.448,1,1,1h15v-2H6v-4.586Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-arrows::before,
.btn-ico.ico-arrows::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293,9.707l1.414-1.414L7.707,3.293c-.391-.391-1.023-.391-1.414,0L1.293,8.293l1.414,1.414,3.293-3.293v14.586h2V6.414l3.293,3.293Z'/%3E%3Cpath d='M21.293,14.293l-3.293,3.293V3h-2v14.586l-3.293-3.293-1.414,1.414,5,5c.195.195.451.293.707.293s.512-.098.707-.293l5-5-1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293,9.707l1.414-1.414L7.707,3.293c-.391-.391-1.023-.391-1.414,0L1.293,8.293l1.414,1.414,3.293-3.293v14.586h2V6.414l3.293,3.293Z'/%3E%3Cpath d='M21.293,14.293l-3.293,3.293V3h-2v14.586l-3.293-3.293-1.414,1.414,5,5c.195.195.451.293.707.293s.512-.098.707-.293l5-5-1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-arrow-up-right::before,
.btn-ico.ico-arrow-up-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19,4H7v2h9.586l-12.293,12.293,1.414,1.414,12.293-12.293v9.586h2V5c0-.552-.447-1-1-1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19,4H7v2h9.586l-12.293,12.293,1.414,1.414,12.293-12.293v9.586h2V5c0-.552-.447-1-1-1Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-arrow-up-left::before,
.btn-ico.ico-arrow-up-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.707,18.293L7.414,6h9.586v-2H5c-.553,0-1,.448-1,1v12h2V7.414l12.293,12.293,1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.707,18.293L7.414,6h9.586v-2H5c-.553,0-1,.448-1,1v12h2V7.414l12.293,12.293,1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-arrow-down-left::before,
.btn-ico.ico-arrow-down-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.707,5.707l-1.414-1.414-12.293,12.293V7h-2v12c0,.553.447,1,1,1h12v-2H7.414l12.293-12.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.707,5.707l-1.414-1.414-12.293,12.293V7h-2v12c0,.553.447,1,1,1h12v-2H7.414l12.293-12.293Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-arrow-down-right::before,
.btn-ico.ico-arrow-down-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,7v9.586L5.707,4.293l-1.414,1.414,12.293,12.293H7v2h12c.553,0,1-.447,1-1V7h-2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,7v9.586L5.707,4.293l-1.414,1.414,12.293,12.293H7v2h12c.553,0,1-.447,1-1V7h-2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-chevron-left::before,
.btn-ico.ico-chevron-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M15.293,21.707L6.293,12.707c-.391-.391-.391-1.023,0-1.414L15.293,2.293l1.414,1.414-8.293,8.293,8.293,8.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M15.293,21.707L6.293,12.707c-.391-.391-.391-1.023,0-1.414L15.293,2.293l1.414,1.414-8.293,8.293,8.293,8.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-chevron-right::before,
.btn-ico.ico-chevron-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M8.707,21.707l-1.414-1.414,8.293-8.293L7.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M8.707,21.707l-1.414-1.414,8.293-8.293L7.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-chevron-up::before,
.btn-ico.ico-chevron-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20.293,16.707l-8.293-8.293L3.708,16.707l-1.414-1.414L11.293,6.293c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20.293,16.707l-8.293-8.293L3.708,16.707l-1.414-1.414L11.293,6.293c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-chevron-down::before,
.btn-ico.ico-chevron-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,18c-.256,0-.512-.098-.707-.293L2.293,8.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,18c-.256,0-.512-.098-.707-.293L2.293,8.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-chevron-double-left::before,
.btn-ico.ico-chevron-double-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M13.293,21.707L4.293,12.707c-.391-.391-.391-1.023,0-1.414L13.293,2.293l1.414,1.414L6.414,12l8.293,8.293-1.414,1.414Z'/%3E%3Cpath d='M18.293,21.707l-9-9c-.391-.391-.391-1.023,0-1.414L18.293,2.293l1.414,1.414-8.293,8.293,8.293,8.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M13.293,21.707L4.293,12.707c-.391-.391-.391-1.023,0-1.414L13.293,2.293l1.414,1.414L6.414,12l8.293,8.293-1.414,1.414Z'/%3E%3Cpath d='M18.293,21.707l-9-9c-.391-.391-.391-1.023,0-1.414L18.293,2.293l1.414,1.414-8.293,8.293,8.293,8.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-chevron-double-right::before,
.btn-ico.ico-chevron-double-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.707,21.707l-1.414-1.414,8.293-8.293L9.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3Cpath d='M5.707,21.707l-1.414-1.414,8.293-8.293L4.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.707,21.707l-1.414-1.414,8.293-8.293L9.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3Cpath d='M5.707,21.707l-1.414-1.414,8.293-8.293L4.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-chevron-double-up::before,
.btn-ico.ico-chevron-double-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20.293,14.707L12,6.414,3.707,14.707l-1.414-1.414L11.293,4.293c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3Cpath d='M20.293,19.707l-8.293-8.293L3.707,19.707l-1.414-1.414,9-9c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20.293,14.707L12,6.414,3.707,14.707l-1.414-1.414L11.293,4.293c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3Cpath d='M20.293,19.707l-8.293-8.293L3.707,19.707l-1.414-1.414,9-9c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-chevron-double-down::before,
.btn-ico.ico-chevron-double-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,20c-.256,0-.512-.098-.707-.293L2.293,10.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3Cpath d='M12,15c-.256,0-.512-.098-.707-.293L2.293,5.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,20c-.256,0-.512-.098-.707-.293L2.293,10.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3Cpath d='M12,15c-.256,0-.512-.098-.707-.293L2.293,5.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-caret-left::before,
.btn-ico.ico-caret-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M7.533,11.6l6.667-5c.33-.247.8-.012.8.4v10c0,.412-.47.647-.8.4l-6.667-5c-.267-.2-.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M7.533,11.6l6.667-5c.33-.247.8-.012.8.4v10c0,.412-.47.647-.8.4l-6.667-5c-.267-.2-.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-caret-right::before,
.btn-ico.ico-caret-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M16.467,11.6l-6.667-5c-.33-.247-.8-.012-.8.4v10c0,.412.47.647.8.4l6.667-5c.267-.2.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M16.467,11.6l-6.667-5c-.33-.247-.8-.012-.8.4v10c0,.412.47.647.8.4l6.667-5c.267-.2.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-caret-up::before,
.btn-ico.ico-caret-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,7.533l-5,6.667c-.247.33-.012.8.4.8h10c.412,0,.647-.47.4-.8l-5-6.667c-.2-.267-.6-.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,7.533l-5,6.667c-.247.33-.012.8.4.8h10c.412,0,.647-.47.4-.8l-5-6.667c-.2-.267-.6-.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-caret-down::before,
.btn-ico.ico-caret-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,16.467l-5-6.667c-.247-.33-.012-.8.4-.8h10c.412,0,.647.47.4.8l-5,6.667c-.2.267-.6.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,16.467l-5-6.667c-.247-.33-.012-.8.4-.8h10c.412,0,.647.47.4.8l-5,6.667c-.2.267-.6.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-caret-sort::before,
.btn-ico.ico-caret-sort::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.593,2.57l-4.028,5.64c-.236.331,0,.791.407.791h8.057c.407,0,.643-.46.407-.791l-4.028-5.64c-.199-.279-.614-.279-.814,0Z'/%3E%3Cpath d='M11.593,21.43l-4.028-5.64c-.236-.331,0-.791.407-.791h8.057c.407,0,.643.46.407.791l-4.028,5.64c-.199.279-.614.279-.814,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.593,2.57l-4.028,5.64c-.236.331,0,.791.407.791h8.057c.407,0,.643-.46.407-.791l-4.028-5.64c-.199-.279-.614-.279-.814,0Z'/%3E%3Cpath d='M11.593,21.43l-4.028-5.64c-.236-.331,0-.791.407-.791h8.057c.407,0,.643.46.407.791l-4.028,5.64c-.199.279-.614.279-.814,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-sprout::before,
.btn-ico.ico-sprout::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M23,4c-.708-.175-1.761-.374-3.032-.374-.896,0-1.9.099-2.968.374-1.167.301-2.701.696-4,2-.421.422-.734.882-1,1.348-.266-.466-.579-.926-1-1.348-1.299-1.304-2.833-1.699-4-2-1.068-.275-2.072-.374-2.968-.374-1.271,0-2.324.199-3.032.374-.024.777-.015,3.547,2,6,.555.675,2.174,2.585,5,3,.369.054.726.078,1.068.078.719,0,1.369-.106,1.932-.254v2.228c-3.945.37-7,2.889-7,5.948h16c0-3.059-3.055-5.578-7-5.948v-2.228c.563.148,1.213.254,1.932.254.342,0,.699-.024,1.068-.078,2.826-.415,4.445-2.325,5-3,2.015-2.453,2.024-5.223,2-6ZM8.29,11.021c-2.119-.311-3.343-1.801-3.745-2.29-.843-1.027-1.236-2.146-1.413-3.066.301-.026.601-.039.9-.039.838,0,1.669.105,2.469.311,1.067.275,2.17.559,3.082,1.475.997,1,1.322,2.318,1.41,3.324-.527.188-1.183.342-1.925.342-.259,0-.521-.019-.778-.057ZM6.832,19c1.055-1.186,2.999-2,5.168-2s4.113.814,5.168,2H6.832ZM19.455,8.731c-.402.489-1.626,1.979-3.745,2.29-.257.038-.519.057-.778.057-.742,0-1.398-.154-1.925-.342.088-1.006.413-2.324,1.41-3.324.912-.916,2.015-1.2,3.082-1.475.8-.206,1.631-.311,2.469-.311.299,0,.599.013.9.039-.177.92-.57,2.039-1.413,3.066Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M23,4c-.708-.175-1.761-.374-3.032-.374-.896,0-1.9.099-2.968.374-1.167.301-2.701.696-4,2-.421.422-.734.882-1,1.348-.266-.466-.579-.926-1-1.348-1.299-1.304-2.833-1.699-4-2-1.068-.275-2.072-.374-2.968-.374-1.271,0-2.324.199-3.032.374-.024.777-.015,3.547,2,6,.555.675,2.174,2.585,5,3,.369.054.726.078,1.068.078.719,0,1.369-.106,1.932-.254v2.228c-3.945.37-7,2.889-7,5.948h16c0-3.059-3.055-5.578-7-5.948v-2.228c.563.148,1.213.254,1.932.254.342,0,.699-.024,1.068-.078,2.826-.415,4.445-2.325,5-3,2.015-2.453,2.024-5.223,2-6ZM8.29,11.021c-2.119-.311-3.343-1.801-3.745-2.29-.843-1.027-1.236-2.146-1.413-3.066.301-.026.601-.039.9-.039.838,0,1.669.105,2.469.311,1.067.275,2.17.559,3.082,1.475.997,1,1.322,2.318,1.41,3.324-.527.188-1.183.342-1.925.342-.259,0-.521-.019-.778-.057ZM6.832,19c1.055-1.186,2.999-2,5.168-2s4.113.814,5.168,2H6.832ZM19.455,8.731c-.402.489-1.626,1.979-3.745,2.29-.257.038-.519.057-.778.057-.742,0-1.398-.154-1.925-.342.088-1.006.413-2.324,1.41-3.324.912-.916,2.015-1.2,3.082-1.475.8-.206,1.631-.311,2.469-.311.299,0,.599.013.9.039-.177.92-.57,2.039-1.413,3.066Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-clover::before,
.btn-ico.ico-clover::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19,12c.408-.325.735-.666,1-1,2.3-2.896,1.281-6.988,1-8-.508-.141-1.791-.468-3.31-.468-1.508,0-3.247.322-4.69,1.468-.333.265-.674.592-1,1-.325-.408-.666-.735-1-1-1.442-1.146-3.182-1.468-4.689-1.468-1.519,0-2.803.327-3.311.468-.281,1.012-1.3,5.104,1,8,.265.334.593.675,1,1-.407.325-.735.666-1,1-2.3,2.896-1.281,6.988-1,8,.508.141,1.792.468,3.311.468,1.507,0,3.247-.322,4.689-1.468.334-.265.675-.592,1-1,.326.408.667.735,1,1,1.443,1.146,3.182,1.468,4.69,1.468,1.519,0,2.802-.327,3.31-.468.281-1.012,1.3-5.104-1-8-.265-.334-.592-.675-1-1ZM14.244,5.566c.864-.686,2.023-1.034,3.446-1.034.526,0,1.079.048,1.637.142.247,1.455.311,3.566-.893,5.082-.197.248-.426.477-.682.681l-.705.563h-4.047v-4.047l.563-.705c.204-.256.433-.485.681-.682ZM4.674,4.674c.557-.094,1.11-.142,1.636-.142,1.423,0,2.583.348,3.446,1.034.248.197.477.426.681.682l.563.705v4.047h-4.047l-.705-.563c-.255-.204-.485-.433-.682-.681-1.204-1.516-1.139-3.627-.892-5.082ZM10.437,17.752c-.204.256-.433.485-.681.682-.864.686-2.023,1.034-3.445,1.034-.527,0-1.08-.048-1.637-.142-.247-1.455-.312-3.566.892-5.082.197-.248.427-.477.682-.681l.705-.563h4.047v4.047l-.563.705ZM19.327,19.326c-.558.094-1.111.142-1.637.142-1.423,0-2.582-.348-3.446-1.034-.248-.197-.477-.426-.681-.682l-.563-.705v-4.047h4.047l.705.563c.256.204.485.433.682.681,1.204,1.516,1.14,3.627.893,5.082Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19,12c.408-.325.735-.666,1-1,2.3-2.896,1.281-6.988,1-8-.508-.141-1.791-.468-3.31-.468-1.508,0-3.247.322-4.69,1.468-.333.265-.674.592-1,1-.325-.408-.666-.735-1-1-1.442-1.146-3.182-1.468-4.689-1.468-1.519,0-2.803.327-3.311.468-.281,1.012-1.3,5.104,1,8,.265.334.593.675,1,1-.407.325-.735.666-1,1-2.3,2.896-1.281,6.988-1,8,.508.141,1.792.468,3.311.468,1.507,0,3.247-.322,4.689-1.468.334-.265.675-.592,1-1,.326.408.667.735,1,1,1.443,1.146,3.182,1.468,4.69,1.468,1.519,0,2.802-.327,3.31-.468.281-1.012,1.3-5.104-1-8-.265-.334-.592-.675-1-1ZM14.244,5.566c.864-.686,2.023-1.034,3.446-1.034.526,0,1.079.048,1.637.142.247,1.455.311,3.566-.893,5.082-.197.248-.426.477-.682.681l-.705.563h-4.047v-4.047l.563-.705c.204-.256.433-.485.681-.682ZM4.674,4.674c.557-.094,1.11-.142,1.636-.142,1.423,0,2.583.348,3.446,1.034.248.197.477.426.681.682l.563.705v4.047h-4.047l-.705-.563c-.255-.204-.485-.433-.682-.681-1.204-1.516-1.139-3.627-.892-5.082ZM10.437,17.752c-.204.256-.433.485-.681.682-.864.686-2.023,1.034-3.445,1.034-.527,0-1.08-.048-1.637-.142-.247-1.455-.312-3.566.892-5.082.197-.248.427-.477.682-.681l.705-.563h4.047v4.047l-.563.705ZM19.327,19.326c-.558.094-1.111.142-1.637.142-1.423,0-2.582-.348-3.446-1.034-.248-.197-.477-.426-.681-.682l-.563-.705v-4.047h4.047l.705.563c.256.204.485.433.682.681,1.204,1.516,1.14,3.627.893,5.082Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-tree::before,
.btn-ico.ico-tree::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.729,10.985c.164-.467.271-.962.271-1.485,0-2.316-1.756-4.201-4.005-4.45,0-.017.005-.033.005-.05,0-2.209-1.791-4-4-4s-4,1.791-4,4c0,.017.005.033.005.05-2.249.249-4.005,2.134-4.005,4.45,0,.523.107,1.018.271,1.485-.793.953-1.271,2.178-1.271,3.515,0,3.038,2.462,5.5,5.5,5.5h2.5v3h2v-3h2.5c3.038,0,5.5-2.462,5.5-5.5,0-1.337-.478-2.562-1.271-3.515ZM15.5,18h-2.5v-.586l2.707-2.707-1.414-1.414-1.293,1.293v-3.586h-2v3.586l-1.293-1.293-1.414,1.414,2.707,2.707v.586h-2.5c-1.93,0-3.5-1.57-3.5-3.5,0-.827.279-1.6.808-2.236.45-.541.583-1.278.35-1.942-.106-.302-.158-.571-.158-.822,0-1.263.957-2.322,2.225-2.462,1.022-.114,1.791-.982,1.78-2.009,0-.034-.002-.068-.004-.102.039-1.069.921-1.927,1.999-1.927s1.962.86,1.999,1.931c-.002.034-.004.067-.004.098-.011,1.027.758,1.895,1.78,2.009,1.268.14,2.225,1.199,2.225,2.462,0,.251-.052.52-.158.822-.233.664-.1,1.401.35,1.942.529.636.808,1.409.808,2.236,0,1.93-1.57,3.5-3.5,3.5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.729,10.985c.164-.467.271-.962.271-1.485,0-2.316-1.756-4.201-4.005-4.45,0-.017.005-.033.005-.05,0-2.209-1.791-4-4-4s-4,1.791-4,4c0,.017.005.033.005.05-2.249.249-4.005,2.134-4.005,4.45,0,.523.107,1.018.271,1.485-.793.953-1.271,2.178-1.271,3.515,0,3.038,2.462,5.5,5.5,5.5h2.5v3h2v-3h2.5c3.038,0,5.5-2.462,5.5-5.5,0-1.337-.478-2.562-1.271-3.515ZM15.5,18h-2.5v-.586l2.707-2.707-1.414-1.414-1.293,1.293v-3.586h-2v3.586l-1.293-1.293-1.414,1.414,2.707,2.707v.586h-2.5c-1.93,0-3.5-1.57-3.5-3.5,0-.827.279-1.6.808-2.236.45-.541.583-1.278.35-1.942-.106-.302-.158-.571-.158-.822,0-1.263.957-2.322,2.225-2.462,1.022-.114,1.791-.982,1.78-2.009,0-.034-.002-.068-.004-.102.039-1.069.921-1.927,1.999-1.927s1.962.86,1.999,1.931c-.002.034-.004.067-.004.098-.011,1.027.758,1.895,1.78,2.009,1.268.14,2.225,1.199,2.225,2.462,0,.251-.052.52-.158.822-.233.664-.1,1.401.35,1.942.529.636.808,1.409.808,2.236,0,1.93-1.57,3.5-3.5,3.5Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-code-scan::before,
.btn-ico.ico-code-scan::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,7c0-.553-.448-1-1-1H7c-.552,0-1,.447-1,1v4H2v2h4v4c0,.553.448,1,1,1h10c.552,0,1-.447,1-1v-4h4v-2h-4v-4ZM8,8h8v3h-8v-3ZM16,16h-8v-3h8v3Z'/%3E%3Cpath class='cls-2' d='M4,4h4v-2H3c-.552,0-1,.447-1,1v5h2v-4Z'/%3E%3Cpath class='cls-2' d='M4,16h-2v5c0,.553.448,1,1,1h5v-2h-4v-4Z'/%3E%3Cpath class='cls-2' d='M20,20h-4v2h5c.552,0,1-.447,1-1v-5h-2v4Z'/%3E%3Cpath class='cls-2' d='M21,2h-5v2h4v4h2V3c0-.553-.448-1-1-1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,7c0-.553-.448-1-1-1H7c-.552,0-1,.447-1,1v4H2v2h4v4c0,.553.448,1,1,1h10c.552,0,1-.447,1-1v-4h4v-2h-4v-4ZM8,8h8v3h-8v-3ZM16,16h-8v-3h8v3Z'/%3E%3Cpath class='cls-2' d='M4,4h4v-2H3c-.552,0-1,.447-1,1v5h2v-4Z'/%3E%3Cpath class='cls-2' d='M4,16h-2v5c0,.553.448,1,1,1h5v-2h-4v-4Z'/%3E%3Cpath class='cls-2' d='M20,20h-4v2h5c.552,0,1-.447,1-1v-5h-2v4Z'/%3E%3Cpath class='cls-2' d='M21,2h-5v2h4v4h2V3c0-.553-.448-1-1-1Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-circle-play::before,
.btn-ico.ico-circle-play::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Cpath d='M16.555,11.168l-6-4c-.307-.205-.703-.225-1.026-.05-.325.174-.528.513-.528.882v8c0,.369.203.708.528.882.147.079.31.118.472.118.194,0,.387-.057.555-.168l6-4c.278-.186.445-.498.445-.832s-.167-.646-.445-.832Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Cpath d='M16.555,11.168l-6-4c-.307-.205-.703-.225-1.026-.05-.325.174-.528.513-.528.882v8c0,.369.203.708.528.882.147.079.31.118.472.118.194,0,.387-.057.555-.168l6-4c.278-.186.445-.498.445-.832s-.167-.646-.445-.832Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-circle-pause::before,
.btn-ico.ico-circle-pause::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Crect x='9' y='7' width='2' height='10'/%3E%3Crect x='13' y='7' width='2' height='10'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Crect x='9' y='7' width='2' height='10'/%3E%3Crect x='13' y='7' width='2' height='10'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-circle-stop::before,
.btn-ico.ico-circle-stop::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Crect x='8' y='8' width='8' height='8' rx='1' ry='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Crect x='8' y='8' width='8' height='8' rx='1' ry='1'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-present::before,
.btn-ico.ico-present::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21,6h-1.149c.332-1.18.05-2.498-.876-3.425-1.364-1.365-3.584-1.363-4.949,0l-2.025,2.026-2.025-2.026c-1.364-1.365-3.585-1.363-4.949,0-.927.926-1.208,2.245-.876,3.425h-1.149c-.552,0-1,.447-1,1v4c0,.553.448,1,1,1v9c0,.553.448,1,1,1h16c.552,0,1-.447,1-1v-9c.552,0,1-.447,1-1v-4c0-.553-.448-1-1-1ZM20,10h-7v-2h7v2ZM15.439,3.989c.585-.584,1.536-.584,2.121,0,.552.552.564,1.422.074,2.011h-4.205l2.01-2.011ZM6.439,3.989c.585-.584,1.536-.584,2.121,0l2.01,2.011h-4.205c-.49-.589-.479-1.459.074-2.011ZM4,8h7v2h-7v-2ZM5,12h6v8h-6v-8ZM19,20h-6v-8h6v8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21,6h-1.149c.332-1.18.05-2.498-.876-3.425-1.364-1.365-3.584-1.363-4.949,0l-2.025,2.026-2.025-2.026c-1.364-1.365-3.585-1.363-4.949,0-.927.926-1.208,2.245-.876,3.425h-1.149c-.552,0-1,.447-1,1v4c0,.553.448,1,1,1v9c0,.553.448,1,1,1h16c.552,0,1-.447,1-1v-9c.552,0,1-.447,1-1v-4c0-.553-.448-1-1-1ZM20,10h-7v-2h7v2ZM15.439,3.989c.585-.584,1.536-.584,2.121,0,.552.552.564,1.422.074,2.011h-4.205l2.01-2.011ZM6.439,3.989c.585-.584,1.536-.584,2.121,0l2.01,2.011h-4.205c-.49-.589-.479-1.459.074-2.011ZM4,8h7v2h-7v-2ZM5,12h6v8h-6v-8ZM19,20h-6v-8h6v8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-text-scale::before,
.btn-ico.ico-text-scale::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='21 3.5 7 3.5 7 6.5 12.5 6.5 12.5 21 15.5 21 15.5 6.5 21 6.5 21 3.5'/%3E%3Cpolygon points='2 11 5 11 5 20 7 20 7 11 10 11 10 9 2 9 2 11'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='21 3.5 7 3.5 7 6.5 12.5 6.5 12.5 21 15.5 21 15.5 6.5 21 6.5 21 3.5'/%3E%3Cpolygon points='2 11 5 11 5 20 7 20 7 11 10 11 10 9 2 9 2 11'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-siren::before,
.btn-ico.ico-siren::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20,16h-1v-3c0-3.859-3.141-7-7-7s-7,3.141-7,7v3h-1c-.553,0-1,.447-1,1v4c0,.553.447,1,1,1h16c.553,0,1-.447,1-1v-4c0-.553-.447-1-1-1ZM7,13c0-2.757,2.243-5,5-5s5,2.243,5,5v3H7v-3ZM19,20H5v-2h14v2Z'/%3E%3Crect x='11' y='2' width='2' height='3'/%3E%3Crect class='cls-2' x='17.586' y='5' width='2.828' height='2' transform='translate(1.322 15.192) rotate(-45)'/%3E%3Crect x='4' y='4.586' width='2' height='2.828' transform='translate(-2.778 5.293) rotate(-45)'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20,16h-1v-3c0-3.859-3.141-7-7-7s-7,3.141-7,7v3h-1c-.553,0-1,.447-1,1v4c0,.553.447,1,1,1h16c.553,0,1-.447,1-1v-4c0-.553-.447-1-1-1ZM7,13c0-2.757,2.243-5,5-5s5,2.243,5,5v3H7v-3ZM19,20H5v-2h14v2Z'/%3E%3Crect x='11' y='2' width='2' height='3'/%3E%3Crect class='cls-2' x='17.586' y='5' width='2.828' height='2' transform='translate(1.322 15.192) rotate(-45)'/%3E%3Crect x='4' y='4.586' width='2' height='2.828' transform='translate(-2.778 5.293) rotate(-45)'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-megaphone::before,
.btn-ico.ico-megaphone::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M22,11c0-1.859-1.28-3.411-3-3.858V3c0-.347-.18-.668-.475-.851-.295-.184-.663-.199-.973-.044L7.764,7H3c-.553,0-1,.447-1,1v6c0,.553.447,1,1,1h1.245l1.793,6.274c.123.43.516.726.962.726h4c.313,0,.609-.147.798-.397.189-.251.25-.575.164-.877l-1.208-4.231,6.799,3.4c.142.07.294.105.447.105.183,0,.365-.05.525-.149.295-.183.475-.504.475-.851v-4.142c1.72-.447,3-1.999,3-3.858ZM4,9h3v4h-3v-4ZM9.675,20h-1.921l-1.428-5h1.438l.562.281,1.349,4.719ZM17,17.382l-7.384-3.692s0-.001-.002-.001l-.614-.307v-4.763l8-4v12.764ZM19,12.722v-3.443c.595.347,1,.985,1,1.722s-.405,1.375-1,1.722Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M22,11c0-1.859-1.28-3.411-3-3.858V3c0-.347-.18-.668-.475-.851-.295-.184-.663-.199-.973-.044L7.764,7H3c-.553,0-1,.447-1,1v6c0,.553.447,1,1,1h1.245l1.793,6.274c.123.43.516.726.962.726h4c.313,0,.609-.147.798-.397.189-.251.25-.575.164-.877l-1.208-4.231,6.799,3.4c.142.07.294.105.447.105.183,0,.365-.05.525-.149.295-.183.475-.504.475-.851v-4.142c1.72-.447,3-1.999,3-3.858ZM4,9h3v4h-3v-4ZM9.675,20h-1.921l-1.428-5h1.438l.562.281,1.349,4.719ZM17,17.382l-7.384-3.692s0-.001-.002-.001l-.614-.307v-4.763l8-4v12.764ZM19,12.722v-3.443c.595.347,1,.985,1,1.722s-.405,1.375-1,1.722Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-mortarboard::before,
.btn-ico.ico-mortarboard::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M22.447,8.105L12.447,3.105c-.281-.141-.613-.141-.895,0L1.553,8.105c-.339.17-.553.516-.553.895s.214.725.553.895l2.447,1.224v6.882c0,.4.238.762.606.919l7,3c.125.054.26.081.394.081s.269-.027.394-.081l7-3c.368-.157.606-.519.606-.919v-6.882l1-.5v6.382h2v-8c0-.379-.214-.725-.553-.895ZM12,5.118l7.764,3.882-7.764,3.882-7.764-3.882,7.764-3.882ZM18,17.341l-6,2.571-6-2.571v-5.223l5.553,2.776c.141.07.294.105.447.105s.307-.035.447-.105l5.553-2.776v5.223Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M22.447,8.105L12.447,3.105c-.281-.141-.613-.141-.895,0L1.553,8.105c-.339.17-.553.516-.553.895s.214.725.553.895l2.447,1.224v6.882c0,.4.238.762.606.919l7,3c.125.054.26.081.394.081s.269-.027.394-.081l7-3c.368-.157.606-.519.606-.919v-6.882l1-.5v6.382h2v-8c0-.379-.214-.725-.553-.895ZM12,5.118l7.764,3.882-7.764,3.882-7.764-3.882,7.764-3.882ZM18,17.341l-6,2.571-6-2.571v-5.223l5.553,2.776c.141.07.294.105.447.105s.307-.035.447-.105l5.553-2.776v5.223Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-].ico-protect::before,
.btn-ico.ico-protect::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,23c-.135,0-.271-.027-.396-.082-1.853-.801-4.474-2.383-6.438-5.368-2.879-4.374-2.463-8.957-2.149-10.724.067-.385.353-.694.729-.793,1.669-.439,3.274-1.081,4.771-1.908,1.001-.554,1.964-1.195,2.861-1.908.365-.289.879-.289,1.244,0,.897.713,1.86,1.354,2.861,1.908,1.497.827,3.103,1.469,4.771,1.908.377.099.662.408.729.793.313,1.767.729,6.35-2.149,10.724-1.965,2.985-4.586,4.567-6.438,5.368-.126.055-.262.082-.396.082ZM4.893,7.789c-.225,1.819-.258,5.317,1.942,8.661,1.559,2.367,3.601,3.713,5.165,4.452,1.564-.739,3.606-2.085,5.165-4.452,2.2-3.344,2.167-6.842,1.942-8.661-1.6-.471-3.142-1.112-4.591-1.914-.87-.48-1.714-1.022-2.517-1.615-.803.593-1.646,1.135-2.517,1.615-1.449.802-2.991,1.443-4.591,1.914Z'/%3E%3Cpath d='M11,16c-.256,0-.512-.098-.707-.293l-3-3,1.414-1.414,2.293,2.293,4.293-4.293,1.414,1.414-5,5c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,23c-.135,0-.271-.027-.396-.082-1.853-.801-4.474-2.383-6.438-5.368-2.879-4.374-2.463-8.957-2.149-10.724.067-.385.353-.694.729-.793,1.669-.439,3.274-1.081,4.771-1.908,1.001-.554,1.964-1.195,2.861-1.908.365-.289.879-.289,1.244,0,.897.713,1.86,1.354,2.861,1.908,1.497.827,3.103,1.469,4.771,1.908.377.099.662.408.729.793.313,1.767.729,6.35-2.149,10.724-1.965,2.985-4.586,4.567-6.438,5.368-.126.055-.262.082-.396.082ZM4.893,7.789c-.225,1.819-.258,5.317,1.942,8.661,1.559,2.367,3.601,3.713,5.165,4.452,1.564-.739,3.606-2.085,5.165-4.452,2.2-3.344,2.167-6.842,1.942-8.661-1.6-.471-3.142-1.112-4.591-1.914-.87-.48-1.714-1.022-2.517-1.615-.803.593-1.646,1.135-2.517,1.615-1.449.802-2.991,1.443-4.591,1.914Z'/%3E%3Cpath d='M11,16c-.256,0-.512-.098-.707-.293l-3-3,1.414-1.414,2.293,2.293,4.293-4.293,1.414,1.414-5,5c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
}
.btn[class*=ico-]::before,
.btn-ico::before {
  background-color: var(--color-icon-default-secondary);
}
.btn[class*=ico-]:hover::before,
.btn-ico:hover::before {
  background-color: var(--color-icon-default-secondary);
}
.btn[class*=ico-].primary::before, .btn[class*=ico-].spot::before, .viewer .viewer-fnc .btn[class*=ico-].is-active::before,
.viewer .viewer-location .btn[class*=ico-].is-active::before, .btn[class*=ico-].cta::before, .btn[class*=ico-].overlay::before,
.btn-ico.primary::before,
.btn-ico.spot::before,
.viewer .viewer-fnc .btn-ico.btn.is-active::before,
.viewer .viewer-location .btn-ico.btn.is-active::before,
.btn-ico.cta::before,
.btn-ico.overlay::before {
  background-color: var(--color-icon-brand-primary-inverse);
}
.btn[class*=ico-].primary:hover::before, .btn[class*=ico-].spot:hover::before, .viewer .viewer-fnc .btn[class*=ico-].is-active:hover::before,
.viewer .viewer-location .btn[class*=ico-].is-active:hover::before, .btn[class*=ico-].cta:hover::before, .btn[class*=ico-].overlay:hover::before,
.btn-ico.primary:hover::before,
.btn-ico.spot:hover::before,
.viewer .viewer-fnc .btn-ico.btn.is-active:hover::before,
.viewer .viewer-location .btn-ico.btn.is-active:hover::before,
.btn-ico.cta:hover::before,
.btn-ico.overlay:hover::before {
  background-color: var(--color-icon-brand-primary-inverse);
}
.btn[class*=ico-].secondary::before, .btn[class*=ico-].spot2::before,
.btn-ico.secondary::before,
.btn-ico.spot2::before {
  background-color: var(--color-icon-brand-primary);
}
.btn[class*=ico-].secondary:hover::before, .btn[class*=ico-].spot2:hover::before,
.btn-ico.secondary:hover::before,
.btn-ico.spot2:hover::before {
  background-color: var(--color-icon-brand-primary);
}
.btn[class*=ico-].danger::before, .btn[class*=ico-].spot3::before,
.btn-ico.danger::before,
.btn-ico.spot3::before {
  background-color: var(--color-icon-default-secondary);
}
.btn[class*=ico-].danger:hover::before, .btn[class*=ico-].spot3:hover::before,
.btn-ico.danger:hover::before,
.btn-ico.spot3:hover::before {
  background-color: var(--color-icon-default-primary-inverse);
}
.btn[class*=ico-]:disabled::before, .btn[class*=ico-].disabled::before,
.btn-ico:disabled::before,
.btn-ico.disabled::before {
  background-color: var(--color-icon-disabled-primary);
}
.btn[class*=ico-]:disabled:hover::before, .btn[class*=ico-].disabled:hover::before,
.btn-ico:disabled:hover::before,
.btn-ico.disabled:hover::before {
  background-color: var(--color-icon-disabled-primary);
}
.btn[class*=ico-].toggle.is-active::before,
.btn-ico.toggle.is-active::before {
  background-color: var(--color-icon-default-primary-inverse);
}
.btn[class*=ico-].round,
.btn-ico.round {
  border-radius: 3rem;
}

/* btn-etc */
.btn-ico {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  font-size: 0;
  line-height: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn-ico:disabled, .btn-ico.disabled {
  opacity: 0.5;
}

.btn-like {
  gap: 0.4rem;
}
.btn-like::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.71,3c-1.35,0-2.71.53-3.74,1.6l-.96.99-.96-.99c-1.03-1.06-2.39-1.6-3.74-1.6s-2.71.53-3.74,1.6c-2.07,2.13-2.07,5.58,0,7.71l8.45,8.7,8.45-8.7c2.07-2.13,2.07-5.58,0-7.71-1.03-1.06-2.39-1.6-3.74-1.6Zm2.31,7.91l-7.01,7.22-7.01-7.22c-1.32-1.36-1.32-3.56,0-4.92.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99l.96.99,1.43,1.48,1.43-1.48.96-.99c.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99c1.32,1.36,1.32,3.56,0,4.92Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.71,3c-1.35,0-2.71.53-3.74,1.6l-.96.99-.96-.99c-1.03-1.06-2.39-1.6-3.74-1.6s-2.71.53-3.74,1.6c-2.07,2.13-2.07,5.58,0,7.71l8.45,8.7,8.45-8.7c2.07-2.13,2.07-5.58,0-7.71-1.03-1.06-2.39-1.6-3.74-1.6Zm2.31,7.91l-7.01,7.22-7.01-7.22c-1.32-1.36-1.32-3.56,0-4.92.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99l.96.99,1.43,1.48,1.43-1.48.96-.99c.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99c1.32,1.36,1.32,3.56,0,4.92Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-secondary);
}
.btn-like.btn-like-on::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12,21L3.551,12.303c-2.067-2.128-2.067-5.578,0-7.707,2.068-2.128,5.419-2.128,7.487,0l.962.99.962-.99c2.068-2.128,5.419-2.128,7.487,0,2.067,2.128,2.067,5.578,0,7.707l-8.449,8.697Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12,21L3.551,12.303c-2.067-2.128-2.067-5.578,0-7.707,2.068-2.128,5.419-2.128,7.487,0l.962.99.962-.99c2.068-2.128,5.419-2.128,7.487,0,2.067,2.128,2.067,5.578,0,7.707l-8.449,8.697Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-background-danger-primary-inverse);
}
.btn-like.sm::before {
  width: 1.6rem;
  height: 1.6rem;
}

.btn-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  border: 1px dashed var(--color-stroke-brand-primary);
  min-width: 20rem;
  height: var(--form-height-lg);
  padding: 0 2.4rem;
  color: var(--color-font-brand-primary-base);
  font-size: var(--size-font-md);
  font-weight: var(--size-font-weight-md);
  border-radius: 8rem;
  background-color: var(--color-background-default-primary);
}
.btn-add::before {
  content: "";
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-brand-primary);
}
.btn-add:hover {
  background-color: var(--color-primary5);
  mix-blend-mode: multiply;
}

@media (max-width: 767px) {
  .btn-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.4rem;
  }
  .btn-cont > *:not(.circle) {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
/* badge */
*:has(> .badge) {
  position: relative;
}

.badge {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -20%);
          transform: translate(50%, -20%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 2rem;
  height: 2rem;
  padding: 0 0.6rem;
  border-radius: 1rem;
  background-color: var(--color-background-brand-primary-inverse);
  color: var(--color-font-default-primary-inverse);
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
  line-height: 1;
  vertical-align: middle;
}
.badge[class*=ico-] {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 2rem;
  padding: 0;
  overflow: hidden;
  font-size: 0;
}
.badge[class*=ico-]::before {
  content: "";
  position: absolute;
  inset: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-default-primary-inverse);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.badge[class*=ico-].ico-search::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21.7,20.3l-5.4-5.4c1.1-1.4,1.7-3.1,1.7-4.9c0-4.4-3.6-8-8-8s-8,3.6-8,8s3.6,8,8,8c1.8,0,3.5-0.6,4.9-1.7 l5.4,5.4L21.7,20.3z M10,16c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S13.3,16,10,16z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21.7,20.3l-5.4-5.4c1.1-1.4,1.7-3.1,1.7-4.9c0-4.4-3.6-8-8-8s-8,3.6-8,8s3.6,8,8,8c1.8,0,3.5-0.6,4.9-1.7 l5.4,5.4L21.7,20.3z M10,16c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S13.3,16,10,16z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-form-check::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.405,16.974c-.302,0-.605-.112-.839-.338l-4.622-4.65c-.481-.464-.495-1.229-.032-1.71s1.229-.495,1.709-.032l3.783,3.842,6.976-6.722c.48-.463,1.246-.449,1.709.032.463.48.449,1.246-.032,1.71l-7.814,7.53c-.234.226-.537.338-.839.338h0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.405,16.974c-.302,0-.605-.112-.839-.338l-4.622-4.65c-.481-.464-.495-1.229-.032-1.71s1.229-.495,1.709-.032l3.783,3.842,6.976-6.722c.48-.463,1.246-.449,1.709.032.463.48.449,1.246-.032,1.71l-7.814,7.53c-.234.226-.537.338-.839.338h0Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-form-minus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m17.8,10.8H6.2c-.663,0-1.2.537-1.2,1.2s.537,1.2,1.2,1.2h11.6c.663,0,1.2-.537,1.2-1.2s-.537-1.2-1.2-1.2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m17.8,10.8H6.2c-.663,0-1.2.537-1.2,1.2s.537,1.2,1.2,1.2h11.6c.663,0,1.2-.537,1.2-1.2s-.537-1.2-1.2-1.2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-form-plus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m17.8,10.8h-4.6v-4.6c0-.663-.538-1.2-1.2-1.2s-1.2.537-1.2,1.2v4.6h-4.6c-.663,0-1.2.537-1.2,1.2s.538,1.2,1.2,1.2h4.6v4.6c0,.663.538,1.2,1.2,1.2s1.2-.537,1.2-1.2v-4.6h4.6c.663,0,1.2-.537,1.2-1.2s-.538-1.2-1.2-1.2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m17.8,10.8h-4.6v-4.6c0-.663-.538-1.2-1.2-1.2s-1.2.537-1.2,1.2v4.6h-4.6c-.663,0-1.2.537-1.2,1.2s.538,1.2,1.2,1.2h4.6v4.6c0,.663.538,1.2,1.2,1.2s1.2-.537,1.2-1.2v-4.6h4.6c.663,0,1.2-.537,1.2-1.2s-.538-1.2-1.2-1.2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-form-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m17.357,15.707l-5.293-5.293-5.293,5.293-1.414-1.414,6-6c.391-.391,1.023-.391,1.414,0l6,6-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m17.357,15.707l-5.293-5.293-5.293,5.293-1.414-1.414,6-6c.391-.391,1.023-.391,1.414,0l6,6-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-form-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12.065,16c-.256,0-.512-.098-.707-.293l-6-6,1.414-1.414,5.293,5.293,5.293-5.293,1.414,1.414-6,6c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12.065,16c-.256,0-.512-.098-.707-.293l-6-6,1.414-1.414,5.293,5.293,5.293-5.293,1.414,1.414-6,6c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-ppv::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12.312,20.658l-7-8c-.329-.377-.329-.939,0-1.316L12.312,3.342l1.506,1.316-6.424,7.342,6.424,7.342-1.506,1.316Z'/%3E%3Cpath class='cls-1' d='m17.312,20.658l-7-8c-.329-.377-.329-.939,0-1.316l7-8,1.506,1.316-6.424,7.342,6.424,7.342-1.506,1.316Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12.312,20.658l-7-8c-.329-.377-.329-.939,0-1.316L12.312,3.342l1.506,1.316-6.424,7.342,6.424,7.342-1.506,1.316Z'/%3E%3Cpath class='cls-1' d='m17.312,20.658l-7-8c-.329-.377-.329-.939,0-1.316l7-8,1.506,1.316-6.424,7.342,6.424,7.342-1.506,1.316Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-pv::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m14.357,20.707L6.357,12.707c-.391-.391-.391-1.023,0-1.414L14.357,3.293l1.414,1.414-7.293,7.293,7.293,7.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m14.357,20.707L6.357,12.707c-.391-.391-.391-1.023,0-1.414L14.357,3.293l1.414,1.414-7.293,7.293,7.293,7.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-fw::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m9.772,20.707l-1.414-1.414,7.293-7.293-7.293-7.293,1.414-1.414,8,8c.391.391.391,1.023,0,1.414l-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m9.772,20.707l-1.414-1.414,7.293-7.293-7.293-7.293,1.414-1.414,8,8c.391.391.391,1.023,0,1.414l-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-ffw::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m11.817,20.658l-1.506-1.316,6.424-7.342-6.424-7.342,1.506-1.316,7,8c.329.377.329.939,0,1.316l-7,8Z'/%3E%3Cpath class='cls-1' d='m6.817,20.658l-1.506-1.316,6.424-7.342-6.424-7.342,1.506-1.316,7,8c.329.377.329.939,0,1.316l-7,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m11.817,20.658l-1.506-1.316,6.424-7.342-6.424-7.342,1.506-1.316,7,8c.329.377.329.939,0,1.316l-7,8Z'/%3E%3Cpath class='cls-1' d='m6.817,20.658l-1.506-1.316,6.424-7.342-6.424-7.342,1.506-1.316,7,8c.329.377.329.939,0,1.316l-7,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11.29,6.29L2.29,15.29l1.41,1.41,8.29-8.29,8.29,8.29,1.41-1.41L12.71,6.29c-.39-.39-1.02-.39-1.41,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11.29,6.29L2.29,15.29l1.41,1.41,8.29-8.29,8.29,8.29,1.41-1.41L12.71,6.29c-.39-.39-1.02-.39-1.41,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3.71,7.29l-1.41,1.41,9,9c.19.19.44.29.71.29s.52-.11.71-.29l9-9-1.41-1.41-8.29,8.29L3.71,7.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3.71,7.29l-1.41,1.41,9,9c.19.19.44.29.71.29s.52-.11.71-.29l9-9-1.41-1.41-8.29,8.29L3.71,7.29Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-lt::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15.29,2.29L6.29,11.29c-.39.39-.39,1.02,0,1.41l9,9,1.41-1.41-8.29-8.29L16.71,3.71l-1.41-1.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15.29,2.29L6.29,11.29c-.39.39-.39,1.02,0,1.41l9,9,1.41-1.41-8.29-8.29L16.71,3.71l-1.41-1.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-gt::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8.71,21.71l9-9c.39-.39.39-1.02,0-1.41L8.71,2.29l-1.41,1.41,8.29,8.29-8.29,8.29,1.41,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8.71,21.71l9-9c.39-.39.39-1.02,0-1.41L8.71,2.29l-1.41,1.41,8.29,8.29-8.29,8.29,1.41,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-arrow-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m10.6,4l-7.31,7.29c-.19.19-.29.44-.29.71s.11.52.29.71l7.31,7.29,1.41-1.42-5.6-5.58h14.58v-2H6.41s5.6-5.58,5.6-5.58l-1.41-1.42Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m10.6,4l-7.31,7.29c-.19.19-.29.44-.29.71s.11.52.29.71l7.31,7.29,1.41-1.42-5.6-5.58h14.58v-2H6.41s5.6-5.58,5.6-5.58l-1.41-1.42Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-arrow-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m14.39,4l-1.41,1.42,5.6,5.59H3.99s0,2,0,2h14.58s-5.6,5.58-5.6,5.58l1.41,1.42,7.31-7.29c.19-.19.29-.44.29-.71s-.11-.52-.29-.71l-7.31-7.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m14.39,4l-1.41,1.42,5.6,5.59H3.99s0,2,0,2h14.58s-5.6,5.58-5.6,5.58l1.41,1.42,7.31-7.29c.19-.19.29-.44.29-.71s-.11-.52-.29-.71l-7.31-7.29Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-arrow-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m13,21V6.42s5.58,5.6,5.58,5.6l1.42-1.41-7.29-7.31c-.38-.38-1.04-.38-1.42,0l-7.29,7.31,1.42,1.41,5.59-5.6v14.59s2,0,2,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m13,21V6.42s5.58,5.6,5.58,5.6l1.42-1.41-7.29-7.31c-.38-.38-1.04-.38-1.42,0l-7.29,7.31,1.42,1.41,5.59-5.6v14.59s2,0,2,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-arrow-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,13.4l7.29,7.31c.19.19.44.29.71.29s.52-.11.71-.29l7.29-7.31-1.42-1.41-5.58,5.6V3h-2v14.59s-5.58-5.6-5.58-5.6l-1.42,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,13.4l7.29,7.31c.19.19.44.29.71.29s.52-.11.71-.29l7.29-7.31-1.42-1.41-5.58,5.6V3h-2v14.59s-5.58-5.6-5.58-5.6l-1.42,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-play::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5,2v20l16-10L5,2Zm2,3.61l10.23,6.39-10.23,6.39V5.61Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5,2v20l16-10L5,2Zm2,3.61l10.23,6.39-10.23,6.39V5.61Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-pause::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='14' y='2' width='5' height='20'/%3E%3Crect class='cls-2' x='5' y='2' width='5' height='20'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='14' y='2' width='5' height='20'/%3E%3Crect class='cls-2' x='5' y='2' width='5' height='20'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-stop::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,21h18V3H3v18ZM5,5h14v14H5V5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,21h18V3H3v18ZM5,5h14v14H5V5Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-archive::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,18c.26,0,.51-.1.71-.29l3-3-1.41-1.41-1.29,1.29v-4.59h-2v4.59l-1.29-1.29-1.41,1.41,3,3c.2.2.45.29.71.29Z'/%3E%3Cpath d='m5,2l-2,4v16h18V6l-2-4H5Zm1.24,2h11.53l1,2H5.24l1-2Zm12.76,16H5v-12h14v12Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,18c.26,0,.51-.1.71-.29l3-3-1.41-1.41-1.29,1.29v-4.59h-2v4.59l-1.29-1.29-1.41,1.41,3,3c.2.2.45.29.71.29Z'/%3E%3Cpath d='m5,2l-2,4v16h18V6l-2-4H5Zm1.24,2h11.53l1,2H5.24l1-2Zm12.76,16H5v-12h14v12Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-attach::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,9v6c0,1.65,1.35,3,3,3s3-1.35,3-3V5c0-2.48-2.02-4.5-4.5-4.5s-4.5,2.02-4.5,4.5v12c0,3.31,2.69,6,6,6s6-2.69,6-6V7h-2v10c0,2.21-1.79,4-4,4s-4-1.79-4-4V5c0-1.38,1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5v10c0,.55-.45,1-1,1s-1-.45-1-1v-6h-2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,9v6c0,1.65,1.35,3,3,3s3-1.35,3-3V5c0-2.48-2.02-4.5-4.5-4.5s-4.5,2.02-4.5,4.5v12c0,3.31,2.69,6,6,6s6-2.69,6-6V7h-2v10c0,2.21-1.79,4-4,4s-4-1.79-4-4V5c0-1.38,1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5v10c0,.55-.45,1-1,1s-1-.45-1-1v-6h-2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-block::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM4,12c0-4.41,3.59-8,8-8,1.85,0,3.54.63,4.9,1.69l-11.21,11.21c-1.05-1.36-1.69-3.05-1.69-4.9Zm8,8c-1.85,0-3.54-.63-4.9-1.69l11.21-11.21c1.05,1.36,1.69,3.05,1.69,4.9,0,4.41-3.59,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM4,12c0-4.41,3.59-8,8-8,1.85,0,3.54.63,4.9,1.69l-11.21,11.21c-1.05-1.36-1.69-3.05-1.69-4.9Zm8,8c-1.85,0-3.54-.63-4.9-1.69l11.21-11.21c1.05,1.36,1.69,3.05,1.69,4.9,0,4.41-3.59,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-book::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m12.997,21l-1.997-.021c-.089-.261-1.304-1-3.5-1s-3.411.739-3.503,1.021l-1.997-.021V5.979c0-3.208,7.283-3.853,10-1.8,2.717-2.054,10-1.408,10,1.8v15h-2c-.089-.261-1.304-1-3.5-1s-3.411.739-3.503,1.021ZM7.5,4.979c-2.196,0-3.411.739-3.503,1.021l.003,12.616c1.99-.844,5.008-.844,7,0V5.979c-.089-.261-1.304-1-3.5-1Zm9,13c1.249,0,2.504.215,3.5.637V5.979c-.089-.261-1.304-1-3.5-1-2.179,0-3.391.728-3.5,1.014v12.623c.996-.422,2.251-.637,3.5-.637Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m12.997,21l-1.997-.021c-.089-.261-1.304-1-3.5-1s-3.411.739-3.503,1.021l-1.997-.021V5.979c0-3.208,7.283-3.853,10-1.8,2.717-2.054,10-1.408,10,1.8v15h-2c-.089-.261-1.304-1-3.5-1s-3.411.739-3.503,1.021ZM7.5,4.979c-2.196,0-3.411.739-3.503,1.021l.003,12.616c1.99-.844,5.008-.844,7,0V5.979c-.089-.261-1.304-1-3.5-1Zm9,13c1.249,0,2.504.215,3.5.637V5.979c-.089-.261-1.304-1-3.5-1-2.179,0-3.391.728-3.5,1.014v12.623c.996-.422,2.251-.637,3.5-.637Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-bookmark::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m19,2H5v20l7-4,7,4V2Zm-2,16.55l-4.01-2.29c-.31-.18-.65-.26-.99-.26s-.68.09-.99.26l-4.01,2.29V4h10v14.55Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m19,2H5v20l7-4,7,4V2Zm-2,16.55l-4.01-2.29c-.31-.18-.65-.26-.99-.26s-.68.09-.99.26l-4.01,2.29V4h10v14.55Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-calendar::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m7,2v2H3v18h18V4h-4v-2h-2v2h-6v-2h-2Zm-2,18v-10h14v10H5Zm14-12H5v-2h14v2Z'/%3E%3Ccircle cx='8' cy='13' r='1'/%3E%3Ccircle cx='12' cy='13' r='1'/%3E%3Ccircle cx='16' cy='13' r='1'/%3E%3Ccircle cx='8' cy='17' r='1'/%3E%3Ccircle cx='12' cy='17' r='1'/%3E%3Ccircle cx='16' cy='17' r='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m7,2v2H3v18h18V4h-4v-2h-2v2h-6v-2h-2Zm-2,18v-10h14v10H5Zm14-12H5v-2h14v2Z'/%3E%3Ccircle cx='8' cy='13' r='1'/%3E%3Ccircle cx='12' cy='13' r='1'/%3E%3Ccircle cx='16' cy='13' r='1'/%3E%3Ccircle cx='8' cy='17' r='1'/%3E%3Ccircle cx='12' cy='17' r='1'/%3E%3Ccircle cx='16' cy='17' r='1'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-call::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6.64,2.7c-.19-.19-.45-.29-.7-.29s-.51.1-.71.29l-1.76,1.76c-1.96,1.96-1.96,5.13,0,7.09l8.97,8.97c.98.98,2.26,1.47,3.55,1.47s2.56-.49,3.54-1.47l1.77-1.76c.39-.39.39-1.02,0-1.41l-5.3-5.36-2,2-4-4,2-2L6.64,2.7Zm5.95,12.71c.39.39.9.59,1.41.59s1.02-.2,1.41-.59l.58-.58,3.19,3.22-1.06,1.06c-.57.57-1.33.88-2.13.88s-1.56-.31-2.13-.88L4.88,10.14c-1.18-1.18-1.17-3.09,0-4.27l1.05-1.05,3.23,3.19-.58.58c-.38.38-.59.88-.59,1.41,0,.53.21,1.04.59,1.41l4,4Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6.64,2.7c-.19-.19-.45-.29-.7-.29s-.51.1-.71.29l-1.76,1.76c-1.96,1.96-1.96,5.13,0,7.09l8.97,8.97c.98.98,2.26,1.47,3.55,1.47s2.56-.49,3.54-1.47l1.77-1.76c.39-.39.39-1.02,0-1.41l-5.3-5.36-2,2-4-4,2-2L6.64,2.7Zm5.95,12.71c.39.39.9.59,1.41.59s1.02-.2,1.41-.59l.58-.58,3.19,3.22-1.06,1.06c-.57.57-1.33.88-2.13.88s-1.56-.31-2.13-.88L4.88,10.14c-1.18-1.18-1.17-3.09,0-4.27l1.05-1.05,3.23,3.19-.58.58c-.38.38-.59.88-.59,1.41,0,.53.21,1.04.59,1.41l4,4Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-camera::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21h20V6h-4l-1.5-2H7.5l-1.5,2H2v15Zm2-13h2c.63,0,1.22-.3,1.6-.8l.9-1.2h7l.9,1.2c.38.5.97.8,1.6.8h2v11H4v-11Z'/%3E%3Cpath d='m12,9c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21h20V6h-4l-1.5-2H7.5l-1.5,2H2v15Zm2-13h2c.63,0,1.22-.3,1.6-.8l.9-1.2h7l.9,1.2c.38.5.97.8,1.6.8h2v11H4v-11Z'/%3E%3Cpath d='m12,9c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-chart::before, .badge[class*=ico-].ico-curation::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M6,12v8h-2v-8h2M8,10H2v12h6v-12h0Z'/%3E%3Cpath class='cls-2' d='M13,8v12h-2v-12h2M15,6h-6v16h6V6h0Z'/%3E%3Cpath class='cls-2' d='M20,4v16h-2V4h2M22,2h-6v20h6V2h0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M6,12v8h-2v-8h2M8,10H2v12h6v-12h0Z'/%3E%3Cpath class='cls-2' d='M13,8v12h-2v-12h2M15,6h-6v16h6V6h0Z'/%3E%3Cpath class='cls-2' d='M20,4v16h-2V4h2M22,2h-6v20h6V2h0Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-chat::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='6 15 6 13 4.59 13 4 13.59 4 5 16 5 16 6 18 6 18 3 2 3 2 18.41 5.41 15 6 15'/%3E%3Cpath d='m7,19h11l4,3V7H7v12Zm2-10h11v9l-.8-.6c-.35-.26-.77-.4-1.2-.4h-9v-8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='6 15 6 13 4.59 13 4 13.59 4 5 16 5 16 6 18 6 18 3 2 3 2 18.41 5.41 15 6 15'/%3E%3Cpath d='m7,19h11l4,3V7H7v12Zm2-10h11v9l-.8-.6c-.35-.26-.77-.4-1.2-.4h-9v-8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-check::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9.87,17.56l-7.21-6.31-1.32,1.51,8,7c.18.16.42.25.66.25.03,0,.06,0,.09,0,.27-.02.52-.16.69-.37l12-15-1.56-1.25-11.35,14.18Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9.87,17.56l-7.21-6.31-1.32,1.51,8,7c.18.16.42.25.66.25.03,0,.06,0,.09,0,.27-.02.52-.16.69-.37l12-15-1.56-1.25-11.35,14.18Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-close::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-comment::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,19h14l6,4V4H2v15Zm2-13h16v13.26l-2.89-1.93c-.33-.22-.71-.34-1.11-.34H4V6Z'/%3E%3Crect x='6' y='8' width='12' height='2'/%3E%3Crect x='6' y='12' width='10' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,19h14l6,4V4H2v15Zm2-13h16v13.26l-2.89-1.93c-.33-.22-.71-.34-1.11-.34H4V6Z'/%3E%3Crect x='6' y='8' width='12' height='2'/%3E%3Crect x='6' y='12' width='10' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-copy::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8,18h12V2h-12v16Zm2-14h8v12h-8V4Z'/%3E%3Cpolygon points='4 22 5 22 6 22 17 22 17 20 6 20 6 5 4 5 4 22'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8,18h12V2h-12v16Zm2-14h8v12h-8V4Z'/%3E%3Cpolygon points='4 22 5 22 6 22 17 22 17 20 6 20 6 5 4 5 4 22'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-delete::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='6' y='2' width='12' height='2'/%3E%3Crect x='9' y='9' width='2' height='9'/%3E%3Crect x='13' y='9' width='2' height='9'/%3E%3Cpath d='m19,22V7h1v-2H4v2h1v15h14Zm-2-15v13H7V7h10Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='6' y='2' width='12' height='2'/%3E%3Crect x='9' y='9' width='2' height='9'/%3E%3Crect x='13' y='9' width='2' height='9'/%3E%3Cpath d='m19,22V7h1v-2H4v2h1v15h14Zm-2-15v13H7V7h10Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-document::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m14,2H4v20h16v-14l-6-6Zm3.172,6h-3.172v-3.172l3.172,3.172Zm.828,12H6V4h6v6h6v10Z'/%3E%3Crect class='cls-2' x='8' y='16' width='6' height='2'/%3E%3Crect class='cls-2' x='8' y='12' width='8' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m14,2H4v20h16v-14l-6-6Zm3.172,6h-3.172v-3.172l3.172,3.172Zm.828,12H6V4h6v6h6v10Z'/%3E%3Crect class='cls-2' x='8' y='16' width='6' height='2'/%3E%3Crect class='cls-2' x='8' y='12' width='8' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-document-plus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='18 20 6 20 6 4 12 4 12 2 4 2 4 22 20 22 20 12 18 12 18 20'/%3E%3Crect class='cls-2' x='8' y='16' width='6' height='2'/%3E%3Crect class='cls-2' x='8' y='12' width='8' height='2'/%3E%3Cpolygon class='cls-2' points='22 5 19 5 19 2 17 2 17 5 14 5 14 7 17 7 17 10 19 10 19 7 22 7 22 5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='18 20 6 20 6 4 12 4 12 2 4 2 4 22 20 22 20 12 18 12 18 20'/%3E%3Crect class='cls-2' x='8' y='16' width='6' height='2'/%3E%3Crect class='cls-2' x='8' y='12' width='8' height='2'/%3E%3Cpolygon class='cls-2' points='22 5 19 5 19 2 17 2 17 5 14 5 14 7 17 7 17 10 19 10 19 7 22 7 22 5'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-download::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,2v11.58s-3.29-3.29-3.29-3.29l-1.41,1.41,5,5c.2.2.45.29.71.29s.51-.1.71-.29l5-5-1.41-1.41-3.29,3.29V2s-2,0-2,0Z'/%3E%3Cpath d='m20,20H4v-8h-2v9c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,2v11.58s-3.29-3.29-3.29-3.29l-1.41,1.41,5,5c.2.2.45.29.71.29s.51-.1.71-.29l5-5-1.41-1.41-3.29,3.29V2s-2,0-2,0Z'/%3E%3Cpath d='m20,20H4v-8h-2v9c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-move::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='9.5' cy='12' r='1.5'/%3E%3Ccircle cx='9.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='9.5' cy='18.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='12' r='1.5'/%3E%3Ccircle cx='14.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='18.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='9.5' cy='12' r='1.5'/%3E%3Ccircle cx='9.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='9.5' cy='18.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='12' r='1.5'/%3E%3Ccircle cx='14.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='18.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-edit::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M21.707,6.293l-4-4c-.391-.391-1.023-.391-1.414,0L2.293,16.293c-.188.188-.293.442-.293.707v4c0,.552.448,1,1,1h4c.265,0,.52-.105.707-.293l14-14c.391-.391.391-1.023,0-1.414ZM14,7.414l2.586,2.586-6.586,6.586-2.586-2.586,6.586-6.586ZM6.586,20h-2.586v-2.586l2-2,2.586,2.586-2,2ZM18,8.586l-2.586-2.586,1.586-1.586,2.586,2.586-1.586,1.586Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M21.707,6.293l-4-4c-.391-.391-1.023-.391-1.414,0L2.293,16.293c-.188.188-.293.442-.293.707v4c0,.552.448,1,1,1h4c.265,0,.52-.105.707-.293l14-14c.391-.391.391-1.023,0-1.414ZM14,7.414l2.586,2.586-6.586,6.586-2.586-2.586,6.586-6.586ZM6.586,20h-2.586v-2.586l2-2,2.586,2.586-2,2ZM18,8.586l-2.586-2.586,1.586-1.586,2.586,2.586-1.586,1.586Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-favorite::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.71,3c-1.35,0-2.71.53-3.74,1.6l-.96.99-.96-.99c-1.03-1.06-2.39-1.6-3.74-1.6s-2.71.53-3.74,1.6c-2.07,2.13-2.07,5.58,0,7.71l8.45,8.7,8.45-8.7c2.07-2.13,2.07-5.58,0-7.71-1.03-1.06-2.39-1.6-3.74-1.6Zm2.31,7.91l-7.01,7.22-7.01-7.22c-1.32-1.36-1.32-3.56,0-4.92.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99l.96.99,1.43,1.48,1.43-1.48.96-.99c.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99c1.32,1.36,1.32,3.56,0,4.92Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.71,3c-1.35,0-2.71.53-3.74,1.6l-.96.99-.96-.99c-1.03-1.06-2.39-1.6-3.74-1.6s-2.71.53-3.74,1.6c-2.07,2.13-2.07,5.58,0,7.71l8.45,8.7,8.45-8.7c2.07-2.13,2.07-5.58,0-7.71-1.03-1.06-2.39-1.6-3.74-1.6Zm2.31,7.91l-7.01,7.22-7.01-7.22c-1.32-1.36-1.32-3.56,0-4.92.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99l.96.99,1.43,1.48,1.43-1.48.96-.99c.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99c1.32,1.36,1.32,3.56,0,4.92Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-favorite-active::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12,21L3.551,12.303c-2.067-2.128-2.067-5.578,0-7.707,2.068-2.128,5.419-2.128,7.487,0l.962.99.962-.99c2.068-2.128,5.419-2.128,7.487,0,2.067,2.128,2.067,5.578,0,7.707l-8.449,8.697Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12,21L3.551,12.303c-2.067-2.128-2.067-5.578,0-7.707,2.068-2.128,5.419-2.128,7.487,0l.962.99.962-.99c2.068-2.128,5.419-2.128,7.487,0,2.067,2.128,2.067,5.578,0,7.707l-8.449,8.697Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-file::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m20,10v-2l-6-6H4v20h16v-12Zm-6-5.17l3.17,3.17h-3.17v-3.17Zm4,15.17H6V4h6v6h6v10Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m20,10v-2l-6-6H4v20h16v-12Zm-6-5.17l3.17,3.17h-3.17v-3.17Zm4,15.17H6V4h6v6h6v10Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-filter::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,22l6-2v-6l7-7V3H2v4l7,7v8ZM4,6.17v-1.17h16v1.17l-6.41,6.41c-.38.38-.59.88-.59,1.41v4.56l-2,.67v-5.23c0-.53-.21-1.04-.59-1.41l-6.41-6.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,22l6-2v-6l7-7V3H2v4l7,7v8ZM4,6.17v-1.17h16v1.17l-6.41,6.41c-.38.38-.59.88-.59,1.41v4.56l-2,.67v-5.23c0-.53-.21-1.04-.59-1.41l-6.41-6.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-folder::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m20.802,21H1V3h9.414l2,2h8.586v5h2.247l-2.445,11Zm-15.555-2h13.951l1.555-7H6.802l-1.555,7Zm-2.247,0h.198l2-9h13.802v-3h-7.414l-2-2H3v14Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m20.802,21H1V3h9.414l2,2h8.586v5h2.247l-2.445,11Zm-15.555-2h13.951l1.555-7H6.802l-1.555,7Zm-2.247,0h.198l2-9h13.802v-3h-7.414l-2-2H3v14Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-fullscreen-exit::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,16.41v4.59h2v-7c0-.55-.45-1-1-1H3v2h4.59l-6.29,6.29,1.41,1.41,6.29-6.29Z'/%3E%3Cpath d='m15,7.59V3h-2v7c0,.55.45,1,1,1h7v-2h-4.59l6.29-6.29-1.41-1.41-6.29,6.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,16.41v4.59h2v-7c0-.55-.45-1-1-1H3v2h4.59l-6.29,6.29,1.41,1.41,6.29-6.29Z'/%3E%3Cpath d='m15,7.59V3h-2v7c0,.55.45,1,1,1h7v-2h-4.59l6.29-6.29-1.41-1.41-6.29,6.29Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-fullscreen::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,4h6v-2H3c-.55,0-1,.45-1,1v7h2v-6Z'/%3E%3Cpath d='m3,22h7v-2h-6v-6h-2v7c0,.55.45,1,1,1Z'/%3E%3Cpath d='m22,21v-7h-2v6h-6v2h7c.55,0,1-.45,1-1Z'/%3E%3Cpath d='m22,3c0-.55-.45-1-1-1h-7v2h6v6h2V3Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,4h6v-2H3c-.55,0-1,.45-1,1v7h2v-6Z'/%3E%3Cpath d='m3,22h7v-2h-6v-6h-2v7c0,.55.45,1,1,1Z'/%3E%3Cpath d='m22,21v-7h-2v6h-6v2h7c.55,0,1-.45,1-1Z'/%3E%3Cpath d='m22,3c0-.55-.45-1-1-1h-7v2h6v6h2V3Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-headphone::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2C6.49,2,2,6.49,2,12v10h6v-10h-4c0-4.41,3.59-8,8-8s8,3.59,8,8h-4v10h6v-10c0-5.51-4.49-10-10-10Zm-6,12v6h-2v-6h2Zm14,6h-2v-6h2v6Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2C6.49,2,2,6.49,2,12v10h6v-10h-4c0-4.41,3.59-8,8-8s8,3.59,8,8h-4v10h6v-10c0-5.51-4.49-10-10-10Zm-6,12v6h-2v-6h2Zm14,6h-2v-6h2v6Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-help::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22.04c5.52,0,10-4.48,10-10S17.52,2.04,12,2.04,2,6.52,2,12.04s4.48,10,10,10Zm0-18c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8S7.59,4.04,12,4.04Z'/%3E%3Cpath d='m12.35,14.99c-.18-.1-.37-.15-.57-.15s-.4.05-.58.15c-.18.1-.32.24-.42.42s-.15.37-.15.57c0,.21.05.4.15.57.1.17.24.31.42.42.18.1.37.16.58.16s.39-.05.57-.16c.18-.1.32-.24.42-.42.1-.17.16-.36.16-.57,0-.21-.06-.4-.16-.57s-.24-.31-.42-.42Z'/%3E%3Cpath d='m10.9,9.15c.12-.18.27-.33.46-.42.19-.1.39-.14.61-.14s.43.05.61.14.33.22.43.39c.1.17.16.36.16.59,0,.2-.04.39-.13.56s-.2.32-.35.46-.34.28-.57.42c-.3.19-.54.39-.72.59-.18.2-.31.48-.41.81-.1.34-.15.78-.15,1.33v.15h1.81v-.15c0-.32.04-.58.12-.8.08-.22.2-.41.35-.57.16-.16.37-.32.64-.48.32-.19.58-.4.8-.62s.39-.48.5-.78.18-.62.18-.98c0-.55-.14-1.03-.41-1.44-.27-.41-.66-.71-1.15-.93-.49-.21-1.06-.32-1.7-.32-.6,0-1.13.11-1.61.32-.48.21-.86.53-1.15.96-.29.43-.44.95-.45,1.57h1.94c0-.25.07-.47.19-.66Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22.04c5.52,0,10-4.48,10-10S17.52,2.04,12,2.04,2,6.52,2,12.04s4.48,10,10,10Zm0-18c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8S7.59,4.04,12,4.04Z'/%3E%3Cpath d='m12.35,14.99c-.18-.1-.37-.15-.57-.15s-.4.05-.58.15c-.18.1-.32.24-.42.42s-.15.37-.15.57c0,.21.05.4.15.57.1.17.24.31.42.42.18.1.37.16.58.16s.39-.05.57-.16c.18-.1.32-.24.42-.42.1-.17.16-.36.16-.57,0-.21-.06-.4-.16-.57s-.24-.31-.42-.42Z'/%3E%3Cpath d='m10.9,9.15c.12-.18.27-.33.46-.42.19-.1.39-.14.61-.14s.43.05.61.14.33.22.43.39c.1.17.16.36.16.59,0,.2-.04.39-.13.56s-.2.32-.35.46-.34.28-.57.42c-.3.19-.54.39-.72.59-.18.2-.31.48-.41.81-.1.34-.15.78-.15,1.33v.15h1.81v-.15c0-.32.04-.58.12-.8.08-.22.2-.41.35-.57.16-.16.37-.32.64-.48.32-.19.58-.4.8-.62s.39-.48.5-.78.18-.62.18-.98c0-.55-.14-1.03-.41-1.44-.27-.41-.66-.71-1.15-.93-.49-.21-1.06-.32-1.7-.32-.6,0-1.13.11-1.61.32-.48.21-.86.53-1.15.96-.29.43-.44.95-.45,1.57h1.94c0-.25.07-.47.19-.66Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-history::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,7v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59h-2Z'/%3E%3Cpath d='m12,2c-2.64,0-5.12,1.02-7,2.86v-2.86h-2v5c0,.55.45,1,1,1h5v-2h-2.28c1.46-1.29,3.31-2,5.28-2,2.14,0,4.15.83,5.66,2.34s2.34,3.52,2.34,5.66-.83,4.15-2.34,5.66-3.52,2.34-5.66,2.34-4.15-.83-5.66-2.34-2.34-3.52-2.34-5.66h-2c0,2.67,1.04,5.18,2.93,7.07,1.89,1.89,4.4,2.93,7.07,2.93s5.18-1.04,7.07-2.93c1.89-1.89,2.93-4.4,2.93-7.07s-1.04-5.18-2.93-7.07c-1.89-1.89-4.4-2.93-7.07-2.93Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,7v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59h-2Z'/%3E%3Cpath d='m12,2c-2.64,0-5.12,1.02-7,2.86v-2.86h-2v5c0,.55.45,1,1,1h5v-2h-2.28c1.46-1.29,3.31-2,5.28-2,2.14,0,4.15.83,5.66,2.34s2.34,3.52,2.34,5.66-.83,4.15-2.34,5.66-3.52,2.34-5.66,2.34-4.15-.83-5.66-2.34-2.34-3.52-2.34-5.66h-2c0,2.67,1.04,5.18,2.93,7.07,1.89,1.89,4.4,2.93,7.07,2.93s5.18-1.04,7.07-2.93c1.89-1.89,2.93-4.4,2.93-7.07s-1.04-5.18-2.93-7.07c-1.89-1.89-4.4-2.93-7.07-2.93Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-home::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,12.83v9.17h6v-6h4v6h6v-9.17l.59.59,1.41-1.41-2-2-6.59-6.59-1.41-1.41-1.41,1.41-6.59,6.59-2,2,1.41,1.41.59-.59Zm2-2l6-6,6,6v9.17h-2v-4c0-1.1-.9-2-2-2h-4c-1.1,0-2,.9-2,2v4h-2v-9.17Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,12.83v9.17h6v-6h4v6h6v-9.17l.59.59,1.41-1.41-2-2-6.59-6.59-1.41-1.41-1.41,1.41-6.59,6.59-2,2,1.41,1.41.59-.59Zm2-2l6-6,6,6v9.17h-2v-4c0-1.1-.9-2-2-2h-4c-1.1,0-2,.9-2,2v4h-2v-9.17Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-hourglass::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6,20h-2v2h16v-2h-2v-4l-3.75-4,3.75-4v-4h2v-2H4v2h2v4l3.75,4-3.75,4v4Zm2-3.21l3.21-3.42c.72-.77.72-1.97,0-2.74l-3.21-3.42v-3.21h8v3.21l-3.21,3.42c-.72.77-.72,1.97,0,2.74l3.21,3.42v3.21h-8v-3.21Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6,20h-2v2h16v-2h-2v-4l-3.75-4,3.75-4v-4h2v-2H4v2h2v4l3.75,4-3.75,4v4Zm2-3.21l3.21-3.42c.72-.77.72-1.97,0-2.74l-3.21-3.42v-3.21h8v3.21l-3.21,3.42c-.72.77-.72,1.97,0,2.74l3.21,3.42v3.21h-8v-3.21Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-img::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m22,3H2v18h20V3Zm-2,2v11.86l-4.36-3.63c-.4-.33-.98-.3-1.35.06l-2.54,2.54-4.1-3.58c-.39-.35-.99-.33-1.37.05l-2.29,2.29V5h16Zm-6.74,12.15l1.8-1.8,4.38,3.65h-4.06l-2.11-1.85Zm-9.26.26l3.05-3.05,5.29,4.63H4v-1.59Z'/%3E%3Ccircle cx='16' cy='9' r='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m22,3H2v18h20V3Zm-2,2v11.86l-4.36-3.63c-.4-.33-.98-.3-1.35.06l-2.54,2.54-4.1-3.58c-.39-.35-.99-.33-1.37.05l-2.29,2.29V5h16Zm-6.74,12.15l1.8-1.8,4.38,3.65h-4.06l-2.11-1.85Zm-9.26.26l3.05-3.05,5.29,4.63H4v-1.59Z'/%3E%3Ccircle cx='16' cy='9' r='2'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-info::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22.04c5.52,0,10-4.48,10-10S17.52,2.04,12,2.04,2,6.52,2,12.04s4.48,10,10,10Zm0-18c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8S7.59,4.04,12,4.04Z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3Crect x='11' y='11' width='2' height='6'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22.04c5.52,0,10-4.48,10-10S17.52,2.04,12,2.04,2,6.52,2,12.04s4.48,10,10,10Zm0-18c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8S7.59,4.04,12,4.04Z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3Crect x='11' y='11' width='2' height='6'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-language::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22c5.52,0,10-4.48,10-10S17.52,2,12,2,2,6.48,2,12s4.48,10,10,10Zm-6.92-6h2.56c.47,1.44,1.14,2.64,1.79,3.57-1.85-.63-3.39-1.91-4.35-3.57Zm-1.08-4c0-.69.1-1.36.26-2h2.91c-.14.88-.17,1.59-.17,2,0,.7.06,1.37.16,2h-2.89c-.17-.64-.26-1.31-.26-2Zm8-7.59c1.09,1.17,1.79,2.43,2.24,3.59h-4.47c.44-1.16,1.14-2.43,2.24-3.59Zm2.8,5.59c.17.89.2,1.61.2,2,0,.71-.07,1.37-.19,2h-5.62c-.12-.63-.19-1.29-.19-2,0-.39.03-1.11.2-2h5.6Zm5.2,2c0,.69-.1,1.36-.26,2h-2.89c.1-.63.16-1.3.16-2,0-.41-.03-1.12-.17-2h2.91c.17.64.26,1.31.26,2Zm-8,7.59c-.68-.75-1.6-1.96-2.24-3.59h4.48c-.64,1.63-1.56,2.84-2.24,3.59Zm2.56-.02c.66-.94,1.32-2.13,1.79-3.57h2.56c-.96,1.66-2.51,2.94-4.35,3.57Zm4.35-11.57h-2.57c-.36-1.12-.91-2.35-1.75-3.56,1.83.63,3.36,1.91,4.32,3.56Zm-9.51-3.56c-.84,1.21-1.39,2.44-1.75,3.56h-2.57c.96-1.65,2.49-2.93,4.32-3.56Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22c5.52,0,10-4.48,10-10S17.52,2,12,2,2,6.48,2,12s4.48,10,10,10Zm-6.92-6h2.56c.47,1.44,1.14,2.64,1.79,3.57-1.85-.63-3.39-1.91-4.35-3.57Zm-1.08-4c0-.69.1-1.36.26-2h2.91c-.14.88-.17,1.59-.17,2,0,.7.06,1.37.16,2h-2.89c-.17-.64-.26-1.31-.26-2Zm8-7.59c1.09,1.17,1.79,2.43,2.24,3.59h-4.47c.44-1.16,1.14-2.43,2.24-3.59Zm2.8,5.59c.17.89.2,1.61.2,2,0,.71-.07,1.37-.19,2h-5.62c-.12-.63-.19-1.29-.19-2,0-.39.03-1.11.2-2h5.6Zm5.2,2c0,.69-.1,1.36-.26,2h-2.89c.1-.63.16-1.3.16-2,0-.41-.03-1.12-.17-2h2.91c.17.64.26,1.31.26,2Zm-8,7.59c-.68-.75-1.6-1.96-2.24-3.59h4.48c-.64,1.63-1.56,2.84-2.24,3.59Zm2.56-.02c.66-.94,1.32-2.13,1.79-3.57h2.56c-.96,1.66-2.51,2.94-4.35,3.57Zm4.35-11.57h-2.57c-.36-1.12-.91-2.35-1.75-3.56,1.83.63,3.36,1.91,4.32,3.56Zm-9.51-3.56c-.84,1.21-1.39,2.44-1.75,3.56h-2.57c.96-1.65,2.49-2.93,4.32-3.56Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-layer::before, .badge[class*=ico-].ico-group::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m22,12c0-.363-.197-.698-.515-.874l-2.027-1.126,2.027-1.126c.317-.176.515-.511.515-.874s-.197-.698-.515-.874L12.485,2.126c-.301-.168-.67-.168-.971,0L2.515,7.126c-.317.176-.515.511-.515.874s.197.698.515.874l2.027,1.126-2.027,1.126c-.317.176-.515.511-.515.874s.197.698.515.874l2.027,1.126-2.027,1.126c-.317.176-.515.511-.515.874s.197.698.515.874l9,5c.15.084.318.126.485.126s.335-.042.485-.126l9-5c.317-.176.515-.511.515-.874s-.197-.698-.515-.874l-2.027-1.126,2.027-1.126c.317-.176.515-.511.515-.874Zm-10-7.856l6.94,3.856-6.94,3.856-6.94-3.856,6.94-3.856Zm-.485,9.73c.15.084.318.126.485.126s.335-.042.485-.126l4.915-2.73,1.541.856-6.941,3.856-6.941-3.856,1.541-.856,4.915,2.73Zm7.427,2.126l-6.941,3.856-6.941-3.856,1.541-.856,4.915,2.73c.15.084.318.126.485.126s.335-.042.485-.126l4.915-2.73,1.541.856Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m22,12c0-.363-.197-.698-.515-.874l-2.027-1.126,2.027-1.126c.317-.176.515-.511.515-.874s-.197-.698-.515-.874L12.485,2.126c-.301-.168-.67-.168-.971,0L2.515,7.126c-.317.176-.515.511-.515.874s.197.698.515.874l2.027,1.126-2.027,1.126c-.317.176-.515.511-.515.874s.197.698.515.874l2.027,1.126-2.027,1.126c-.317.176-.515.511-.515.874s.197.698.515.874l9,5c.15.084.318.126.485.126s.335-.042.485-.126l9-5c.317-.176.515-.511.515-.874s-.197-.698-.515-.874l-2.027-1.126,2.027-1.126c.317-.176.515-.511.515-.874Zm-10-7.856l6.94,3.856-6.94,3.856-6.94-3.856,6.94-3.856Zm-.485,9.73c.15.084.318.126.485.126s.335-.042.485-.126l4.915-2.73,1.541.856-6.941,3.856-6.941-3.856,1.541-.856,4.915,2.73Zm7.427,2.126l-6.941,3.856-6.941-3.856,1.541-.856,4.915,2.73c.15.084.318.126.485.126s.335-.042.485-.126l4.915-2.73,1.541.856Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-link::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,12c0,2.76,2.24,5,5,5h4v-2h-4c-1.65,0-3-1.35-3-3s1.35-3,3-3h4v-2h-4c-2.76,0-5,2.24-5,5Z'/%3E%3Cpath d='m17,7h-4v2h4c1.65,0,3,1.35,3,3s-1.35,3-3,3h-4v2h4c2.76,0,5-2.24,5-5s-2.24-5-5-5Z'/%3E%3Crect x='8' y='11' width='8' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,12c0,2.76,2.24,5,5,5h4v-2h-4c-1.65,0-3-1.35-3-3s1.35-3,3-3h4v-2h-4c-2.76,0-5,2.24-5,5Z'/%3E%3Cpath d='m17,7h-4v2h4c1.65,0,3,1.35,3,3s-1.35,3-3,3h-4v2h4c2.76,0,5-2.24,5-5s-2.24-5-5-5Z'/%3E%3Crect x='8' y='11' width='8' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-location::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2c-3.02,0-5.68,1.7-6.99,4-1,1.74-1,3.42-1,4,.03,3.14,1.86,5.39,3.99,8,.88,1.08,2.19,2.51,4,4,1.81-1.49,3.12-2.92,4-4,2.13-2.61,3.97-4.86,3.99-8,0-.58,0-2.26-1-4-1.32-2.3-3.98-4-6.99-4Zm5.99,7.98c-.02,2.44-1.58,4.34-3.54,6.75-.75.92-1.57,1.79-2.45,2.61-.88-.82-1.7-1.69-2.45-2.61-1.97-2.41-3.52-4.31-3.54-6.75,0-.42-.01-1.68.73-2.99,1.04-1.82,3.11-2.99,5.26-2.99s4.22,1.18,5.26,2.99c.75,1.31.74,2.57.73,2.99Z'/%3E%3Cpath d='m12,7c-1.66,0-3,1.34-3,3s1.34,3,3,3,3-1.34,3-3-1.34-3-3-3Zm0,4c-.55,0-1-.45-1-1s.45-1,1-1,1,.45,1,1-.45,1-1,1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2c-3.02,0-5.68,1.7-6.99,4-1,1.74-1,3.42-1,4,.03,3.14,1.86,5.39,3.99,8,.88,1.08,2.19,2.51,4,4,1.81-1.49,3.12-2.92,4-4,2.13-2.61,3.97-4.86,3.99-8,0-.58,0-2.26-1-4-1.32-2.3-3.98-4-6.99-4Zm5.99,7.98c-.02,2.44-1.58,4.34-3.54,6.75-.75.92-1.57,1.79-2.45,2.61-.88-.82-1.7-1.69-2.45-2.61-1.97-2.41-3.52-4.31-3.54-6.75,0-.42-.01-1.68.73-2.99,1.04-1.82,3.11-2.99,5.26-2.99s4.22,1.18,5.26,2.99c.75,1.31.74,2.57.73,2.99Z'/%3E%3Cpath d='m12,7c-1.66,0-3,1.34-3,3s1.34,3,3,3,3-1.34,3-3-1.34-3-3-3Zm0,4c-.55,0-1-.45-1-1s.45-1,1-1,1,.45,1,1-.45,1-1,1Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-lock::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m20,10h-3v-3c0-2.76-2.24-5-5-5s-5,2.24-5,5v3h-3v12h16v-12Zm-11-3c0-1.65,1.35-3,3-3s3,1.35,3,3v3h-6v-3Zm9,13H6v-8h12v8Z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m20,10h-3v-3c0-2.76-2.24-5-5-5s-5,2.24-5,5v3h-3v12h16v-12Zm-11-3c0-1.65,1.35-3,3-3s3,1.35,3,3v3h-6v-3Zm9,13H6v-8h12v8Z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-login::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m21,2h-9v2h8v16h-8v2h9c.55,0,1-.45,1-1V3c0-.55-.45-1-1-1Z'/%3E%3Cpath d='m8.29,16.29l1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5-1.41,1.41,3.29,3.29H2s0,2,0,2h9.58s-3.29,3.29-3.29,3.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m21,2h-9v2h8v16h-8v2h9c.55,0,1-.45,1-1V3c0-.55-.45-1-1-1Z'/%3E%3Cpath d='m8.29,16.29l1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5-1.41,1.41,3.29,3.29H2s0,2,0,2h9.58s-3.29,3.29-3.29,3.29Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-logout::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,22h9v-2H4V4h8v-2H3c-.55,0-1,.45-1,1v18c0,.55.45,1,1,1Z'/%3E%3Cpath d='m16.71,6.29l-1.41,1.41,3.29,3.29h-9.59s0,2,0,2h9.58s-3.29,3.29-3.29,3.29l1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,22h9v-2H4V4h8v-2H3c-.55,0-1,.45-1,1v18c0,.55.45,1,1,1Z'/%3E%3Cpath d='m16.71,6.29l-1.41,1.41,3.29,3.29h-9.59s0,2,0,2h9.58s-3.29,3.29-3.29,3.29l1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-mail::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,9v11h20V4H2v5Zm2-3h16v1.87l-8,4.8L4,7.87v-1.87Zm0,4.2l8,4.8,8-4.8v7.8H4v-7.8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,9v11h20V4H2v5Zm2-3h16v1.87l-8,4.8L4,7.87v-1.87Zm0,4.2l8,4.8,8-4.8v7.8H4v-7.8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-map::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15,20l7-2V4l-7,2-6-2-7,2v14l7-2,6,2Zm1-12.21l4-1.14v9.84l-4,1.14V7.79Zm-6-1.35l4,1.33v9.78l-4-1.33V6.44Zm-2,9.76l-4,1.14V7.51l4-1.14v9.84Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15,20l7-2V4l-7,2-6-2-7,2v14l7-2,6,2Zm1-12.21l4-1.14v9.84l-4,1.14V7.79Zm-6-1.35l4,1.33v9.78l-4-1.33V6.44Zm-2,9.76l-4,1.14V7.51l4-1.14v9.84Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-menu::before, .badge[class*=ico-].ico-list::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3Crect x='3' y='5' width='18' height='2'/%3E%3Crect x='3' y='17' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3Crect x='3' y='5' width='18' height='2'/%3E%3Crect x='3' y='17' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-mic::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,19.93v2.07h2v-2.07c3.94-.49,7-3.86,7-7.93h-2c0,3.31-2.69,6-6,6s-6-2.69-6-6h-2c0,4.07,3.06,7.44,7,7.93Z'/%3E%3Cpath d='m8,6v6c0,2.21,1.79,4,4,4s4-1.79,4-4v-6c0-2.21-1.79-4-4-4s-4,1.79-4,4Zm6,0v6c0,1.1-.9,2-2,2s-2-.9-2-2v-6c0-1.1.9-2,2-2s2,.9,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,19.93v2.07h2v-2.07c3.94-.49,7-3.86,7-7.93h-2c0,3.31-2.69,6-6,6s-6-2.69-6-6h-2c0,4.07,3.06,7.44,7,7.93Z'/%3E%3Cpath d='m8,6v6c0,2.21,1.79,4,4,4s4-1.79,4-4v-6c0-2.21-1.79-4-4-4s-4,1.79-4,4Zm6,0v6c0,1.1-.9,2-2,2s-2-.9-2-2v-6c0-1.1.9-2,2-2s2,.9,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-more-horiz::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3Ccircle cx='18.5' cy='12' r='1.5'/%3E%3Ccircle cx='5.5' cy='12' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3Ccircle cx='18.5' cy='12' r='1.5'/%3E%3Ccircle cx='5.5' cy='12' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-more-vert::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3Ccircle cx='12' cy='18.5' r='1.5'/%3E%3Ccircle cx='12' cy='5.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3Ccircle cx='12' cy='18.5' r='1.5'/%3E%3Ccircle cx='12' cy='5.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-music::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m7,7v7.55c-.59-.34-1.27-.55-2-.55-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4v-8.29l10-1.43v4.27c-.59-.34-1.27-.55-2-.55-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4V2l-14,2v3Zm-2,13c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Zm12-2c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2ZM9,7v-1.27l10-1.43v1.96l-10,1.43v-.69Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m7,7v7.55c-.59-.34-1.27-.55-2-.55-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4v-8.29l10-1.43v4.27c-.59-.34-1.27-.55-2-.55-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4V2l-14,2v3Zm-2,13c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Zm12-2c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2ZM9,7v-1.27l10-1.43v1.96l-10,1.43v-.69Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-openinnew::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8H4V4h8v-2H3c-.55,0-1,.45-1,1v18Z'/%3E%3Cpath d='m22,10V3c0-.55-.45-1-1-1h-7v2h4.59l-7.29,7.29,1.41,1.41,7.29-7.29v4.59h2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8H4V4h8v-2H3c-.55,0-1,.45-1,1v18Z'/%3E%3Cpath d='m22,10V3c0-.55-.45-1-1-1h-7v2h4.59l-7.29,7.29,1.41,1.41,7.29-7.29v4.59h2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-plus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-people::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m9,11c2.206,0,4-1.794,4-4s-1.794-4-4-4-4,1.794-4,4,1.794,4,4,4Zm0-6c1.103,0,2,.897,2,2s-.897,2-2,2-2-.897-2-2,.897-2,2-2Z'/%3E%3Cpath class='cls-2' d='m17,12c1.654,0,3-1.346,3-3s-1.346-3-3-3-3,1.346-3,3,1.346,3,3,3Zm0-4c.552,0,1,.448,1,1s-.448,1-1,1-1-.448-1-1,.448-1,1-1Z'/%3E%3Cpath class='cls-2' d='m22,17c0-2.206-1.794-4-4-4h-4.031c-.833-.62-1.854-1-2.969-1h-4c-2.757,0-5,2.243-5,5v5h14v-2h6v-3Zm-18,3v-3c0-1.654,1.346-3,3-3h4c.794,0,1.512.316,2.05.821.083.078.156.163.228.249.058.068.119.133.17.206.071.1.127.208.185.316.037.069.08.134.112.206.059.135.1.278.139.42.015.054.038.104.049.159.043.203.066.411.066.621v3H4Zm16-2h-4v-1c0-.35-.037-.691-.106-1.02-.012-.057-.038-.11-.052-.167-.066-.27-.143-.536-.252-.787-.004-.008-.005-.018-.008-.026h2.418c1.103,0,2,.897,2,2v1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m9,11c2.206,0,4-1.794,4-4s-1.794-4-4-4-4,1.794-4,4,1.794,4,4,4Zm0-6c1.103,0,2,.897,2,2s-.897,2-2,2-2-.897-2-2,.897-2,2-2Z'/%3E%3Cpath class='cls-2' d='m17,12c1.654,0,3-1.346,3-3s-1.346-3-3-3-3,1.346-3,3,1.346,3,3,3Zm0-4c.552,0,1,.448,1,1s-.448,1-1,1-1-.448-1-1,.448-1,1-1Z'/%3E%3Cpath class='cls-2' d='m22,17c0-2.206-1.794-4-4-4h-4.031c-.833-.62-1.854-1-2.969-1h-4c-2.757,0-5,2.243-5,5v5h14v-2h6v-3Zm-18,3v-3c0-1.654,1.346-3,3-3h4c.794,0,1.512.316,2.05.821.083.078.156.163.228.249.058.068.119.133.17.206.071.1.127.208.185.316.037.069.08.134.112.206.059.135.1.278.139.42.015.054.038.104.049.159.043.203.066.411.066.621v3H4Zm16-2h-4v-1c0-.35-.037-.691-.106-1.02-.012-.057-.038-.11-.052-.167-.066-.27-.143-.536-.252-.787-.004-.008-.005-.018-.008-.026h2.418c1.103,0,2,.897,2,2v1Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-profile::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,12c2.76,0,5-2.24,5-5s-2.24-5-5-5-5,2.24-5,5,2.24,5,5,5Zm0-8c1.65,0,3,1.35,3,3s-1.35,3-3,3-3-1.35-3-3,1.35-3,3-3Z'/%3E%3Cpath d='m22,18c0-2.21-1.79-4-4-4H6c-2.21,0-4,1.79-4,4v4h20v-4Zm-2,2H4v-2c0-1.1.9-2,2-2h12c1.1,0,2,.9,2,2v2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,12c2.76,0,5-2.24,5-5s-2.24-5-5-5-5,2.24-5,5,2.24,5,5,5Zm0-8c1.65,0,3,1.35,3,3s-1.35,3-3,3-3-1.35-3-3,1.35-3,3-3Z'/%3E%3Cpath d='m22,18c0-2.21-1.79-4-4-4H6c-2.21,0-4,1.79-4,4v4h20v-4Zm-2,2H4v-2c0-1.1.9-2,2-2h12c1.1,0,2,.9,2,2v2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-phone::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Crect class='cls-1' width='24' height='24'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-3'%3E%3Crect class='cls-2' x='9' y='6' width='6' height='2'/%3E%3Cpath class='cls-2' d='M17,20H7V4h10v16ZM19,2H5v20h14V2Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Crect class='cls-1' width='24' height='24'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-3'%3E%3Crect class='cls-2' x='9' y='6' width='6' height='2'/%3E%3Cpath class='cls-2' d='M17,20H7V4h10v16ZM19,2H5v20h14V2Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-pin::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M15,1l-3,3c.333.333.667.667,1,1l-4,4c-.364-.087-.888-.18-1.514-.18-.449,0-.951.048-1.486.18-2.453.607-3.71,2.529-4,3,1.431,1.431,2.862,2.862,4.293,4.293l-4,4,1.414,1.414,4-4c1.431,1.431,2.862,2.862,4.293,4.293.471-.29,2.393-1.547,3-4,.317-1.279.15-2.374,0-3l4-4c.333.333.667.667,1,1l3-3L15,1ZM19.938,9.233c-.293-.156-.615-.233-.938-.233-.512,0-1.024.195-1.414.586l-4,4c-.492.492-.693,1.203-.531,1.879.165.689.166,1.399.004,2.055-.183.739-.547,1.328-.934,1.776l-7.421-7.421c.449-.387,1.037-.751,1.776-.934.326-.081.664-.122,1.005-.122.348,0,.701.042,1.049.125.154.037.31.055.465.055.524,0,1.035-.206,1.414-.586l4-4c.637-.637.754-1.597.353-2.353l.233-.233,5.172,5.172-.233.233Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M15,1l-3,3c.333.333.667.667,1,1l-4,4c-.364-.087-.888-.18-1.514-.18-.449,0-.951.048-1.486.18-2.453.607-3.71,2.529-4,3,1.431,1.431,2.862,2.862,4.293,4.293l-4,4,1.414,1.414,4-4c1.431,1.431,2.862,2.862,4.293,4.293.471-.29,2.393-1.547,3-4,.317-1.279.15-2.374,0-3l4-4c.333.333.667.667,1,1l3-3L15,1ZM19.938,9.233c-.293-.156-.615-.233-.938-.233-.512,0-1.024.195-1.414.586l-4,4c-.492.492-.693,1.203-.531,1.879.165.689.166,1.399.004,2.055-.183.739-.547,1.328-.934,1.776l-7.421-7.421c.449-.387,1.037-.751,1.776-.934.326-.081.664-.122,1.005-.122.348,0,.701.042,1.049.125.154.037.31.055.465.055.524,0,1.035-.206,1.414-.586l4-4c.637-.637.754-1.597.353-2.353l.233-.233,5.172,5.172-.233.233Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-pin-active::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M15,1l-3,3c.333.333.667.667,1,1-1.333,1.333-2.667,2.667-4,4-.626-.15-1.721-.317-3,0-2.453.607-3.71,2.529-4,3,1.431,1.431,2.862,2.862,4.293,4.293l-4,4,1.414,1.414,4-4c1.431,1.431,2.862,2.862,4.293,4.293.471-.29,2.393-1.547,3-4,.317-1.279.15-2.374,0-3,1.333-1.333,2.667-2.667,4-4,.333.333.667.667,1,1l3-3L15,1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M15,1l-3,3c.333.333.667.667,1,1-1.333,1.333-2.667,2.667-4,4-.626-.15-1.721-.317-3,0-2.453.607-3.71,2.529-4,3,1.431,1.431,2.862,2.862,4.293,4.293l-4,4,1.414,1.414,4-4c1.431,1.431,2.862,2.862,4.293,4.293.471-.29,2.393-1.547,3-4,.317-1.279.15-2.374,0-3,1.333-1.333,2.667-2.667,4-4,.333.333.667.667,1,1l3-3L15,1Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-power::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5.64,5.64c-1.7,1.7-2.64,3.96-2.64,6.36s.94,4.66,2.64,6.36c1.7,1.7,3.96,2.64,6.36,2.64s4.66-.94,6.36-2.64c1.7-1.7,2.64-3.96,2.64-6.36s-.94-4.66-2.64-6.36l-1.41,1.41c1.32,1.32,2.05,3.08,2.05,4.95s-.73,3.63-2.05,4.95-3.08,2.05-4.95,2.05-3.63-.73-4.95-2.05-2.05-3.08-2.05-4.95.73-3.63,2.05-4.95l-1.41-1.41Z'/%3E%3Crect x='11' y='2' width='2' height='10'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5.64,5.64c-1.7,1.7-2.64,3.96-2.64,6.36s.94,4.66,2.64,6.36c1.7,1.7,3.96,2.64,6.36,2.64s4.66-.94,6.36-2.64c1.7-1.7,2.64-3.96,2.64-6.36s-.94-4.66-2.64-6.36l-1.41,1.41c1.32,1.32,2.05,3.08,2.05,4.95s-.73,3.63-2.05,4.95-3.08,2.05-4.95,2.05-3.63-.73-4.95-2.05-2.05-3.08-2.05-4.95.73-3.63,2.05-4.95l-1.41-1.41Z'/%3E%3Crect x='11' y='2' width='2' height='10'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-print::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m22,7h-4V2H6v5H2v13h4v2h12v-2h4V7Zm-14-3h8v3h-8v-3Zm0,16v-5h8v5h-8Zm12-2h-2v-5H6v5h-2v-9h16v9Z'/%3E%3Ccircle class='cls-2' cx='7' cy='11' r='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m22,7h-4V2H6v5H2v13h4v2h12v-2h4V7Zm-14-3h8v3h-8v-3Zm0,16v-5h8v5h-8Zm12-2h-2v-5H6v5h-2v-9h16v9Z'/%3E%3Ccircle class='cls-2' cx='7' cy='11' r='1'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-redo::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.71,3.29l-1.41,1.41,3.29,3.29h-10.59c-3.31,0-6,2.69-6,6s2.69,6,6,6h8v-2h-8c-2.21,0-4-1.79-4-4s1.79-4,4-4h10.59l-3.29,3.29,1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.71,3.29l-1.41,1.41,3.29,3.29h-10.59c-3.31,0-6,2.69-6,6s2.69,6,6,6h8v-2h-8c-2.21,0-4-1.79-4-4s1.79-4,4-4h10.59l-3.29,3.29,1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-remove::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-refresh::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4.93,19.07c1.95,1.95,4.51,2.92,7.07,2.92s5.12-.98,7.07-2.92c1.89-1.89,2.93-4.4,2.93-7.07h-2c0,2.14-.83,4.15-2.34,5.66-3.12,3.12-8.2,3.12-11.31,0s-3.12-8.2,0-11.31,7.8-3.1,10.94-.34h-2.28v2h5c.55,0,1-.45,1-1V2h-2v2.86c-3.9-3.83-10.2-3.81-14.07.06s-3.9,10.24,0,14.14Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4.93,19.07c1.95,1.95,4.51,2.92,7.07,2.92s5.12-.98,7.07-2.92c1.89-1.89,2.93-4.4,2.93-7.07h-2c0,2.14-.83,4.15-2.34,5.66-3.12,3.12-8.2,3.12-11.31,0s-3.12-8.2,0-11.31,7.8-3.1,10.94-.34h-2.28v2h5c.55,0,1-.45,1-1V2h-2v2.86c-3.9-3.83-10.2-3.81-14.07.06s-3.9,10.24,0,14.14Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-save::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,22h20v-14l-6-6H2v20Zm14-2h-8v-4h8v4ZM8,4h4v3h-4v-3Zm-4,0h2v5h8v-5h1.17l4.83,4.83v11.17h-2v-6H6v6h-2V4Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,22h20v-14l-6-6H2v20Zm14-2h-8v-4h8v4ZM8,4h4v3h-4v-3Zm-4,0h2v5h8v-5h1.17l4.83,4.83v11.17h-2v-6H6v6h-2V4Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-schedule::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m13,7h-2v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59Z'/%3E%3Cpath d='m12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2Zm0,18c-4.41,0-8-3.59-8-8S7.59,4,12,4s8,3.59,8,8-3.59,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m13,7h-2v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59Z'/%3E%3Cpath d='m12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2Zm0,18c-4.41,0-8-3.59-8-8S7.59,4,12,4s8,3.59,8,8-3.59,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-send::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,12l-2,10,21-10L2,2l2,10Zm12.25-1H5.84l-1.1-5.48,11.5,5.48Zm-10.41,2h10.41l-11.5,5.48,1.1-5.48Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,12l-2,10,21-10L2,2l2,10Zm12.25-1H5.84l-1.1-5.48,11.5,5.48Zm-10.41,2h10.41l-11.5,5.48,1.1-5.48Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-setting::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,9c-1.66,0-3,1.34-3,3s1.34,3,3,3,3-1.34,3-3-1.34-3-3-3Zm0,4c-.55,0-1-.45-1-1s.45-1,1-1,1,.45,1,1-.45,1-1,1Z'/%3E%3Cpath d='m19.16,4.4l-2.91.83c-.17-.11-.34-.21-.52-.31l-.73-2.93h-6l-.73,2.93c-.18.09-.35.2-.52.31l-2.91-.83-3,5.2,2.18,2.1c0,.1-.02.2-.02.3s.01.2.02.3l-2.18,2.1,3,5.2,2.91-.83c.17.11.34.21.52.31l.73,2.93h6l.73-2.93c.18-.09.35-.2.52-.31l2.91.83,3-5.2-2.18-2.1c0-.1.02-.2.02-.3s-.01-.2-.02-.3l2.18-2.1-3-5.2Zm-1.16,7.56v.03s0,.06,0,.06c0,.06,0,.12-.01.18-.02.57.2,1.12.61,1.51l1.05,1.02-1.44,2.49-1.41-.4c-.18-.05-.37-.08-.55-.08-.37,0-.74.1-1.07.31-.13.08-.26.16-.39.23-.5.27-.87.73-1.01,1.28l-.35,1.41h-2.88l-.35-1.41c-.14-.55-.5-1.02-1.01-1.28-.13-.07-.26-.15-.39-.23-.32-.2-.69-.31-1.07-.31-.18,0-.37.03-.55.08l-1.4.4-1.44-2.49,1.05-1.02c.41-.39.63-.94.61-1.51,0-.06,0-.12-.01-.18v-.03s0-.06,0-.06c0-.06,0-.12.01-.18.02-.57-.2-1.12-.61-1.51l-1.05-1.02,1.44-2.49,1.4.4c.18.05.37.08.55.08.37,0,.74-.1,1.07-.31.13-.08.26-.16.39-.23.5-.27.87-.73,1.01-1.28l.35-1.41h2.88l.35,1.41c.14.55.5,1.02,1.01,1.28.13.07.26.15.39.23.32.2.69.31,1.07.31.18,0,.37-.03.55-.08l1.41-.4,1.44,2.49-1.05,1.02c-.41.39-.63.94-.61,1.51,0,.06,0,.12.01.18Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,9c-1.66,0-3,1.34-3,3s1.34,3,3,3,3-1.34,3-3-1.34-3-3-3Zm0,4c-.55,0-1-.45-1-1s.45-1,1-1,1,.45,1,1-.45,1-1,1Z'/%3E%3Cpath d='m19.16,4.4l-2.91.83c-.17-.11-.34-.21-.52-.31l-.73-2.93h-6l-.73,2.93c-.18.09-.35.2-.52.31l-2.91-.83-3,5.2,2.18,2.1c0,.1-.02.2-.02.3s.01.2.02.3l-2.18,2.1,3,5.2,2.91-.83c.17.11.34.21.52.31l.73,2.93h6l.73-2.93c.18-.09.35-.2.52-.31l2.91.83,3-5.2-2.18-2.1c0-.1.02-.2.02-.3s-.01-.2-.02-.3l2.18-2.1-3-5.2Zm-1.16,7.56v.03s0,.06,0,.06c0,.06,0,.12-.01.18-.02.57.2,1.12.61,1.51l1.05,1.02-1.44,2.49-1.41-.4c-.18-.05-.37-.08-.55-.08-.37,0-.74.1-1.07.31-.13.08-.26.16-.39.23-.5.27-.87.73-1.01,1.28l-.35,1.41h-2.88l-.35-1.41c-.14-.55-.5-1.02-1.01-1.28-.13-.07-.26-.15-.39-.23-.32-.2-.69-.31-1.07-.31-.18,0-.37.03-.55.08l-1.4.4-1.44-2.49,1.05-1.02c.41-.39.63-.94.61-1.51,0-.06,0-.12-.01-.18v-.03s0-.06,0-.06c0-.06,0-.12.01-.18.02-.57-.2-1.12-.61-1.51l-1.05-1.02,1.44-2.49,1.4.4c.18.05.37.08.55.08.37,0,.74-.1,1.07-.31.13-.08.26-.16.39-.23.5-.27.87-.73,1.01-1.28l.35-1.41h2.88l.35,1.41c.14.55.5,1.02,1.01,1.28.13.07.26.15.39.23.32.2.69.31,1.07.31.18,0,.37-.03.55-.08l1.41-.4,1.44,2.49-1.05,1.02c-.41.39-.63.94-.61,1.51,0,.06,0,.12.01.18Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-share::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6,16c1.13,0,2.14-.47,2.87-1.22l3.28,2.19c-.09.33-.15.67-.15,1.03,0,2.21,1.79,4,4,4s4-1.79,4-4-1.79-4-4-4c-1.13,0-2.14.47-2.87,1.22l-3.28-2.19c.09-.33.15-.67.15-1.03s-.06-.7-.15-1.03l3.28-2.19c.73.75,1.74,1.22,2.87,1.22,2.21,0,4-1.79,4-4s-1.79-4-4-4-4,1.79-4,4c0,.36.06.7.15,1.03l-3.28,2.19c-.73-.75-1.74-1.22-2.87-1.22-2.21,0-4,1.79-4,4s1.79,4,4,4Zm10,0c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Zm0-12c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Zm-10,6c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6,16c1.13,0,2.14-.47,2.87-1.22l3.28,2.19c-.09.33-.15.67-.15,1.03,0,2.21,1.79,4,4,4s4-1.79,4-4-1.79-4-4-4c-1.13,0-2.14.47-2.87,1.22l-3.28-2.19c.09-.33.15-.67.15-1.03s-.06-.7-.15-1.03l3.28-2.19c.73.75,1.74,1.22,2.87,1.22,2.21,0,4-1.79,4-4s-1.79-4-4-4-4,1.79-4,4c0,.36.06.7.15,1.03l-3.28,2.19c-.73-.75-1.74-1.22-2.87-1.22-2.21,0-4,1.79-4,4s1.79,4,4,4Zm10,0c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Zm0-12c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Zm-10,6c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-sound::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.8,15.6c1.04-1.39,1.2-2.85,1.2-3.6,0-1.74-.75-3-1.2-3.6l-1.6,1.2c.3.4.8,1.24.8,2.4,0,.5-.1,1.47-.8,2.4l1.6,1.2Z'/%3E%3Cpath d='m18.69,4.28l-1.38,1.45c.63.6,2.69,2.83,2.69,6.28s-2.06,5.67-2.69,6.28l1.38,1.45c.78-.74,3.31-3.48,3.31-7.72s-2.53-6.99-3.31-7.72Z'/%3E%3Cpath d='m14,21V3l-8,5H2v8h4l8,5ZM4,10h2c.37,0,.74-.11,1.06-.3l4.94-3.09v10.78l-4.94-3.09c-.32-.2-.69-.3-1.06-.3h-2v-4Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.8,15.6c1.04-1.39,1.2-2.85,1.2-3.6,0-1.74-.75-3-1.2-3.6l-1.6,1.2c.3.4.8,1.24.8,2.4,0,.5-.1,1.47-.8,2.4l1.6,1.2Z'/%3E%3Cpath d='m18.69,4.28l-1.38,1.45c.63.6,2.69,2.83,2.69,6.28s-2.06,5.67-2.69,6.28l1.38,1.45c.78-.74,3.31-3.48,3.31-7.72s-2.53-6.99-3.31-7.72Z'/%3E%3Cpath d='m14,21V3l-8,5H2v8h4l8,5ZM4,10h2c.37,0,.74-.11,1.06-.3l4.94-3.09v10.78l-4.94-3.09c-.32-.2-.69-.3-1.06-.3h-2v-4Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-star::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15.63,7.6l-3.63-6.6-3.63,6.6-7.37,1.42,5.13,5.5-.93,7.48,6.8-3.2,6.8,3.2-.93-7.48,5.13-5.5-7.37-1.42Zm.78,5.56c-.4.43-.6,1.02-.52,1.61l.48,3.88-3.52-1.65c-.27-.13-.56-.19-.85-.19s-.58.06-.85.19l-3.52,1.65.48-3.88c.07-.59-.12-1.18-.52-1.61l-2.67-2.86,3.82-.74c.58-.11,1.09-.48,1.37-1l1.87-3.41,1.87,3.41c.29.52.79.89,1.37,1l3.82.74-2.67,2.86Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15.63,7.6l-3.63-6.6-3.63,6.6-7.37,1.42,5.13,5.5-.93,7.48,6.8-3.2,6.8,3.2-.93-7.48,5.13-5.5-7.37-1.42Zm.78,5.56c-.4.43-.6,1.02-.52,1.61l.48,3.88-3.52-1.65c-.27-.13-.56-.19-.85-.19s-.58.06-.85.19l-3.52,1.65.48-3.88c.07-.59-.12-1.18-.52-1.61l-2.67-2.86,3.82-.74c.58-.11,1.09-.48,1.37-1l1.87-3.41,1.87,3.41c.29.52.79.89,1.37,1l3.82.74-2.67,2.86Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-star-active::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-1' points='12 1 15.627 7.597 23 9.021 17.869 14.523 18.798 22 12 18.803 5.202 22 6.131 14.523 1 9.021 8.373 7.597 12 1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-1' points='12 1 15.627 7.597 23 9.021 17.869 14.523 18.798 22 12 18.803 5.202 22 6.131 14.523 1 9.021 8.373 7.597 12 1'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-sun::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,19c-3.859,0-7-3.141-7-7s3.141-7,7-7,7,3.141,7,7-3.141,7-7,7ZM12,7c-2.757,0-5,2.243-5,5s2.243,5,5,5,5-2.243,5-5-2.243-5-5-5Z'/%3E%3Crect class='cls-2' x='11' y='1' width='2' height='3'/%3E%3Crect class='cls-2' x='2.773' y='5.75' width='2' height='3' transform='translate(-4.392 6.893) rotate(-60.005)'/%3E%3Crect class='cls-2' x='2.273' y='15.75' width='3' height='2' transform='translate(-7.868 4.129) rotate(-29.995)'/%3E%3Crect class='cls-2' x='11' y='20' width='2' height='3'/%3E%3Crect class='cls-2' x='19.227' y='15.25' width='2' height='3' transform='translate(-4.392 25.894) rotate(-60.005)'/%3E%3Crect class='cls-2' x='18.727' y='6.25' width='3' height='2' transform='translate(-.915 11.083) rotate(-29.995)'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,19c-3.859,0-7-3.141-7-7s3.141-7,7-7,7,3.141,7,7-3.141,7-7,7ZM12,7c-2.757,0-5,2.243-5,5s2.243,5,5,5,5-2.243,5-5-2.243-5-5-5Z'/%3E%3Crect class='cls-2' x='11' y='1' width='2' height='3'/%3E%3Crect class='cls-2' x='2.773' y='5.75' width='2' height='3' transform='translate(-4.392 6.893) rotate(-60.005)'/%3E%3Crect class='cls-2' x='2.273' y='15.75' width='3' height='2' transform='translate(-7.868 4.129) rotate(-29.995)'/%3E%3Crect class='cls-2' x='11' y='20' width='2' height='3'/%3E%3Crect class='cls-2' x='19.227' y='15.25' width='2' height='3' transform='translate(-4.392 25.894) rotate(-60.005)'/%3E%3Crect class='cls-2' x='18.727' y='6.25' width='3' height='2' transform='translate(-.915 11.083) rotate(-29.995)'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-thumb-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m18.46,9h-4.46l.42-2.51c.3-1.83-1.11-3.49-2.96-3.49h-2.46l-2,6H3l-1,12h18l1.42-8.51c.3-1.83-1.11-3.49-2.96-3.49Zm-12.3,10h-1.99l.67-8h1.99l-.67,8Zm13.29-6.84l-1.14,6.84h-10.13l.8-9.59,1.47-4.41h1.02c.4,0,.65.22.76.35.11.13.29.41.22.81l-.42,2.51c-.1.58.07,1.17.45,1.62.38.45.94.71,1.53.71h4.46c.4,0,.65.22.76.35.11.13.29.41.22.81Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m18.46,9h-4.46l.42-2.51c.3-1.83-1.11-3.49-2.96-3.49h-2.46l-2,6H3l-1,12h18l1.42-8.51c.3-1.83-1.11-3.49-2.96-3.49Zm-12.3,10h-1.99l.67-8h1.99l-.67,8Zm13.29-6.84l-1.14,6.84h-10.13l.8-9.59,1.47-4.41h1.02c.4,0,.65.22.76.35.11.13.29.41.22.81l-.42,2.51c-.1.58.07,1.17.45,1.62.38.45.94.71,1.53.71h4.46c.4,0,.65.22.76.35.11.13.29.41.22.81Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-thumb-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,3H4l-1.42,8.51c-.3,1.83,1.11,3.49,2.96,3.49h4.46l-.42,2.51c-.3,1.83,1.11,3.49,2.96,3.49h2.46l2-6h4l1-12h-6Zm-.97,11.59l-1.47,4.41h-1.02c-.4,0-.65-.22-.76-.35s-.29-.41-.22-.81l.42-2.51c.1-.58-.07-1.17-.45-1.62-.38-.45-.94-.71-1.53-.71h-4.46c-.4,0-.65-.22-.76-.35s-.29-.41-.22-.81l1.14-6.84h10.13l-.8,9.59Zm4.13-1.59h-1.99l.67-8h1.99l-.67,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,3H4l-1.42,8.51c-.3,1.83,1.11,3.49,2.96,3.49h4.46l-.42,2.51c-.3,1.83,1.11,3.49,2.96,3.49h2.46l2-6h4l1-12h-6Zm-.97,11.59l-1.47,4.41h-1.02c-.4,0-.65-.22-.76-.35s-.29-.41-.22-.81l.42-2.51c.1-.58-.07-1.17-.45-1.62-.38-.45-.94-.71-1.53-.71h-4.46c-.4,0-.65-.22-.76-.35s-.29-.41-.22-.81l1.14-6.84h10.13l-.8,9.59Zm4.13-1.59h-1.99l.67-8h1.99l-.67,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-trophy::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M21,5h-2v-2c0-.553-.448-1-1-1H6c-.552,0-1,.447-1,1v2h-2c-.552,0-1,.447-1,1v3c0,2.757,2.243,5,5,5h.111c.594.581,1.29,1.055,2.058,1.396.014.457-.014.903-.134,1.341-.123.451-.331.867-.581,1.263h-1.454c-.552,0-1,.447-1,1v3c0,.553.448,1,1,1h10c.552,0,1-.447,1-1v-3c0-.553-.448-1-1-1h-1.454c-.25-.396-.459-.812-.581-1.263-.119-.438-.148-.884-.134-1.341.769-.342,1.465-.816,2.058-1.396h.111c2.757,0,5-2.243,5-5v-3c0-.553-.448-1-1-1ZM7,4h10v5c0,.326-.036.644-.096.953-.026.135-.075.264-.112.396-.048.169-.091.339-.155.5-.061.153-.142.297-.218.443-.067.128-.129.259-.207.381-.096.15-.209.29-.321.43-.67.838-1.594,1.455-2.664,1.728-.109.028-.217.059-.327.079-.284.052-.575.087-.874.088-.019,0-.038,0-.057,0-.297-.002-.586-.036-.869-.088-.109-.02-.217-.051-.325-.079-1.07-.272-1.994-.889-2.664-1.727-.113-.141-.227-.283-.323-.434-.076-.119-.137-.246-.202-.372-.078-.149-.16-.296-.223-.451-.063-.158-.106-.325-.153-.49-.039-.135-.087-.266-.114-.404-.06-.309-.096-.626-.096-.952V4ZM4,9v-2h1v2c0,.231.012.46.035.688.011.117.033.231.05.347.016.107.028.214.049.32.029.145.067.286.104.427.019.073.035.148.057.22.046.154.101.303.158.453.018.048.031.098.051.145-.898-.52-1.503-1.49-1.503-2.6ZM16,21h-8v-1h8v1ZM12.819,15.951c.027.444.1.883.216,1.312.068.251.151.497.248.737h-2.565c.097-.24.179-.486.248-.737.117-.429.189-.866.216-1.312.012.001.023,0,.035.002.258.029.518.047.784.047s.526-.018.784-.047c.012-.001.023,0,.035-.002ZM20,9c0,1.109-.605,2.08-1.503,2.6.022-.055.038-.112.058-.168.053-.141.105-.282.148-.427.023-.078.04-.158.061-.237.036-.137.073-.273.101-.413.021-.107.034-.216.05-.325.017-.114.038-.227.05-.343.023-.228.035-.457.035-.688v-2h1v2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M21,5h-2v-2c0-.553-.448-1-1-1H6c-.552,0-1,.447-1,1v2h-2c-.552,0-1,.447-1,1v3c0,2.757,2.243,5,5,5h.111c.594.581,1.29,1.055,2.058,1.396.014.457-.014.903-.134,1.341-.123.451-.331.867-.581,1.263h-1.454c-.552,0-1,.447-1,1v3c0,.553.448,1,1,1h10c.552,0,1-.447,1-1v-3c0-.553-.448-1-1-1h-1.454c-.25-.396-.459-.812-.581-1.263-.119-.438-.148-.884-.134-1.341.769-.342,1.465-.816,2.058-1.396h.111c2.757,0,5-2.243,5-5v-3c0-.553-.448-1-1-1ZM7,4h10v5c0,.326-.036.644-.096.953-.026.135-.075.264-.112.396-.048.169-.091.339-.155.5-.061.153-.142.297-.218.443-.067.128-.129.259-.207.381-.096.15-.209.29-.321.43-.67.838-1.594,1.455-2.664,1.728-.109.028-.217.059-.327.079-.284.052-.575.087-.874.088-.019,0-.038,0-.057,0-.297-.002-.586-.036-.869-.088-.109-.02-.217-.051-.325-.079-1.07-.272-1.994-.889-2.664-1.727-.113-.141-.227-.283-.323-.434-.076-.119-.137-.246-.202-.372-.078-.149-.16-.296-.223-.451-.063-.158-.106-.325-.153-.49-.039-.135-.087-.266-.114-.404-.06-.309-.096-.626-.096-.952V4ZM4,9v-2h1v2c0,.231.012.46.035.688.011.117.033.231.05.347.016.107.028.214.049.32.029.145.067.286.104.427.019.073.035.148.057.22.046.154.101.303.158.453.018.048.031.098.051.145-.898-.52-1.503-1.49-1.503-2.6ZM16,21h-8v-1h8v1ZM12.819,15.951c.027.444.1.883.216,1.312.068.251.151.497.248.737h-2.565c.097-.24.179-.486.248-.737.117-.429.189-.866.216-1.312.012.001.023,0,.035.002.258.029.518.047.784.047s.526-.018.784-.047c.012-.001.023,0,.035-.002ZM20,9c0,1.109-.605,2.08-1.503,2.6.022-.055.038-.112.058-.168.053-.141.105-.282.148-.427.023-.078.04-.158.061-.237.036-.137.073-.273.101-.413.021-.107.034-.216.05-.325.017-.114.038-.227.05-.343.023-.228.035-.457.035-.688v-2h1v2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-undo::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,8H5.41l3.29-3.29-1.41-1.41-5,5c-.39.39-.39,1.02,0,1.41l5,5,1.41-1.41-3.29-3.29h10.59c2.21,0,4,1.79,4,4s-1.79,4-4,4h-8v2h8c3.31,0,6-2.69,6-6s-2.69-6-6-6Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,8H5.41l3.29-3.29-1.41-1.41-5,5c-.39.39-.39,1.02,0,1.41l5,5,1.41-1.41-3.29-3.29h10.59c2.21,0,4,1.79,4,4s-1.79,4-4,4h-8v2h8c3.31,0,6-2.69,6-6s-2.69-6-6-6Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-unlock::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,4c1.65,0,3,1.35,3,3h2c0-2.76-2.24-5-5-5s-5,2.24-5,5v3h-3v12h16v-12h-11v-3c0-1.65,1.35-3,3-3Zm6,16H6v-8h12v8Z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,4c1.65,0,3,1.35,3,3h2c0-2.76-2.24-5-5-5s-5,2.24-5,5v3h-3v12h16v-12h-11v-3c0-1.65,1.35-3,3-3Zm6,16H6v-8h12v8Z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-update::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m17.66,17.66c-1.51,1.51-3.52,2.34-5.66,2.34s-4.15-.83-5.66-2.34-2.34-3.52-2.34-5.66.83-4.15,2.34-5.66,3.52-2.34,5.66-2.34c1.97,0,3.82.71,5.28,2h-2.28v2h5c.55,0,1-.45,1-1V2h-2v2.86c-1.88-1.85-4.36-2.86-7-2.86s-5.18,1.04-7.07,2.93c-1.89,1.89-2.93,4.4-2.93,7.07s1.04,5.18,2.93,7.07c1.89,1.89,4.4,2.93,7.07,2.93s5.18-1.04,7.07-2.93c1.89-1.89,2.93-4.4,2.93-7.07h-2c0,2.14-.83,4.15-2.34,5.66Z'/%3E%3Cpath d='m11,7v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59h-2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m17.66,17.66c-1.51,1.51-3.52,2.34-5.66,2.34s-4.15-.83-5.66-2.34-2.34-3.52-2.34-5.66.83-4.15,2.34-5.66,3.52-2.34,5.66-2.34c1.97,0,3.82.71,5.28,2h-2.28v2h5c.55,0,1-.45,1-1V2h-2v2.86c-1.88-1.85-4.36-2.86-7-2.86s-5.18,1.04-7.07,2.93c-1.89,1.89-2.93,4.4-2.93,7.07s1.04,5.18,2.93,7.07c1.89,1.89,4.4,2.93,7.07,2.93s5.18-1.04,7.07-2.93c1.89-1.89,2.93-4.4,2.93-7.07h-2c0,2.14-.83,4.15-2.34,5.66Z'/%3E%3Cpath d='m11,7v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59h-2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-upload::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,21h18c.55,0,1-.45,1-1v-9h-2v8H4v-8h-2v9c0,.55.45,1,1,1Z'/%3E%3Cpath d='m17.71,7.29l-5-5c-.39-.39-1.02-.39-1.41,0l-5,5,1.41,1.41,3.29-3.29v10.58h2V5.41s3.29,3.29,3.29,3.29l1.41-1.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,21h18c.55,0,1-.45,1-1v-9h-2v8H4v-8h-2v9c0,.55.45,1,1,1Z'/%3E%3Cpath d='m17.71,7.29l-5-5c-.39-.39-1.02-.39-1.41,0l-5,5,1.41,1.41,3.29-3.29v10.58h2V5.41s3.29,3.29,3.29,3.29l1.41-1.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-video::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,5H2v14h14v-2.5l6,1.5V6l-6,1.5v-2.5Zm-2,3v9H4V7h10v1Zm6,.56v6.88l-4-1v-4.88l4-1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,5H2v14h14v-2.5l6,1.5V6l-6,1.5v-2.5Zm-2,3v9H4V7h10v1Zm6,.56v6.88l-4-1v-4.88l4-1Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-visibility::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,5c-4.46,0-8.47,2.81-10,7,1.53,4.19,5.54,7,10,7s8.47-2.81,10-7c-1.53-4.19-5.54-7-10-7Zm0,12c-3.37,0-6.43-1.98-7.84-5,1.41-3.02,4.47-5,7.84-5s6.43,1.98,7.84,5c-1.41,3.02-4.47,5-7.84,5Z'/%3E%3Cpath d='m12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,5c-4.46,0-8.47,2.81-10,7,1.53,4.19,5.54,7,10,7s8.47-2.81,10-7c-1.53-4.19-5.54-7-10-7Zm0,12c-3.37,0-6.43-1.98-7.84-5,1.41-3.02,4.47-5,7.84-5s6.43,1.98,7.84,5c-1.41,3.02-4.47,5-7.84,5Z'/%3E%3Cpath d='m12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-visibility-off::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,19c1.61,0,3.16-.37,4.55-1.03l3.74,3.74,1.41-1.41-3.39-3.39c1.65-1.22,2.95-2.9,3.68-4.91-1.53-4.19-5.54-7-10-7-1.61,0-3.16.37-4.55,1.03l-3.74-3.74-1.41,1.41,3.39,3.39c-1.65,1.22-2.95,2.9-3.68,4.91,1.53,4.19,5.54,7,10,7Zm0-12c3.37,0,6.43,1.98,7.84,5-.66,1.42-1.7,2.6-2.96,3.47l-1.45-1.45c.35-.59.57-1.28.57-2.02,0-2.21-1.79-4-4-4-.74,0-1.43.21-2.02.57l-1-1c.95-.36,1.96-.57,3.02-.57Zm-1.93,4.49l2.44,2.44c-.16.04-.33.07-.51.07-1.1,0-2-.9-2-2,0-.18.03-.35.07-.51Zm1.41-1.41c.16-.04.33-.07.51-.07,1.1,0,2,.9,2,2,0,.18-.03.35-.07.51l-2.44-2.44Zm-4.37-1.54l1.45,1.45c-.35.59-.57,1.28-.57,2.02,0,2.21,1.79,4,4,4,.74,0,1.43-.21,2.02-.57l1,1c-.95.36-1.96.57-3.02.57-3.37,0-6.43-1.98-7.84-5,.66-1.42,1.7-2.6,2.96-3.47Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,19c1.61,0,3.16-.37,4.55-1.03l3.74,3.74,1.41-1.41-3.39-3.39c1.65-1.22,2.95-2.9,3.68-4.91-1.53-4.19-5.54-7-10-7-1.61,0-3.16.37-4.55,1.03l-3.74-3.74-1.41,1.41,3.39,3.39c-1.65,1.22-2.95,2.9-3.68,4.91,1.53,4.19,5.54,7,10,7Zm0-12c3.37,0,6.43,1.98,7.84,5-.66,1.42-1.7,2.6-2.96,3.47l-1.45-1.45c.35-.59.57-1.28.57-2.02,0-2.21-1.79-4-4-4-.74,0-1.43.21-2.02.57l-1-1c.95-.36,1.96-.57,3.02-.57Zm-1.93,4.49l2.44,2.44c-.16.04-.33.07-.51.07-1.1,0-2-.9-2-2,0-.18.03-.35.07-.51Zm1.41-1.41c.16-.04.33-.07.51-.07,1.1,0,2,.9,2,2,0,.18-.03.35-.07.51l-2.44-2.44Zm-4.37-1.54l1.45,1.45c-.35.59-.57,1.28-.57,2.02,0,2.21,1.79,4,4,4,.74,0,1.43-.21,2.02-.57l1,1c-.95.36-1.96.57-3.02.57-3.37,0-6.43-1.98-7.84-5,.66-1.42,1.7-2.6,2.96-3.47Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-warning::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m1,21h22L12,2,1,21Zm3.47-2l7.53-13.01,7.53,13.01H4.47Z'/%3E%3Ccircle cx='12' cy='17' r='1'/%3E%3Crect x='11' y='10' width='2' height='5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m1,21h22L12,2,1,21Zm3.47-2l7.53-13.01,7.53,13.01H4.47Z'/%3E%3Ccircle cx='12' cy='17' r='1'/%3E%3Crect x='11' y='10' width='2' height='5'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-zoomin::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='9 14 11 14 11 11 14 11 14 9 11 9 11 6 9 6 9 9 6 9 6 11 9 11 9 14'/%3E%3Cpath d='m2,10c0,4.42,3.58,8,8,8,1.85,0,3.55-.63,4.9-1.69l5.39,5.39,1.41-1.41-5.39-5.39c1.05-1.35,1.69-3.05,1.69-4.9,0-4.42-3.58-8-8-8S2,5.58,2,10Zm8-6c3.31,0,6,2.69,6,6s-2.69,6-6,6-6-2.69-6-6,2.69-6,6-6Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='9 14 11 14 11 11 14 11 14 9 11 9 11 6 9 6 9 9 6 9 6 11 9 11 9 14'/%3E%3Cpath d='m2,10c0,4.42,3.58,8,8,8,1.85,0,3.55-.63,4.9-1.69l5.39,5.39,1.41-1.41-5.39-5.39c1.05-1.35,1.69-3.05,1.69-4.9,0-4.42-3.58-8-8-8S2,5.58,2,10Zm8-6c3.31,0,6,2.69,6,6s-2.69,6-6,6-6-2.69-6-6,2.69-6,6-6Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-zoomout::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='6' y='9' width='8' height='2'/%3E%3Cpath d='m10,18c1.85,0,3.55-.63,4.9-1.69l5.39,5.39,1.41-1.41-5.39-5.39c1.05-1.35,1.69-3.05,1.69-4.9,0-4.42-3.58-8-8-8S2,5.58,2,10s3.58,8,8,8Zm0-14c3.31,0,6,2.69,6,6s-2.69,6-6,6-6-2.69-6-6,2.69-6,6-6Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='6' y='9' width='8' height='2'/%3E%3Cpath d='m10,18c1.85,0,3.55-.63,4.9-1.69l5.39,5.39,1.41-1.41-5.39-5.39c1.05-1.35,1.69-3.05,1.69-4.9,0-4.42-3.58-8-8-8S2,5.58,2,10s3.58,8,8,8Zm0-14c3.31,0,6,2.69,6,6s-2.69,6-6,6-6-2.69-6-6,2.69-6,6-6Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-hamburger::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21,11H3v2h18V11z'/%3E%3Cpath d='M21,5H3v2h18V5z'/%3E%3Cpath d='M21,17H3v2h18V17z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21,11H3v2h18V11z'/%3E%3Cpath d='M21,5H3v2h18V5z'/%3E%3Cpath d='M21,17H3v2h18V17z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-app::before, .badge[class*=ico-].ico-thumbnail::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M9.999,11H2.999c-.552,0-1-.448-1-1V3c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M3.999,9h5V4H3.999v5Z'/%3E%3Cpath d='M21,11h-7c-.552,0-1-.448-1-1V3c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M15,9h5V4h-5v5Z'/%3E%3Cpath d='M9.999,22H2.999c-.552,0-1-.448-1-1v-7c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M3.999,20h5v-5H3.999v5Z'/%3E%3Cpath d='M21,22h-7c-.552,0-1-.448-1-1v-7c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M15,20h5v-5h-5v5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M9.999,11H2.999c-.552,0-1-.448-1-1V3c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M3.999,9h5V4H3.999v5Z'/%3E%3Cpath d='M21,11h-7c-.552,0-1-.448-1-1V3c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M15,9h5V4h-5v5Z'/%3E%3Cpath d='M9.999,22H2.999c-.552,0-1-.448-1-1v-7c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M3.999,20h5v-5H3.999v5Z'/%3E%3Cpath d='M21,22h-7c-.552,0-1-.448-1-1v-7c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M15,20h5v-5h-5v5Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-notification::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M19,19h2v-2h-2v-6c0-3.526-2.609-6.434-6-6.92v-2.08h-2v2.08c-3.391.486-6,3.395-6,6.92v6h-2v2h16ZM7,11c0-2.757,2.243-5,5-5s5,2.243,5,5v6H7v-6Z'/%3E%3Cpath class='cls-2' d='M12,22c1.105,0,2-.895,2-2h-4c0,1.105.895,2,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M19,19h2v-2h-2v-6c0-3.526-2.609-6.434-6-6.92v-2.08h-2v2.08c-3.391.486-6,3.395-6,6.92v6h-2v2h16ZM7,11c0-2.757,2.243-5,5-5s5,2.243,5,5v6H7v-6Z'/%3E%3Cpath class='cls-2' d='M12,22c1.105,0,2-.895,2-2h-4c0,1.105.895,2,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-circle-cancle::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,4c4.411,0,8,3.589,8,8s-3.589,8-8,8-8-3.589-8-8S7.589,4,12,4M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2h0Z'/%3E%3Cpolygon class='cls-2' points='16.707 8.707 15.293 7.293 12 10.586 8.707 7.293 7.293 8.707 10.586 12 7.293 15.293 8.707 16.707 12 13.414 15.293 16.707 16.707 15.293 13.414 12 16.707 8.707'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,4c4.411,0,8,3.589,8,8s-3.589,8-8,8-8-3.589-8-8S7.589,4,12,4M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2h0Z'/%3E%3Cpolygon class='cls-2' points='16.707 8.707 15.293 7.293 12 10.586 8.707 7.293 7.293 8.707 10.586 12 7.293 15.293 8.707 16.707 12 13.414 15.293 16.707 16.707 15.293 13.414 12 16.707 8.707'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-sort::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cg clip-path='url(%23clip0_2769_1491)'%3E%3Cpath d='M9.41085 8.08919L10.5892 6.91086L6.42251 2.74419C6.09668 2.41836 5.57001 2.41836 5.24418 2.74419L1.07751 6.91086L2.25585 8.08919L5.00001 5.34503V17.5H6.66668V5.34503L9.41085 8.08919Z' fill='%23333333'/%3E%3Cpath d='M17.7442 11.9109L15 14.655V2.50003H13.3333V14.655L10.5892 11.9109L9.41085 13.0892L13.5775 17.2559C13.74 17.4184 13.9533 17.5 14.1667 17.5C14.38 17.5 14.5933 17.4184 14.7558 17.2559L18.9225 13.0892L17.7442 11.9109Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2769_1491'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cg clip-path='url(%23clip0_2769_1491)'%3E%3Cpath d='M9.41085 8.08919L10.5892 6.91086L6.42251 2.74419C6.09668 2.41836 5.57001 2.41836 5.24418 2.74419L1.07751 6.91086L2.25585 8.08919L5.00001 5.34503V17.5H6.66668V5.34503L9.41085 8.08919Z' fill='%23333333'/%3E%3Cpath d='M17.7442 11.9109L15 14.655V2.50003H13.3333V14.655L10.5892 11.9109L9.41085 13.0892L13.5775 17.2559C13.74 17.4184 13.9533 17.5 14.1667 17.5C14.38 17.5 14.5933 17.4184 14.7558 17.2559L18.9225 13.0892L17.7442 11.9109Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2769_1491'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-thumblist::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cg clip-path='url(%23clip0_2771_1560)'%3E%3Cpath d='M9 11H3C2.447 11 2 10.553 2 10V4C2 3.447 2.447 3 3 3H9C9.553 3 10 3.447 10 4V10C10 10.553 9.553 11 9 11ZM4 9H8V5H4V9Z' fill='%23333333'/%3E%3Cpath d='M9 21H3C2.447 21 2 20.553 2 20V14C2 13.447 2.447 13 3 13H9C9.553 13 10 13.447 10 14V20C10 20.553 9.553 21 9 21ZM4 19H8V15H4V19Z' fill='%23333333'/%3E%3Cpath d='M22 4H12V6H22V4Z' fill='%23333333'/%3E%3Cpath d='M22 8H12V10H22V8Z' fill='%23333333'/%3E%3Cpath d='M22 14H12V16H22V14Z' fill='%23333333'/%3E%3Cpath d='M22 18H12V20H22V18Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2771_1560'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cg clip-path='url(%23clip0_2771_1560)'%3E%3Cpath d='M9 11H3C2.447 11 2 10.553 2 10V4C2 3.447 2.447 3 3 3H9C9.553 3 10 3.447 10 4V10C10 10.553 9.553 11 9 11ZM4 9H8V5H4V9Z' fill='%23333333'/%3E%3Cpath d='M9 21H3C2.447 21 2 20.553 2 20V14C2 13.447 2.447 13 3 13H9C9.553 13 10 13.447 10 14V20C10 20.553 9.553 21 9 21ZM4 19H8V15H4V19Z' fill='%23333333'/%3E%3Cpath d='M22 4H12V6H22V4Z' fill='%23333333'/%3E%3Cpath d='M22 8H12V10H22V8Z' fill='%23333333'/%3E%3Cpath d='M22 14H12V16H22V14Z' fill='%23333333'/%3E%3Cpath d='M22 18H12V20H22V18Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2771_1560'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-circle-chevron-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293 8.29301L6.29297 13.293L7.70697 14.707L12 10.414L16.293 14.707L17.707 13.293L12.707 8.29301C12.316 7.90201 11.684 7.90201 11.293 8.29301Z' fill='%23333333'/%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293 8.29301L6.29297 13.293L7.70697 14.707L12 10.414L16.293 14.707L17.707 13.293L12.707 8.29301C12.316 7.90201 11.684 7.90201 11.293 8.29301Z' fill='%23333333'/%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-circle-chevron-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,13.586l-4.293-4.293-1.414,1.414,5,5c.195.195.451.293.707.293s.512-.098.707-.293l5-5-1.414-1.414-4.293,4.293Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,13.586l-4.293-4.293-1.414,1.414,5,5c.195.195.451.293.707.293s.512-.098.707-.293l5-5-1.414-1.414-4.293,4.293Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-circle-chevron-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Cpath class='cls-2' d='M13.293,6.293l-5,5c-.391.391-.391,1.023,0,1.414l5,5,1.414-1.414-4.293-4.293,4.293-4.293-1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Cpath class='cls-2' d='M13.293,6.293l-5,5c-.391.391-.391,1.023,0,1.414l5,5,1.414-1.414-4.293-4.293,4.293-4.293-1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-circle-chevron-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M10.707,6.293l-1.414,1.414,4.293,4.293-4.293,4.293,1.414,1.414,5-5c.391-.391.391-1.023,0-1.414l-5-5Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M10.707,6.293l-1.414,1.414,4.293,4.293-4.293,4.293,1.414,1.414,5-5c.391-.391.391-1.023,0-1.414l-5-5Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-circle-plus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='13 7 11 7 11 11 7 11 7 13 11 13 11 17 13 17 13 13 17 13 17 11 13 11 13 7'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='13 7 11 7 11 11 7 11 7 13 11 13 11 17 13 17 13 13 17 13 17 11 13 11 13 7'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-circle-minus::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='7' y='11' width='10' height='2'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='7' y='11' width='10' height='2'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-circle-close::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='15.293 7.293 12 10.586 8.707 7.293 7.293 8.707 10.586 12 7.293 15.293 8.707 16.707 12 13.414 15.293 16.707 16.707 15.293 13.414 12 16.707 8.707 15.293 7.293'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='15.293 7.293 12 10.586 8.707 7.293 7.293 8.707 10.586 12 7.293 15.293 8.707 16.707 12 13.414 15.293 16.707 16.707 15.293 13.414 12 16.707 8.707 15.293 7.293'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-circle-check::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M16.293,8.293l-5.293,5.293-3.293-3.293-1.414,1.414,4,4c.195.195.451.293.707.293s.512-.098.707-.293l6-6-1.414-1.414Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M16.293,8.293l-5.293,5.293-3.293-3.293-1.414,1.414,4,4c.195.195.451.293.707.293s.512-.098.707-.293l6-6-1.414-1.414Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-adjust::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M18.816,5c-.414-1.161-1.514-2-2.816-2s-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184ZM16,7c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M8,9c-1.302,0-2.402.839-2.816,2h-2.184v2h2.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h10.184v-2h-10.184c-.414-1.161-1.514-2-2.816-2ZM8,13c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M16,15c-1.302,0-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184c-.414-1.161-1.514-2-2.816-2ZM16,19c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M18.816,5c-.414-1.161-1.514-2-2.816-2s-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184ZM16,7c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M8,9c-1.302,0-2.402.839-2.816,2h-2.184v2h2.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h10.184v-2h-10.184c-.414-1.161-1.514-2-2.816-2ZM8,13c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M16,15c-1.302,0-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184c-.414-1.161-1.514-2-2.816-2ZM16,19c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12.47,3.956l-6.47,4.044H2v8h4l6.47,4.044c.666.416,1.53-.063,1.53-.848V4.804c0-.785-.864-1.264-1.53-.848ZM12,17.391l-4.94-3.087c-.318-.199-.685-.304-1.06-.304h-2v-4h2c.375,0,.742-.105,1.06-.304l4.94-3.087v10.782Z'/%3E%3Cpolygon class='cls-2' points='22.707 9.707 21.293 8.293 19 10.586 16.707 8.293 15.293 9.707 17.586 12 15.293 14.293 16.707 15.707 19 13.414 21.293 15.707 22.707 14.293 20.414 12 22.707 9.707'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12.47,3.956l-6.47,4.044H2v8h4l6.47,4.044c.666.416,1.53-.063,1.53-.848V4.804c0-.785-.864-1.264-1.53-.848ZM12,17.391l-4.94-3.087c-.318-.199-.685-.304-1.06-.304h-2v-4h2c.375,0,.742-.105,1.06-.304l4.94-3.087v10.782Z'/%3E%3Cpolygon class='cls-2' points='22.707 9.707 21.293 8.293 19 10.586 16.707 8.293 15.293 9.707 17.586 12 15.293 14.293 16.707 15.707 19 13.414 21.293 15.707 22.707 14.293 20.414 12 22.707 9.707'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-sound-mute::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12.47,3.956l-6.47,4.044H2v8h4l6.47,4.044c.666.416,1.53-.063,1.53-.848V4.804c0-.785-.864-1.264-1.53-.848ZM12,17.391l-4.94-3.087c-.318-.199-.685-.304-1.06-.304h-2v-4h2c.375,0,.742-.105,1.06-.304l4.94-3.087v10.782Z'/%3E%3Cpolygon points='22.707 9.707 21.293 8.293 19 10.586 16.707 8.293 15.293 9.707 17.586 12 15.293 14.293 16.707 15.707 19 13.414 21.293 15.707 22.707 14.293 20.414 12 22.707 9.707'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12.47,3.956l-6.47,4.044H2v8h4l6.47,4.044c.666.416,1.53-.063,1.53-.848V4.804c0-.785-.864-1.264-1.53-.848ZM12,17.391l-4.94-3.087c-.318-.199-.685-.304-1.06-.304h-2v-4h2c.375,0,.742-.105,1.06-.304l4.94-3.087v10.782Z'/%3E%3Cpolygon points='22.707 9.707 21.293 8.293 19 10.586 16.707 8.293 15.293 9.707 17.586 12 15.293 14.293 16.707 15.707 19 13.414 21.293 15.707 22.707 14.293 20.414 12 22.707 9.707'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-link-item::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M4,4h10v1h2v-2c0-.552-.448-1-1-1H3c-.552,0-1,.448-1,1v12c0,.552.448,1,1,1h2v-2h-1V4Z'/%3E%3Cpath d='M21,8h-2v2h1v10h-10v-1h-2v2c0,.552.448,1,1,1h12c.552,0,1-.448,1-1v-12c0-.552-.448-1-1-1Z'/%3E%3Cpath d='M8.892,18.23c.837,0,1.624-.326,2.216-.918l.477-.477-1.414-1.414-.477.476c-.214.215-.5.333-.803.333-.336-.002-.593-.12-.808-.338-.438-.444-.433-1.163.009-1.602l2.989-2.964c.439-.435,1.152-.434,1.589.003l1.414-1.414c-1.213-1.215-3.193-1.218-4.411-.009l-2.989,2.964c-1.223,1.213-1.234,3.198-.026,4.426.591.599,1.38.931,2.221.934h.012Z'/%3E%3Cpath d='M12.906,6.686l-.5.509,1.428,1.4.49-.5c.438-.435,1.151-.435,1.589.003.439.439.439,1.153,0,1.592l-2.976,2.977c-.214.214-.499.332-.802.332-.33-.032-.594-.121-.809-.339l-1.425,1.404c.591.6,1.38.932,2.222.935h.012c.837,0,1.624-.326,2.216-.918l2.976-2.977c1.219-1.219,1.219-3.201,0-4.42-1.214-1.214-3.193-1.219-4.421,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M4,4h10v1h2v-2c0-.552-.448-1-1-1H3c-.552,0-1,.448-1,1v12c0,.552.448,1,1,1h2v-2h-1V4Z'/%3E%3Cpath d='M21,8h-2v2h1v10h-10v-1h-2v2c0,.552.448,1,1,1h12c.552,0,1-.448,1-1v-12c0-.552-.448-1-1-1Z'/%3E%3Cpath d='M8.892,18.23c.837,0,1.624-.326,2.216-.918l.477-.477-1.414-1.414-.477.476c-.214.215-.5.333-.803.333-.336-.002-.593-.12-.808-.338-.438-.444-.433-1.163.009-1.602l2.989-2.964c.439-.435,1.152-.434,1.589.003l1.414-1.414c-1.213-1.215-3.193-1.218-4.411-.009l-2.989,2.964c-1.223,1.213-1.234,3.198-.026,4.426.591.599,1.38.931,2.221.934h.012Z'/%3E%3Cpath d='M12.906,6.686l-.5.509,1.428,1.4.49-.5c.438-.435,1.151-.435,1.589.003.439.439.439,1.153,0,1.592l-2.976,2.977c-.214.214-.499.332-.802.332-.33-.032-.594-.121-.809-.339l-1.425,1.404c.591.6,1.38.932,2.222.935h.012c.837,0,1.624-.326,2.216-.918l2.976-2.977c1.219-1.219,1.219-3.201,0-4.42-1.214-1.214-3.193-1.219-4.421,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-shuffle::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18.707,13.293l-1.414,1.414,1.293,1.293h-3.172l-4-4,4-4h3.172l-1.293,1.293,1.414,1.414,3-3c.391-.391.391-1.023,0-1.414l-3-3-1.414,1.414,1.293,1.293h-3.586c-.265,0-.52.105-.707.293l-4.293,4.293-4.293-4.293c-.188-.188-.442-.293-.707-.293h-3v2h2.586l4,4-4,4h-2.586v2h3c.265,0,.52-.105.707-.293l4.293-4.293,4.293,4.293c.188.188.442.293.707.293h3.586l-1.293,1.293,1.414,1.414,3-3c.391-.391.391-1.023,0-1.414l-3-3Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18.707,13.293l-1.414,1.414,1.293,1.293h-3.172l-4-4,4-4h3.172l-1.293,1.293,1.414,1.414,3-3c.391-.391.391-1.023,0-1.414l-3-3-1.414,1.414,1.293,1.293h-3.586c-.265,0-.52.105-.707.293l-4.293,4.293-4.293-4.293c-.188-.188-.442-.293-.707-.293h-3v2h2.586l4,4-4,4h-2.586v2h3c.265,0,.52-.105.707-.293l4.293-4.293,4.293,4.293c.188.188.442.293.707.293h3.586l-1.293,1.293,1.414,1.414,3-3c.391-.391.391-1.023,0-1.414l-3-3Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-repeat::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,10.586l-1.293-1.293-1.414,1.414,3,3c.195.195.451.293.707.293s.512-.098.707-.293l3-3-1.414-1.414-1.293,1.293v-4.586c0-.552-.448-1-1-1H4v2h14v3.586Z'/%3E%3Cpath d='M6,12.414l1.293,1.293,1.414-1.414-3-3c-.391-.391-1.023-.391-1.414,0l-3,3,1.414,1.414,1.293-1.293v5.586c0,.552.448,1,1,1h15v-2H6v-4.586Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,10.586l-1.293-1.293-1.414,1.414,3,3c.195.195.451.293.707.293s.512-.098.707-.293l3-3-1.414-1.414-1.293,1.293v-4.586c0-.552-.448-1-1-1H4v2h14v3.586Z'/%3E%3Cpath d='M6,12.414l1.293,1.293,1.414-1.414-3-3c-.391-.391-1.023-.391-1.414,0l-3,3,1.414,1.414,1.293-1.293v5.586c0,.552.448,1,1,1h15v-2H6v-4.586Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-arrows::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293,9.707l1.414-1.414L7.707,3.293c-.391-.391-1.023-.391-1.414,0L1.293,8.293l1.414,1.414,3.293-3.293v14.586h2V6.414l3.293,3.293Z'/%3E%3Cpath d='M21.293,14.293l-3.293,3.293V3h-2v14.586l-3.293-3.293-1.414,1.414,5,5c.195.195.451.293.707.293s.512-.098.707-.293l5-5-1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293,9.707l1.414-1.414L7.707,3.293c-.391-.391-1.023-.391-1.414,0L1.293,8.293l1.414,1.414,3.293-3.293v14.586h2V6.414l3.293,3.293Z'/%3E%3Cpath d='M21.293,14.293l-3.293,3.293V3h-2v14.586l-3.293-3.293-1.414,1.414,5,5c.195.195.451.293.707.293s.512-.098.707-.293l5-5-1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-arrow-up-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19,4H7v2h9.586l-12.293,12.293,1.414,1.414,12.293-12.293v9.586h2V5c0-.552-.447-1-1-1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19,4H7v2h9.586l-12.293,12.293,1.414,1.414,12.293-12.293v9.586h2V5c0-.552-.447-1-1-1Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-arrow-up-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.707,18.293L7.414,6h9.586v-2H5c-.553,0-1,.448-1,1v12h2V7.414l12.293,12.293,1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.707,18.293L7.414,6h9.586v-2H5c-.553,0-1,.448-1,1v12h2V7.414l12.293,12.293,1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-arrow-down-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.707,5.707l-1.414-1.414-12.293,12.293V7h-2v12c0,.553.447,1,1,1h12v-2H7.414l12.293-12.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.707,5.707l-1.414-1.414-12.293,12.293V7h-2v12c0,.553.447,1,1,1h12v-2H7.414l12.293-12.293Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-arrow-down-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,7v9.586L5.707,4.293l-1.414,1.414,12.293,12.293H7v2h12c.553,0,1-.447,1-1V7h-2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,7v9.586L5.707,4.293l-1.414,1.414,12.293,12.293H7v2h12c.553,0,1-.447,1-1V7h-2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-chevron-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M15.293,21.707L6.293,12.707c-.391-.391-.391-1.023,0-1.414L15.293,2.293l1.414,1.414-8.293,8.293,8.293,8.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M15.293,21.707L6.293,12.707c-.391-.391-.391-1.023,0-1.414L15.293,2.293l1.414,1.414-8.293,8.293,8.293,8.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-chevron-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M8.707,21.707l-1.414-1.414,8.293-8.293L7.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M8.707,21.707l-1.414-1.414,8.293-8.293L7.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-chevron-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20.293,16.707l-8.293-8.293L3.708,16.707l-1.414-1.414L11.293,6.293c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20.293,16.707l-8.293-8.293L3.708,16.707l-1.414-1.414L11.293,6.293c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-chevron-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,18c-.256,0-.512-.098-.707-.293L2.293,8.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,18c-.256,0-.512-.098-.707-.293L2.293,8.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-chevron-double-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M13.293,21.707L4.293,12.707c-.391-.391-.391-1.023,0-1.414L13.293,2.293l1.414,1.414L6.414,12l8.293,8.293-1.414,1.414Z'/%3E%3Cpath d='M18.293,21.707l-9-9c-.391-.391-.391-1.023,0-1.414L18.293,2.293l1.414,1.414-8.293,8.293,8.293,8.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M13.293,21.707L4.293,12.707c-.391-.391-.391-1.023,0-1.414L13.293,2.293l1.414,1.414L6.414,12l8.293,8.293-1.414,1.414Z'/%3E%3Cpath d='M18.293,21.707l-9-9c-.391-.391-.391-1.023,0-1.414L18.293,2.293l1.414,1.414-8.293,8.293,8.293,8.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-chevron-double-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.707,21.707l-1.414-1.414,8.293-8.293L9.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3Cpath d='M5.707,21.707l-1.414-1.414,8.293-8.293L4.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.707,21.707l-1.414-1.414,8.293-8.293L9.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3Cpath d='M5.707,21.707l-1.414-1.414,8.293-8.293L4.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-chevron-double-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20.293,14.707L12,6.414,3.707,14.707l-1.414-1.414L11.293,4.293c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3Cpath d='M20.293,19.707l-8.293-8.293L3.707,19.707l-1.414-1.414,9-9c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20.293,14.707L12,6.414,3.707,14.707l-1.414-1.414L11.293,4.293c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3Cpath d='M20.293,19.707l-8.293-8.293L3.707,19.707l-1.414-1.414,9-9c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-chevron-double-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,20c-.256,0-.512-.098-.707-.293L2.293,10.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3Cpath d='M12,15c-.256,0-.512-.098-.707-.293L2.293,5.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,20c-.256,0-.512-.098-.707-.293L2.293,10.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3Cpath d='M12,15c-.256,0-.512-.098-.707-.293L2.293,5.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-caret-left::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M7.533,11.6l6.667-5c.33-.247.8-.012.8.4v10c0,.412-.47.647-.8.4l-6.667-5c-.267-.2-.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M7.533,11.6l6.667-5c.33-.247.8-.012.8.4v10c0,.412-.47.647-.8.4l-6.667-5c-.267-.2-.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-caret-right::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M16.467,11.6l-6.667-5c-.33-.247-.8-.012-.8.4v10c0,.412.47.647.8.4l6.667-5c.267-.2.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M16.467,11.6l-6.667-5c-.33-.247-.8-.012-.8.4v10c0,.412.47.647.8.4l6.667-5c.267-.2.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-caret-up::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,7.533l-5,6.667c-.247.33-.012.8.4.8h10c.412,0,.647-.47.4-.8l-5-6.667c-.2-.267-.6-.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,7.533l-5,6.667c-.247.33-.012.8.4.8h10c.412,0,.647-.47.4-.8l-5-6.667c-.2-.267-.6-.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-caret-down::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,16.467l-5-6.667c-.247-.33-.012-.8.4-.8h10c.412,0,.647.47.4.8l-5,6.667c-.2.267-.6.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,16.467l-5-6.667c-.247-.33-.012-.8.4-.8h10c.412,0,.647.47.4.8l-5,6.667c-.2.267-.6.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-caret-sort::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.593,2.57l-4.028,5.64c-.236.331,0,.791.407.791h8.057c.407,0,.643-.46.407-.791l-4.028-5.64c-.199-.279-.614-.279-.814,0Z'/%3E%3Cpath d='M11.593,21.43l-4.028-5.64c-.236-.331,0-.791.407-.791h8.057c.407,0,.643.46.407.791l-4.028,5.64c-.199.279-.614.279-.814,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.593,2.57l-4.028,5.64c-.236.331,0,.791.407.791h8.057c.407,0,.643-.46.407-.791l-4.028-5.64c-.199-.279-.614-.279-.814,0Z'/%3E%3Cpath d='M11.593,21.43l-4.028-5.64c-.236-.331,0-.791.407-.791h8.057c.407,0,.643.46.407.791l-4.028,5.64c-.199.279-.614.279-.814,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-sprout::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M23,4c-.708-.175-1.761-.374-3.032-.374-.896,0-1.9.099-2.968.374-1.167.301-2.701.696-4,2-.421.422-.734.882-1,1.348-.266-.466-.579-.926-1-1.348-1.299-1.304-2.833-1.699-4-2-1.068-.275-2.072-.374-2.968-.374-1.271,0-2.324.199-3.032.374-.024.777-.015,3.547,2,6,.555.675,2.174,2.585,5,3,.369.054.726.078,1.068.078.719,0,1.369-.106,1.932-.254v2.228c-3.945.37-7,2.889-7,5.948h16c0-3.059-3.055-5.578-7-5.948v-2.228c.563.148,1.213.254,1.932.254.342,0,.699-.024,1.068-.078,2.826-.415,4.445-2.325,5-3,2.015-2.453,2.024-5.223,2-6ZM8.29,11.021c-2.119-.311-3.343-1.801-3.745-2.29-.843-1.027-1.236-2.146-1.413-3.066.301-.026.601-.039.9-.039.838,0,1.669.105,2.469.311,1.067.275,2.17.559,3.082,1.475.997,1,1.322,2.318,1.41,3.324-.527.188-1.183.342-1.925.342-.259,0-.521-.019-.778-.057ZM6.832,19c1.055-1.186,2.999-2,5.168-2s4.113.814,5.168,2H6.832ZM19.455,8.731c-.402.489-1.626,1.979-3.745,2.29-.257.038-.519.057-.778.057-.742,0-1.398-.154-1.925-.342.088-1.006.413-2.324,1.41-3.324.912-.916,2.015-1.2,3.082-1.475.8-.206,1.631-.311,2.469-.311.299,0,.599.013.9.039-.177.92-.57,2.039-1.413,3.066Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M23,4c-.708-.175-1.761-.374-3.032-.374-.896,0-1.9.099-2.968.374-1.167.301-2.701.696-4,2-.421.422-.734.882-1,1.348-.266-.466-.579-.926-1-1.348-1.299-1.304-2.833-1.699-4-2-1.068-.275-2.072-.374-2.968-.374-1.271,0-2.324.199-3.032.374-.024.777-.015,3.547,2,6,.555.675,2.174,2.585,5,3,.369.054.726.078,1.068.078.719,0,1.369-.106,1.932-.254v2.228c-3.945.37-7,2.889-7,5.948h16c0-3.059-3.055-5.578-7-5.948v-2.228c.563.148,1.213.254,1.932.254.342,0,.699-.024,1.068-.078,2.826-.415,4.445-2.325,5-3,2.015-2.453,2.024-5.223,2-6ZM8.29,11.021c-2.119-.311-3.343-1.801-3.745-2.29-.843-1.027-1.236-2.146-1.413-3.066.301-.026.601-.039.9-.039.838,0,1.669.105,2.469.311,1.067.275,2.17.559,3.082,1.475.997,1,1.322,2.318,1.41,3.324-.527.188-1.183.342-1.925.342-.259,0-.521-.019-.778-.057ZM6.832,19c1.055-1.186,2.999-2,5.168-2s4.113.814,5.168,2H6.832ZM19.455,8.731c-.402.489-1.626,1.979-3.745,2.29-.257.038-.519.057-.778.057-.742,0-1.398-.154-1.925-.342.088-1.006.413-2.324,1.41-3.324.912-.916,2.015-1.2,3.082-1.475.8-.206,1.631-.311,2.469-.311.299,0,.599.013.9.039-.177.92-.57,2.039-1.413,3.066Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-clover::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19,12c.408-.325.735-.666,1-1,2.3-2.896,1.281-6.988,1-8-.508-.141-1.791-.468-3.31-.468-1.508,0-3.247.322-4.69,1.468-.333.265-.674.592-1,1-.325-.408-.666-.735-1-1-1.442-1.146-3.182-1.468-4.689-1.468-1.519,0-2.803.327-3.311.468-.281,1.012-1.3,5.104,1,8,.265.334.593.675,1,1-.407.325-.735.666-1,1-2.3,2.896-1.281,6.988-1,8,.508.141,1.792.468,3.311.468,1.507,0,3.247-.322,4.689-1.468.334-.265.675-.592,1-1,.326.408.667.735,1,1,1.443,1.146,3.182,1.468,4.69,1.468,1.519,0,2.802-.327,3.31-.468.281-1.012,1.3-5.104-1-8-.265-.334-.592-.675-1-1ZM14.244,5.566c.864-.686,2.023-1.034,3.446-1.034.526,0,1.079.048,1.637.142.247,1.455.311,3.566-.893,5.082-.197.248-.426.477-.682.681l-.705.563h-4.047v-4.047l.563-.705c.204-.256.433-.485.681-.682ZM4.674,4.674c.557-.094,1.11-.142,1.636-.142,1.423,0,2.583.348,3.446,1.034.248.197.477.426.681.682l.563.705v4.047h-4.047l-.705-.563c-.255-.204-.485-.433-.682-.681-1.204-1.516-1.139-3.627-.892-5.082ZM10.437,17.752c-.204.256-.433.485-.681.682-.864.686-2.023,1.034-3.445,1.034-.527,0-1.08-.048-1.637-.142-.247-1.455-.312-3.566.892-5.082.197-.248.427-.477.682-.681l.705-.563h4.047v4.047l-.563.705ZM19.327,19.326c-.558.094-1.111.142-1.637.142-1.423,0-2.582-.348-3.446-1.034-.248-.197-.477-.426-.681-.682l-.563-.705v-4.047h4.047l.705.563c.256.204.485.433.682.681,1.204,1.516,1.14,3.627.893,5.082Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19,12c.408-.325.735-.666,1-1,2.3-2.896,1.281-6.988,1-8-.508-.141-1.791-.468-3.31-.468-1.508,0-3.247.322-4.69,1.468-.333.265-.674.592-1,1-.325-.408-.666-.735-1-1-1.442-1.146-3.182-1.468-4.689-1.468-1.519,0-2.803.327-3.311.468-.281,1.012-1.3,5.104,1,8,.265.334.593.675,1,1-.407.325-.735.666-1,1-2.3,2.896-1.281,6.988-1,8,.508.141,1.792.468,3.311.468,1.507,0,3.247-.322,4.689-1.468.334-.265.675-.592,1-1,.326.408.667.735,1,1,1.443,1.146,3.182,1.468,4.69,1.468,1.519,0,2.802-.327,3.31-.468.281-1.012,1.3-5.104-1-8-.265-.334-.592-.675-1-1ZM14.244,5.566c.864-.686,2.023-1.034,3.446-1.034.526,0,1.079.048,1.637.142.247,1.455.311,3.566-.893,5.082-.197.248-.426.477-.682.681l-.705.563h-4.047v-4.047l.563-.705c.204-.256.433-.485.681-.682ZM4.674,4.674c.557-.094,1.11-.142,1.636-.142,1.423,0,2.583.348,3.446,1.034.248.197.477.426.681.682l.563.705v4.047h-4.047l-.705-.563c-.255-.204-.485-.433-.682-.681-1.204-1.516-1.139-3.627-.892-5.082ZM10.437,17.752c-.204.256-.433.485-.681.682-.864.686-2.023,1.034-3.445,1.034-.527,0-1.08-.048-1.637-.142-.247-1.455-.312-3.566.892-5.082.197-.248.427-.477.682-.681l.705-.563h4.047v4.047l-.563.705ZM19.327,19.326c-.558.094-1.111.142-1.637.142-1.423,0-2.582-.348-3.446-1.034-.248-.197-.477-.426-.681-.682l-.563-.705v-4.047h4.047l.705.563c.256.204.485.433.682.681,1.204,1.516,1.14,3.627.893,5.082Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-tree::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.729,10.985c.164-.467.271-.962.271-1.485,0-2.316-1.756-4.201-4.005-4.45,0-.017.005-.033.005-.05,0-2.209-1.791-4-4-4s-4,1.791-4,4c0,.017.005.033.005.05-2.249.249-4.005,2.134-4.005,4.45,0,.523.107,1.018.271,1.485-.793.953-1.271,2.178-1.271,3.515,0,3.038,2.462,5.5,5.5,5.5h2.5v3h2v-3h2.5c3.038,0,5.5-2.462,5.5-5.5,0-1.337-.478-2.562-1.271-3.515ZM15.5,18h-2.5v-.586l2.707-2.707-1.414-1.414-1.293,1.293v-3.586h-2v3.586l-1.293-1.293-1.414,1.414,2.707,2.707v.586h-2.5c-1.93,0-3.5-1.57-3.5-3.5,0-.827.279-1.6.808-2.236.45-.541.583-1.278.35-1.942-.106-.302-.158-.571-.158-.822,0-1.263.957-2.322,2.225-2.462,1.022-.114,1.791-.982,1.78-2.009,0-.034-.002-.068-.004-.102.039-1.069.921-1.927,1.999-1.927s1.962.86,1.999,1.931c-.002.034-.004.067-.004.098-.011,1.027.758,1.895,1.78,2.009,1.268.14,2.225,1.199,2.225,2.462,0,.251-.052.52-.158.822-.233.664-.1,1.401.35,1.942.529.636.808,1.409.808,2.236,0,1.93-1.57,3.5-3.5,3.5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.729,10.985c.164-.467.271-.962.271-1.485,0-2.316-1.756-4.201-4.005-4.45,0-.017.005-.033.005-.05,0-2.209-1.791-4-4-4s-4,1.791-4,4c0,.017.005.033.005.05-2.249.249-4.005,2.134-4.005,4.45,0,.523.107,1.018.271,1.485-.793.953-1.271,2.178-1.271,3.515,0,3.038,2.462,5.5,5.5,5.5h2.5v3h2v-3h2.5c3.038,0,5.5-2.462,5.5-5.5,0-1.337-.478-2.562-1.271-3.515ZM15.5,18h-2.5v-.586l2.707-2.707-1.414-1.414-1.293,1.293v-3.586h-2v3.586l-1.293-1.293-1.414,1.414,2.707,2.707v.586h-2.5c-1.93,0-3.5-1.57-3.5-3.5,0-.827.279-1.6.808-2.236.45-.541.583-1.278.35-1.942-.106-.302-.158-.571-.158-.822,0-1.263.957-2.322,2.225-2.462,1.022-.114,1.791-.982,1.78-2.009,0-.034-.002-.068-.004-.102.039-1.069.921-1.927,1.999-1.927s1.962.86,1.999,1.931c-.002.034-.004.067-.004.098-.011,1.027.758,1.895,1.78,2.009,1.268.14,2.225,1.199,2.225,2.462,0,.251-.052.52-.158.822-.233.664-.1,1.401.35,1.942.529.636.808,1.409.808,2.236,0,1.93-1.57,3.5-3.5,3.5Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-code-scan::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,7c0-.553-.448-1-1-1H7c-.552,0-1,.447-1,1v4H2v2h4v4c0,.553.448,1,1,1h10c.552,0,1-.447,1-1v-4h4v-2h-4v-4ZM8,8h8v3h-8v-3ZM16,16h-8v-3h8v3Z'/%3E%3Cpath class='cls-2' d='M4,4h4v-2H3c-.552,0-1,.447-1,1v5h2v-4Z'/%3E%3Cpath class='cls-2' d='M4,16h-2v5c0,.553.448,1,1,1h5v-2h-4v-4Z'/%3E%3Cpath class='cls-2' d='M20,20h-4v2h5c.552,0,1-.447,1-1v-5h-2v4Z'/%3E%3Cpath class='cls-2' d='M21,2h-5v2h4v4h2V3c0-.553-.448-1-1-1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,7c0-.553-.448-1-1-1H7c-.552,0-1,.447-1,1v4H2v2h4v4c0,.553.448,1,1,1h10c.552,0,1-.447,1-1v-4h4v-2h-4v-4ZM8,8h8v3h-8v-3ZM16,16h-8v-3h8v3Z'/%3E%3Cpath class='cls-2' d='M4,4h4v-2H3c-.552,0-1,.447-1,1v5h2v-4Z'/%3E%3Cpath class='cls-2' d='M4,16h-2v5c0,.553.448,1,1,1h5v-2h-4v-4Z'/%3E%3Cpath class='cls-2' d='M20,20h-4v2h5c.552,0,1-.447,1-1v-5h-2v4Z'/%3E%3Cpath class='cls-2' d='M21,2h-5v2h4v4h2V3c0-.553-.448-1-1-1Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-circle-play::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Cpath d='M16.555,11.168l-6-4c-.307-.205-.703-.225-1.026-.05-.325.174-.528.513-.528.882v8c0,.369.203.708.528.882.147.079.31.118.472.118.194,0,.387-.057.555-.168l6-4c.278-.186.445-.498.445-.832s-.167-.646-.445-.832Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Cpath d='M16.555,11.168l-6-4c-.307-.205-.703-.225-1.026-.05-.325.174-.528.513-.528.882v8c0,.369.203.708.528.882.147.079.31.118.472.118.194,0,.387-.057.555-.168l6-4c.278-.186.445-.498.445-.832s-.167-.646-.445-.832Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-circle-pause::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Crect x='9' y='7' width='2' height='10'/%3E%3Crect x='13' y='7' width='2' height='10'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Crect x='9' y='7' width='2' height='10'/%3E%3Crect x='13' y='7' width='2' height='10'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-circle-stop::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Crect x='8' y='8' width='8' height='8' rx='1' ry='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Crect x='8' y='8' width='8' height='8' rx='1' ry='1'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-present::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21,6h-1.149c.332-1.18.05-2.498-.876-3.425-1.364-1.365-3.584-1.363-4.949,0l-2.025,2.026-2.025-2.026c-1.364-1.365-3.585-1.363-4.949,0-.927.926-1.208,2.245-.876,3.425h-1.149c-.552,0-1,.447-1,1v4c0,.553.448,1,1,1v9c0,.553.448,1,1,1h16c.552,0,1-.447,1-1v-9c.552,0,1-.447,1-1v-4c0-.553-.448-1-1-1ZM20,10h-7v-2h7v2ZM15.439,3.989c.585-.584,1.536-.584,2.121,0,.552.552.564,1.422.074,2.011h-4.205l2.01-2.011ZM6.439,3.989c.585-.584,1.536-.584,2.121,0l2.01,2.011h-4.205c-.49-.589-.479-1.459.074-2.011ZM4,8h7v2h-7v-2ZM5,12h6v8h-6v-8ZM19,20h-6v-8h6v8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21,6h-1.149c.332-1.18.05-2.498-.876-3.425-1.364-1.365-3.584-1.363-4.949,0l-2.025,2.026-2.025-2.026c-1.364-1.365-3.585-1.363-4.949,0-.927.926-1.208,2.245-.876,3.425h-1.149c-.552,0-1,.447-1,1v4c0,.553.448,1,1,1v9c0,.553.448,1,1,1h16c.552,0,1-.447,1-1v-9c.552,0,1-.447,1-1v-4c0-.553-.448-1-1-1ZM20,10h-7v-2h7v2ZM15.439,3.989c.585-.584,1.536-.584,2.121,0,.552.552.564,1.422.074,2.011h-4.205l2.01-2.011ZM6.439,3.989c.585-.584,1.536-.584,2.121,0l2.01,2.011h-4.205c-.49-.589-.479-1.459.074-2.011ZM4,8h7v2h-7v-2ZM5,12h6v8h-6v-8ZM19,20h-6v-8h6v8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-text-scale::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='21 3.5 7 3.5 7 6.5 12.5 6.5 12.5 21 15.5 21 15.5 6.5 21 6.5 21 3.5'/%3E%3Cpolygon points='2 11 5 11 5 20 7 20 7 11 10 11 10 9 2 9 2 11'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='21 3.5 7 3.5 7 6.5 12.5 6.5 12.5 21 15.5 21 15.5 6.5 21 6.5 21 3.5'/%3E%3Cpolygon points='2 11 5 11 5 20 7 20 7 11 10 11 10 9 2 9 2 11'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-siren::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20,16h-1v-3c0-3.859-3.141-7-7-7s-7,3.141-7,7v3h-1c-.553,0-1,.447-1,1v4c0,.553.447,1,1,1h16c.553,0,1-.447,1-1v-4c0-.553-.447-1-1-1ZM7,13c0-2.757,2.243-5,5-5s5,2.243,5,5v3H7v-3ZM19,20H5v-2h14v2Z'/%3E%3Crect x='11' y='2' width='2' height='3'/%3E%3Crect class='cls-2' x='17.586' y='5' width='2.828' height='2' transform='translate(1.322 15.192) rotate(-45)'/%3E%3Crect x='4' y='4.586' width='2' height='2.828' transform='translate(-2.778 5.293) rotate(-45)'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20,16h-1v-3c0-3.859-3.141-7-7-7s-7,3.141-7,7v3h-1c-.553,0-1,.447-1,1v4c0,.553.447,1,1,1h16c.553,0,1-.447,1-1v-4c0-.553-.447-1-1-1ZM7,13c0-2.757,2.243-5,5-5s5,2.243,5,5v3H7v-3ZM19,20H5v-2h14v2Z'/%3E%3Crect x='11' y='2' width='2' height='3'/%3E%3Crect class='cls-2' x='17.586' y='5' width='2.828' height='2' transform='translate(1.322 15.192) rotate(-45)'/%3E%3Crect x='4' y='4.586' width='2' height='2.828' transform='translate(-2.778 5.293) rotate(-45)'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-megaphone::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M22,11c0-1.859-1.28-3.411-3-3.858V3c0-.347-.18-.668-.475-.851-.295-.184-.663-.199-.973-.044L7.764,7H3c-.553,0-1,.447-1,1v6c0,.553.447,1,1,1h1.245l1.793,6.274c.123.43.516.726.962.726h4c.313,0,.609-.147.798-.397.189-.251.25-.575.164-.877l-1.208-4.231,6.799,3.4c.142.07.294.105.447.105.183,0,.365-.05.525-.149.295-.183.475-.504.475-.851v-4.142c1.72-.447,3-1.999,3-3.858ZM4,9h3v4h-3v-4ZM9.675,20h-1.921l-1.428-5h1.438l.562.281,1.349,4.719ZM17,17.382l-7.384-3.692s0-.001-.002-.001l-.614-.307v-4.763l8-4v12.764ZM19,12.722v-3.443c.595.347,1,.985,1,1.722s-.405,1.375-1,1.722Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M22,11c0-1.859-1.28-3.411-3-3.858V3c0-.347-.18-.668-.475-.851-.295-.184-.663-.199-.973-.044L7.764,7H3c-.553,0-1,.447-1,1v6c0,.553.447,1,1,1h1.245l1.793,6.274c.123.43.516.726.962.726h4c.313,0,.609-.147.798-.397.189-.251.25-.575.164-.877l-1.208-4.231,6.799,3.4c.142.07.294.105.447.105.183,0,.365-.05.525-.149.295-.183.475-.504.475-.851v-4.142c1.72-.447,3-1.999,3-3.858ZM4,9h3v4h-3v-4ZM9.675,20h-1.921l-1.428-5h1.438l.562.281,1.349,4.719ZM17,17.382l-7.384-3.692s0-.001-.002-.001l-.614-.307v-4.763l8-4v12.764ZM19,12.722v-3.443c.595.347,1,.985,1,1.722s-.405,1.375-1,1.722Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-mortarboard::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M22.447,8.105L12.447,3.105c-.281-.141-.613-.141-.895,0L1.553,8.105c-.339.17-.553.516-.553.895s.214.725.553.895l2.447,1.224v6.882c0,.4.238.762.606.919l7,3c.125.054.26.081.394.081s.269-.027.394-.081l7-3c.368-.157.606-.519.606-.919v-6.882l1-.5v6.382h2v-8c0-.379-.214-.725-.553-.895ZM12,5.118l7.764,3.882-7.764,3.882-7.764-3.882,7.764-3.882ZM18,17.341l-6,2.571-6-2.571v-5.223l5.553,2.776c.141.07.294.105.447.105s.307-.035.447-.105l5.553-2.776v5.223Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M22.447,8.105L12.447,3.105c-.281-.141-.613-.141-.895,0L1.553,8.105c-.339.17-.553.516-.553.895s.214.725.553.895l2.447,1.224v6.882c0,.4.238.762.606.919l7,3c.125.054.26.081.394.081s.269-.027.394-.081l7-3c.368-.157.606-.519.606-.919v-6.882l1-.5v6.382h2v-8c0-.379-.214-.725-.553-.895ZM12,5.118l7.764,3.882-7.764,3.882-7.764-3.882,7.764-3.882ZM18,17.341l-6,2.571-6-2.571v-5.223l5.553,2.776c.141.07.294.105.447.105s.307-.035.447-.105l5.553-2.776v5.223Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge[class*=ico-].ico-protect::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,23c-.135,0-.271-.027-.396-.082-1.853-.801-4.474-2.383-6.438-5.368-2.879-4.374-2.463-8.957-2.149-10.724.067-.385.353-.694.729-.793,1.669-.439,3.274-1.081,4.771-1.908,1.001-.554,1.964-1.195,2.861-1.908.365-.289.879-.289,1.244,0,.897.713,1.86,1.354,2.861,1.908,1.497.827,3.103,1.469,4.771,1.908.377.099.662.408.729.793.313,1.767.729,6.35-2.149,10.724-1.965,2.985-4.586,4.567-6.438,5.368-.126.055-.262.082-.396.082ZM4.893,7.789c-.225,1.819-.258,5.317,1.942,8.661,1.559,2.367,3.601,3.713,5.165,4.452,1.564-.739,3.606-2.085,5.165-4.452,2.2-3.344,2.167-6.842,1.942-8.661-1.6-.471-3.142-1.112-4.591-1.914-.87-.48-1.714-1.022-2.517-1.615-.803.593-1.646,1.135-2.517,1.615-1.449.802-2.991,1.443-4.591,1.914Z'/%3E%3Cpath d='M11,16c-.256,0-.512-.098-.707-.293l-3-3,1.414-1.414,2.293,2.293,4.293-4.293,1.414,1.414-5,5c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,23c-.135,0-.271-.027-.396-.082-1.853-.801-4.474-2.383-6.438-5.368-2.879-4.374-2.463-8.957-2.149-10.724.067-.385.353-.694.729-.793,1.669-.439,3.274-1.081,4.771-1.908,1.001-.554,1.964-1.195,2.861-1.908.365-.289.879-.289,1.244,0,.897.713,1.86,1.354,2.861,1.908,1.497.827,3.103,1.469,4.771,1.908.377.099.662.408.729.793.313,1.767.729,6.35-2.149,10.724-1.965,2.985-4.586,4.567-6.438,5.368-.126.055-.262.082-.396.082ZM4.893,7.789c-.225,1.819-.258,5.317,1.942,8.661,1.559,2.367,3.601,3.713,5.165,4.452,1.564-.739,3.606-2.085,5.165-4.452,2.2-3.344,2.167-6.842,1.942-8.661-1.6-.471-3.142-1.112-4.591-1.914-.87-.48-1.714-1.022-2.517-1.615-.803.593-1.646,1.135-2.517,1.615-1.449.802-2.991,1.443-4.591,1.914Z'/%3E%3Cpath d='M11,16c-.256,0-.512-.098-.707-.293l-3-3,1.414-1.414,2.293,2.293,4.293-4.293,1.414,1.414-5,5c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
}
.badge.min {
  bottom: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-width: auto;
  width: 0.8rem;
  height: 0.8rem;
  padding: 0 0 0 0.8rem;
  overflow: hidden;
  background-color: var(--color-background-brand-accent-inverse);
}
.badge.blue {
  background-color: var(--color-background-info-primary-inverse);
  color: #fff;
}
.badge.green {
  background-color: var(--color-background-success-primary-inverse);
  color: #fff;
}
.badge.orange {
  background-color: var(--color-background-warning-primary-inverse);
  color: #fff;
}

/* label */
.label-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem;
}
.label-area:has(> i[class*=ico-]) {
  gap: 0.4rem;
}
.label-area .checkradio {
  margin-right: 0;
}
.label-area + .txt-area {
  margin-top: 0.8rem;
}

.label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2.8rem;
  padding: 0 1.2rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
  background-color: var(--color-background-default-tertiary);
  color: var(--color-font-default-secondary);
  vertical-align: middle;
  gap: 0.4rem;
  border-radius: 0.8rem;
}
.label.blue {
  background-color: var(--color-background-info-primary);
  color: var(--color-font-info-primary);
}
.label.blue i::before {
  background-color: var(--color-icon-info-primary) !important;
}
.label.info {
  background-color: var(--color-background-info-primary);
  color: var(--color-font-info-primary);
}
.label.info i::before {
  background-color: var(--color-icon-info-primary) !important;
}
.label.green {
  background-color: var(--color-background-success-primary);
  color: var(--color-font-success-primary);
}
.label.green i::before {
  background-color: var(--color-icon-success-primary) !important;
}
.label.success {
  background-color: var(--color-background-success-primary);
  color: var(--color-font-success-primary);
}
.label.success i::before {
  background-color: var(--color-icon-success-primary) !important;
}
.label.yellow {
  background-color: var(--color-background-warning-primary);
  color: var(--color-font-warning-primary);
}
.label.yellow i::before {
  background-color: var(--color-icon-warning-primary) !important;
}
.label.warning {
  background-color: var(--color-background-warning-primary);
  color: var(--color-font-warning-primary);
}
.label.warning i::before {
  background-color: var(--color-icon-warning-primary) !important;
}
.label.red {
  background-color: var(--color-background-danger-primary);
  color: var(--color-font-danger-primary);
}
.label.red i::before {
  background-color: var(--color-icon-danger-primary) !important;
}
.label.danger {
  background-color: var(--color-background-danger-primary);
  color: var(--color-font-danger-primary);
}
.label.danger i::before {
  background-color: var(--color-icon-danger-primary) !important;
}
.label.primary {
  background-color: var(--color-background-brand-primary);
  color: var(--color-font-brand-primary);
}
.label.primary i::before {
  background-color: var(--color-icon-brand-primary) !important;
}
.label.secondary {
  background-color: var(--color-background-brand-secondary);
  color: var(--color-font-brand-secondary);
}
.label.secondary i::before {
  background-color: var(--color-icon-brand-secondary) !important;
}
.label.accent {
  background-color: var(--color-background-brand-accent);
  color: var(--color-font-brand-accent);
}
.label.accent i::before {
  background-color: var(--color-icon-brand-accent) !important;
}
.label.inverse {
  background-color: var(--color-background-default-secondary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.label.inverse i::before {
  background-color: var(--color-icon-default-primary-inverse) !important;
}
.label.info-inverse {
  background-color: var(--color-background-info-primary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.label.info-inverse i::before {
  background-color: var(--color-icon-default-primary-inverse) !important;
}
.label.success-inverse {
  background-color: var(--color-background-success-primary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.label.success-inverse i::before {
  background-color: var(--color-icon-default-primary-inverse) !important;
}
.label.warning-inverse {
  background-color: var(--color-background-warning-primary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.label.warning-inverse i::before {
  background-color: var(--color-icon-default-primary-inverse) !important;
}
.label.danger-inverse {
  background-color: var(--color-background-danger-primary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.label.danger-inverse i::before {
  background-color: var(--color-icon-default-primary-inverse) !important;
}
.label.primary-inverse {
  background-color: var(--color-background-brand-primary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.label.primary-inverse i::before {
  background-color: var(--color-icon-default-primary-inverse) !important;
}
.label.secondary-inverse {
  background-color: var(--color-background-brand-secondary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.label.secondary-inverse i::before {
  background-color: var(--color-icon-default-primary-inverse) !important;
}
.label.accent-inverse {
  background-color: var(--color-background-brand-accent-inverse);
  color: var(--color-font-default-primary-inverse);
}
.label.accent-inverse i::before {
  background-color: var(--color-icon-default-primary-inverse) !important;
}
a.label:hover, button.label:hover {
  -webkit-filter: brightness(95%);
          filter: brightness(95%);
}

.label.sm {
  height: 2rem;
  font-size: var(--font-label-xsm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
  padding: 0 0.4em;
}
.label.lg {
  height: 3.2rem;
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
  padding: 0 1.6rem;
}
.label.num {
  background-color: var(--color-background-brand-primary);
  color: var(--color-font-brand-primary);
  font-weight: 700;
  min-width: 2.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.label.num.blue {
  background-color: var(--color-background-info-primary);
  color: var(--color-font-info-primary);
}
.label.num.info {
  background-color: var(--color-background-info-primary);
  color: var(--color-font-info-primary);
}
.label.num.green {
  background-color: var(--color-background-success-primary);
  color: var(--color-font-success-primary);
}
.label.num.success {
  background-color: var(--color-background-success-primary);
  color: var(--color-font-success-primary);
}
.label.num.yellow {
  background-color: var(--color-background-warning-primary);
  color: var(--color-font-warning-primary);
}
.label.num.warning {
  background-color: var(--color-background-warning-primary);
  color: var(--color-font-warning-primary);
}
.label.num.red {
  background-color: var(--color-background-danger-primary);
  color: var(--color-font-danger-primary);
}
.label.num.danger {
  background-color: var(--color-background-danger-primary);
  color: var(--color-font-danger-primary);
}
.label.num.primary {
  background-color: var(--color-background-brand-primary);
  color: var(--color-font-brand-primary);
}
.label.num.secondary {
  background-color: var(--color-background-brand-secondary);
  color: var(--color-font-brand-secondary);
}
.label.num.accent {
  background-color: var(--color-background-brand-accent);
  color: var(--color-font-brand-accent);
}
.label.num.inverse {
  background-color: var(--color-background-default-secondary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.label.num.info-inverse {
  background-color: var(--color-background-info-primary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.label.num.success-inverse {
  background-color: var(--color-background-success-primary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.label.num.warning-inverse {
  background-color: var(--color-background-warning-primary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.label.num.danger-inverse {
  background-color: var(--color-background-danger-primary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.label.num.primary-inverse {
  background-color: var(--color-background-brand-primary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.label.num.secondary-inverse {
  background-color: var(--color-background-brand-secondary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.label.num.accent-inverse {
  background-color: var(--color-background-brand-accent-inverse);
  color: var(--color-font-default-primary-inverse);
}
.label.num.lg {
  min-width: 3.2rem;
  padding: 0 0.8rem;
}
.label-state {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 1rem;
}
.label-state::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  margin-top: -0.3rem;
  background-color: #8A949E;
}
.label-state.blue {
  color: var(--color-font-info-primary);
}
.label-state.blue::before {
  background-color: var(--color-font-info-primary);
}
.label-state.info {
  color: var(--color-font-info-primary);
}
.label-state.info::before {
  background-color: var(--color-font-info-primary);
}
.label-state.green {
  color: var(--color-font-success-primary);
}
.label-state.green::before {
  background-color: var(--color-font-success-primary);
}
.label-state.success {
  color: var(--color-font-success-primary);
}
.label-state.success::before {
  background-color: var(--color-font-success-primary);
}
.label-state.yellow {
  color: var(--color-font-warning-primary);
}
.label-state.yellow::before {
  background-color: var(--color-font-warning-primary);
}
.label-state.warning {
  color: var(--color-font-warning-primary);
}
.label-state.warning::before {
  background-color: var(--color-font-warning-primary);
}
.label-state.red {
  color: var(--color-font-danger-primary);
}
.label-state.red::before {
  background-color: var(--color-font-danger-primary);
}
.label-state.danger {
  color: var(--color-font-danger-primary);
}
.label-state.danger::before {
  background-color: var(--color-font-danger-primary);
}
.label-state.primary {
  color: var(--color-font-brand-primary);
}
.label-state.primary::before {
  background-color: var(--color-font-brand-primary);
}
.label-state.secondary {
  color: var(--color-font-brand-secondary);
}
.label-state.secondary::before {
  background-color: var(--color-font-brand-secondary);
}
.label-state.accent {
  color: var(--color-font-brand-accent);
}
.label-state.accent::before {
  background-color: var(--color-font-brand-accent);
}
.label-state.inverse {
  color: var(--color-font-default-primary-inverse);
}
.label-state.inverse::before {
  background-color: var(--color-font-default-primary-inverse);
}
.label-state.info-inverse {
  color: var(--color-font-default-primary-inverse);
}
.label-state.info-inverse::before {
  background-color: var(--color-font-default-primary-inverse);
}
.label-state.success-inverse {
  color: var(--color-font-default-primary-inverse);
}
.label-state.success-inverse::before {
  background-color: var(--color-font-default-primary-inverse);
}
.label-state.warning-inverse {
  color: var(--color-font-default-primary-inverse);
}
.label-state.warning-inverse::before {
  background-color: var(--color-font-default-primary-inverse);
}
.label-state.danger-inverse {
  color: var(--color-font-default-primary-inverse);
}
.label-state.danger-inverse::before {
  background-color: var(--color-font-default-primary-inverse);
}
.label-state.primary-inverse {
  color: var(--color-font-default-primary-inverse);
}
.label-state.primary-inverse::before {
  background-color: var(--color-font-default-primary-inverse);
}
.label-state.secondary-inverse {
  color: var(--color-font-default-primary-inverse);
}
.label-state.secondary-inverse::before {
  background-color: var(--color-font-default-primary-inverse);
}
.label-state.accent-inverse {
  color: var(--color-font-default-primary-inverse);
}
.label-state.accent-inverse::before {
  background-color: var(--color-font-default-primary-inverse);
}
button.label-state, a.label-state {
  text-decoration: underline;
}
button.label-state:hover, a.label-state:hover {
  -webkit-filter: brightness(95%);
          filter: brightness(95%);
}

.label.round {
  border-radius: 2em;
}
.label.line {
  background-color: transparent;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
}
.label-mark {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2.4rem;
  padding: 0 0.6rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
  border: 0.1rem solid var(--color-stroke-default-primary);
  color: var(--color-font-default-primary);
  vertical-align: middle;
  gap: 0.4rem;
  border-radius: 0.8rem;
}
.label-mark.info {
  border-color: var(--color-stroke-info-primary);
  color: var(--color-font-info-primary);
}
.label-mark.accent {
  border-color: var(--color-stroke-brand-accent);
  color: var(--color-font-brand-accent);
}
.label-mark.lg {
  height: 3.2rem;
  padding: 0 1.2rem;
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  border-radius: 0.8rem;
}

.label-num-img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 2.4rem;
  aspect-ratio: 1;
  font-size: 0;
  background-size: contain;
  vertical-align: middle;
}
.label-num-img.num1 {
  background-image: url("../images/common/ico-img/ico-img-rank1.svg");
}
.label-num-img.num2 {
  background-image: url("../images/common/ico-img/ico-img-rank2.svg");
}
.label-num-img.num3 {
  background-image: url("../images/common/ico-img/ico-img-rank3.svg");
}
.label-num-img.lg {
  width: 3.2rem;
}

.label-cont-img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2.4rem;
  padding: 0 0.8rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: var(--font-label-xsm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
  vertical-align: middle;
  gap: 0.4rem;
  border-radius: 0.8rem;
  background-color: var(--color-background-brand-primary);
  color: var(--color-font-brand-primary);
}
.label-cont-img i::before {
  background-color: var(--color-icon-brand-primary) !important;
}
.label-cont-video {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2.4rem;
  padding: 0 0.8rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: var(--font-label-xsm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
  vertical-align: middle;
  gap: 0.4rem;
  border-radius: 0.8rem;
  background-color: var(--color-background-brand-secondary);
  color: var(--color-font-brand-secondary);
}
.label-cont-video i::before {
  background-color: var(--color-icon-brand-secondary) !important;
}
.label-cont-doc {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2.4rem;
  padding: 0 0.8rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: var(--font-label-xsm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
  vertical-align: middle;
  gap: 0.4rem;
  border-radius: 0.8rem;
  background-color: var(--color-background-brand-accent);
  color: var(--color-font-brand-accent);
}
.label-cont-doc i::before {
  background-color: var(--color-icon-brand-accent) !important;
}
.label-cont-url {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2.4rem;
  padding: 0 0.8rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: var(--font-label-xsm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
  vertical-align: middle;
  gap: 0.4rem;
  border-radius: 0.8rem;
  background-color: var(--color-background-info-primary);
  color: var(--color-font-info-primary);
}
.label-cont-url i::before {
  background-color: var(--color-icon-info-primary) !important;
}
.label-cont-quiz {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2.4rem;
  padding: 0 0.8rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: var(--font-label-xsm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
  vertical-align: middle;
  gap: 0.4rem;
  border-radius: 0.8rem;
  background-color: var(--color-background-success-primary);
  color: var(--color-font-success-primary);
}
.label-cont-quiz i::before {
  background-color: var(--color-icon-success-primary) !important;
}
.label-cont-test {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2.4rem;
  padding: 0 0.8rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: var(--font-label-xsm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
  vertical-align: middle;
  gap: 0.4rem;
  border-radius: 0.8rem;
  background-color: var(--color-background-warning-primary);
  color: var(--color-font-warning-primary);
}
.label-cont-test i::before {
  background-color: var(--color-icon-warning-primary) !important;
}
.label-cont-cont {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2.4rem;
  padding: 0 0.8rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: var(--font-label-xsm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
  vertical-align: middle;
  gap: 0.4rem;
  border-radius: 0.8rem;
  background-color: var(--color-background-danger-primary);
  color: var(--color-font-danger-primary);
}
.label-cont-cont i::before {
  background-color: var(--color-icon-danger-primary) !important;
}

input:not([type=checkbox]):not([type=radio]),
select,
textarea,
button {
  font-family: "KakaoBigSans", KakaoBigSans, "Pretendard", Pretendard, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

i.required::after {
  content: "*";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 0.4rem;
  color: var(--color-font-brand-accent);
  font-size: var(--size-font-sm);
}

i.required {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0;
  vertical-align: top;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type=time].custom-datepicker,
input[type=date].custom-datepicker,
input[type=datetime-local].custom-datepicker,
input[type=month].custom-datepicker,
input[type=week].custom-datepicker {
  -webkit-appearance: none;
}
input[type=time].custom-datepicker::-webkit-calendar-picker-indicator,
input[type=date].custom-datepicker::-webkit-calendar-picker-indicator,
input[type=datetime-local].custom-datepicker::-webkit-calendar-picker-indicator,
input[type=month].custom-datepicker::-webkit-calendar-picker-indicator,
input[type=week].custom-datepicker::-webkit-calendar-picker-indicator {
  display: none;
}
input[type=time][placeholder]:not([value]):not(:focus-visible)::before,
input[type=date][placeholder]:not([value]):not(:focus-visible)::before,
input[type=datetime-local][placeholder]:not([value]):not(:focus-visible)::before,
input[type=month][placeholder]:not([value]):not(:focus-visible)::before,
input[type=week][placeholder]:not([value]):not(:focus-visible)::before {
  content: attr(placeholder);
  width: 100%;
  color: #6D7882;
}
input[type=time]::-webkit-calendar-picker-indicator,
input[type=date]::-webkit-calendar-picker-indicator,
input[type=datetime-local]::-webkit-calendar-picker-indicator,
input[type=month]::-webkit-calendar-picker-indicator,
input[type=week]::-webkit-calendar-picker-indicator {
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%236D7882'%3E%3Cpath d='m7,2v2H3v18h18V4h-4v-2h-2v2h-6v-2h-2Zm-2,18v-10h14v10H5Zm14-12H5v-2h14v2Z'/%3E%3Ccircle cx='8' cy='13' r='1'/%3E%3Ccircle cx='12' cy='13' r='1'/%3E%3Ccircle cx='16' cy='13' r='1'/%3E%3Ccircle cx='8' cy='17' r='1'/%3E%3Ccircle cx='12' cy='17' r='1'/%3E%3Ccircle cx='16' cy='17' r='1'/%3E%3C/g%3E%3C/svg%3E");
}

input[type=password]::-ms-reveal {
  display: none;
}

input[type=text],
input[type=search],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=week],
textarea {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid var(--color-stroke-default-secondary);
  border-radius: 1.2rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: var(--color-font-default-primary);
}
input[type=text]::-moz-selection, input[type=search]::-moz-selection, input[type=password]::-moz-selection, input[type=number]::-moz-selection, input[type=email]::-moz-selection, input[type=tel]::-moz-selection, input[type=time]::-moz-selection, input[type=date]::-moz-selection, input[type=datetime-local]::-moz-selection, input[type=month]::-moz-selection, input[type=week]::-moz-selection, textarea::-moz-selection {
  color: #fff;
  background-color: var(--color-background-brand-accent-inverse);
}
input[type=text]::selection,
input[type=search]::selection,
input[type=password]::selection,
input[type=number]::selection,
input[type=email]::selection,
input[type=tel]::selection,
input[type=time]::selection,
input[type=date]::selection,
input[type=datetime-local]::selection,
input[type=month]::selection,
input[type=week]::selection,
textarea::selection {
  color: #fff;
  background-color: var(--color-background-brand-accent-inverse);
}
input[type=text]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: var(--color-font-default-quaternary);
}
input[type=text]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--color-font-default-quaternary);
}
input[type=text]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: var(--color-font-default-quaternary);
}
input[type=text]::-ms-input-placeholder, input[type=search]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=time]::-ms-input-placeholder, input[type=date]::-ms-input-placeholder, input[type=datetime-local]::-ms-input-placeholder, input[type=month]::-ms-input-placeholder, input[type=week]::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: var(--color-font-default-quaternary);
}
input[type=text]::placeholder,
input[type=search]::placeholder,
input[type=password]::placeholder,
input[type=number]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=time]::placeholder,
input[type=date]::placeholder,
input[type=datetime-local]::placeholder,
input[type=month]::placeholder,
input[type=week]::placeholder,
textarea::placeholder {
  color: var(--color-font-default-quaternary);
}
input[type=text]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=week]:focus,
textarea:focus {
  outline: 0;
  border-color: var(--color-stroke-brand-primary);
  -webkit-box-shadow: inset 0 0 0 0.1rem var(--color-stroke-brand-primary);
          box-shadow: inset 0 0 0 0.1rem var(--color-stroke-brand-primary);
}
input[type=text]:disabled,
input[type=search]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=time]:disabled,
input[type=date]:disabled,
input[type=datetime-local]:disabled,
input[type=month]:disabled,
input[type=week]:disabled,
textarea:disabled {
  color: var(--color-font-disabled-primary);
  background-color: var(--color-background-disabled-primary);
  border-color: var(--color-stroke-disabled-primary);
}
input[type=text]:-moz-read-only, input[type=search]:-moz-read-only, input[type=password]:-moz-read-only, input[type=number]:-moz-read-only, input[type=email]:-moz-read-only, input[type=tel]:-moz-read-only, input[type=time]:-moz-read-only, input[type=date]:-moz-read-only, input[type=datetime-local]:-moz-read-only, input[type=month]:-moz-read-only, input[type=week]:-moz-read-only, textarea:-moz-read-only {
  border-color: var(--color-stroke-default-tertiary);
  box-shadow: none !important;
}
input[type=text]:read-only,
input[type=search]:read-only,
input[type=password]:read-only,
input[type=number]:read-only,
input[type=email]:read-only,
input[type=tel]:read-only,
input[type=time]:read-only,
input[type=date]:read-only,
input[type=datetime-local]:read-only,
input[type=month]:read-only,
input[type=week]:read-only,
textarea:read-only {
  border-color: var(--color-stroke-default-tertiary);
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
input[type=text] ~ cite:nth-of-type(1),
input[type=search] ~ cite:nth-of-type(1),
input[type=password] ~ cite:nth-of-type(1),
input[type=number] ~ cite:nth-of-type(1),
input[type=email] ~ cite:nth-of-type(1),
input[type=tel] ~ cite:nth-of-type(1),
input[type=time] ~ cite:nth-of-type(1),
input[type=date] ~ cite:nth-of-type(1),
input[type=datetime-local] ~ cite:nth-of-type(1),
input[type=month] ~ cite:nth-of-type(1),
input[type=week] ~ cite:nth-of-type(1),
textarea ~ cite:nth-of-type(1) {
  display: block;
  margin-top: 0.4rem;
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
  color: #6D7882;
  font-style: normal;
}
input[type=text].sm,
input[type=search].sm,
input[type=password].sm,
input[type=number].sm,
input[type=email].sm,
input[type=tel].sm,
input[type=time].sm,
input[type=date].sm,
input[type=datetime-local].sm,
input[type=month].sm,
input[type=week].sm,
textarea.sm {
  height: 3.6rem;
  padding-left: 1.6rem;
  border-radius: 0.8rem;
}

.input-block {
  position: relative;
}
.input-block ~ cite:nth-of-type(1) {
  display: block;
  margin-top: 0.4rem;
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
  color: #6D7882;
  font-style: normal;
}
.input-block label[class*=switch-] {
  position: absolute;
  right: 1.2rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.input-block > input {
  padding-right: 4rem;
}

.txt-count-area {
  display: grid;
  gap: 0.8rem;
}
.txt-count-area .txt-count {
  text-align: right;
  font-size: var(--size-font-xsm);
  color: var(--color-font-default-secondary);
}

input[type=text],
input[type=search],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=week] {
  position: relative;
  height: var(--form-height-md);
  width: 24rem;
  max-width: 100%;
}
input[type=text].lg,
input[type=search].lg,
input[type=password].lg,
input[type=number].lg,
input[type=email].lg,
input[type=tel].lg,
input[type=time].lg,
input[type=date].lg,
input[type=datetime-local].lg,
input[type=month].lg,
input[type=week].lg {
  height: var(--form-height-lg);
}
input[type=text].sm,
input[type=search].sm,
input[type=password].sm,
input[type=number].sm,
input[type=email].sm,
input[type=tel].sm,
input[type=time].sm,
input[type=date].sm,
input[type=datetime-local].sm,
input[type=month].sm,
input[type=week].sm {
  height: var(--form-height-sm);
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=date] {
  padding-right: 1.2rem;
  min-width: 16rem;
}

textarea {
  width: 100%;
  min-height: 12.2rem;
  resize: none;
  padding: 1.6rem;
}

input[type=checkbox],
input[type=radio],
label.checkbox input,
label.chip input,
label.radio input {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0, 0 0);
}
input[type=checkbox]:disabled + label, input[type=checkbox]:disabled + span,
input[type=radio]:disabled + label,
input[type=radio]:disabled + span,
label.checkbox input:disabled + label,
label.checkbox input:disabled + span,
label.chip input:disabled + label,
label.chip input:disabled + span,
label.radio input:disabled + label,
label.radio input:disabled + span {
  color: var(--color-font-disabled-primary);
}
input[type=checkbox]:focus-visible + label, input[type=checkbox]:focus-visible + span,
input[type=radio]:focus-visible + label,
input[type=radio]:focus-visible + span,
label.checkbox input:focus-visible + label,
label.checkbox input:focus-visible + span,
label.chip input:focus-visible + label,
label.chip input:focus-visible + span,
label.radio input:focus-visible + label,
label.radio input:focus-visible + span {
  outline: 0.2rem solid var(--color-stroke-brand-primary);
}

input[type=checkbox] + label,
input[type=radio] + label,
label.toggle,
label.checkbox,
label[class*=switch],
label.radio,
span.chip {
  vertical-align: middle;
  margin-right: 1.6rem;
}
input[type=checkbox] + label:last-child,
input[type=radio] + label:last-child,
label.toggle:last-child,
label.checkbox:last-child,
label[class*=switch]:last-child,
label.radio:last-child,
span.chip:last-child {
  margin-right: auto;
}

input[type=checkbox] + label,
input[type=radio] + label,
label.toggle,
label.checkbox,
label.chip,
label.radio,
span.chip {
  font-size: var(--font-body-md);
  font-weight: var(--size-font-weight-md);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

label.chip,
input.chip + label,
label.chip input + span,
span.chip {
  margin-right: 0;
}

input[type=checkbox] + label,
input[type=radio] + label,
label[class*=switch] input + span,
label.checkbox input + span,
label.radio input + span,
span.chip {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}

input[type=checkbox] + label::before, input[type=checkbox] + label::after,
input[type=radio] + label::before,
input[type=radio] + label::after,
label.checkbox input + span::before,
label.checkbox input + span::after,
label.radio input + span::before,
label.radio input + span::after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
input[type=checkbox] + label::before,
input[type=radio] + label::before,
label.checkbox input + span::before,
label.radio input + span::before {
  border: 0.2rem solid var(--color-stroke-default-secondary);
  background-color: var(--color-background-default-primary);
}
input[type=checkbox] + label::after,
input[type=radio] + label::after,
label.checkbox input + span::after,
label.radio input + span::after {
  position: absolute;
  left: 0;
  background-color: var(--color-icon-default-secondary);
}

input[type=checkbox] + label::before, input[type=checkbox] + label::after,
label.checkbox input + span::before,
label.checkbox input + span::after {
  border-radius: 0.4rem;
}
input[type=checkbox] + label::after,
label.checkbox input + span::after {
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.405,16.974c-.302,0-.605-.112-.839-.338l-4.622-4.65c-.481-.464-.495-1.229-.032-1.71s1.229-.495,1.709-.032l3.783,3.842,6.976-6.722c.48-.463,1.246-.449,1.709.032.463.48.449,1.246-.032,1.71l-7.814,7.53c-.234.226-.537.338-.839.338h0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.405,16.974c-.302,0-.605-.112-.839-.338l-4.622-4.65c-.481-.464-.495-1.229-.032-1.71s1.229-.495,1.709-.032l3.783,3.842,6.976-6.722c.48-.463,1.246-.449,1.709.032.463.48.449,1.246-.032,1.71l-7.814,7.53c-.234.226-.537.338-.839.338h0Z'/%3E%3C/g%3E%3C/svg%3E");
}

input[type=radio] + label::before, input[type=radio] + label::after,
label.radio input + span::before,
label.radio input + span::after {
  border-radius: 50%;
}
input[type=radio] + label::after,
label.radio input + span::after {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0.6rem;
}

input[type=checkbox]:checked + label::before,
input[type=radio]:checked + label::before,
label.checkbox input:checked + span::before,
label.radio input:checked + span::before {
  border-color: var(--color-background-brand-primary-inverse);
  background-color: var(--color-background-brand-primary-inverse);
}
input[type=checkbox]:checked + label::after,
input[type=radio]:checked + label::after,
label.checkbox input:checked + span::after,
label.radio input:checked + span::after {
  background-color: var(--color-background-default-primary);
}

input[type=checkbox]:checked + label::after,
label.checkbox input:checked + span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.405,16.974c-.302,0-.605-.112-.839-.338l-4.622-4.65c-.481-.464-.495-1.229-.032-1.71s1.229-.495,1.709-.032l3.783,3.842,6.976-6.722c.48-.463,1.246-.449,1.709.032.463.48.449,1.246-.032,1.71l-7.814,7.53c-.234.226-.537.338-.839.338h0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.405,16.974c-.302,0-.605-.112-.839-.338l-4.622-4.65c-.481-.464-.495-1.229-.032-1.71s1.229-.495,1.709-.032l3.783,3.842,6.976-6.722c.48-.463,1.246-.449,1.709.032.463.48.449,1.246-.032,1.71l-7.814,7.53c-.234.226-.537.338-.839.338h0Z'/%3E%3C/g%3E%3C/svg%3E");
}

input[type=checkbox]:disabled + label::before,
label.checkbox input:disabled + span::before,
input[type=radio]:disabled + label::before,
label.radio input:disabled + span::before {
  border-color: var(--color-stroke-disabled-primary);
  background-color: var(--color-background-disabled-primary);
}
input[type=checkbox]:disabled + label::after,
label.checkbox input:disabled + span::after,
input[type=radio]:disabled + label::after,
label.radio input:disabled + span::after {
  background-color: var(--color-icon-disabled-primary);
  display: none;
}

input[type=checkbox]:disabled:checked + label::before,
input[type=radio]:disabled:checked + label::before,
label.checkbox input:disabled:checked + span::before,
label.radio input:disabled:checked + span::before {
  background-color: var(--color-background-disabled-primary);
}
input[type=checkbox]:disabled:checked + label::after,
input[type=radio]:disabled:checked + label::after,
label.checkbox input:disabled:checked + span::after,
label.radio input:disabled:checked + span::after {
  display: block;
  background-color: var(--color-icon-disabled-primary);
}

input[type=checkbox].toggle + label,
label.toggle input[type=checkbox] + span {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.4rem;
}
input[type=checkbox].toggle + label::before, input[type=checkbox].toggle + label::after,
label.toggle input[type=checkbox] + span::before,
label.toggle input[type=checkbox] + span::after {
  content: "";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
input[type=checkbox].toggle + label::before,
label.toggle input[type=checkbox] + span::before {
  width: 4rem;
  height: 100%;
  border-radius: 1.2rem;
  margin-right: 0.8rem;
  background-color: var(--color-background-default-tertiary);
  border-width: 0;
}
input[type=checkbox].toggle + label::after,
label.toggle input[type=checkbox] + span::after {
  position: absolute;
  left: 0.2rem;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background-color: var(--color-icon-default-primary-inverse);
  -webkit-mask-image: none;
          mask-image: none;
}

input[type=checkbox].toggle:checked + label::before,
label.toggle input[type=checkbox]:checked + span::before {
  background-color: var(--color-background-brand-primary-inverse);
}
input[type=checkbox].toggle:checked + label::after,
label.toggle input[type=checkbox]:checked + span::after {
  left: 2rem;
}

input[type=checkbox].toggle:disabled + label::before,
label.toggle input[type=checkbox]:disabled + span::before {
  background-color: var(--color-background-disabled-primary);
}
input[type=checkbox].toggle:disabled + label::after,
label.toggle input[type=checkbox]:disabled + span::after {
  display: block;
  background-color: var(--color-icon-disabled-primary);
}

input.chip + label,
label.chip input + span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  height: 4rem;
  padding: 0.8rem 1.6rem;
  border-radius: 2em;
  background-color: var(--color-background-brand-primary);
  color: var(--color-font-brand-primary);
  font-weight: var(--size-font-weight-lg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
input.chip + label::before, input.chip + label::after,
label.chip input + span::before,
label.chip input + span::after {
  content: none;
}

input.chip:not(:disabled) + label:hover,
label.chip input:not(:disabled) + span:hover {
  cursor: pointer;
  -webkit-filter: brightness(95%);
          filter: brightness(95%);
}

input.chip:checked + label,
label.chip input:checked + span {
  background-color: var(--color-background-brand-primary-inverse);
  color: var(--color-font-default-primary-inverse);
}
input.chip:checked + label::before,
label.chip input:checked + span::before {
  content: "";
  display: block;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9.87,17.56l-7.21-6.31-1.32,1.51,8,7c.18.16.42.25.66.25.03,0,.06,0,.09,0,.27-.02.52-.16.69-.37l12-15-1.56-1.25-11.35,14.18Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9.87,17.56l-7.21-6.31-1.32,1.51,8,7c.18.16.42.25.66.25.03,0,.06,0,.09,0,.27-.02.52-.16.69-.37l12-15-1.56-1.25-11.35,14.18Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary-inverse);
}

input.chip:disabled + label,
label.chip input:disabled + span {
  background-color: var(--color-background-disabled-primary);
  color: var(--color-font-disabled-primary);
}

input.chip:disabled:checked + label,
label.chip input:disabled:checked + span {
  background-color: var(--color-background-disabled-primary);
  color: var(--color-font-disabled-primary);
}
input.chip:disabled:checked + label::before,
label.chip input:disabled:checked + span::before {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9.87,17.56l-7.21-6.31-1.32,1.51,8,7c.18.16.42.25.66.25.03,0,.06,0,.09,0,.27-.02.52-.16.69-.37l12-15-1.56-1.25-11.35,14.18Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9.87,17.56l-7.21-6.31-1.32,1.51,8,7c.18.16.42.25.66.25.03,0,.06,0,.09,0,.27-.02.52-.16.69-.37l12-15-1.56-1.25-11.35,14.18Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-disabled-primary);
}

a.chip,
button.chip,
span.chip {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  height: var(--form-height-sm);
  padding: 0.8rem 1.6rem;
  border-radius: 2em;
  background-color: var(--color-background-default-primary);
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  color: var(--color-font-default-secondary);
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.chip-area {
  margin-bottom: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem;
}
.chip-area:only-child {
  margin-bottom: 0;
}

.chip-tag {
  font-size: var(--font-body-md);
  font-weight: var(--size-font-weight-md);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  height: 4rem;
  padding: 0.8rem 1.6rem;
  border-radius: 2em;
  font-weight: var(--size-font-weight-lg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background-color: var(--color-background-default-primary);
  color: var(--color-font-default-secondary);
  border: 0.1rem solid var(--color-stroke-default-tertiary);
}
.chip-tag [class*=ico-]::before {
  background-color: var(--color-icon-default-secondary);
}
.chip-tag.primary {
  background-color: var(--color-background-brand-primary);
  color: var(--color-font-brand-primary);
  border: none;
}
.chip-tag.primary [class*=ico-]::before {
  background-color: var(--color-icon-brand-primary);
}

input.icon-only + label,
label.icon-only input + span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0 !important;
  width: var(--size-icon-md);
  white-space: nowrap;
  overflow: hidden;
}
input.icon-only + label::before, input.icon-only + label::after,
label.icon-only input + span::before,
label.icon-only input + span::after {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

label[class*=switch-] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}
label[class*=switch-].switch-hide i[class*=ico-] {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,5c-4.46,0-8.47,2.81-10,7,1.53,4.19,5.54,7,10,7s8.47-2.81,10-7c-1.53-4.19-5.54-7-10-7Zm0,12c-3.37,0-6.43-1.98-7.84-5,1.41-3.02,4.47-5,7.84-5s6.43,1.98,7.84,5c-1.41,3.02-4.47,5-7.84,5Z'/%3E%3Cpath d='m12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,5c-4.46,0-8.47,2.81-10,7,1.53,4.19,5.54,7,10,7s8.47-2.81,10-7c-1.53-4.19-5.54-7-10-7Zm0,12c-3.37,0-6.43-1.98-7.84-5,1.41-3.02,4.47-5,7.84-5s6.43,1.98,7.84,5c-1.41,3.02-4.47,5-7.84,5Z'/%3E%3Cpath d='m12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
label[class*=switch-].switch-hide input:checked ~ span i[class*=ico-] {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,19c1.61,0,3.16-.37,4.55-1.03l3.74,3.74,1.41-1.41-3.39-3.39c1.65-1.22,2.95-2.9,3.68-4.91-1.53-4.19-5.54-7-10-7-1.61,0-3.16.37-4.55,1.03l-3.74-3.74-1.41,1.41,3.39,3.39c-1.65,1.22-2.95,2.9-3.68,4.91,1.53,4.19,5.54,7,10,7Zm0-12c3.37,0,6.43,1.98,7.84,5-.66,1.42-1.7,2.6-2.96,3.47l-1.45-1.45c.35-.59.57-1.28.57-2.02,0-2.21-1.79-4-4-4-.74,0-1.43.21-2.02.57l-1-1c.95-.36,1.96-.57,3.02-.57Zm-1.93,4.49l2.44,2.44c-.16.04-.33.07-.51.07-1.1,0-2-.9-2-2,0-.18.03-.35.07-.51Zm1.41-1.41c.16-.04.33-.07.51-.07,1.1,0,2,.9,2,2,0,.18-.03.35-.07.51l-2.44-2.44Zm-4.37-1.54l1.45,1.45c-.35.59-.57,1.28-.57,2.02,0,2.21,1.79,4,4,4,.74,0,1.43-.21,2.02-.57l1,1c-.95.36-1.96.57-3.02.57-3.37,0-6.43-1.98-7.84-5,.66-1.42,1.7-2.6,2.96-3.47Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,19c1.61,0,3.16-.37,4.55-1.03l3.74,3.74,1.41-1.41-3.39-3.39c1.65-1.22,2.95-2.9,3.68-4.91-1.53-4.19-5.54-7-10-7-1.61,0-3.16.37-4.55,1.03l-3.74-3.74-1.41,1.41,3.39,3.39c-1.65,1.22-2.95,2.9-3.68,4.91,1.53,4.19,5.54,7,10,7Zm0-12c3.37,0,6.43,1.98,7.84,5-.66,1.42-1.7,2.6-2.96,3.47l-1.45-1.45c.35-.59.57-1.28.57-2.02,0-2.21-1.79-4-4-4-.74,0-1.43.21-2.02.57l-1-1c.95-.36,1.96-.57,3.02-.57Zm-1.93,4.49l2.44,2.44c-.16.04-.33.07-.51.07-1.1,0-2-.9-2-2,0-.18.03-.35.07-.51Zm1.41-1.41c.16-.04.33-.07.51-.07,1.1,0,2,.9,2,2,0,.18-.03.35-.07.51l-2.44-2.44Zm-4.37-1.54l1.45,1.45c-.35.59-.57,1.28-.57,2.02,0,2.21,1.79,4,4,4,.74,0,1.43-.21,2.02-.57l1,1c-.95.36-1.96.57-3.02.57-3.37,0-6.43-1.98-7.84-5,.66-1.42,1.7-2.6,2.96-3.47Z'/%3E%3C/g%3E%3C/svg%3E");
}
label[class*=switch-].switch-hide:hover i[class*=ico-] {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,5c-4.46,0-8.47,2.81-10,7,1.53,4.19,5.54,7,10,7s8.47-2.81,10-7c-1.53-4.19-5.54-7-10-7Zm0,12c-3.37,0-6.43-1.98-7.84-5,1.41-3.02,4.47-5,7.84-5s6.43,1.98,7.84,5c-1.41,3.02-4.47,5-7.84,5Z'/%3E%3Cpath d='m12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,5c-4.46,0-8.47,2.81-10,7,1.53,4.19,5.54,7,10,7s8.47-2.81,10-7c-1.53-4.19-5.54-7-10-7Zm0,12c-3.37,0-6.43-1.98-7.84-5,1.41-3.02,4.47-5,7.84-5s6.43,1.98,7.84,5c-1.41,3.02-4.47,5-7.84,5Z'/%3E%3Cpath d='m12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
label[class*=switch-].switch-hide:hover input:checked ~ span i[class*=ico-] {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,19c1.61,0,3.16-.37,4.55-1.03l3.74,3.74,1.41-1.41-3.39-3.39c1.65-1.22,2.95-2.9,3.68-4.91-1.53-4.19-5.54-7-10-7-1.61,0-3.16.37-4.55,1.03l-3.74-3.74-1.41,1.41,3.39,3.39c-1.65,1.22-2.95,2.9-3.68,4.91,1.53,4.19,5.54,7,10,7Zm0-12c3.37,0,6.43,1.98,7.84,5-.66,1.42-1.7,2.6-2.96,3.47l-1.45-1.45c.35-.59.57-1.28.57-2.02,0-2.21-1.79-4-4-4-.74,0-1.43.21-2.02.57l-1-1c.95-.36,1.96-.57,3.02-.57Zm-1.93,4.49l2.44,2.44c-.16.04-.33.07-.51.07-1.1,0-2-.9-2-2,0-.18.03-.35.07-.51Zm1.41-1.41c.16-.04.33-.07.51-.07,1.1,0,2,.9,2,2,0,.18-.03.35-.07.51l-2.44-2.44Zm-4.37-1.54l1.45,1.45c-.35.59-.57,1.28-.57,2.02,0,2.21,1.79,4,4,4,.74,0,1.43-.21,2.02-.57l1,1c-.95.36-1.96.57-3.02.57-3.37,0-6.43-1.98-7.84-5,.66-1.42,1.7-2.6,2.96-3.47Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,19c1.61,0,3.16-.37,4.55-1.03l3.74,3.74,1.41-1.41-3.39-3.39c1.65-1.22,2.95-2.9,3.68-4.91-1.53-4.19-5.54-7-10-7-1.61,0-3.16.37-4.55,1.03l-3.74-3.74-1.41,1.41,3.39,3.39c-1.65,1.22-2.95,2.9-3.68,4.91,1.53,4.19,5.54,7,10,7Zm0-12c3.37,0,6.43,1.98,7.84,5-.66,1.42-1.7,2.6-2.96,3.47l-1.45-1.45c.35-.59.57-1.28.57-2.02,0-2.21-1.79-4-4-4-.74,0-1.43.21-2.02.57l-1-1c.95-.36,1.96-.57,3.02-.57Zm-1.93,4.49l2.44,2.44c-.16.04-.33.07-.51.07-1.1,0-2-.9-2-2,0-.18.03-.35.07-.51Zm1.41-1.41c.16-.04.33-.07.51-.07,1.1,0,2,.9,2,2,0,.18-.03.35-.07.51l-2.44-2.44Zm-4.37-1.54l1.45,1.45c-.35.59-.57,1.28-.57,2.02,0,2.21,1.79,4,4,4,.74,0,1.43-.21,2.02-.57l1,1c-.95.36-1.96.57-3.02.57-3.37,0-6.43-1.98-7.84-5,.66-1.42,1.7-2.6,2.96-3.47Z'/%3E%3C/g%3E%3C/svg%3E");
}
label[class*=switch-].switch-show i[class*=ico-] {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,19c1.61,0,3.16-.37,4.55-1.03l3.74,3.74,1.41-1.41-3.39-3.39c1.65-1.22,2.95-2.9,3.68-4.91-1.53-4.19-5.54-7-10-7-1.61,0-3.16.37-4.55,1.03l-3.74-3.74-1.41,1.41,3.39,3.39c-1.65,1.22-2.95,2.9-3.68,4.91,1.53,4.19,5.54,7,10,7Zm0-12c3.37,0,6.43,1.98,7.84,5-.66,1.42-1.7,2.6-2.96,3.47l-1.45-1.45c.35-.59.57-1.28.57-2.02,0-2.21-1.79-4-4-4-.74,0-1.43.21-2.02.57l-1-1c.95-.36,1.96-.57,3.02-.57Zm-1.93,4.49l2.44,2.44c-.16.04-.33.07-.51.07-1.1,0-2-.9-2-2,0-.18.03-.35.07-.51Zm1.41-1.41c.16-.04.33-.07.51-.07,1.1,0,2,.9,2,2,0,.18-.03.35-.07.51l-2.44-2.44Zm-4.37-1.54l1.45,1.45c-.35.59-.57,1.28-.57,2.02,0,2.21,1.79,4,4,4,.74,0,1.43-.21,2.02-.57l1,1c-.95.36-1.96.57-3.02.57-3.37,0-6.43-1.98-7.84-5,.66-1.42,1.7-2.6,2.96-3.47Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,19c1.61,0,3.16-.37,4.55-1.03l3.74,3.74,1.41-1.41-3.39-3.39c1.65-1.22,2.95-2.9,3.68-4.91-1.53-4.19-5.54-7-10-7-1.61,0-3.16.37-4.55,1.03l-3.74-3.74-1.41,1.41,3.39,3.39c-1.65,1.22-2.95,2.9-3.68,4.91,1.53,4.19,5.54,7,10,7Zm0-12c3.37,0,6.43,1.98,7.84,5-.66,1.42-1.7,2.6-2.96,3.47l-1.45-1.45c.35-.59.57-1.28.57-2.02,0-2.21-1.79-4-4-4-.74,0-1.43.21-2.02.57l-1-1c.95-.36,1.96-.57,3.02-.57Zm-1.93,4.49l2.44,2.44c-.16.04-.33.07-.51.07-1.1,0-2-.9-2-2,0-.18.03-.35.07-.51Zm1.41-1.41c.16-.04.33-.07.51-.07,1.1,0,2,.9,2,2,0,.18-.03.35-.07.51l-2.44-2.44Zm-4.37-1.54l1.45,1.45c-.35.59-.57,1.28-.57,2.02,0,2.21,1.79,4,4,4,.74,0,1.43-.21,2.02-.57l1,1c-.95.36-1.96.57-3.02.57-3.37,0-6.43-1.98-7.84-5,.66-1.42,1.7-2.6,2.96-3.47Z'/%3E%3C/g%3E%3C/svg%3E");
}
label[class*=switch-].switch-show input:checked ~ span i[class*=ico-] {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,5c-4.46,0-8.47,2.81-10,7,1.53,4.19,5.54,7,10,7s8.47-2.81,10-7c-1.53-4.19-5.54-7-10-7Zm0,12c-3.37,0-6.43-1.98-7.84-5,1.41-3.02,4.47-5,7.84-5s6.43,1.98,7.84,5c-1.41,3.02-4.47,5-7.84,5Z'/%3E%3Cpath d='m12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,5c-4.46,0-8.47,2.81-10,7,1.53,4.19,5.54,7,10,7s8.47-2.81,10-7c-1.53-4.19-5.54-7-10-7Zm0,12c-3.37,0-6.43-1.98-7.84-5,1.41-3.02,4.47-5,7.84-5s6.43,1.98,7.84,5c-1.41,3.02-4.47,5-7.84,5Z'/%3E%3Cpath d='m12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
label[class*=switch-].switch-show:hover i[class*=ico-] {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,19c1.61,0,3.16-.37,4.55-1.03l3.74,3.74,1.41-1.41-3.39-3.39c1.65-1.22,2.95-2.9,3.68-4.91-1.53-4.19-5.54-7-10-7-1.61,0-3.16.37-4.55,1.03l-3.74-3.74-1.41,1.41,3.39,3.39c-1.65,1.22-2.95,2.9-3.68,4.91,1.53,4.19,5.54,7,10,7Zm0-12c3.37,0,6.43,1.98,7.84,5-.66,1.42-1.7,2.6-2.96,3.47l-1.45-1.45c.35-.59.57-1.28.57-2.02,0-2.21-1.79-4-4-4-.74,0-1.43.21-2.02.57l-1-1c.95-.36,1.96-.57,3.02-.57Zm-1.93,4.49l2.44,2.44c-.16.04-.33.07-.51.07-1.1,0-2-.9-2-2,0-.18.03-.35.07-.51Zm1.41-1.41c.16-.04.33-.07.51-.07,1.1,0,2,.9,2,2,0,.18-.03.35-.07.51l-2.44-2.44Zm-4.37-1.54l1.45,1.45c-.35.59-.57,1.28-.57,2.02,0,2.21,1.79,4,4,4,.74,0,1.43-.21,2.02-.57l1,1c-.95.36-1.96.57-3.02.57-3.37,0-6.43-1.98-7.84-5,.66-1.42,1.7-2.6,2.96-3.47Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,19c1.61,0,3.16-.37,4.55-1.03l3.74,3.74,1.41-1.41-3.39-3.39c1.65-1.22,2.95-2.9,3.68-4.91-1.53-4.19-5.54-7-10-7-1.61,0-3.16.37-4.55,1.03l-3.74-3.74-1.41,1.41,3.39,3.39c-1.65,1.22-2.95,2.9-3.68,4.91,1.53,4.19,5.54,7,10,7Zm0-12c3.37,0,6.43,1.98,7.84,5-.66,1.42-1.7,2.6-2.96,3.47l-1.45-1.45c.35-.59.57-1.28.57-2.02,0-2.21-1.79-4-4-4-.74,0-1.43.21-2.02.57l-1-1c.95-.36,1.96-.57,3.02-.57Zm-1.93,4.49l2.44,2.44c-.16.04-.33.07-.51.07-1.1,0-2-.9-2-2,0-.18.03-.35.07-.51Zm1.41-1.41c.16-.04.33-.07.51-.07,1.1,0,2,.9,2,2,0,.18-.03.35-.07.51l-2.44-2.44Zm-4.37-1.54l1.45,1.45c-.35.59-.57,1.28-.57,2.02,0,2.21,1.79,4,4,4,.74,0,1.43-.21,2.02-.57l1,1c-.95.36-1.96.57-3.02.57-3.37,0-6.43-1.98-7.84-5,.66-1.42,1.7-2.6,2.96-3.47Z'/%3E%3C/g%3E%3C/svg%3E");
}
label[class*=switch-].switch-show:hover input:checked ~ span i[class*=ico-] {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,5c-4.46,0-8.47,2.81-10,7,1.53,4.19,5.54,7,10,7s8.47-2.81,10-7c-1.53-4.19-5.54-7-10-7Zm0,12c-3.37,0-6.43-1.98-7.84-5,1.41-3.02,4.47-5,7.84-5s6.43,1.98,7.84,5c-1.41,3.02-4.47,5-7.84,5Z'/%3E%3Cpath d='m12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,5c-4.46,0-8.47,2.81-10,7,1.53,4.19,5.54,7,10,7s8.47-2.81,10-7c-1.53-4.19-5.54-7-10-7Zm0,12c-3.37,0-6.43-1.98-7.84-5,1.41-3.02,4.47-5,7.84-5s6.43,1.98,7.84,5c-1.41,3.02-4.47,5-7.84,5Z'/%3E%3Cpath d='m12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  color: #33363D;
  height: var(--form-height-md);
  padding: 0 4rem 0 1.6rem;
  border: 0.1rem solid var(--color-stroke-default-secondary);
  border-radius: 1.2rem;
  background-size: var(--size-icon-md);
  background-repeat: no-repeat;
  background-position: right 1.6rem center;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='var(--color-icon-default-secondary)'%3E%3Cpath d='m3.71,7.29l-1.41,1.41,9,9c.19.19.44.29.71.29s.52-.11.71-.29l9-9-1.41-1.41-8.29,8.29L3.71,7.29Z'/%3E%3C/g%3E%3C/svg%3E");
}
select.select-sort {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='var(--color-icon-default-secondary)'%3E%3Cg clip-path='url(%23clip0_2769_1491)'%3E%3Cpath d='M9.41085 8.08919L10.5892 6.91086L6.42251 2.74419C6.09668 2.41836 5.57001 2.41836 5.24418 2.74419L1.07751 6.91086L2.25585 8.08919L5.00001 5.34503V17.5H6.66668V5.34503L9.41085 8.08919Z' fill='%23333333'/%3E%3Cpath d='M17.7442 11.9109L15 14.655V2.50003H13.3333V14.655L10.5892 11.9109L9.41085 13.0892L13.5775 17.2559C13.74 17.4184 13.9533 17.5 14.1667 17.5C14.38 17.5 14.5933 17.4184 14.7558 17.2559L18.9225 13.0892L17.7442 11.9109Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2769_1491'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
}
select.small, select.sm {
  height: var(--form-height-sm);
  padding-left: 1.6rem;
  padding-right: 3.2rem;
  background-position: right 0.8rem center;
  background-size: var(--size-icon-sm);
}
select:disabled {
  color: var(--color-font-disabled-primary);
  background-color: var(--color-background-disabled-primary);
  border-color: var(--color-stroke-default-secondary);
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='var(--color-icon-disabled-primary)'%3E%3Cpath d='m3.71,7.29l-1.41,1.41,9,9c.19.19.44.29.71.29s.52-.11.71-.29l9-9-1.41-1.41-8.29,8.29L3.71,7.29Z'/%3E%3C/g%3E%3C/svg%3E");
}
select.border-none {
  border: none;
  padding-left: 0.4rem;
  padding-right: calc(0.8rem + var(--size-icon-md));
  background-position: right 0.4rem center;
}
select.border-none:disabled {
  background-color: transparent;
}
select.caret {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='var(--color-icon-default-secondary)'%3E%3Cpath d='M11.6,16.467l-5-6.667c-.247-.33-.012-.8.4-.8h10c.412,0,.647.47.4.8l-5,6.667c-.2.267-.6.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
  color: var(--color-font-default-tertiary);
  font-weight: var(--size-font-weight-lg);
}

.chip:has(i[class*=ico-]) [class*=ico-]::before {
  background-color: var(--color-icon-brand-primary);
}
.chip:has(i[class*=ico-]) input:checked ~ span [class*=ico-]::before {
  background-color: var(--color-icon-default-primary-inverse);
}
.chip:has(i[class*=ico-]) input:disabled ~ span [class*=ico-]::before {
  background-color: var(--color-icon-disabled-primary);
}

label.chip[class*=ico-] span::after,
label.chip[class*=ico-] span i {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-brand-primary);
}
label.chip[class*=ico-] input:checked + span::after {
  background-color: var(--color-icon-default-primary-inverse);
}
label.chip[class*=ico-] input:disabled + span::after {
  background-color: var(--color-icon-disabled-primary);
}
label.chip[class*=ico-].ico-search span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21.7,20.3l-5.4-5.4c1.1-1.4,1.7-3.1,1.7-4.9c0-4.4-3.6-8-8-8s-8,3.6-8,8s3.6,8,8,8c1.8,0,3.5-0.6,4.9-1.7 l5.4,5.4L21.7,20.3z M10,16c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S13.3,16,10,16z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21.7,20.3l-5.4-5.4c1.1-1.4,1.7-3.1,1.7-4.9c0-4.4-3.6-8-8-8s-8,3.6-8,8s3.6,8,8,8c1.8,0,3.5-0.6,4.9-1.7 l5.4,5.4L21.7,20.3z M10,16c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S13.3,16,10,16z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-form-check span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.405,16.974c-.302,0-.605-.112-.839-.338l-4.622-4.65c-.481-.464-.495-1.229-.032-1.71s1.229-.495,1.709-.032l3.783,3.842,6.976-6.722c.48-.463,1.246-.449,1.709.032.463.48.449,1.246-.032,1.71l-7.814,7.53c-.234.226-.537.338-.839.338h0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.405,16.974c-.302,0-.605-.112-.839-.338l-4.622-4.65c-.481-.464-.495-1.229-.032-1.71s1.229-.495,1.709-.032l3.783,3.842,6.976-6.722c.48-.463,1.246-.449,1.709.032.463.48.449,1.246-.032,1.71l-7.814,7.53c-.234.226-.537.338-.839.338h0Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-form-minus span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m17.8,10.8H6.2c-.663,0-1.2.537-1.2,1.2s.537,1.2,1.2,1.2h11.6c.663,0,1.2-.537,1.2-1.2s-.537-1.2-1.2-1.2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m17.8,10.8H6.2c-.663,0-1.2.537-1.2,1.2s.537,1.2,1.2,1.2h11.6c.663,0,1.2-.537,1.2-1.2s-.537-1.2-1.2-1.2Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-form-plus span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m17.8,10.8h-4.6v-4.6c0-.663-.538-1.2-1.2-1.2s-1.2.537-1.2,1.2v4.6h-4.6c-.663,0-1.2.537-1.2,1.2s.538,1.2,1.2,1.2h4.6v4.6c0,.663.538,1.2,1.2,1.2s1.2-.537,1.2-1.2v-4.6h4.6c.663,0,1.2-.537,1.2-1.2s-.538-1.2-1.2-1.2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m17.8,10.8h-4.6v-4.6c0-.663-.538-1.2-1.2-1.2s-1.2.537-1.2,1.2v4.6h-4.6c-.663,0-1.2.537-1.2,1.2s.538,1.2,1.2,1.2h4.6v4.6c0,.663.538,1.2,1.2,1.2s1.2-.537,1.2-1.2v-4.6h4.6c.663,0,1.2-.537,1.2-1.2s-.538-1.2-1.2-1.2Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-form-up span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m17.357,15.707l-5.293-5.293-5.293,5.293-1.414-1.414,6-6c.391-.391,1.023-.391,1.414,0l6,6-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m17.357,15.707l-5.293-5.293-5.293,5.293-1.414-1.414,6-6c.391-.391,1.023-.391,1.414,0l6,6-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-form-down span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12.065,16c-.256,0-.512-.098-.707-.293l-6-6,1.414-1.414,5.293,5.293,5.293-5.293,1.414,1.414-6,6c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12.065,16c-.256,0-.512-.098-.707-.293l-6-6,1.414-1.414,5.293,5.293,5.293-5.293,1.414,1.414-6,6c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-ppv span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12.312,20.658l-7-8c-.329-.377-.329-.939,0-1.316L12.312,3.342l1.506,1.316-6.424,7.342,6.424,7.342-1.506,1.316Z'/%3E%3Cpath class='cls-1' d='m17.312,20.658l-7-8c-.329-.377-.329-.939,0-1.316l7-8,1.506,1.316-6.424,7.342,6.424,7.342-1.506,1.316Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12.312,20.658l-7-8c-.329-.377-.329-.939,0-1.316L12.312,3.342l1.506,1.316-6.424,7.342,6.424,7.342-1.506,1.316Z'/%3E%3Cpath class='cls-1' d='m17.312,20.658l-7-8c-.329-.377-.329-.939,0-1.316l7-8,1.506,1.316-6.424,7.342,6.424,7.342-1.506,1.316Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-pv span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m14.357,20.707L6.357,12.707c-.391-.391-.391-1.023,0-1.414L14.357,3.293l1.414,1.414-7.293,7.293,7.293,7.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m14.357,20.707L6.357,12.707c-.391-.391-.391-1.023,0-1.414L14.357,3.293l1.414,1.414-7.293,7.293,7.293,7.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-fw span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m9.772,20.707l-1.414-1.414,7.293-7.293-7.293-7.293,1.414-1.414,8,8c.391.391.391,1.023,0,1.414l-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m9.772,20.707l-1.414-1.414,7.293-7.293-7.293-7.293,1.414-1.414,8,8c.391.391.391,1.023,0,1.414l-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-ffw span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m11.817,20.658l-1.506-1.316,6.424-7.342-6.424-7.342,1.506-1.316,7,8c.329.377.329.939,0,1.316l-7,8Z'/%3E%3Cpath class='cls-1' d='m6.817,20.658l-1.506-1.316,6.424-7.342-6.424-7.342,1.506-1.316,7,8c.329.377.329.939,0,1.316l-7,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m11.817,20.658l-1.506-1.316,6.424-7.342-6.424-7.342,1.506-1.316,7,8c.329.377.329.939,0,1.316l-7,8Z'/%3E%3Cpath class='cls-1' d='m6.817,20.658l-1.506-1.316,6.424-7.342-6.424-7.342,1.506-1.316,7,8c.329.377.329.939,0,1.316l-7,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-up span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11.29,6.29L2.29,15.29l1.41,1.41,8.29-8.29,8.29,8.29,1.41-1.41L12.71,6.29c-.39-.39-1.02-.39-1.41,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11.29,6.29L2.29,15.29l1.41,1.41,8.29-8.29,8.29,8.29,1.41-1.41L12.71,6.29c-.39-.39-1.02-.39-1.41,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-down span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3.71,7.29l-1.41,1.41,9,9c.19.19.44.29.71.29s.52-.11.71-.29l9-9-1.41-1.41-8.29,8.29L3.71,7.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3.71,7.29l-1.41,1.41,9,9c.19.19.44.29.71.29s.52-.11.71-.29l9-9-1.41-1.41-8.29,8.29L3.71,7.29Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-lt span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15.29,2.29L6.29,11.29c-.39.39-.39,1.02,0,1.41l9,9,1.41-1.41-8.29-8.29L16.71,3.71l-1.41-1.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15.29,2.29L6.29,11.29c-.39.39-.39,1.02,0,1.41l9,9,1.41-1.41-8.29-8.29L16.71,3.71l-1.41-1.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-gt span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8.71,21.71l9-9c.39-.39.39-1.02,0-1.41L8.71,2.29l-1.41,1.41,8.29,8.29-8.29,8.29,1.41,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8.71,21.71l9-9c.39-.39.39-1.02,0-1.41L8.71,2.29l-1.41,1.41,8.29,8.29-8.29,8.29,1.41,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-arrow-left span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m10.6,4l-7.31,7.29c-.19.19-.29.44-.29.71s.11.52.29.71l7.31,7.29,1.41-1.42-5.6-5.58h14.58v-2H6.41s5.6-5.58,5.6-5.58l-1.41-1.42Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m10.6,4l-7.31,7.29c-.19.19-.29.44-.29.71s.11.52.29.71l7.31,7.29,1.41-1.42-5.6-5.58h14.58v-2H6.41s5.6-5.58,5.6-5.58l-1.41-1.42Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-arrow-right span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m14.39,4l-1.41,1.42,5.6,5.59H3.99s0,2,0,2h14.58s-5.6,5.58-5.6,5.58l1.41,1.42,7.31-7.29c.19-.19.29-.44.29-.71s-.11-.52-.29-.71l-7.31-7.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m14.39,4l-1.41,1.42,5.6,5.59H3.99s0,2,0,2h14.58s-5.6,5.58-5.6,5.58l1.41,1.42,7.31-7.29c.19-.19.29-.44.29-.71s-.11-.52-.29-.71l-7.31-7.29Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-arrow-up span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m13,21V6.42s5.58,5.6,5.58,5.6l1.42-1.41-7.29-7.31c-.38-.38-1.04-.38-1.42,0l-7.29,7.31,1.42,1.41,5.59-5.6v14.59s2,0,2,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m13,21V6.42s5.58,5.6,5.58,5.6l1.42-1.41-7.29-7.31c-.38-.38-1.04-.38-1.42,0l-7.29,7.31,1.42,1.41,5.59-5.6v14.59s2,0,2,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-arrow-down span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,13.4l7.29,7.31c.19.19.44.29.71.29s.52-.11.71-.29l7.29-7.31-1.42-1.41-5.58,5.6V3h-2v14.59s-5.58-5.6-5.58-5.6l-1.42,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,13.4l7.29,7.31c.19.19.44.29.71.29s.52-.11.71-.29l7.29-7.31-1.42-1.41-5.58,5.6V3h-2v14.59s-5.58-5.6-5.58-5.6l-1.42,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-play span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5,2v20l16-10L5,2Zm2,3.61l10.23,6.39-10.23,6.39V5.61Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5,2v20l16-10L5,2Zm2,3.61l10.23,6.39-10.23,6.39V5.61Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-pause span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='14' y='2' width='5' height='20'/%3E%3Crect class='cls-2' x='5' y='2' width='5' height='20'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='14' y='2' width='5' height='20'/%3E%3Crect class='cls-2' x='5' y='2' width='5' height='20'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-stop span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,21h18V3H3v18ZM5,5h14v14H5V5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,21h18V3H3v18ZM5,5h14v14H5V5Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-archive span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,18c.26,0,.51-.1.71-.29l3-3-1.41-1.41-1.29,1.29v-4.59h-2v4.59l-1.29-1.29-1.41,1.41,3,3c.2.2.45.29.71.29Z'/%3E%3Cpath d='m5,2l-2,4v16h18V6l-2-4H5Zm1.24,2h11.53l1,2H5.24l1-2Zm12.76,16H5v-12h14v12Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,18c.26,0,.51-.1.71-.29l3-3-1.41-1.41-1.29,1.29v-4.59h-2v4.59l-1.29-1.29-1.41,1.41,3,3c.2.2.45.29.71.29Z'/%3E%3Cpath d='m5,2l-2,4v16h18V6l-2-4H5Zm1.24,2h11.53l1,2H5.24l1-2Zm12.76,16H5v-12h14v12Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-attach span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,9v6c0,1.65,1.35,3,3,3s3-1.35,3-3V5c0-2.48-2.02-4.5-4.5-4.5s-4.5,2.02-4.5,4.5v12c0,3.31,2.69,6,6,6s6-2.69,6-6V7h-2v10c0,2.21-1.79,4-4,4s-4-1.79-4-4V5c0-1.38,1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5v10c0,.55-.45,1-1,1s-1-.45-1-1v-6h-2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,9v6c0,1.65,1.35,3,3,3s3-1.35,3-3V5c0-2.48-2.02-4.5-4.5-4.5s-4.5,2.02-4.5,4.5v12c0,3.31,2.69,6,6,6s6-2.69,6-6V7h-2v10c0,2.21-1.79,4-4,4s-4-1.79-4-4V5c0-1.38,1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5v10c0,.55-.45,1-1,1s-1-.45-1-1v-6h-2Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-block span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM4,12c0-4.41,3.59-8,8-8,1.85,0,3.54.63,4.9,1.69l-11.21,11.21c-1.05-1.36-1.69-3.05-1.69-4.9Zm8,8c-1.85,0-3.54-.63-4.9-1.69l11.21-11.21c1.05,1.36,1.69,3.05,1.69,4.9,0,4.41-3.59,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2ZM4,12c0-4.41,3.59-8,8-8,1.85,0,3.54.63,4.9,1.69l-11.21,11.21c-1.05-1.36-1.69-3.05-1.69-4.9Zm8,8c-1.85,0-3.54-.63-4.9-1.69l11.21-11.21c1.05,1.36,1.69,3.05,1.69,4.9,0,4.41-3.59,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-book span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m12.997,21l-1.997-.021c-.089-.261-1.304-1-3.5-1s-3.411.739-3.503,1.021l-1.997-.021V5.979c0-3.208,7.283-3.853,10-1.8,2.717-2.054,10-1.408,10,1.8v15h-2c-.089-.261-1.304-1-3.5-1s-3.411.739-3.503,1.021ZM7.5,4.979c-2.196,0-3.411.739-3.503,1.021l.003,12.616c1.99-.844,5.008-.844,7,0V5.979c-.089-.261-1.304-1-3.5-1Zm9,13c1.249,0,2.504.215,3.5.637V5.979c-.089-.261-1.304-1-3.5-1-2.179,0-3.391.728-3.5,1.014v12.623c.996-.422,2.251-.637,3.5-.637Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m12.997,21l-1.997-.021c-.089-.261-1.304-1-3.5-1s-3.411.739-3.503,1.021l-1.997-.021V5.979c0-3.208,7.283-3.853,10-1.8,2.717-2.054,10-1.408,10,1.8v15h-2c-.089-.261-1.304-1-3.5-1s-3.411.739-3.503,1.021ZM7.5,4.979c-2.196,0-3.411.739-3.503,1.021l.003,12.616c1.99-.844,5.008-.844,7,0V5.979c-.089-.261-1.304-1-3.5-1Zm9,13c1.249,0,2.504.215,3.5.637V5.979c-.089-.261-1.304-1-3.5-1-2.179,0-3.391.728-3.5,1.014v12.623c.996-.422,2.251-.637,3.5-.637Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-bookmark span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m19,2H5v20l7-4,7,4V2Zm-2,16.55l-4.01-2.29c-.31-.18-.65-.26-.99-.26s-.68.09-.99.26l-4.01,2.29V4h10v14.55Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m19,2H5v20l7-4,7,4V2Zm-2,16.55l-4.01-2.29c-.31-.18-.65-.26-.99-.26s-.68.09-.99.26l-4.01,2.29V4h10v14.55Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-calendar span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m7,2v2H3v18h18V4h-4v-2h-2v2h-6v-2h-2Zm-2,18v-10h14v10H5Zm14-12H5v-2h14v2Z'/%3E%3Ccircle cx='8' cy='13' r='1'/%3E%3Ccircle cx='12' cy='13' r='1'/%3E%3Ccircle cx='16' cy='13' r='1'/%3E%3Ccircle cx='8' cy='17' r='1'/%3E%3Ccircle cx='12' cy='17' r='1'/%3E%3Ccircle cx='16' cy='17' r='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m7,2v2H3v18h18V4h-4v-2h-2v2h-6v-2h-2Zm-2,18v-10h14v10H5Zm14-12H5v-2h14v2Z'/%3E%3Ccircle cx='8' cy='13' r='1'/%3E%3Ccircle cx='12' cy='13' r='1'/%3E%3Ccircle cx='16' cy='13' r='1'/%3E%3Ccircle cx='8' cy='17' r='1'/%3E%3Ccircle cx='12' cy='17' r='1'/%3E%3Ccircle cx='16' cy='17' r='1'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-call span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6.64,2.7c-.19-.19-.45-.29-.7-.29s-.51.1-.71.29l-1.76,1.76c-1.96,1.96-1.96,5.13,0,7.09l8.97,8.97c.98.98,2.26,1.47,3.55,1.47s2.56-.49,3.54-1.47l1.77-1.76c.39-.39.39-1.02,0-1.41l-5.3-5.36-2,2-4-4,2-2L6.64,2.7Zm5.95,12.71c.39.39.9.59,1.41.59s1.02-.2,1.41-.59l.58-.58,3.19,3.22-1.06,1.06c-.57.57-1.33.88-2.13.88s-1.56-.31-2.13-.88L4.88,10.14c-1.18-1.18-1.17-3.09,0-4.27l1.05-1.05,3.23,3.19-.58.58c-.38.38-.59.88-.59,1.41,0,.53.21,1.04.59,1.41l4,4Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6.64,2.7c-.19-.19-.45-.29-.7-.29s-.51.1-.71.29l-1.76,1.76c-1.96,1.96-1.96,5.13,0,7.09l8.97,8.97c.98.98,2.26,1.47,3.55,1.47s2.56-.49,3.54-1.47l1.77-1.76c.39-.39.39-1.02,0-1.41l-5.3-5.36-2,2-4-4,2-2L6.64,2.7Zm5.95,12.71c.39.39.9.59,1.41.59s1.02-.2,1.41-.59l.58-.58,3.19,3.22-1.06,1.06c-.57.57-1.33.88-2.13.88s-1.56-.31-2.13-.88L4.88,10.14c-1.18-1.18-1.17-3.09,0-4.27l1.05-1.05,3.23,3.19-.58.58c-.38.38-.59.88-.59,1.41,0,.53.21,1.04.59,1.41l4,4Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-camera span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21h20V6h-4l-1.5-2H7.5l-1.5,2H2v15Zm2-13h2c.63,0,1.22-.3,1.6-.8l.9-1.2h7l.9,1.2c.38.5.97.8,1.6.8h2v11H4v-11Z'/%3E%3Cpath d='m12,9c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21h20V6h-4l-1.5-2H7.5l-1.5,2H2v15Zm2-13h2c.63,0,1.22-.3,1.6-.8l.9-1.2h7l.9,1.2c.38.5.97.8,1.6.8h2v11H4v-11Z'/%3E%3Cpath d='m12,9c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-chart span::after, label.chip[class*=ico-].ico-curation span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M6,12v8h-2v-8h2M8,10H2v12h6v-12h0Z'/%3E%3Cpath class='cls-2' d='M13,8v12h-2v-12h2M15,6h-6v16h6V6h0Z'/%3E%3Cpath class='cls-2' d='M20,4v16h-2V4h2M22,2h-6v20h6V2h0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M6,12v8h-2v-8h2M8,10H2v12h6v-12h0Z'/%3E%3Cpath class='cls-2' d='M13,8v12h-2v-12h2M15,6h-6v16h6V6h0Z'/%3E%3Cpath class='cls-2' d='M20,4v16h-2V4h2M22,2h-6v20h6V2h0Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-chat span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='6 15 6 13 4.59 13 4 13.59 4 5 16 5 16 6 18 6 18 3 2 3 2 18.41 5.41 15 6 15'/%3E%3Cpath d='m7,19h11l4,3V7H7v12Zm2-10h11v9l-.8-.6c-.35-.26-.77-.4-1.2-.4h-9v-8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='6 15 6 13 4.59 13 4 13.59 4 5 16 5 16 6 18 6 18 3 2 3 2 18.41 5.41 15 6 15'/%3E%3Cpath d='m7,19h11l4,3V7H7v12Zm2-10h11v9l-.8-.6c-.35-.26-.77-.4-1.2-.4h-9v-8Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-check span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9.87,17.56l-7.21-6.31-1.32,1.51,8,7c.18.16.42.25.66.25.03,0,.06,0,.09,0,.27-.02.52-.16.69-.37l12-15-1.56-1.25-11.35,14.18Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9.87,17.56l-7.21-6.31-1.32,1.51,8,7c.18.16.42.25.66.25.03,0,.06,0,.09,0,.27-.02.52-.16.69-.37l12-15-1.56-1.25-11.35,14.18Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-close span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-comment span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,19h14l6,4V4H2v15Zm2-13h16v13.26l-2.89-1.93c-.33-.22-.71-.34-1.11-.34H4V6Z'/%3E%3Crect x='6' y='8' width='12' height='2'/%3E%3Crect x='6' y='12' width='10' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,19h14l6,4V4H2v15Zm2-13h16v13.26l-2.89-1.93c-.33-.22-.71-.34-1.11-.34H4V6Z'/%3E%3Crect x='6' y='8' width='12' height='2'/%3E%3Crect x='6' y='12' width='10' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-copy span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8,18h12V2h-12v16Zm2-14h8v12h-8V4Z'/%3E%3Cpolygon points='4 22 5 22 6 22 17 22 17 20 6 20 6 5 4 5 4 22'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8,18h12V2h-12v16Zm2-14h8v12h-8V4Z'/%3E%3Cpolygon points='4 22 5 22 6 22 17 22 17 20 6 20 6 5 4 5 4 22'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-delete span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='6' y='2' width='12' height='2'/%3E%3Crect x='9' y='9' width='2' height='9'/%3E%3Crect x='13' y='9' width='2' height='9'/%3E%3Cpath d='m19,22V7h1v-2H4v2h1v15h14Zm-2-15v13H7V7h10Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='6' y='2' width='12' height='2'/%3E%3Crect x='9' y='9' width='2' height='9'/%3E%3Crect x='13' y='9' width='2' height='9'/%3E%3Cpath d='m19,22V7h1v-2H4v2h1v15h14Zm-2-15v13H7V7h10Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-document span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m14,2H4v20h16v-14l-6-6Zm3.172,6h-3.172v-3.172l3.172,3.172Zm.828,12H6V4h6v6h6v10Z'/%3E%3Crect class='cls-2' x='8' y='16' width='6' height='2'/%3E%3Crect class='cls-2' x='8' y='12' width='8' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m14,2H4v20h16v-14l-6-6Zm3.172,6h-3.172v-3.172l3.172,3.172Zm.828,12H6V4h6v6h6v10Z'/%3E%3Crect class='cls-2' x='8' y='16' width='6' height='2'/%3E%3Crect class='cls-2' x='8' y='12' width='8' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-document-plus span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='18 20 6 20 6 4 12 4 12 2 4 2 4 22 20 22 20 12 18 12 18 20'/%3E%3Crect class='cls-2' x='8' y='16' width='6' height='2'/%3E%3Crect class='cls-2' x='8' y='12' width='8' height='2'/%3E%3Cpolygon class='cls-2' points='22 5 19 5 19 2 17 2 17 5 14 5 14 7 17 7 17 10 19 10 19 7 22 7 22 5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='18 20 6 20 6 4 12 4 12 2 4 2 4 22 20 22 20 12 18 12 18 20'/%3E%3Crect class='cls-2' x='8' y='16' width='6' height='2'/%3E%3Crect class='cls-2' x='8' y='12' width='8' height='2'/%3E%3Cpolygon class='cls-2' points='22 5 19 5 19 2 17 2 17 5 14 5 14 7 17 7 17 10 19 10 19 7 22 7 22 5'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-download span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,2v11.58s-3.29-3.29-3.29-3.29l-1.41,1.41,5,5c.2.2.45.29.71.29s.51-.1.71-.29l5-5-1.41-1.41-3.29,3.29V2s-2,0-2,0Z'/%3E%3Cpath d='m20,20H4v-8h-2v9c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,2v11.58s-3.29-3.29-3.29-3.29l-1.41,1.41,5,5c.2.2.45.29.71.29s.51-.1.71-.29l5-5-1.41-1.41-3.29,3.29V2s-2,0-2,0Z'/%3E%3Cpath d='m20,20H4v-8h-2v9c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-move span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='9.5' cy='12' r='1.5'/%3E%3Ccircle cx='9.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='9.5' cy='18.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='12' r='1.5'/%3E%3Ccircle cx='14.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='18.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='9.5' cy='12' r='1.5'/%3E%3Ccircle cx='9.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='9.5' cy='18.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='12' r='1.5'/%3E%3Ccircle cx='14.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='18.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-edit span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M21.707,6.293l-4-4c-.391-.391-1.023-.391-1.414,0L2.293,16.293c-.188.188-.293.442-.293.707v4c0,.552.448,1,1,1h4c.265,0,.52-.105.707-.293l14-14c.391-.391.391-1.023,0-1.414ZM14,7.414l2.586,2.586-6.586,6.586-2.586-2.586,6.586-6.586ZM6.586,20h-2.586v-2.586l2-2,2.586,2.586-2,2ZM18,8.586l-2.586-2.586,1.586-1.586,2.586,2.586-1.586,1.586Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M21.707,6.293l-4-4c-.391-.391-1.023-.391-1.414,0L2.293,16.293c-.188.188-.293.442-.293.707v4c0,.552.448,1,1,1h4c.265,0,.52-.105.707-.293l14-14c.391-.391.391-1.023,0-1.414ZM14,7.414l2.586,2.586-6.586,6.586-2.586-2.586,6.586-6.586ZM6.586,20h-2.586v-2.586l2-2,2.586,2.586-2,2ZM18,8.586l-2.586-2.586,1.586-1.586,2.586,2.586-1.586,1.586Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-favorite span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.71,3c-1.35,0-2.71.53-3.74,1.6l-.96.99-.96-.99c-1.03-1.06-2.39-1.6-3.74-1.6s-2.71.53-3.74,1.6c-2.07,2.13-2.07,5.58,0,7.71l8.45,8.7,8.45-8.7c2.07-2.13,2.07-5.58,0-7.71-1.03-1.06-2.39-1.6-3.74-1.6Zm2.31,7.91l-7.01,7.22-7.01-7.22c-1.32-1.36-1.32-3.56,0-4.92.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99l.96.99,1.43,1.48,1.43-1.48.96-.99c.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99c1.32,1.36,1.32,3.56,0,4.92Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.71,3c-1.35,0-2.71.53-3.74,1.6l-.96.99-.96-.99c-1.03-1.06-2.39-1.6-3.74-1.6s-2.71.53-3.74,1.6c-2.07,2.13-2.07,5.58,0,7.71l8.45,8.7,8.45-8.7c2.07-2.13,2.07-5.58,0-7.71-1.03-1.06-2.39-1.6-3.74-1.6Zm2.31,7.91l-7.01,7.22-7.01-7.22c-1.32-1.36-1.32-3.56,0-4.92.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99l.96.99,1.43,1.48,1.43-1.48.96-.99c.62-.64,1.44-.99,2.31-.99s1.69.35,2.31.99c1.32,1.36,1.32,3.56,0,4.92Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-favorite-active span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12,21L3.551,12.303c-2.067-2.128-2.067-5.578,0-7.707,2.068-2.128,5.419-2.128,7.487,0l.962.99.962-.99c2.068-2.128,5.419-2.128,7.487,0,2.067,2.128,2.067,5.578,0,7.707l-8.449,8.697Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m12,21L3.551,12.303c-2.067-2.128-2.067-5.578,0-7.707,2.068-2.128,5.419-2.128,7.487,0l.962.99.962-.99c2.068-2.128,5.419-2.128,7.487,0,2.067,2.128,2.067,5.578,0,7.707l-8.449,8.697Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-file span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m20,10v-2l-6-6H4v20h16v-12Zm-6-5.17l3.17,3.17h-3.17v-3.17Zm4,15.17H6V4h6v6h6v10Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m20,10v-2l-6-6H4v20h16v-12Zm-6-5.17l3.17,3.17h-3.17v-3.17Zm4,15.17H6V4h6v6h6v10Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-filter span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,22l6-2v-6l7-7V3H2v4l7,7v8ZM4,6.17v-1.17h16v1.17l-6.41,6.41c-.38.38-.59.88-.59,1.41v4.56l-2,.67v-5.23c0-.53-.21-1.04-.59-1.41l-6.41-6.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,22l6-2v-6l7-7V3H2v4l7,7v8ZM4,6.17v-1.17h16v1.17l-6.41,6.41c-.38.38-.59.88-.59,1.41v4.56l-2,.67v-5.23c0-.53-.21-1.04-.59-1.41l-6.41-6.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-folder span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m20.802,21H1V3h9.414l2,2h8.586v5h2.247l-2.445,11Zm-15.555-2h13.951l1.555-7H6.802l-1.555,7Zm-2.247,0h.198l2-9h13.802v-3h-7.414l-2-2H3v14Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m20.802,21H1V3h9.414l2,2h8.586v5h2.247l-2.445,11Zm-15.555-2h13.951l1.555-7H6.802l-1.555,7Zm-2.247,0h.198l2-9h13.802v-3h-7.414l-2-2H3v14Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-fullscreen-exit span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,16.41v4.59h2v-7c0-.55-.45-1-1-1H3v2h4.59l-6.29,6.29,1.41,1.41,6.29-6.29Z'/%3E%3Cpath d='m15,7.59V3h-2v7c0,.55.45,1,1,1h7v-2h-4.59l6.29-6.29-1.41-1.41-6.29,6.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,16.41v4.59h2v-7c0-.55-.45-1-1-1H3v2h4.59l-6.29,6.29,1.41,1.41,6.29-6.29Z'/%3E%3Cpath d='m15,7.59V3h-2v7c0,.55.45,1,1,1h7v-2h-4.59l6.29-6.29-1.41-1.41-6.29,6.29Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-fullscreen span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,4h6v-2H3c-.55,0-1,.45-1,1v7h2v-6Z'/%3E%3Cpath d='m3,22h7v-2h-6v-6h-2v7c0,.55.45,1,1,1Z'/%3E%3Cpath d='m22,21v-7h-2v6h-6v2h7c.55,0,1-.45,1-1Z'/%3E%3Cpath d='m22,3c0-.55-.45-1-1-1h-7v2h6v6h2V3Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,4h6v-2H3c-.55,0-1,.45-1,1v7h2v-6Z'/%3E%3Cpath d='m3,22h7v-2h-6v-6h-2v7c0,.55.45,1,1,1Z'/%3E%3Cpath d='m22,21v-7h-2v6h-6v2h7c.55,0,1-.45,1-1Z'/%3E%3Cpath d='m22,3c0-.55-.45-1-1-1h-7v2h6v6h2V3Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-headphone span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2C6.49,2,2,6.49,2,12v10h6v-10h-4c0-4.41,3.59-8,8-8s8,3.59,8,8h-4v10h6v-10c0-5.51-4.49-10-10-10Zm-6,12v6h-2v-6h2Zm14,6h-2v-6h2v6Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2C6.49,2,2,6.49,2,12v10h6v-10h-4c0-4.41,3.59-8,8-8s8,3.59,8,8h-4v10h6v-10c0-5.51-4.49-10-10-10Zm-6,12v6h-2v-6h2Zm14,6h-2v-6h2v6Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-help span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22.04c5.52,0,10-4.48,10-10S17.52,2.04,12,2.04,2,6.52,2,12.04s4.48,10,10,10Zm0-18c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8S7.59,4.04,12,4.04Z'/%3E%3Cpath d='m12.35,14.99c-.18-.1-.37-.15-.57-.15s-.4.05-.58.15c-.18.1-.32.24-.42.42s-.15.37-.15.57c0,.21.05.4.15.57.1.17.24.31.42.42.18.1.37.16.58.16s.39-.05.57-.16c.18-.1.32-.24.42-.42.1-.17.16-.36.16-.57,0-.21-.06-.4-.16-.57s-.24-.31-.42-.42Z'/%3E%3Cpath d='m10.9,9.15c.12-.18.27-.33.46-.42.19-.1.39-.14.61-.14s.43.05.61.14.33.22.43.39c.1.17.16.36.16.59,0,.2-.04.39-.13.56s-.2.32-.35.46-.34.28-.57.42c-.3.19-.54.39-.72.59-.18.2-.31.48-.41.81-.1.34-.15.78-.15,1.33v.15h1.81v-.15c0-.32.04-.58.12-.8.08-.22.2-.41.35-.57.16-.16.37-.32.64-.48.32-.19.58-.4.8-.62s.39-.48.5-.78.18-.62.18-.98c0-.55-.14-1.03-.41-1.44-.27-.41-.66-.71-1.15-.93-.49-.21-1.06-.32-1.7-.32-.6,0-1.13.11-1.61.32-.48.21-.86.53-1.15.96-.29.43-.44.95-.45,1.57h1.94c0-.25.07-.47.19-.66Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22.04c5.52,0,10-4.48,10-10S17.52,2.04,12,2.04,2,6.52,2,12.04s4.48,10,10,10Zm0-18c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8S7.59,4.04,12,4.04Z'/%3E%3Cpath d='m12.35,14.99c-.18-.1-.37-.15-.57-.15s-.4.05-.58.15c-.18.1-.32.24-.42.42s-.15.37-.15.57c0,.21.05.4.15.57.1.17.24.31.42.42.18.1.37.16.58.16s.39-.05.57-.16c.18-.1.32-.24.42-.42.1-.17.16-.36.16-.57,0-.21-.06-.4-.16-.57s-.24-.31-.42-.42Z'/%3E%3Cpath d='m10.9,9.15c.12-.18.27-.33.46-.42.19-.1.39-.14.61-.14s.43.05.61.14.33.22.43.39c.1.17.16.36.16.59,0,.2-.04.39-.13.56s-.2.32-.35.46-.34.28-.57.42c-.3.19-.54.39-.72.59-.18.2-.31.48-.41.81-.1.34-.15.78-.15,1.33v.15h1.81v-.15c0-.32.04-.58.12-.8.08-.22.2-.41.35-.57.16-.16.37-.32.64-.48.32-.19.58-.4.8-.62s.39-.48.5-.78.18-.62.18-.98c0-.55-.14-1.03-.41-1.44-.27-.41-.66-.71-1.15-.93-.49-.21-1.06-.32-1.7-.32-.6,0-1.13.11-1.61.32-.48.21-.86.53-1.15.96-.29.43-.44.95-.45,1.57h1.94c0-.25.07-.47.19-.66Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-history span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,7v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59h-2Z'/%3E%3Cpath d='m12,2c-2.64,0-5.12,1.02-7,2.86v-2.86h-2v5c0,.55.45,1,1,1h5v-2h-2.28c1.46-1.29,3.31-2,5.28-2,2.14,0,4.15.83,5.66,2.34s2.34,3.52,2.34,5.66-.83,4.15-2.34,5.66-3.52,2.34-5.66,2.34-4.15-.83-5.66-2.34-2.34-3.52-2.34-5.66h-2c0,2.67,1.04,5.18,2.93,7.07,1.89,1.89,4.4,2.93,7.07,2.93s5.18-1.04,7.07-2.93c1.89-1.89,2.93-4.4,2.93-7.07s-1.04-5.18-2.93-7.07c-1.89-1.89-4.4-2.93-7.07-2.93Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,7v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59h-2Z'/%3E%3Cpath d='m12,2c-2.64,0-5.12,1.02-7,2.86v-2.86h-2v5c0,.55.45,1,1,1h5v-2h-2.28c1.46-1.29,3.31-2,5.28-2,2.14,0,4.15.83,5.66,2.34s2.34,3.52,2.34,5.66-.83,4.15-2.34,5.66-3.52,2.34-5.66,2.34-4.15-.83-5.66-2.34-2.34-3.52-2.34-5.66h-2c0,2.67,1.04,5.18,2.93,7.07,1.89,1.89,4.4,2.93,7.07,2.93s5.18-1.04,7.07-2.93c1.89-1.89,2.93-4.4,2.93-7.07s-1.04-5.18-2.93-7.07c-1.89-1.89-4.4-2.93-7.07-2.93Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-home span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,12.83v9.17h6v-6h4v6h6v-9.17l.59.59,1.41-1.41-2-2-6.59-6.59-1.41-1.41-1.41,1.41-6.59,6.59-2,2,1.41,1.41.59-.59Zm2-2l6-6,6,6v9.17h-2v-4c0-1.1-.9-2-2-2h-4c-1.1,0-2,.9-2,2v4h-2v-9.17Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,12.83v9.17h6v-6h4v6h6v-9.17l.59.59,1.41-1.41-2-2-6.59-6.59-1.41-1.41-1.41,1.41-6.59,6.59-2,2,1.41,1.41.59-.59Zm2-2l6-6,6,6v9.17h-2v-4c0-1.1-.9-2-2-2h-4c-1.1,0-2,.9-2,2v4h-2v-9.17Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-hourglass span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6,20h-2v2h16v-2h-2v-4l-3.75-4,3.75-4v-4h2v-2H4v2h2v4l3.75,4-3.75,4v4Zm2-3.21l3.21-3.42c.72-.77.72-1.97,0-2.74l-3.21-3.42v-3.21h8v3.21l-3.21,3.42c-.72.77-.72,1.97,0,2.74l3.21,3.42v3.21h-8v-3.21Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6,20h-2v2h16v-2h-2v-4l-3.75-4,3.75-4v-4h2v-2H4v2h2v4l3.75,4-3.75,4v4Zm2-3.21l3.21-3.42c.72-.77.72-1.97,0-2.74l-3.21-3.42v-3.21h8v3.21l-3.21,3.42c-.72.77-.72,1.97,0,2.74l3.21,3.42v3.21h-8v-3.21Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-img span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m22,3H2v18h20V3Zm-2,2v11.86l-4.36-3.63c-.4-.33-.98-.3-1.35.06l-2.54,2.54-4.1-3.58c-.39-.35-.99-.33-1.37.05l-2.29,2.29V5h16Zm-6.74,12.15l1.8-1.8,4.38,3.65h-4.06l-2.11-1.85Zm-9.26.26l3.05-3.05,5.29,4.63H4v-1.59Z'/%3E%3Ccircle cx='16' cy='9' r='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m22,3H2v18h20V3Zm-2,2v11.86l-4.36-3.63c-.4-.33-.98-.3-1.35.06l-2.54,2.54-4.1-3.58c-.39-.35-.99-.33-1.37.05l-2.29,2.29V5h16Zm-6.74,12.15l1.8-1.8,4.38,3.65h-4.06l-2.11-1.85Zm-9.26.26l3.05-3.05,5.29,4.63H4v-1.59Z'/%3E%3Ccircle cx='16' cy='9' r='2'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-info span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22.04c5.52,0,10-4.48,10-10S17.52,2.04,12,2.04,2,6.52,2,12.04s4.48,10,10,10Zm0-18c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8S7.59,4.04,12,4.04Z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3Crect x='11' y='11' width='2' height='6'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22.04c5.52,0,10-4.48,10-10S17.52,2.04,12,2.04,2,6.52,2,12.04s4.48,10,10,10Zm0-18c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8S7.59,4.04,12,4.04Z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3Crect x='11' y='11' width='2' height='6'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-language span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22c5.52,0,10-4.48,10-10S17.52,2,12,2,2,6.48,2,12s4.48,10,10,10Zm-6.92-6h2.56c.47,1.44,1.14,2.64,1.79,3.57-1.85-.63-3.39-1.91-4.35-3.57Zm-1.08-4c0-.69.1-1.36.26-2h2.91c-.14.88-.17,1.59-.17,2,0,.7.06,1.37.16,2h-2.89c-.17-.64-.26-1.31-.26-2Zm8-7.59c1.09,1.17,1.79,2.43,2.24,3.59h-4.47c.44-1.16,1.14-2.43,2.24-3.59Zm2.8,5.59c.17.89.2,1.61.2,2,0,.71-.07,1.37-.19,2h-5.62c-.12-.63-.19-1.29-.19-2,0-.39.03-1.11.2-2h5.6Zm5.2,2c0,.69-.1,1.36-.26,2h-2.89c.1-.63.16-1.3.16-2,0-.41-.03-1.12-.17-2h2.91c.17.64.26,1.31.26,2Zm-8,7.59c-.68-.75-1.6-1.96-2.24-3.59h4.48c-.64,1.63-1.56,2.84-2.24,3.59Zm2.56-.02c.66-.94,1.32-2.13,1.79-3.57h2.56c-.96,1.66-2.51,2.94-4.35,3.57Zm4.35-11.57h-2.57c-.36-1.12-.91-2.35-1.75-3.56,1.83.63,3.36,1.91,4.32,3.56Zm-9.51-3.56c-.84,1.21-1.39,2.44-1.75,3.56h-2.57c.96-1.65,2.49-2.93,4.32-3.56Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22c5.52,0,10-4.48,10-10S17.52,2,12,2,2,6.48,2,12s4.48,10,10,10Zm-6.92-6h2.56c.47,1.44,1.14,2.64,1.79,3.57-1.85-.63-3.39-1.91-4.35-3.57Zm-1.08-4c0-.69.1-1.36.26-2h2.91c-.14.88-.17,1.59-.17,2,0,.7.06,1.37.16,2h-2.89c-.17-.64-.26-1.31-.26-2Zm8-7.59c1.09,1.17,1.79,2.43,2.24,3.59h-4.47c.44-1.16,1.14-2.43,2.24-3.59Zm2.8,5.59c.17.89.2,1.61.2,2,0,.71-.07,1.37-.19,2h-5.62c-.12-.63-.19-1.29-.19-2,0-.39.03-1.11.2-2h5.6Zm5.2,2c0,.69-.1,1.36-.26,2h-2.89c.1-.63.16-1.3.16-2,0-.41-.03-1.12-.17-2h2.91c.17.64.26,1.31.26,2Zm-8,7.59c-.68-.75-1.6-1.96-2.24-3.59h4.48c-.64,1.63-1.56,2.84-2.24,3.59Zm2.56-.02c.66-.94,1.32-2.13,1.79-3.57h2.56c-.96,1.66-2.51,2.94-4.35,3.57Zm4.35-11.57h-2.57c-.36-1.12-.91-2.35-1.75-3.56,1.83.63,3.36,1.91,4.32,3.56Zm-9.51-3.56c-.84,1.21-1.39,2.44-1.75,3.56h-2.57c.96-1.65,2.49-2.93,4.32-3.56Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-layer span::after, label.chip[class*=ico-].ico-group span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m22,12c0-.363-.197-.698-.515-.874l-2.027-1.126,2.027-1.126c.317-.176.515-.511.515-.874s-.197-.698-.515-.874L12.485,2.126c-.301-.168-.67-.168-.971,0L2.515,7.126c-.317.176-.515.511-.515.874s.197.698.515.874l2.027,1.126-2.027,1.126c-.317.176-.515.511-.515.874s.197.698.515.874l2.027,1.126-2.027,1.126c-.317.176-.515.511-.515.874s.197.698.515.874l9,5c.15.084.318.126.485.126s.335-.042.485-.126l9-5c.317-.176.515-.511.515-.874s-.197-.698-.515-.874l-2.027-1.126,2.027-1.126c.317-.176.515-.511.515-.874Zm-10-7.856l6.94,3.856-6.94,3.856-6.94-3.856,6.94-3.856Zm-.485,9.73c.15.084.318.126.485.126s.335-.042.485-.126l4.915-2.73,1.541.856-6.941,3.856-6.941-3.856,1.541-.856,4.915,2.73Zm7.427,2.126l-6.941,3.856-6.941-3.856,1.541-.856,4.915,2.73c.15.084.318.126.485.126s.335-.042.485-.126l4.915-2.73,1.541.856Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m22,12c0-.363-.197-.698-.515-.874l-2.027-1.126,2.027-1.126c.317-.176.515-.511.515-.874s-.197-.698-.515-.874L12.485,2.126c-.301-.168-.67-.168-.971,0L2.515,7.126c-.317.176-.515.511-.515.874s.197.698.515.874l2.027,1.126-2.027,1.126c-.317.176-.515.511-.515.874s.197.698.515.874l2.027,1.126-2.027,1.126c-.317.176-.515.511-.515.874s.197.698.515.874l9,5c.15.084.318.126.485.126s.335-.042.485-.126l9-5c.317-.176.515-.511.515-.874s-.197-.698-.515-.874l-2.027-1.126,2.027-1.126c.317-.176.515-.511.515-.874Zm-10-7.856l6.94,3.856-6.94,3.856-6.94-3.856,6.94-3.856Zm-.485,9.73c.15.084.318.126.485.126s.335-.042.485-.126l4.915-2.73,1.541.856-6.941,3.856-6.941-3.856,1.541-.856,4.915,2.73Zm7.427,2.126l-6.941,3.856-6.941-3.856,1.541-.856,4.915,2.73c.15.084.318.126.485.126s.335-.042.485-.126l4.915-2.73,1.541.856Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-link span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,12c0,2.76,2.24,5,5,5h4v-2h-4c-1.65,0-3-1.35-3-3s1.35-3,3-3h4v-2h-4c-2.76,0-5,2.24-5,5Z'/%3E%3Cpath d='m17,7h-4v2h4c1.65,0,3,1.35,3,3s-1.35,3-3,3h-4v2h4c2.76,0,5-2.24,5-5s-2.24-5-5-5Z'/%3E%3Crect x='8' y='11' width='8' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,12c0,2.76,2.24,5,5,5h4v-2h-4c-1.65,0-3-1.35-3-3s1.35-3,3-3h4v-2h-4c-2.76,0-5,2.24-5,5Z'/%3E%3Cpath d='m17,7h-4v2h4c1.65,0,3,1.35,3,3s-1.35,3-3,3h-4v2h4c2.76,0,5-2.24,5-5s-2.24-5-5-5Z'/%3E%3Crect x='8' y='11' width='8' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-location span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2c-3.02,0-5.68,1.7-6.99,4-1,1.74-1,3.42-1,4,.03,3.14,1.86,5.39,3.99,8,.88,1.08,2.19,2.51,4,4,1.81-1.49,3.12-2.92,4-4,2.13-2.61,3.97-4.86,3.99-8,0-.58,0-2.26-1-4-1.32-2.3-3.98-4-6.99-4Zm5.99,7.98c-.02,2.44-1.58,4.34-3.54,6.75-.75.92-1.57,1.79-2.45,2.61-.88-.82-1.7-1.69-2.45-2.61-1.97-2.41-3.52-4.31-3.54-6.75,0-.42-.01-1.68.73-2.99,1.04-1.82,3.11-2.99,5.26-2.99s4.22,1.18,5.26,2.99c.75,1.31.74,2.57.73,2.99Z'/%3E%3Cpath d='m12,7c-1.66,0-3,1.34-3,3s1.34,3,3,3,3-1.34,3-3-1.34-3-3-3Zm0,4c-.55,0-1-.45-1-1s.45-1,1-1,1,.45,1,1-.45,1-1,1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,2c-3.02,0-5.68,1.7-6.99,4-1,1.74-1,3.42-1,4,.03,3.14,1.86,5.39,3.99,8,.88,1.08,2.19,2.51,4,4,1.81-1.49,3.12-2.92,4-4,2.13-2.61,3.97-4.86,3.99-8,0-.58,0-2.26-1-4-1.32-2.3-3.98-4-6.99-4Zm5.99,7.98c-.02,2.44-1.58,4.34-3.54,6.75-.75.92-1.57,1.79-2.45,2.61-.88-.82-1.7-1.69-2.45-2.61-1.97-2.41-3.52-4.31-3.54-6.75,0-.42-.01-1.68.73-2.99,1.04-1.82,3.11-2.99,5.26-2.99s4.22,1.18,5.26,2.99c.75,1.31.74,2.57.73,2.99Z'/%3E%3Cpath d='m12,7c-1.66,0-3,1.34-3,3s1.34,3,3,3,3-1.34,3-3-1.34-3-3-3Zm0,4c-.55,0-1-.45-1-1s.45-1,1-1,1,.45,1,1-.45,1-1,1Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-lock span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m20,10h-3v-3c0-2.76-2.24-5-5-5s-5,2.24-5,5v3h-3v12h16v-12Zm-11-3c0-1.65,1.35-3,3-3s3,1.35,3,3v3h-6v-3Zm9,13H6v-8h12v8Z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m20,10h-3v-3c0-2.76-2.24-5-5-5s-5,2.24-5,5v3h-3v12h16v-12Zm-11-3c0-1.65,1.35-3,3-3s3,1.35,3,3v3h-6v-3Zm9,13H6v-8h12v8Z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-login span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m21,2h-9v2h8v16h-8v2h9c.55,0,1-.45,1-1V3c0-.55-.45-1-1-1Z'/%3E%3Cpath d='m8.29,16.29l1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5-1.41,1.41,3.29,3.29H2s0,2,0,2h9.58s-3.29,3.29-3.29,3.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m21,2h-9v2h8v16h-8v2h9c.55,0,1-.45,1-1V3c0-.55-.45-1-1-1Z'/%3E%3Cpath d='m8.29,16.29l1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5-1.41,1.41,3.29,3.29H2s0,2,0,2h9.58s-3.29,3.29-3.29,3.29Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-logout span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,22h9v-2H4V4h8v-2H3c-.55,0-1,.45-1,1v18c0,.55.45,1,1,1Z'/%3E%3Cpath d='m16.71,6.29l-1.41,1.41,3.29,3.29h-9.59s0,2,0,2h9.58s-3.29,3.29-3.29,3.29l1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,22h9v-2H4V4h8v-2H3c-.55,0-1,.45-1,1v18c0,.55.45,1,1,1Z'/%3E%3Cpath d='m16.71,6.29l-1.41,1.41,3.29,3.29h-9.59s0,2,0,2h9.58s-3.29,3.29-3.29,3.29l1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-mail span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,9v11h20V4H2v5Zm2-3h16v1.87l-8,4.8L4,7.87v-1.87Zm0,4.2l8,4.8,8-4.8v7.8H4v-7.8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,9v11h20V4H2v5Zm2-3h16v1.87l-8,4.8L4,7.87v-1.87Zm0,4.2l8,4.8,8-4.8v7.8H4v-7.8Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-map span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15,20l7-2V4l-7,2-6-2-7,2v14l7-2,6,2Zm1-12.21l4-1.14v9.84l-4,1.14V7.79Zm-6-1.35l4,1.33v9.78l-4-1.33V6.44Zm-2,9.76l-4,1.14V7.51l4-1.14v9.84Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15,20l7-2V4l-7,2-6-2-7,2v14l7-2,6,2Zm1-12.21l4-1.14v9.84l-4,1.14V7.79Zm-6-1.35l4,1.33v9.78l-4-1.33V6.44Zm-2,9.76l-4,1.14V7.51l4-1.14v9.84Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-menu span::after, label.chip[class*=ico-].ico-list span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3Crect x='3' y='5' width='18' height='2'/%3E%3Crect x='3' y='17' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3Crect x='3' y='5' width='18' height='2'/%3E%3Crect x='3' y='17' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-mic span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,19.93v2.07h2v-2.07c3.94-.49,7-3.86,7-7.93h-2c0,3.31-2.69,6-6,6s-6-2.69-6-6h-2c0,4.07,3.06,7.44,7,7.93Z'/%3E%3Cpath d='m8,6v6c0,2.21,1.79,4,4,4s4-1.79,4-4v-6c0-2.21-1.79-4-4-4s-4,1.79-4,4Zm6,0v6c0,1.1-.9,2-2,2s-2-.9-2-2v-6c0-1.1.9-2,2-2s2,.9,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m11,19.93v2.07h2v-2.07c3.94-.49,7-3.86,7-7.93h-2c0,3.31-2.69,6-6,6s-6-2.69-6-6h-2c0,4.07,3.06,7.44,7,7.93Z'/%3E%3Cpath d='m8,6v6c0,2.21,1.79,4,4,4s4-1.79,4-4v-6c0-2.21-1.79-4-4-4s-4,1.79-4,4Zm6,0v6c0,1.1-.9,2-2,2s-2-.9-2-2v-6c0-1.1.9-2,2-2s2,.9,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-more-horiz span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3Ccircle cx='18.5' cy='12' r='1.5'/%3E%3Ccircle cx='5.5' cy='12' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3Ccircle cx='18.5' cy='12' r='1.5'/%3E%3Ccircle cx='5.5' cy='12' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-more-vert span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3Ccircle cx='12' cy='18.5' r='1.5'/%3E%3Ccircle cx='12' cy='5.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3Ccircle cx='12' cy='18.5' r='1.5'/%3E%3Ccircle cx='12' cy='5.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-music span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m7,7v7.55c-.59-.34-1.27-.55-2-.55-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4v-8.29l10-1.43v4.27c-.59-.34-1.27-.55-2-.55-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4V2l-14,2v3Zm-2,13c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Zm12-2c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2ZM9,7v-1.27l10-1.43v1.96l-10,1.43v-.69Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m7,7v7.55c-.59-.34-1.27-.55-2-.55-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4v-8.29l10-1.43v4.27c-.59-.34-1.27-.55-2-.55-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4V2l-14,2v3Zm-2,13c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Zm12-2c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2ZM9,7v-1.27l10-1.43v1.96l-10,1.43v-.69Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-openinnew span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8H4V4h8v-2H3c-.55,0-1,.45-1,1v18Z'/%3E%3Cpath d='m22,10V3c0-.55-.45-1-1-1h-7v2h4.59l-7.29,7.29,1.41,1.41,7.29-7.29v4.59h2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8H4V4h8v-2H3c-.55,0-1,.45-1,1v18Z'/%3E%3Cpath d='m22,10V3c0-.55-.45-1-1-1h-7v2h4.59l-7.29,7.29,1.41,1.41,7.29-7.29v4.59h2Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-plus span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-people span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m9,11c2.206,0,4-1.794,4-4s-1.794-4-4-4-4,1.794-4,4,1.794,4,4,4Zm0-6c1.103,0,2,.897,2,2s-.897,2-2,2-2-.897-2-2,.897-2,2-2Z'/%3E%3Cpath class='cls-2' d='m17,12c1.654,0,3-1.346,3-3s-1.346-3-3-3-3,1.346-3,3,1.346,3,3,3Zm0-4c.552,0,1,.448,1,1s-.448,1-1,1-1-.448-1-1,.448-1,1-1Z'/%3E%3Cpath class='cls-2' d='m22,17c0-2.206-1.794-4-4-4h-4.031c-.833-.62-1.854-1-2.969-1h-4c-2.757,0-5,2.243-5,5v5h14v-2h6v-3Zm-18,3v-3c0-1.654,1.346-3,3-3h4c.794,0,1.512.316,2.05.821.083.078.156.163.228.249.058.068.119.133.17.206.071.1.127.208.185.316.037.069.08.134.112.206.059.135.1.278.139.42.015.054.038.104.049.159.043.203.066.411.066.621v3H4Zm16-2h-4v-1c0-.35-.037-.691-.106-1.02-.012-.057-.038-.11-.052-.167-.066-.27-.143-.536-.252-.787-.004-.008-.005-.018-.008-.026h2.418c1.103,0,2,.897,2,2v1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m9,11c2.206,0,4-1.794,4-4s-1.794-4-4-4-4,1.794-4,4,1.794,4,4,4Zm0-6c1.103,0,2,.897,2,2s-.897,2-2,2-2-.897-2-2,.897-2,2-2Z'/%3E%3Cpath class='cls-2' d='m17,12c1.654,0,3-1.346,3-3s-1.346-3-3-3-3,1.346-3,3,1.346,3,3,3Zm0-4c.552,0,1,.448,1,1s-.448,1-1,1-1-.448-1-1,.448-1,1-1Z'/%3E%3Cpath class='cls-2' d='m22,17c0-2.206-1.794-4-4-4h-4.031c-.833-.62-1.854-1-2.969-1h-4c-2.757,0-5,2.243-5,5v5h14v-2h6v-3Zm-18,3v-3c0-1.654,1.346-3,3-3h4c.794,0,1.512.316,2.05.821.083.078.156.163.228.249.058.068.119.133.17.206.071.1.127.208.185.316.037.069.08.134.112.206.059.135.1.278.139.42.015.054.038.104.049.159.043.203.066.411.066.621v3H4Zm16-2h-4v-1c0-.35-.037-.691-.106-1.02-.012-.057-.038-.11-.052-.167-.066-.27-.143-.536-.252-.787-.004-.008-.005-.018-.008-.026h2.418c1.103,0,2,.897,2,2v1Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-profile span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,12c2.76,0,5-2.24,5-5s-2.24-5-5-5-5,2.24-5,5,2.24,5,5,5Zm0-8c1.65,0,3,1.35,3,3s-1.35,3-3,3-3-1.35-3-3,1.35-3,3-3Z'/%3E%3Cpath d='m22,18c0-2.21-1.79-4-4-4H6c-2.21,0-4,1.79-4,4v4h20v-4Zm-2,2H4v-2c0-1.1.9-2,2-2h12c1.1,0,2,.9,2,2v2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,12c2.76,0,5-2.24,5-5s-2.24-5-5-5-5,2.24-5,5,2.24,5,5,5Zm0-8c1.65,0,3,1.35,3,3s-1.35,3-3,3-3-1.35-3-3,1.35-3,3-3Z'/%3E%3Cpath d='m22,18c0-2.21-1.79-4-4-4H6c-2.21,0-4,1.79-4,4v4h20v-4Zm-2,2H4v-2c0-1.1.9-2,2-2h12c1.1,0,2,.9,2,2v2Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-phone span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Crect class='cls-1' width='24' height='24'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-3'%3E%3Crect class='cls-2' x='9' y='6' width='6' height='2'/%3E%3Cpath class='cls-2' d='M17,20H7V4h10v16ZM19,2H5v20h14V2Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cdefs%3E%3CclipPath id='clippath'%3E%3Crect class='cls-1' width='24' height='24'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-3'%3E%3Crect class='cls-2' x='9' y='6' width='6' height='2'/%3E%3Cpath class='cls-2' d='M17,20H7V4h10v16ZM19,2H5v20h14V2Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-pin span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M15,1l-3,3c.333.333.667.667,1,1l-4,4c-.364-.087-.888-.18-1.514-.18-.449,0-.951.048-1.486.18-2.453.607-3.71,2.529-4,3,1.431,1.431,2.862,2.862,4.293,4.293l-4,4,1.414,1.414,4-4c1.431,1.431,2.862,2.862,4.293,4.293.471-.29,2.393-1.547,3-4,.317-1.279.15-2.374,0-3l4-4c.333.333.667.667,1,1l3-3L15,1ZM19.938,9.233c-.293-.156-.615-.233-.938-.233-.512,0-1.024.195-1.414.586l-4,4c-.492.492-.693,1.203-.531,1.879.165.689.166,1.399.004,2.055-.183.739-.547,1.328-.934,1.776l-7.421-7.421c.449-.387,1.037-.751,1.776-.934.326-.081.664-.122,1.005-.122.348,0,.701.042,1.049.125.154.037.31.055.465.055.524,0,1.035-.206,1.414-.586l4-4c.637-.637.754-1.597.353-2.353l.233-.233,5.172,5.172-.233.233Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M15,1l-3,3c.333.333.667.667,1,1l-4,4c-.364-.087-.888-.18-1.514-.18-.449,0-.951.048-1.486.18-2.453.607-3.71,2.529-4,3,1.431,1.431,2.862,2.862,4.293,4.293l-4,4,1.414,1.414,4-4c1.431,1.431,2.862,2.862,4.293,4.293.471-.29,2.393-1.547,3-4,.317-1.279.15-2.374,0-3l4-4c.333.333.667.667,1,1l3-3L15,1ZM19.938,9.233c-.293-.156-.615-.233-.938-.233-.512,0-1.024.195-1.414.586l-4,4c-.492.492-.693,1.203-.531,1.879.165.689.166,1.399.004,2.055-.183.739-.547,1.328-.934,1.776l-7.421-7.421c.449-.387,1.037-.751,1.776-.934.326-.081.664-.122,1.005-.122.348,0,.701.042,1.049.125.154.037.31.055.465.055.524,0,1.035-.206,1.414-.586l4-4c.637-.637.754-1.597.353-2.353l.233-.233,5.172,5.172-.233.233Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-pin-active span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M15,1l-3,3c.333.333.667.667,1,1-1.333,1.333-2.667,2.667-4,4-.626-.15-1.721-.317-3,0-2.453.607-3.71,2.529-4,3,1.431,1.431,2.862,2.862,4.293,4.293l-4,4,1.414,1.414,4-4c1.431,1.431,2.862,2.862,4.293,4.293.471-.29,2.393-1.547,3-4,.317-1.279.15-2.374,0-3,1.333-1.333,2.667-2.667,4-4,.333.333.667.667,1,1l3-3L15,1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M15,1l-3,3c.333.333.667.667,1,1-1.333,1.333-2.667,2.667-4,4-.626-.15-1.721-.317-3,0-2.453.607-3.71,2.529-4,3,1.431,1.431,2.862,2.862,4.293,4.293l-4,4,1.414,1.414,4-4c1.431,1.431,2.862,2.862,4.293,4.293.471-.29,2.393-1.547,3-4,.317-1.279.15-2.374,0-3,1.333-1.333,2.667-2.667,4-4,.333.333.667.667,1,1l3-3L15,1Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-power span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5.64,5.64c-1.7,1.7-2.64,3.96-2.64,6.36s.94,4.66,2.64,6.36c1.7,1.7,3.96,2.64,6.36,2.64s4.66-.94,6.36-2.64c1.7-1.7,2.64-3.96,2.64-6.36s-.94-4.66-2.64-6.36l-1.41,1.41c1.32,1.32,2.05,3.08,2.05,4.95s-.73,3.63-2.05,4.95-3.08,2.05-4.95,2.05-3.63-.73-4.95-2.05-2.05-3.08-2.05-4.95.73-3.63,2.05-4.95l-1.41-1.41Z'/%3E%3Crect x='11' y='2' width='2' height='10'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5.64,5.64c-1.7,1.7-2.64,3.96-2.64,6.36s.94,4.66,2.64,6.36c1.7,1.7,3.96,2.64,6.36,2.64s4.66-.94,6.36-2.64c1.7-1.7,2.64-3.96,2.64-6.36s-.94-4.66-2.64-6.36l-1.41,1.41c1.32,1.32,2.05,3.08,2.05,4.95s-.73,3.63-2.05,4.95-3.08,2.05-4.95,2.05-3.63-.73-4.95-2.05-2.05-3.08-2.05-4.95.73-3.63,2.05-4.95l-1.41-1.41Z'/%3E%3Crect x='11' y='2' width='2' height='10'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-print span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m22,7h-4V2H6v5H2v13h4v2h12v-2h4V7Zm-14-3h8v3h-8v-3Zm0,16v-5h8v5h-8Zm12-2h-2v-5H6v5h-2v-9h16v9Z'/%3E%3Ccircle class='cls-2' cx='7' cy='11' r='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='m22,7h-4V2H6v5H2v13h4v2h12v-2h4V7Zm-14-3h8v3h-8v-3Zm0,16v-5h8v5h-8Zm12-2h-2v-5H6v5h-2v-9h16v9Z'/%3E%3Ccircle class='cls-2' cx='7' cy='11' r='1'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-redo span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.71,3.29l-1.41,1.41,3.29,3.29h-10.59c-3.31,0-6,2.69-6,6s2.69,6,6,6h8v-2h-8c-2.21,0-4-1.79-4-4s1.79-4,4-4h10.59l-3.29,3.29,1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.71,3.29l-1.41,1.41,3.29,3.29h-10.59c-3.31,0-6,2.69-6,6s2.69,6,6,6h8v-2h-8c-2.21,0-4-1.79-4-4s1.79-4,4-4h10.59l-3.29,3.29,1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-remove span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-refresh span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4.93,19.07c1.95,1.95,4.51,2.92,7.07,2.92s5.12-.98,7.07-2.92c1.89-1.89,2.93-4.4,2.93-7.07h-2c0,2.14-.83,4.15-2.34,5.66-3.12,3.12-8.2,3.12-11.31,0s-3.12-8.2,0-11.31,7.8-3.1,10.94-.34h-2.28v2h5c.55,0,1-.45,1-1V2h-2v2.86c-3.9-3.83-10.2-3.81-14.07.06s-3.9,10.24,0,14.14Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4.93,19.07c1.95,1.95,4.51,2.92,7.07,2.92s5.12-.98,7.07-2.92c1.89-1.89,2.93-4.4,2.93-7.07h-2c0,2.14-.83,4.15-2.34,5.66-3.12,3.12-8.2,3.12-11.31,0s-3.12-8.2,0-11.31,7.8-3.1,10.94-.34h-2.28v2h5c.55,0,1-.45,1-1V2h-2v2.86c-3.9-3.83-10.2-3.81-14.07.06s-3.9,10.24,0,14.14Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-save span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,22h20v-14l-6-6H2v20Zm14-2h-8v-4h8v4ZM8,4h4v3h-4v-3Zm-4,0h2v5h8v-5h1.17l4.83,4.83v11.17h-2v-6H6v6h-2V4Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,22h20v-14l-6-6H2v20Zm14-2h-8v-4h8v4ZM8,4h4v3h-4v-3Zm-4,0h2v5h8v-5h1.17l4.83,4.83v11.17h-2v-6H6v6h-2V4Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-schedule span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m13,7h-2v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59Z'/%3E%3Cpath d='m12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2Zm0,18c-4.41,0-8-3.59-8-8S7.59,4,12,4s8,3.59,8,8-3.59,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m13,7h-2v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59Z'/%3E%3Cpath d='m12,2C6.48,2,2,6.48,2,12s4.48,10,10,10,10-4.48,10-10S17.52,2,12,2Zm0,18c-4.41,0-8-3.59-8-8S7.59,4,12,4s8,3.59,8,8-3.59,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-send span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,12l-2,10,21-10L2,2l2,10Zm12.25-1H5.84l-1.1-5.48,11.5,5.48Zm-10.41,2h10.41l-11.5,5.48,1.1-5.48Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,12l-2,10,21-10L2,2l2,10Zm12.25-1H5.84l-1.1-5.48,11.5,5.48Zm-10.41,2h10.41l-11.5,5.48,1.1-5.48Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-setting span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,9c-1.66,0-3,1.34-3,3s1.34,3,3,3,3-1.34,3-3-1.34-3-3-3Zm0,4c-.55,0-1-.45-1-1s.45-1,1-1,1,.45,1,1-.45,1-1,1Z'/%3E%3Cpath d='m19.16,4.4l-2.91.83c-.17-.11-.34-.21-.52-.31l-.73-2.93h-6l-.73,2.93c-.18.09-.35.2-.52.31l-2.91-.83-3,5.2,2.18,2.1c0,.1-.02.2-.02.3s.01.2.02.3l-2.18,2.1,3,5.2,2.91-.83c.17.11.34.21.52.31l.73,2.93h6l.73-2.93c.18-.09.35-.2.52-.31l2.91.83,3-5.2-2.18-2.1c0-.1.02-.2.02-.3s-.01-.2-.02-.3l2.18-2.1-3-5.2Zm-1.16,7.56v.03s0,.06,0,.06c0,.06,0,.12-.01.18-.02.57.2,1.12.61,1.51l1.05,1.02-1.44,2.49-1.41-.4c-.18-.05-.37-.08-.55-.08-.37,0-.74.1-1.07.31-.13.08-.26.16-.39.23-.5.27-.87.73-1.01,1.28l-.35,1.41h-2.88l-.35-1.41c-.14-.55-.5-1.02-1.01-1.28-.13-.07-.26-.15-.39-.23-.32-.2-.69-.31-1.07-.31-.18,0-.37.03-.55.08l-1.4.4-1.44-2.49,1.05-1.02c.41-.39.63-.94.61-1.51,0-.06,0-.12-.01-.18v-.03s0-.06,0-.06c0-.06,0-.12.01-.18.02-.57-.2-1.12-.61-1.51l-1.05-1.02,1.44-2.49,1.4.4c.18.05.37.08.55.08.37,0,.74-.1,1.07-.31.13-.08.26-.16.39-.23.5-.27.87-.73,1.01-1.28l.35-1.41h2.88l.35,1.41c.14.55.5,1.02,1.01,1.28.13.07.26.15.39.23.32.2.69.31,1.07.31.18,0,.37-.03.55-.08l1.41-.4,1.44,2.49-1.05,1.02c-.41.39-.63.94-.61,1.51,0,.06,0,.12.01.18Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,9c-1.66,0-3,1.34-3,3s1.34,3,3,3,3-1.34,3-3-1.34-3-3-3Zm0,4c-.55,0-1-.45-1-1s.45-1,1-1,1,.45,1,1-.45,1-1,1Z'/%3E%3Cpath d='m19.16,4.4l-2.91.83c-.17-.11-.34-.21-.52-.31l-.73-2.93h-6l-.73,2.93c-.18.09-.35.2-.52.31l-2.91-.83-3,5.2,2.18,2.1c0,.1-.02.2-.02.3s.01.2.02.3l-2.18,2.1,3,5.2,2.91-.83c.17.11.34.21.52.31l.73,2.93h6l.73-2.93c.18-.09.35-.2.52-.31l2.91.83,3-5.2-2.18-2.1c0-.1.02-.2.02-.3s-.01-.2-.02-.3l2.18-2.1-3-5.2Zm-1.16,7.56v.03s0,.06,0,.06c0,.06,0,.12-.01.18-.02.57.2,1.12.61,1.51l1.05,1.02-1.44,2.49-1.41-.4c-.18-.05-.37-.08-.55-.08-.37,0-.74.1-1.07.31-.13.08-.26.16-.39.23-.5.27-.87.73-1.01,1.28l-.35,1.41h-2.88l-.35-1.41c-.14-.55-.5-1.02-1.01-1.28-.13-.07-.26-.15-.39-.23-.32-.2-.69-.31-1.07-.31-.18,0-.37.03-.55.08l-1.4.4-1.44-2.49,1.05-1.02c.41-.39.63-.94.61-1.51,0-.06,0-.12-.01-.18v-.03s0-.06,0-.06c0-.06,0-.12.01-.18.02-.57-.2-1.12-.61-1.51l-1.05-1.02,1.44-2.49,1.4.4c.18.05.37.08.55.08.37,0,.74-.1,1.07-.31.13-.08.26-.16.39-.23.5-.27.87-.73,1.01-1.28l.35-1.41h2.88l.35,1.41c.14.55.5,1.02,1.01,1.28.13.07.26.15.39.23.32.2.69.31,1.07.31.18,0,.37-.03.55-.08l1.41-.4,1.44,2.49-1.05,1.02c-.41.39-.63.94-.61,1.51,0,.06,0,.12.01.18Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-share span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6,16c1.13,0,2.14-.47,2.87-1.22l3.28,2.19c-.09.33-.15.67-.15,1.03,0,2.21,1.79,4,4,4s4-1.79,4-4-1.79-4-4-4c-1.13,0-2.14.47-2.87,1.22l-3.28-2.19c.09-.33.15-.67.15-1.03s-.06-.7-.15-1.03l3.28-2.19c.73.75,1.74,1.22,2.87,1.22,2.21,0,4-1.79,4-4s-1.79-4-4-4-4,1.79-4,4c0,.36.06.7.15,1.03l-3.28,2.19c-.73-.75-1.74-1.22-2.87-1.22-2.21,0-4,1.79-4,4s1.79,4,4,4Zm10,0c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Zm0-12c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Zm-10,6c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m6,16c1.13,0,2.14-.47,2.87-1.22l3.28,2.19c-.09.33-.15.67-.15,1.03,0,2.21,1.79,4,4,4s4-1.79,4-4-1.79-4-4-4c-1.13,0-2.14.47-2.87,1.22l-3.28-2.19c.09-.33.15-.67.15-1.03s-.06-.7-.15-1.03l3.28-2.19c.73.75,1.74,1.22,2.87,1.22,2.21,0,4-1.79,4-4s-1.79-4-4-4-4,1.79-4,4c0,.36.06.7.15,1.03l-3.28,2.19c-.73-.75-1.74-1.22-2.87-1.22-2.21,0-4,1.79-4,4s1.79,4,4,4Zm10,0c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Zm0-12c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Zm-10,6c1.1,0,2,.9,2,2s-.9,2-2,2-2-.9-2-2,.9-2,2-2Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-sound span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.8,15.6c1.04-1.39,1.2-2.85,1.2-3.6,0-1.74-.75-3-1.2-3.6l-1.6,1.2c.3.4.8,1.24.8,2.4,0,.5-.1,1.47-.8,2.4l1.6,1.2Z'/%3E%3Cpath d='m18.69,4.28l-1.38,1.45c.63.6,2.69,2.83,2.69,6.28s-2.06,5.67-2.69,6.28l1.38,1.45c.78-.74,3.31-3.48,3.31-7.72s-2.53-6.99-3.31-7.72Z'/%3E%3Cpath d='m14,21V3l-8,5H2v8h4l8,5ZM4,10h2c.37,0,.74-.11,1.06-.3l4.94-3.09v10.78l-4.94-3.09c-.32-.2-.69-.3-1.06-.3h-2v-4Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16.8,15.6c1.04-1.39,1.2-2.85,1.2-3.6,0-1.74-.75-3-1.2-3.6l-1.6,1.2c.3.4.8,1.24.8,2.4,0,.5-.1,1.47-.8,2.4l1.6,1.2Z'/%3E%3Cpath d='m18.69,4.28l-1.38,1.45c.63.6,2.69,2.83,2.69,6.28s-2.06,5.67-2.69,6.28l1.38,1.45c.78-.74,3.31-3.48,3.31-7.72s-2.53-6.99-3.31-7.72Z'/%3E%3Cpath d='m14,21V3l-8,5H2v8h4l8,5ZM4,10h2c.37,0,.74-.11,1.06-.3l4.94-3.09v10.78l-4.94-3.09c-.32-.2-.69-.3-1.06-.3h-2v-4Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-star span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15.63,7.6l-3.63-6.6-3.63,6.6-7.37,1.42,5.13,5.5-.93,7.48,6.8-3.2,6.8,3.2-.93-7.48,5.13-5.5-7.37-1.42Zm.78,5.56c-.4.43-.6,1.02-.52,1.61l.48,3.88-3.52-1.65c-.27-.13-.56-.19-.85-.19s-.58.06-.85.19l-3.52,1.65.48-3.88c.07-.59-.12-1.18-.52-1.61l-2.67-2.86,3.82-.74c.58-.11,1.09-.48,1.37-1l1.87-3.41,1.87,3.41c.29.52.79.89,1.37,1l3.82.74-2.67,2.86Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m15.63,7.6l-3.63-6.6-3.63,6.6-7.37,1.42,5.13,5.5-.93,7.48,6.8-3.2,6.8,3.2-.93-7.48,5.13-5.5-7.37-1.42Zm.78,5.56c-.4.43-.6,1.02-.52,1.61l.48,3.88-3.52-1.65c-.27-.13-.56-.19-.85-.19s-.58.06-.85.19l-3.52,1.65.48-3.88c.07-.59-.12-1.18-.52-1.61l-2.67-2.86,3.82-.74c.58-.11,1.09-.48,1.37-1l1.87-3.41,1.87,3.41c.29.52.79.89,1.37,1l3.82.74-2.67,2.86Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-star-active span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-1' points='12 1 15.627 7.597 23 9.021 17.869 14.523 18.798 22 12 18.803 5.202 22 6.131 14.523 1 9.021 8.373 7.597 12 1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-1' points='12 1 15.627 7.597 23 9.021 17.869 14.523 18.798 22 12 18.803 5.202 22 6.131 14.523 1 9.021 8.373 7.597 12 1'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-sun span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,19c-3.859,0-7-3.141-7-7s3.141-7,7-7,7,3.141,7,7-3.141,7-7,7ZM12,7c-2.757,0-5,2.243-5,5s2.243,5,5,5,5-2.243,5-5-2.243-5-5-5Z'/%3E%3Crect class='cls-2' x='11' y='1' width='2' height='3'/%3E%3Crect class='cls-2' x='2.773' y='5.75' width='2' height='3' transform='translate(-4.392 6.893) rotate(-60.005)'/%3E%3Crect class='cls-2' x='2.273' y='15.75' width='3' height='2' transform='translate(-7.868 4.129) rotate(-29.995)'/%3E%3Crect class='cls-2' x='11' y='20' width='2' height='3'/%3E%3Crect class='cls-2' x='19.227' y='15.25' width='2' height='3' transform='translate(-4.392 25.894) rotate(-60.005)'/%3E%3Crect class='cls-2' x='18.727' y='6.25' width='3' height='2' transform='translate(-.915 11.083) rotate(-29.995)'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,19c-3.859,0-7-3.141-7-7s3.141-7,7-7,7,3.141,7,7-3.141,7-7,7ZM12,7c-2.757,0-5,2.243-5,5s2.243,5,5,5,5-2.243,5-5-2.243-5-5-5Z'/%3E%3Crect class='cls-2' x='11' y='1' width='2' height='3'/%3E%3Crect class='cls-2' x='2.773' y='5.75' width='2' height='3' transform='translate(-4.392 6.893) rotate(-60.005)'/%3E%3Crect class='cls-2' x='2.273' y='15.75' width='3' height='2' transform='translate(-7.868 4.129) rotate(-29.995)'/%3E%3Crect class='cls-2' x='11' y='20' width='2' height='3'/%3E%3Crect class='cls-2' x='19.227' y='15.25' width='2' height='3' transform='translate(-4.392 25.894) rotate(-60.005)'/%3E%3Crect class='cls-2' x='18.727' y='6.25' width='3' height='2' transform='translate(-.915 11.083) rotate(-29.995)'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-thumb-up span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m18.46,9h-4.46l.42-2.51c.3-1.83-1.11-3.49-2.96-3.49h-2.46l-2,6H3l-1,12h18l1.42-8.51c.3-1.83-1.11-3.49-2.96-3.49Zm-12.3,10h-1.99l.67-8h1.99l-.67,8Zm13.29-6.84l-1.14,6.84h-10.13l.8-9.59,1.47-4.41h1.02c.4,0,.65.22.76.35.11.13.29.41.22.81l-.42,2.51c-.1.58.07,1.17.45,1.62.38.45.94.71,1.53.71h4.46c.4,0,.65.22.76.35.11.13.29.41.22.81Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m18.46,9h-4.46l.42-2.51c.3-1.83-1.11-3.49-2.96-3.49h-2.46l-2,6H3l-1,12h18l1.42-8.51c.3-1.83-1.11-3.49-2.96-3.49Zm-12.3,10h-1.99l.67-8h1.99l-.67,8Zm13.29-6.84l-1.14,6.84h-10.13l.8-9.59,1.47-4.41h1.02c.4,0,.65.22.76.35.11.13.29.41.22.81l-.42,2.51c-.1.58.07,1.17.45,1.62.38.45.94.71,1.53.71h4.46c.4,0,.65.22.76.35.11.13.29.41.22.81Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-thumb-down span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,3H4l-1.42,8.51c-.3,1.83,1.11,3.49,2.96,3.49h4.46l-.42,2.51c-.3,1.83,1.11,3.49,2.96,3.49h2.46l2-6h4l1-12h-6Zm-.97,11.59l-1.47,4.41h-1.02c-.4,0-.65-.22-.76-.35s-.29-.41-.22-.81l.42-2.51c.1-.58-.07-1.17-.45-1.62-.38-.45-.94-.71-1.53-.71h-4.46c-.4,0-.65-.22-.76-.35s-.29-.41-.22-.81l1.14-6.84h10.13l-.8,9.59Zm4.13-1.59h-1.99l.67-8h1.99l-.67,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,3H4l-1.42,8.51c-.3,1.83,1.11,3.49,2.96,3.49h4.46l-.42,2.51c-.3,1.83,1.11,3.49,2.96,3.49h2.46l2-6h4l1-12h-6Zm-.97,11.59l-1.47,4.41h-1.02c-.4,0-.65-.22-.76-.35s-.29-.41-.22-.81l.42-2.51c.1-.58-.07-1.17-.45-1.62-.38-.45-.94-.71-1.53-.71h-4.46c-.4,0-.65-.22-.76-.35s-.29-.41-.22-.81l1.14-6.84h10.13l-.8,9.59Zm4.13-1.59h-1.99l.67-8h1.99l-.67,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-trophy span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M21,5h-2v-2c0-.553-.448-1-1-1H6c-.552,0-1,.447-1,1v2h-2c-.552,0-1,.447-1,1v3c0,2.757,2.243,5,5,5h.111c.594.581,1.29,1.055,2.058,1.396.014.457-.014.903-.134,1.341-.123.451-.331.867-.581,1.263h-1.454c-.552,0-1,.447-1,1v3c0,.553.448,1,1,1h10c.552,0,1-.447,1-1v-3c0-.553-.448-1-1-1h-1.454c-.25-.396-.459-.812-.581-1.263-.119-.438-.148-.884-.134-1.341.769-.342,1.465-.816,2.058-1.396h.111c2.757,0,5-2.243,5-5v-3c0-.553-.448-1-1-1ZM7,4h10v5c0,.326-.036.644-.096.953-.026.135-.075.264-.112.396-.048.169-.091.339-.155.5-.061.153-.142.297-.218.443-.067.128-.129.259-.207.381-.096.15-.209.29-.321.43-.67.838-1.594,1.455-2.664,1.728-.109.028-.217.059-.327.079-.284.052-.575.087-.874.088-.019,0-.038,0-.057,0-.297-.002-.586-.036-.869-.088-.109-.02-.217-.051-.325-.079-1.07-.272-1.994-.889-2.664-1.727-.113-.141-.227-.283-.323-.434-.076-.119-.137-.246-.202-.372-.078-.149-.16-.296-.223-.451-.063-.158-.106-.325-.153-.49-.039-.135-.087-.266-.114-.404-.06-.309-.096-.626-.096-.952V4ZM4,9v-2h1v2c0,.231.012.46.035.688.011.117.033.231.05.347.016.107.028.214.049.32.029.145.067.286.104.427.019.073.035.148.057.22.046.154.101.303.158.453.018.048.031.098.051.145-.898-.52-1.503-1.49-1.503-2.6ZM16,21h-8v-1h8v1ZM12.819,15.951c.027.444.1.883.216,1.312.068.251.151.497.248.737h-2.565c.097-.24.179-.486.248-.737.117-.429.189-.866.216-1.312.012.001.023,0,.035.002.258.029.518.047.784.047s.526-.018.784-.047c.012-.001.023,0,.035-.002ZM20,9c0,1.109-.605,2.08-1.503,2.6.022-.055.038-.112.058-.168.053-.141.105-.282.148-.427.023-.078.04-.158.061-.237.036-.137.073-.273.101-.413.021-.107.034-.216.05-.325.017-.114.038-.227.05-.343.023-.228.035-.457.035-.688v-2h1v2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M21,5h-2v-2c0-.553-.448-1-1-1H6c-.552,0-1,.447-1,1v2h-2c-.552,0-1,.447-1,1v3c0,2.757,2.243,5,5,5h.111c.594.581,1.29,1.055,2.058,1.396.014.457-.014.903-.134,1.341-.123.451-.331.867-.581,1.263h-1.454c-.552,0-1,.447-1,1v3c0,.553.448,1,1,1h10c.552,0,1-.447,1-1v-3c0-.553-.448-1-1-1h-1.454c-.25-.396-.459-.812-.581-1.263-.119-.438-.148-.884-.134-1.341.769-.342,1.465-.816,2.058-1.396h.111c2.757,0,5-2.243,5-5v-3c0-.553-.448-1-1-1ZM7,4h10v5c0,.326-.036.644-.096.953-.026.135-.075.264-.112.396-.048.169-.091.339-.155.5-.061.153-.142.297-.218.443-.067.128-.129.259-.207.381-.096.15-.209.29-.321.43-.67.838-1.594,1.455-2.664,1.728-.109.028-.217.059-.327.079-.284.052-.575.087-.874.088-.019,0-.038,0-.057,0-.297-.002-.586-.036-.869-.088-.109-.02-.217-.051-.325-.079-1.07-.272-1.994-.889-2.664-1.727-.113-.141-.227-.283-.323-.434-.076-.119-.137-.246-.202-.372-.078-.149-.16-.296-.223-.451-.063-.158-.106-.325-.153-.49-.039-.135-.087-.266-.114-.404-.06-.309-.096-.626-.096-.952V4ZM4,9v-2h1v2c0,.231.012.46.035.688.011.117.033.231.05.347.016.107.028.214.049.32.029.145.067.286.104.427.019.073.035.148.057.22.046.154.101.303.158.453.018.048.031.098.051.145-.898-.52-1.503-1.49-1.503-2.6ZM16,21h-8v-1h8v1ZM12.819,15.951c.027.444.1.883.216,1.312.068.251.151.497.248.737h-2.565c.097-.24.179-.486.248-.737.117-.429.189-.866.216-1.312.012.001.023,0,.035.002.258.029.518.047.784.047s.526-.018.784-.047c.012-.001.023,0,.035-.002ZM20,9c0,1.109-.605,2.08-1.503,2.6.022-.055.038-.112.058-.168.053-.141.105-.282.148-.427.023-.078.04-.158.061-.237.036-.137.073-.273.101-.413.021-.107.034-.216.05-.325.017-.114.038-.227.05-.343.023-.228.035-.457.035-.688v-2h1v2Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-undo span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,8H5.41l3.29-3.29-1.41-1.41-5,5c-.39.39-.39,1.02,0,1.41l5,5,1.41-1.41-3.29-3.29h10.59c2.21,0,4,1.79,4,4s-1.79,4-4,4h-8v2h8c3.31,0,6-2.69,6-6s-2.69-6-6-6Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,8H5.41l3.29-3.29-1.41-1.41-5,5c-.39.39-.39,1.02,0,1.41l5,5,1.41-1.41-3.29-3.29h10.59c2.21,0,4,1.79,4,4s-1.79,4-4,4h-8v2h8c3.31,0,6-2.69,6-6s-2.69-6-6-6Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-unlock span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,4c1.65,0,3,1.35,3,3h2c0-2.76-2.24-5-5-5s-5,2.24-5,5v3h-3v12h16v-12h-11v-3c0-1.65,1.35-3,3-3Zm6,16H6v-8h12v8Z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,4c1.65,0,3,1.35,3,3h2c0-2.76-2.24-5-5-5s-5,2.24-5,5v3h-3v12h16v-12h-11v-3c0-1.65,1.35-3,3-3Zm6,16H6v-8h12v8Z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-update span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m17.66,17.66c-1.51,1.51-3.52,2.34-5.66,2.34s-4.15-.83-5.66-2.34-2.34-3.52-2.34-5.66.83-4.15,2.34-5.66,3.52-2.34,5.66-2.34c1.97,0,3.82.71,5.28,2h-2.28v2h5c.55,0,1-.45,1-1V2h-2v2.86c-1.88-1.85-4.36-2.86-7-2.86s-5.18,1.04-7.07,2.93c-1.89,1.89-2.93,4.4-2.93,7.07s1.04,5.18,2.93,7.07c1.89,1.89,4.4,2.93,7.07,2.93s5.18-1.04,7.07-2.93c1.89-1.89,2.93-4.4,2.93-7.07h-2c0,2.14-.83,4.15-2.34,5.66Z'/%3E%3Cpath d='m11,7v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59h-2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m17.66,17.66c-1.51,1.51-3.52,2.34-5.66,2.34s-4.15-.83-5.66-2.34-2.34-3.52-2.34-5.66.83-4.15,2.34-5.66,3.52-2.34,5.66-2.34c1.97,0,3.82.71,5.28,2h-2.28v2h5c.55,0,1-.45,1-1V2h-2v2.86c-1.88-1.85-4.36-2.86-7-2.86s-5.18,1.04-7.07,2.93c-1.89,1.89-2.93,4.4-2.93,7.07s1.04,5.18,2.93,7.07c1.89,1.89,4.4,2.93,7.07,2.93s5.18-1.04,7.07-2.93c1.89-1.89,2.93-4.4,2.93-7.07h-2c0,2.14-.83,4.15-2.34,5.66Z'/%3E%3Cpath d='m11,7v5c0,.27.11.52.29.71l4,4,1.41-1.41-3.71-3.71v-4.59h-2Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-upload span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,21h18c.55,0,1-.45,1-1v-9h-2v8H4v-8h-2v9c0,.55.45,1,1,1Z'/%3E%3Cpath d='m17.71,7.29l-5-5c-.39-.39-1.02-.39-1.41,0l-5,5,1.41,1.41,3.29-3.29v10.58h2V5.41s3.29,3.29,3.29,3.29l1.41-1.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m3,21h18c.55,0,1-.45,1-1v-9h-2v8H4v-8h-2v9c0,.55.45,1,1,1Z'/%3E%3Cpath d='m17.71,7.29l-5-5c-.39-.39-1.02-.39-1.41,0l-5,5,1.41,1.41,3.29-3.29v10.58h2V5.41s3.29,3.29,3.29,3.29l1.41-1.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-video span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,5H2v14h14v-2.5l6,1.5V6l-6,1.5v-2.5Zm-2,3v9H4V7h10v1Zm6,.56v6.88l-4-1v-4.88l4-1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m16,5H2v14h14v-2.5l6,1.5V6l-6,1.5v-2.5Zm-2,3v9H4V7h10v1Zm6,.56v6.88l-4-1v-4.88l4-1Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-visibility span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,5c-4.46,0-8.47,2.81-10,7,1.53,4.19,5.54,7,10,7s8.47-2.81,10-7c-1.53-4.19-5.54-7-10-7Zm0,12c-3.37,0-6.43-1.98-7.84-5,1.41-3.02,4.47-5,7.84-5s6.43,1.98,7.84,5c-1.41,3.02-4.47,5-7.84,5Z'/%3E%3Cpath d='m12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,5c-4.46,0-8.47,2.81-10,7,1.53,4.19,5.54,7,10,7s8.47-2.81,10-7c-1.53-4.19-5.54-7-10-7Zm0,12c-3.37,0-6.43-1.98-7.84-5,1.41-3.02,4.47-5,7.84-5s6.43,1.98,7.84,5c-1.41,3.02-4.47,5-7.84,5Z'/%3E%3Cpath d='m12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-visibility-off span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,19c1.61,0,3.16-.37,4.55-1.03l3.74,3.74,1.41-1.41-3.39-3.39c1.65-1.22,2.95-2.9,3.68-4.91-1.53-4.19-5.54-7-10-7-1.61,0-3.16.37-4.55,1.03l-3.74-3.74-1.41,1.41,3.39,3.39c-1.65,1.22-2.95,2.9-3.68,4.91,1.53,4.19,5.54,7,10,7Zm0-12c3.37,0,6.43,1.98,7.84,5-.66,1.42-1.7,2.6-2.96,3.47l-1.45-1.45c.35-.59.57-1.28.57-2.02,0-2.21-1.79-4-4-4-.74,0-1.43.21-2.02.57l-1-1c.95-.36,1.96-.57,3.02-.57Zm-1.93,4.49l2.44,2.44c-.16.04-.33.07-.51.07-1.1,0-2-.9-2-2,0-.18.03-.35.07-.51Zm1.41-1.41c.16-.04.33-.07.51-.07,1.1,0,2,.9,2,2,0,.18-.03.35-.07.51l-2.44-2.44Zm-4.37-1.54l1.45,1.45c-.35.59-.57,1.28-.57,2.02,0,2.21,1.79,4,4,4,.74,0,1.43-.21,2.02-.57l1,1c-.95.36-1.96.57-3.02.57-3.37,0-6.43-1.98-7.84-5,.66-1.42,1.7-2.6,2.96-3.47Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,19c1.61,0,3.16-.37,4.55-1.03l3.74,3.74,1.41-1.41-3.39-3.39c1.65-1.22,2.95-2.9,3.68-4.91-1.53-4.19-5.54-7-10-7-1.61,0-3.16.37-4.55,1.03l-3.74-3.74-1.41,1.41,3.39,3.39c-1.65,1.22-2.95,2.9-3.68,4.91,1.53,4.19,5.54,7,10,7Zm0-12c3.37,0,6.43,1.98,7.84,5-.66,1.42-1.7,2.6-2.96,3.47l-1.45-1.45c.35-.59.57-1.28.57-2.02,0-2.21-1.79-4-4-4-.74,0-1.43.21-2.02.57l-1-1c.95-.36,1.96-.57,3.02-.57Zm-1.93,4.49l2.44,2.44c-.16.04-.33.07-.51.07-1.1,0-2-.9-2-2,0-.18.03-.35.07-.51Zm1.41-1.41c.16-.04.33-.07.51-.07,1.1,0,2,.9,2,2,0,.18-.03.35-.07.51l-2.44-2.44Zm-4.37-1.54l1.45,1.45c-.35.59-.57,1.28-.57,2.02,0,2.21,1.79,4,4,4,.74,0,1.43-.21,2.02-.57l1,1c-.95.36-1.96.57-3.02.57-3.37,0-6.43-1.98-7.84-5,.66-1.42,1.7-2.6,2.96-3.47Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-warning span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m1,21h22L12,2,1,21Zm3.47-2l7.53-13.01,7.53,13.01H4.47Z'/%3E%3Ccircle cx='12' cy='17' r='1'/%3E%3Crect x='11' y='10' width='2' height='5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m1,21h22L12,2,1,21Zm3.47-2l7.53-13.01,7.53,13.01H4.47Z'/%3E%3Ccircle cx='12' cy='17' r='1'/%3E%3Crect x='11' y='10' width='2' height='5'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-zoomin span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='9 14 11 14 11 11 14 11 14 9 11 9 11 6 9 6 9 9 6 9 6 11 9 11 9 14'/%3E%3Cpath d='m2,10c0,4.42,3.58,8,8,8,1.85,0,3.55-.63,4.9-1.69l5.39,5.39,1.41-1.41-5.39-5.39c1.05-1.35,1.69-3.05,1.69-4.9,0-4.42-3.58-8-8-8S2,5.58,2,10Zm8-6c3.31,0,6,2.69,6,6s-2.69,6-6,6-6-2.69-6-6,2.69-6,6-6Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='9 14 11 14 11 11 14 11 14 9 11 9 11 6 9 6 9 9 6 9 6 11 9 11 9 14'/%3E%3Cpath d='m2,10c0,4.42,3.58,8,8,8,1.85,0,3.55-.63,4.9-1.69l5.39,5.39,1.41-1.41-5.39-5.39c1.05-1.35,1.69-3.05,1.69-4.9,0-4.42-3.58-8-8-8S2,5.58,2,10Zm8-6c3.31,0,6,2.69,6,6s-2.69,6-6,6-6-2.69-6-6,2.69-6,6-6Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-zoomout span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='6' y='9' width='8' height='2'/%3E%3Cpath d='m10,18c1.85,0,3.55-.63,4.9-1.69l5.39,5.39,1.41-1.41-5.39-5.39c1.05-1.35,1.69-3.05,1.69-4.9,0-4.42-3.58-8-8-8S2,5.58,2,10s3.58,8,8,8Zm0-14c3.31,0,6,2.69,6,6s-2.69,6-6,6-6-2.69-6-6,2.69-6,6-6Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='6' y='9' width='8' height='2'/%3E%3Cpath d='m10,18c1.85,0,3.55-.63,4.9-1.69l5.39,5.39,1.41-1.41-5.39-5.39c1.05-1.35,1.69-3.05,1.69-4.9,0-4.42-3.58-8-8-8S2,5.58,2,10s3.58,8,8,8Zm0-14c3.31,0,6,2.69,6,6s-2.69,6-6,6-6-2.69-6-6,2.69-6,6-6Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-hamburger span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21,11H3v2h18V11z'/%3E%3Cpath d='M21,5H3v2h18V5z'/%3E%3Cpath d='M21,17H3v2h18V17z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21,11H3v2h18V11z'/%3E%3Cpath d='M21,5H3v2h18V5z'/%3E%3Cpath d='M21,17H3v2h18V17z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-app span::after, label.chip[class*=ico-].ico-thumbnail span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M9.999,11H2.999c-.552,0-1-.448-1-1V3c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M3.999,9h5V4H3.999v5Z'/%3E%3Cpath d='M21,11h-7c-.552,0-1-.448-1-1V3c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M15,9h5V4h-5v5Z'/%3E%3Cpath d='M9.999,22H2.999c-.552,0-1-.448-1-1v-7c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M3.999,20h5v-5H3.999v5Z'/%3E%3Cpath d='M21,22h-7c-.552,0-1-.448-1-1v-7c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M15,20h5v-5h-5v5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M9.999,11H2.999c-.552,0-1-.448-1-1V3c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M3.999,9h5V4H3.999v5Z'/%3E%3Cpath d='M21,11h-7c-.552,0-1-.448-1-1V3c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M15,9h5V4h-5v5Z'/%3E%3Cpath d='M9.999,22H2.999c-.552,0-1-.448-1-1v-7c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M3.999,20h5v-5H3.999v5Z'/%3E%3Cpath d='M21,22h-7c-.552,0-1-.448-1-1v-7c0-.552.448-1,1-1h7c.552,0,1,.448,1,1v7c0,.552-.448,1-1,1M15,20h5v-5h-5v5Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-notification span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M19,19h2v-2h-2v-6c0-3.526-2.609-6.434-6-6.92v-2.08h-2v2.08c-3.391.486-6,3.395-6,6.92v6h-2v2h16ZM7,11c0-2.757,2.243-5,5-5s5,2.243,5,5v6H7v-6Z'/%3E%3Cpath class='cls-2' d='M12,22c1.105,0,2-.895,2-2h-4c0,1.105.895,2,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M19,19h2v-2h-2v-6c0-3.526-2.609-6.434-6-6.92v-2.08h-2v2.08c-3.391.486-6,3.395-6,6.92v6h-2v2h16ZM7,11c0-2.757,2.243-5,5-5s5,2.243,5,5v6H7v-6Z'/%3E%3Cpath class='cls-2' d='M12,22c1.105,0,2-.895,2-2h-4c0,1.105.895,2,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-circle-cancle span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,4c4.411,0,8,3.589,8,8s-3.589,8-8,8-8-3.589-8-8S7.589,4,12,4M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2h0Z'/%3E%3Cpolygon class='cls-2' points='16.707 8.707 15.293 7.293 12 10.586 8.707 7.293 7.293 8.707 10.586 12 7.293 15.293 8.707 16.707 12 13.414 15.293 16.707 16.707 15.293 13.414 12 16.707 8.707'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,4c4.411,0,8,3.589,8,8s-3.589,8-8,8-8-3.589-8-8S7.589,4,12,4M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2h0Z'/%3E%3Cpolygon class='cls-2' points='16.707 8.707 15.293 7.293 12 10.586 8.707 7.293 7.293 8.707 10.586 12 7.293 15.293 8.707 16.707 12 13.414 15.293 16.707 16.707 15.293 13.414 12 16.707 8.707'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-sort span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cg clip-path='url(%23clip0_2769_1491)'%3E%3Cpath d='M9.41085 8.08919L10.5892 6.91086L6.42251 2.74419C6.09668 2.41836 5.57001 2.41836 5.24418 2.74419L1.07751 6.91086L2.25585 8.08919L5.00001 5.34503V17.5H6.66668V5.34503L9.41085 8.08919Z' fill='%23333333'/%3E%3Cpath d='M17.7442 11.9109L15 14.655V2.50003H13.3333V14.655L10.5892 11.9109L9.41085 13.0892L13.5775 17.2559C13.74 17.4184 13.9533 17.5 14.1667 17.5C14.38 17.5 14.5933 17.4184 14.7558 17.2559L18.9225 13.0892L17.7442 11.9109Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2769_1491'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cg clip-path='url(%23clip0_2769_1491)'%3E%3Cpath d='M9.41085 8.08919L10.5892 6.91086L6.42251 2.74419C6.09668 2.41836 5.57001 2.41836 5.24418 2.74419L1.07751 6.91086L2.25585 8.08919L5.00001 5.34503V17.5H6.66668V5.34503L9.41085 8.08919Z' fill='%23333333'/%3E%3Cpath d='M17.7442 11.9109L15 14.655V2.50003H13.3333V14.655L10.5892 11.9109L9.41085 13.0892L13.5775 17.2559C13.74 17.4184 13.9533 17.5 14.1667 17.5C14.38 17.5 14.5933 17.4184 14.7558 17.2559L18.9225 13.0892L17.7442 11.9109Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2769_1491'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-thumblist span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cg clip-path='url(%23clip0_2771_1560)'%3E%3Cpath d='M9 11H3C2.447 11 2 10.553 2 10V4C2 3.447 2.447 3 3 3H9C9.553 3 10 3.447 10 4V10C10 10.553 9.553 11 9 11ZM4 9H8V5H4V9Z' fill='%23333333'/%3E%3Cpath d='M9 21H3C2.447 21 2 20.553 2 20V14C2 13.447 2.447 13 3 13H9C9.553 13 10 13.447 10 14V20C10 20.553 9.553 21 9 21ZM4 19H8V15H4V19Z' fill='%23333333'/%3E%3Cpath d='M22 4H12V6H22V4Z' fill='%23333333'/%3E%3Cpath d='M22 8H12V10H22V8Z' fill='%23333333'/%3E%3Cpath d='M22 14H12V16H22V14Z' fill='%23333333'/%3E%3Cpath d='M22 18H12V20H22V18Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2771_1560'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cg clip-path='url(%23clip0_2771_1560)'%3E%3Cpath d='M9 11H3C2.447 11 2 10.553 2 10V4C2 3.447 2.447 3 3 3H9C9.553 3 10 3.447 10 4V10C10 10.553 9.553 11 9 11ZM4 9H8V5H4V9Z' fill='%23333333'/%3E%3Cpath d='M9 21H3C2.447 21 2 20.553 2 20V14C2 13.447 2.447 13 3 13H9C9.553 13 10 13.447 10 14V20C10 20.553 9.553 21 9 21ZM4 19H8V15H4V19Z' fill='%23333333'/%3E%3Cpath d='M22 4H12V6H22V4Z' fill='%23333333'/%3E%3Cpath d='M22 8H12V10H22V8Z' fill='%23333333'/%3E%3Cpath d='M22 14H12V16H22V14Z' fill='%23333333'/%3E%3Cpath d='M22 18H12V20H22V18Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2771_1560'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-circle-chevron-up span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293 8.29301L6.29297 13.293L7.70697 14.707L12 10.414L16.293 14.707L17.707 13.293L12.707 8.29301C12.316 7.90201 11.684 7.90201 11.293 8.29301Z' fill='%23333333'/%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293 8.29301L6.29297 13.293L7.70697 14.707L12 10.414L16.293 14.707L17.707 13.293L12.707 8.29301C12.316 7.90201 11.684 7.90201 11.293 8.29301Z' fill='%23333333'/%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-circle-chevron-down span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,13.586l-4.293-4.293-1.414,1.414,5,5c.195.195.451.293.707.293s.512-.098.707-.293l5-5-1.414-1.414-4.293,4.293Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,13.586l-4.293-4.293-1.414,1.414,5,5c.195.195.451.293.707.293s.512-.098.707-.293l5-5-1.414-1.414-4.293,4.293Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-circle-chevron-left span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Cpath class='cls-2' d='M13.293,6.293l-5,5c-.391.391-.391,1.023,0,1.414l5,5,1.414-1.414-4.293-4.293,4.293-4.293-1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Cpath class='cls-2' d='M13.293,6.293l-5,5c-.391.391-.391,1.023,0,1.414l5,5,1.414-1.414-4.293-4.293,4.293-4.293-1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-circle-chevron-right span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M10.707,6.293l-1.414,1.414,4.293,4.293-4.293,4.293,1.414,1.414,5-5c.391-.391.391-1.023,0-1.414l-5-5Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M10.707,6.293l-1.414,1.414,4.293,4.293-4.293,4.293,1.414,1.414,5-5c.391-.391.391-1.023,0-1.414l-5-5Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-circle-plus span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='13 7 11 7 11 11 7 11 7 13 11 13 11 17 13 17 13 13 17 13 17 11 13 11 13 7'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='13 7 11 7 11 11 7 11 7 13 11 13 11 17 13 17 13 13 17 13 17 11 13 11 13 7'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-circle-minus span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='7' y='11' width='10' height='2'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='7' y='11' width='10' height='2'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-circle-close span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='15.293 7.293 12 10.586 8.707 7.293 7.293 8.707 10.586 12 7.293 15.293 8.707 16.707 12 13.414 15.293 16.707 16.707 15.293 13.414 12 16.707 8.707 15.293 7.293'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon class='cls-2' points='15.293 7.293 12 10.586 8.707 7.293 7.293 8.707 10.586 12 7.293 15.293 8.707 16.707 12 13.414 15.293 16.707 16.707 15.293 13.414 12 16.707 8.707 15.293 7.293'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-circle-check span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M16.293,8.293l-5.293,5.293-3.293-3.293-1.414,1.414,4,4c.195.195.451.293.707.293s.512-.098.707-.293l6-6-1.414-1.414Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M16.293,8.293l-5.293,5.293-3.293-3.293-1.414,1.414,4,4c.195.195.451.293.707.293s.512-.098.707-.293l6-6-1.414-1.414Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-adjust span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M18.816,5c-.414-1.161-1.514-2-2.816-2s-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184ZM16,7c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M8,9c-1.302,0-2.402.839-2.816,2h-2.184v2h2.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h10.184v-2h-10.184c-.414-1.161-1.514-2-2.816-2ZM8,13c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M16,15c-1.302,0-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184c-.414-1.161-1.514-2-2.816-2ZM16,19c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M18.816,5c-.414-1.161-1.514-2-2.816-2s-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184ZM16,7c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M8,9c-1.302,0-2.402.839-2.816,2h-2.184v2h2.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h10.184v-2h-10.184c-.414-1.161-1.514-2-2.816-2ZM8,13c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M16,15c-1.302,0-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184c-.414-1.161-1.514-2-2.816-2ZM16,19c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico- span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12.47,3.956l-6.47,4.044H2v8h4l6.47,4.044c.666.416,1.53-.063,1.53-.848V4.804c0-.785-.864-1.264-1.53-.848ZM12,17.391l-4.94-3.087c-.318-.199-.685-.304-1.06-.304h-2v-4h2c.375,0,.742-.105,1.06-.304l4.94-3.087v10.782Z'/%3E%3Cpolygon class='cls-2' points='22.707 9.707 21.293 8.293 19 10.586 16.707 8.293 15.293 9.707 17.586 12 15.293 14.293 16.707 15.707 19 13.414 21.293 15.707 22.707 14.293 20.414 12 22.707 9.707'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M12.47,3.956l-6.47,4.044H2v8h4l6.47,4.044c.666.416,1.53-.063,1.53-.848V4.804c0-.785-.864-1.264-1.53-.848ZM12,17.391l-4.94-3.087c-.318-.199-.685-.304-1.06-.304h-2v-4h2c.375,0,.742-.105,1.06-.304l4.94-3.087v10.782Z'/%3E%3Cpolygon class='cls-2' points='22.707 9.707 21.293 8.293 19 10.586 16.707 8.293 15.293 9.707 17.586 12 15.293 14.293 16.707 15.707 19 13.414 21.293 15.707 22.707 14.293 20.414 12 22.707 9.707'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-sound-mute span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12.47,3.956l-6.47,4.044H2v8h4l6.47,4.044c.666.416,1.53-.063,1.53-.848V4.804c0-.785-.864-1.264-1.53-.848ZM12,17.391l-4.94-3.087c-.318-.199-.685-.304-1.06-.304h-2v-4h2c.375,0,.742-.105,1.06-.304l4.94-3.087v10.782Z'/%3E%3Cpolygon points='22.707 9.707 21.293 8.293 19 10.586 16.707 8.293 15.293 9.707 17.586 12 15.293 14.293 16.707 15.707 19 13.414 21.293 15.707 22.707 14.293 20.414 12 22.707 9.707'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12.47,3.956l-6.47,4.044H2v8h4l6.47,4.044c.666.416,1.53-.063,1.53-.848V4.804c0-.785-.864-1.264-1.53-.848ZM12,17.391l-4.94-3.087c-.318-.199-.685-.304-1.06-.304h-2v-4h2c.375,0,.742-.105,1.06-.304l4.94-3.087v10.782Z'/%3E%3Cpolygon points='22.707 9.707 21.293 8.293 19 10.586 16.707 8.293 15.293 9.707 17.586 12 15.293 14.293 16.707 15.707 19 13.414 21.293 15.707 22.707 14.293 20.414 12 22.707 9.707'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-link-item span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M4,4h10v1h2v-2c0-.552-.448-1-1-1H3c-.552,0-1,.448-1,1v12c0,.552.448,1,1,1h2v-2h-1V4Z'/%3E%3Cpath d='M21,8h-2v2h1v10h-10v-1h-2v2c0,.552.448,1,1,1h12c.552,0,1-.448,1-1v-12c0-.552-.448-1-1-1Z'/%3E%3Cpath d='M8.892,18.23c.837,0,1.624-.326,2.216-.918l.477-.477-1.414-1.414-.477.476c-.214.215-.5.333-.803.333-.336-.002-.593-.12-.808-.338-.438-.444-.433-1.163.009-1.602l2.989-2.964c.439-.435,1.152-.434,1.589.003l1.414-1.414c-1.213-1.215-3.193-1.218-4.411-.009l-2.989,2.964c-1.223,1.213-1.234,3.198-.026,4.426.591.599,1.38.931,2.221.934h.012Z'/%3E%3Cpath d='M12.906,6.686l-.5.509,1.428,1.4.49-.5c.438-.435,1.151-.435,1.589.003.439.439.439,1.153,0,1.592l-2.976,2.977c-.214.214-.499.332-.802.332-.33-.032-.594-.121-.809-.339l-1.425,1.404c.591.6,1.38.932,2.222.935h.012c.837,0,1.624-.326,2.216-.918l2.976-2.977c1.219-1.219,1.219-3.201,0-4.42-1.214-1.214-3.193-1.219-4.421,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M4,4h10v1h2v-2c0-.552-.448-1-1-1H3c-.552,0-1,.448-1,1v12c0,.552.448,1,1,1h2v-2h-1V4Z'/%3E%3Cpath d='M21,8h-2v2h1v10h-10v-1h-2v2c0,.552.448,1,1,1h12c.552,0,1-.448,1-1v-12c0-.552-.448-1-1-1Z'/%3E%3Cpath d='M8.892,18.23c.837,0,1.624-.326,2.216-.918l.477-.477-1.414-1.414-.477.476c-.214.215-.5.333-.803.333-.336-.002-.593-.12-.808-.338-.438-.444-.433-1.163.009-1.602l2.989-2.964c.439-.435,1.152-.434,1.589.003l1.414-1.414c-1.213-1.215-3.193-1.218-4.411-.009l-2.989,2.964c-1.223,1.213-1.234,3.198-.026,4.426.591.599,1.38.931,2.221.934h.012Z'/%3E%3Cpath d='M12.906,6.686l-.5.509,1.428,1.4.49-.5c.438-.435,1.151-.435,1.589.003.439.439.439,1.153,0,1.592l-2.976,2.977c-.214.214-.499.332-.802.332-.33-.032-.594-.121-.809-.339l-1.425,1.404c.591.6,1.38.932,2.222.935h.012c.837,0,1.624-.326,2.216-.918l2.976-2.977c1.219-1.219,1.219-3.201,0-4.42-1.214-1.214-3.193-1.219-4.421,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-shuffle span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18.707,13.293l-1.414,1.414,1.293,1.293h-3.172l-4-4,4-4h3.172l-1.293,1.293,1.414,1.414,3-3c.391-.391.391-1.023,0-1.414l-3-3-1.414,1.414,1.293,1.293h-3.586c-.265,0-.52.105-.707.293l-4.293,4.293-4.293-4.293c-.188-.188-.442-.293-.707-.293h-3v2h2.586l4,4-4,4h-2.586v2h3c.265,0,.52-.105.707-.293l4.293-4.293,4.293,4.293c.188.188.442.293.707.293h3.586l-1.293,1.293,1.414,1.414,3-3c.391-.391.391-1.023,0-1.414l-3-3Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18.707,13.293l-1.414,1.414,1.293,1.293h-3.172l-4-4,4-4h3.172l-1.293,1.293,1.414,1.414,3-3c.391-.391.391-1.023,0-1.414l-3-3-1.414,1.414,1.293,1.293h-3.586c-.265,0-.52.105-.707.293l-4.293,4.293-4.293-4.293c-.188-.188-.442-.293-.707-.293h-3v2h2.586l4,4-4,4h-2.586v2h3c.265,0,.52-.105.707-.293l4.293-4.293,4.293,4.293c.188.188.442.293.707.293h3.586l-1.293,1.293,1.414,1.414,3-3c.391-.391.391-1.023,0-1.414l-3-3Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-repeat span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,10.586l-1.293-1.293-1.414,1.414,3,3c.195.195.451.293.707.293s.512-.098.707-.293l3-3-1.414-1.414-1.293,1.293v-4.586c0-.552-.448-1-1-1H4v2h14v3.586Z'/%3E%3Cpath d='M6,12.414l1.293,1.293,1.414-1.414-3-3c-.391-.391-1.023-.391-1.414,0l-3,3,1.414,1.414,1.293-1.293v5.586c0,.552.448,1,1,1h15v-2H6v-4.586Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,10.586l-1.293-1.293-1.414,1.414,3,3c.195.195.451.293.707.293s.512-.098.707-.293l3-3-1.414-1.414-1.293,1.293v-4.586c0-.552-.448-1-1-1H4v2h14v3.586Z'/%3E%3Cpath d='M6,12.414l1.293,1.293,1.414-1.414-3-3c-.391-.391-1.023-.391-1.414,0l-3,3,1.414,1.414,1.293-1.293v5.586c0,.552.448,1,1,1h15v-2H6v-4.586Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-arrows span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293,9.707l1.414-1.414L7.707,3.293c-.391-.391-1.023-.391-1.414,0L1.293,8.293l1.414,1.414,3.293-3.293v14.586h2V6.414l3.293,3.293Z'/%3E%3Cpath d='M21.293,14.293l-3.293,3.293V3h-2v14.586l-3.293-3.293-1.414,1.414,5,5c.195.195.451.293.707.293s.512-.098.707-.293l5-5-1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293,9.707l1.414-1.414L7.707,3.293c-.391-.391-1.023-.391-1.414,0L1.293,8.293l1.414,1.414,3.293-3.293v14.586h2V6.414l3.293,3.293Z'/%3E%3Cpath d='M21.293,14.293l-3.293,3.293V3h-2v14.586l-3.293-3.293-1.414,1.414,5,5c.195.195.451.293.707.293s.512-.098.707-.293l5-5-1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-arrow-up-right span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19,4H7v2h9.586l-12.293,12.293,1.414,1.414,12.293-12.293v9.586h2V5c0-.552-.447-1-1-1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19,4H7v2h9.586l-12.293,12.293,1.414,1.414,12.293-12.293v9.586h2V5c0-.552-.447-1-1-1Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-arrow-up-left span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.707,18.293L7.414,6h9.586v-2H5c-.553,0-1,.448-1,1v12h2V7.414l12.293,12.293,1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.707,18.293L7.414,6h9.586v-2H5c-.553,0-1,.448-1,1v12h2V7.414l12.293,12.293,1.414-1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-arrow-down-left span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.707,5.707l-1.414-1.414-12.293,12.293V7h-2v12c0,.553.447,1,1,1h12v-2H7.414l12.293-12.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.707,5.707l-1.414-1.414-12.293,12.293V7h-2v12c0,.553.447,1,1,1h12v-2H7.414l12.293-12.293Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-arrow-down-right span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,7v9.586L5.707,4.293l-1.414,1.414,12.293,12.293H7v2h12c.553,0,1-.447,1-1V7h-2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,7v9.586L5.707,4.293l-1.414,1.414,12.293,12.293H7v2h12c.553,0,1-.447,1-1V7h-2Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-chevron-left span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M15.293,21.707L6.293,12.707c-.391-.391-.391-1.023,0-1.414L15.293,2.293l1.414,1.414-8.293,8.293,8.293,8.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M15.293,21.707L6.293,12.707c-.391-.391-.391-1.023,0-1.414L15.293,2.293l1.414,1.414-8.293,8.293,8.293,8.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-chevron-right span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M8.707,21.707l-1.414-1.414,8.293-8.293L7.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M8.707,21.707l-1.414-1.414,8.293-8.293L7.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-chevron-up span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20.293,16.707l-8.293-8.293L3.708,16.707l-1.414-1.414L11.293,6.293c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20.293,16.707l-8.293-8.293L3.708,16.707l-1.414-1.414L11.293,6.293c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-chevron-down span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,18c-.256,0-.512-.098-.707-.293L2.293,8.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,18c-.256,0-.512-.098-.707-.293L2.293,8.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-chevron-double-left span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M13.293,21.707L4.293,12.707c-.391-.391-.391-1.023,0-1.414L13.293,2.293l1.414,1.414L6.414,12l8.293,8.293-1.414,1.414Z'/%3E%3Cpath d='M18.293,21.707l-9-9c-.391-.391-.391-1.023,0-1.414L18.293,2.293l1.414,1.414-8.293,8.293,8.293,8.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M13.293,21.707L4.293,12.707c-.391-.391-.391-1.023,0-1.414L13.293,2.293l1.414,1.414L6.414,12l8.293,8.293-1.414,1.414Z'/%3E%3Cpath d='M18.293,21.707l-9-9c-.391-.391-.391-1.023,0-1.414L18.293,2.293l1.414,1.414-8.293,8.293,8.293,8.293-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-chevron-double-right span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.707,21.707l-1.414-1.414,8.293-8.293L9.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3Cpath d='M5.707,21.707l-1.414-1.414,8.293-8.293L4.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M10.707,21.707l-1.414-1.414,8.293-8.293L9.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3Cpath d='M5.707,21.707l-1.414-1.414,8.293-8.293L4.293,3.707l1.414-1.414,9,9c.391.391.391,1.023,0,1.414l-9,9Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-chevron-double-up span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20.293,14.707L12,6.414,3.707,14.707l-1.414-1.414L11.293,4.293c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3Cpath d='M20.293,19.707l-8.293-8.293L3.707,19.707l-1.414-1.414,9-9c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20.293,14.707L12,6.414,3.707,14.707l-1.414-1.414L11.293,4.293c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3Cpath d='M20.293,19.707l-8.293-8.293L3.707,19.707l-1.414-1.414,9-9c.391-.391,1.023-.391,1.414,0l9,9-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-chevron-double-down span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,20c-.256,0-.512-.098-.707-.293L2.293,10.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3Cpath d='M12,15c-.256,0-.512-.098-.707-.293L2.293,5.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,20c-.256,0-.512-.098-.707-.293L2.293,10.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3Cpath d='M12,15c-.256,0-.512-.098-.707-.293L2.293,5.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-caret-left span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M7.533,11.6l6.667-5c.33-.247.8-.012.8.4v10c0,.412-.47.647-.8.4l-6.667-5c-.267-.2-.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M7.533,11.6l6.667-5c.33-.247.8-.012.8.4v10c0,.412-.47.647-.8.4l-6.667-5c-.267-.2-.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-caret-right span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M16.467,11.6l-6.667-5c-.33-.247-.8-.012-.8.4v10c0,.412.47.647.8.4l6.667-5c.267-.2.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M16.467,11.6l-6.667-5c-.33-.247-.8-.012-.8.4v10c0,.412.47.647.8.4l6.667-5c.267-.2.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-caret-up span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,7.533l-5,6.667c-.247.33-.012.8.4.8h10c.412,0,.647-.47.4-.8l-5-6.667c-.2-.267-.6-.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,7.533l-5,6.667c-.247.33-.012.8.4.8h10c.412,0,.647-.47.4-.8l-5-6.667c-.2-.267-.6-.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-caret-down span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,16.467l-5-6.667c-.247-.33-.012-.8.4-.8h10c.412,0,.647.47.4.8l-5,6.667c-.2.267-.6.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,16.467l-5-6.667c-.247-.33-.012-.8.4-.8h10c.412,0,.647.47.4.8l-5,6.667c-.2.267-.6.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-caret-sort span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.593,2.57l-4.028,5.64c-.236.331,0,.791.407.791h8.057c.407,0,.643-.46.407-.791l-4.028-5.64c-.199-.279-.614-.279-.814,0Z'/%3E%3Cpath d='M11.593,21.43l-4.028-5.64c-.236-.331,0-.791.407-.791h8.057c.407,0,.643.46.407.791l-4.028,5.64c-.199.279-.614.279-.814,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.593,2.57l-4.028,5.64c-.236.331,0,.791.407.791h8.057c.407,0,.643-.46.407-.791l-4.028-5.64c-.199-.279-.614-.279-.814,0Z'/%3E%3Cpath d='M11.593,21.43l-4.028-5.64c-.236-.331,0-.791.407-.791h8.057c.407,0,.643.46.407.791l-4.028,5.64c-.199.279-.614.279-.814,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-sprout span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M23,4c-.708-.175-1.761-.374-3.032-.374-.896,0-1.9.099-2.968.374-1.167.301-2.701.696-4,2-.421.422-.734.882-1,1.348-.266-.466-.579-.926-1-1.348-1.299-1.304-2.833-1.699-4-2-1.068-.275-2.072-.374-2.968-.374-1.271,0-2.324.199-3.032.374-.024.777-.015,3.547,2,6,.555.675,2.174,2.585,5,3,.369.054.726.078,1.068.078.719,0,1.369-.106,1.932-.254v2.228c-3.945.37-7,2.889-7,5.948h16c0-3.059-3.055-5.578-7-5.948v-2.228c.563.148,1.213.254,1.932.254.342,0,.699-.024,1.068-.078,2.826-.415,4.445-2.325,5-3,2.015-2.453,2.024-5.223,2-6ZM8.29,11.021c-2.119-.311-3.343-1.801-3.745-2.29-.843-1.027-1.236-2.146-1.413-3.066.301-.026.601-.039.9-.039.838,0,1.669.105,2.469.311,1.067.275,2.17.559,3.082,1.475.997,1,1.322,2.318,1.41,3.324-.527.188-1.183.342-1.925.342-.259,0-.521-.019-.778-.057ZM6.832,19c1.055-1.186,2.999-2,5.168-2s4.113.814,5.168,2H6.832ZM19.455,8.731c-.402.489-1.626,1.979-3.745,2.29-.257.038-.519.057-.778.057-.742,0-1.398-.154-1.925-.342.088-1.006.413-2.324,1.41-3.324.912-.916,2.015-1.2,3.082-1.475.8-.206,1.631-.311,2.469-.311.299,0,.599.013.9.039-.177.92-.57,2.039-1.413,3.066Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M23,4c-.708-.175-1.761-.374-3.032-.374-.896,0-1.9.099-2.968.374-1.167.301-2.701.696-4,2-.421.422-.734.882-1,1.348-.266-.466-.579-.926-1-1.348-1.299-1.304-2.833-1.699-4-2-1.068-.275-2.072-.374-2.968-.374-1.271,0-2.324.199-3.032.374-.024.777-.015,3.547,2,6,.555.675,2.174,2.585,5,3,.369.054.726.078,1.068.078.719,0,1.369-.106,1.932-.254v2.228c-3.945.37-7,2.889-7,5.948h16c0-3.059-3.055-5.578-7-5.948v-2.228c.563.148,1.213.254,1.932.254.342,0,.699-.024,1.068-.078,2.826-.415,4.445-2.325,5-3,2.015-2.453,2.024-5.223,2-6ZM8.29,11.021c-2.119-.311-3.343-1.801-3.745-2.29-.843-1.027-1.236-2.146-1.413-3.066.301-.026.601-.039.9-.039.838,0,1.669.105,2.469.311,1.067.275,2.17.559,3.082,1.475.997,1,1.322,2.318,1.41,3.324-.527.188-1.183.342-1.925.342-.259,0-.521-.019-.778-.057ZM6.832,19c1.055-1.186,2.999-2,5.168-2s4.113.814,5.168,2H6.832ZM19.455,8.731c-.402.489-1.626,1.979-3.745,2.29-.257.038-.519.057-.778.057-.742,0-1.398-.154-1.925-.342.088-1.006.413-2.324,1.41-3.324.912-.916,2.015-1.2,3.082-1.475.8-.206,1.631-.311,2.469-.311.299,0,.599.013.9.039-.177.92-.57,2.039-1.413,3.066Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-clover span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19,12c.408-.325.735-.666,1-1,2.3-2.896,1.281-6.988,1-8-.508-.141-1.791-.468-3.31-.468-1.508,0-3.247.322-4.69,1.468-.333.265-.674.592-1,1-.325-.408-.666-.735-1-1-1.442-1.146-3.182-1.468-4.689-1.468-1.519,0-2.803.327-3.311.468-.281,1.012-1.3,5.104,1,8,.265.334.593.675,1,1-.407.325-.735.666-1,1-2.3,2.896-1.281,6.988-1,8,.508.141,1.792.468,3.311.468,1.507,0,3.247-.322,4.689-1.468.334-.265.675-.592,1-1,.326.408.667.735,1,1,1.443,1.146,3.182,1.468,4.69,1.468,1.519,0,2.802-.327,3.31-.468.281-1.012,1.3-5.104-1-8-.265-.334-.592-.675-1-1ZM14.244,5.566c.864-.686,2.023-1.034,3.446-1.034.526,0,1.079.048,1.637.142.247,1.455.311,3.566-.893,5.082-.197.248-.426.477-.682.681l-.705.563h-4.047v-4.047l.563-.705c.204-.256.433-.485.681-.682ZM4.674,4.674c.557-.094,1.11-.142,1.636-.142,1.423,0,2.583.348,3.446,1.034.248.197.477.426.681.682l.563.705v4.047h-4.047l-.705-.563c-.255-.204-.485-.433-.682-.681-1.204-1.516-1.139-3.627-.892-5.082ZM10.437,17.752c-.204.256-.433.485-.681.682-.864.686-2.023,1.034-3.445,1.034-.527,0-1.08-.048-1.637-.142-.247-1.455-.312-3.566.892-5.082.197-.248.427-.477.682-.681l.705-.563h4.047v4.047l-.563.705ZM19.327,19.326c-.558.094-1.111.142-1.637.142-1.423,0-2.582-.348-3.446-1.034-.248-.197-.477-.426-.681-.682l-.563-.705v-4.047h4.047l.705.563c.256.204.485.433.682.681,1.204,1.516,1.14,3.627.893,5.082Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19,12c.408-.325.735-.666,1-1,2.3-2.896,1.281-6.988,1-8-.508-.141-1.791-.468-3.31-.468-1.508,0-3.247.322-4.69,1.468-.333.265-.674.592-1,1-.325-.408-.666-.735-1-1-1.442-1.146-3.182-1.468-4.689-1.468-1.519,0-2.803.327-3.311.468-.281,1.012-1.3,5.104,1,8,.265.334.593.675,1,1-.407.325-.735.666-1,1-2.3,2.896-1.281,6.988-1,8,.508.141,1.792.468,3.311.468,1.507,0,3.247-.322,4.689-1.468.334-.265.675-.592,1-1,.326.408.667.735,1,1,1.443,1.146,3.182,1.468,4.69,1.468,1.519,0,2.802-.327,3.31-.468.281-1.012,1.3-5.104-1-8-.265-.334-.592-.675-1-1ZM14.244,5.566c.864-.686,2.023-1.034,3.446-1.034.526,0,1.079.048,1.637.142.247,1.455.311,3.566-.893,5.082-.197.248-.426.477-.682.681l-.705.563h-4.047v-4.047l.563-.705c.204-.256.433-.485.681-.682ZM4.674,4.674c.557-.094,1.11-.142,1.636-.142,1.423,0,2.583.348,3.446,1.034.248.197.477.426.681.682l.563.705v4.047h-4.047l-.705-.563c-.255-.204-.485-.433-.682-.681-1.204-1.516-1.139-3.627-.892-5.082ZM10.437,17.752c-.204.256-.433.485-.681.682-.864.686-2.023,1.034-3.445,1.034-.527,0-1.08-.048-1.637-.142-.247-1.455-.312-3.566.892-5.082.197-.248.427-.477.682-.681l.705-.563h4.047v4.047l-.563.705ZM19.327,19.326c-.558.094-1.111.142-1.637.142-1.423,0-2.582-.348-3.446-1.034-.248-.197-.477-.426-.681-.682l-.563-.705v-4.047h4.047l.705.563c.256.204.485.433.682.681,1.204,1.516,1.14,3.627.893,5.082Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-tree span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.729,10.985c.164-.467.271-.962.271-1.485,0-2.316-1.756-4.201-4.005-4.45,0-.017.005-.033.005-.05,0-2.209-1.791-4-4-4s-4,1.791-4,4c0,.017.005.033.005.05-2.249.249-4.005,2.134-4.005,4.45,0,.523.107,1.018.271,1.485-.793.953-1.271,2.178-1.271,3.515,0,3.038,2.462,5.5,5.5,5.5h2.5v3h2v-3h2.5c3.038,0,5.5-2.462,5.5-5.5,0-1.337-.478-2.562-1.271-3.515ZM15.5,18h-2.5v-.586l2.707-2.707-1.414-1.414-1.293,1.293v-3.586h-2v3.586l-1.293-1.293-1.414,1.414,2.707,2.707v.586h-2.5c-1.93,0-3.5-1.57-3.5-3.5,0-.827.279-1.6.808-2.236.45-.541.583-1.278.35-1.942-.106-.302-.158-.571-.158-.822,0-1.263.957-2.322,2.225-2.462,1.022-.114,1.791-.982,1.78-2.009,0-.034-.002-.068-.004-.102.039-1.069.921-1.927,1.999-1.927s1.962.86,1.999,1.931c-.002.034-.004.067-.004.098-.011,1.027.758,1.895,1.78,2.009,1.268.14,2.225,1.199,2.225,2.462,0,.251-.052.52-.158.822-.233.664-.1,1.401.35,1.942.529.636.808,1.409.808,2.236,0,1.93-1.57,3.5-3.5,3.5Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M19.729,10.985c.164-.467.271-.962.271-1.485,0-2.316-1.756-4.201-4.005-4.45,0-.017.005-.033.005-.05,0-2.209-1.791-4-4-4s-4,1.791-4,4c0,.017.005.033.005.05-2.249.249-4.005,2.134-4.005,4.45,0,.523.107,1.018.271,1.485-.793.953-1.271,2.178-1.271,3.515,0,3.038,2.462,5.5,5.5,5.5h2.5v3h2v-3h2.5c3.038,0,5.5-2.462,5.5-5.5,0-1.337-.478-2.562-1.271-3.515ZM15.5,18h-2.5v-.586l2.707-2.707-1.414-1.414-1.293,1.293v-3.586h-2v3.586l-1.293-1.293-1.414,1.414,2.707,2.707v.586h-2.5c-1.93,0-3.5-1.57-3.5-3.5,0-.827.279-1.6.808-2.236.45-.541.583-1.278.35-1.942-.106-.302-.158-.571-.158-.822,0-1.263.957-2.322,2.225-2.462,1.022-.114,1.791-.982,1.78-2.009,0-.034-.002-.068-.004-.102.039-1.069.921-1.927,1.999-1.927s1.962.86,1.999,1.931c-.002.034-.004.067-.004.098-.011,1.027.758,1.895,1.78,2.009,1.268.14,2.225,1.199,2.225,2.462,0,.251-.052.52-.158.822-.233.664-.1,1.401.35,1.942.529.636.808,1.409.808,2.236,0,1.93-1.57,3.5-3.5,3.5Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-code-scan span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,7c0-.553-.448-1-1-1H7c-.552,0-1,.447-1,1v4H2v2h4v4c0,.553.448,1,1,1h10c.552,0,1-.447,1-1v-4h4v-2h-4v-4ZM8,8h8v3h-8v-3ZM16,16h-8v-3h8v3Z'/%3E%3Cpath class='cls-2' d='M4,4h4v-2H3c-.552,0-1,.447-1,1v5h2v-4Z'/%3E%3Cpath class='cls-2' d='M4,16h-2v5c0,.553.448,1,1,1h5v-2h-4v-4Z'/%3E%3Cpath class='cls-2' d='M20,20h-4v2h5c.552,0,1-.447,1-1v-5h-2v4Z'/%3E%3Cpath class='cls-2' d='M21,2h-5v2h4v4h2V3c0-.553-.448-1-1-1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M18,7c0-.553-.448-1-1-1H7c-.552,0-1,.447-1,1v4H2v2h4v4c0,.553.448,1,1,1h10c.552,0,1-.447,1-1v-4h4v-2h-4v-4ZM8,8h8v3h-8v-3ZM16,16h-8v-3h8v3Z'/%3E%3Cpath class='cls-2' d='M4,4h4v-2H3c-.552,0-1,.447-1,1v5h2v-4Z'/%3E%3Cpath class='cls-2' d='M4,16h-2v5c0,.553.448,1,1,1h5v-2h-4v-4Z'/%3E%3Cpath class='cls-2' d='M20,20h-4v2h5c.552,0,1-.447,1-1v-5h-2v4Z'/%3E%3Cpath class='cls-2' d='M21,2h-5v2h4v4h2V3c0-.553-.448-1-1-1Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-circle-play span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Cpath d='M16.555,11.168l-6-4c-.307-.205-.703-.225-1.026-.05-.325.174-.528.513-.528.882v8c0,.369.203.708.528.882.147.079.31.118.472.118.194,0,.387-.057.555-.168l6-4c.278-.186.445-.498.445-.832s-.167-.646-.445-.832Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Cpath d='M16.555,11.168l-6-4c-.307-.205-.703-.225-1.026-.05-.325.174-.528.513-.528.882v8c0,.369.203.708.528.882.147.079.31.118.472.118.194,0,.387-.057.555-.168l6-4c.278-.186.445-.498.445-.832s-.167-.646-.445-.832Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-circle-pause span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Crect x='9' y='7' width='2' height='10'/%3E%3Crect x='13' y='7' width='2' height='10'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Crect x='9' y='7' width='2' height='10'/%3E%3Crect x='13' y='7' width='2' height='10'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-circle-stop span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Crect x='8' y='8' width='8' height='8' rx='1' ry='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3Crect x='8' y='8' width='8' height='8' rx='1' ry='1'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-present span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21,6h-1.149c.332-1.18.05-2.498-.876-3.425-1.364-1.365-3.584-1.363-4.949,0l-2.025,2.026-2.025-2.026c-1.364-1.365-3.585-1.363-4.949,0-.927.926-1.208,2.245-.876,3.425h-1.149c-.552,0-1,.447-1,1v4c0,.553.448,1,1,1v9c0,.553.448,1,1,1h16c.552,0,1-.447,1-1v-9c.552,0,1-.447,1-1v-4c0-.553-.448-1-1-1ZM20,10h-7v-2h7v2ZM15.439,3.989c.585-.584,1.536-.584,2.121,0,.552.552.564,1.422.074,2.011h-4.205l2.01-2.011ZM6.439,3.989c.585-.584,1.536-.584,2.121,0l2.01,2.011h-4.205c-.49-.589-.479-1.459.074-2.011ZM4,8h7v2h-7v-2ZM5,12h6v8h-6v-8ZM19,20h-6v-8h6v8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21,6h-1.149c.332-1.18.05-2.498-.876-3.425-1.364-1.365-3.584-1.363-4.949,0l-2.025,2.026-2.025-2.026c-1.364-1.365-3.585-1.363-4.949,0-.927.926-1.208,2.245-.876,3.425h-1.149c-.552,0-1,.447-1,1v4c0,.553.448,1,1,1v9c0,.553.448,1,1,1h16c.552,0,1-.447,1-1v-9c.552,0,1-.447,1-1v-4c0-.553-.448-1-1-1ZM20,10h-7v-2h7v2ZM15.439,3.989c.585-.584,1.536-.584,2.121,0,.552.552.564,1.422.074,2.011h-4.205l2.01-2.011ZM6.439,3.989c.585-.584,1.536-.584,2.121,0l2.01,2.011h-4.205c-.49-.589-.479-1.459.074-2.011ZM4,8h7v2h-7v-2ZM5,12h6v8h-6v-8ZM19,20h-6v-8h6v8Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-text-scale span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='21 3.5 7 3.5 7 6.5 12.5 6.5 12.5 21 15.5 21 15.5 6.5 21 6.5 21 3.5'/%3E%3Cpolygon points='2 11 5 11 5 20 7 20 7 11 10 11 10 9 2 9 2 11'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='21 3.5 7 3.5 7 6.5 12.5 6.5 12.5 21 15.5 21 15.5 6.5 21 6.5 21 3.5'/%3E%3Cpolygon points='2 11 5 11 5 20 7 20 7 11 10 11 10 9 2 9 2 11'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-siren span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20,16h-1v-3c0-3.859-3.141-7-7-7s-7,3.141-7,7v3h-1c-.553,0-1,.447-1,1v4c0,.553.447,1,1,1h16c.553,0,1-.447,1-1v-4c0-.553-.447-1-1-1ZM7,13c0-2.757,2.243-5,5-5s5,2.243,5,5v3H7v-3ZM19,20H5v-2h14v2Z'/%3E%3Crect x='11' y='2' width='2' height='3'/%3E%3Crect class='cls-2' x='17.586' y='5' width='2.828' height='2' transform='translate(1.322 15.192) rotate(-45)'/%3E%3Crect x='4' y='4.586' width='2' height='2.828' transform='translate(-2.778 5.293) rotate(-45)'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M20,16h-1v-3c0-3.859-3.141-7-7-7s-7,3.141-7,7v3h-1c-.553,0-1,.447-1,1v4c0,.553.447,1,1,1h16c.553,0,1-.447,1-1v-4c0-.553-.447-1-1-1ZM7,13c0-2.757,2.243-5,5-5s5,2.243,5,5v3H7v-3ZM19,20H5v-2h14v2Z'/%3E%3Crect x='11' y='2' width='2' height='3'/%3E%3Crect class='cls-2' x='17.586' y='5' width='2.828' height='2' transform='translate(1.322 15.192) rotate(-45)'/%3E%3Crect x='4' y='4.586' width='2' height='2.828' transform='translate(-2.778 5.293) rotate(-45)'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-megaphone span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M22,11c0-1.859-1.28-3.411-3-3.858V3c0-.347-.18-.668-.475-.851-.295-.184-.663-.199-.973-.044L7.764,7H3c-.553,0-1,.447-1,1v6c0,.553.447,1,1,1h1.245l1.793,6.274c.123.43.516.726.962.726h4c.313,0,.609-.147.798-.397.189-.251.25-.575.164-.877l-1.208-4.231,6.799,3.4c.142.07.294.105.447.105.183,0,.365-.05.525-.149.295-.183.475-.504.475-.851v-4.142c1.72-.447,3-1.999,3-3.858ZM4,9h3v4h-3v-4ZM9.675,20h-1.921l-1.428-5h1.438l.562.281,1.349,4.719ZM17,17.382l-7.384-3.692s0-.001-.002-.001l-.614-.307v-4.763l8-4v12.764ZM19,12.722v-3.443c.595.347,1,.985,1,1.722s-.405,1.375-1,1.722Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M22,11c0-1.859-1.28-3.411-3-3.858V3c0-.347-.18-.668-.475-.851-.295-.184-.663-.199-.973-.044L7.764,7H3c-.553,0-1,.447-1,1v6c0,.553.447,1,1,1h1.245l1.793,6.274c.123.43.516.726.962.726h4c.313,0,.609-.147.798-.397.189-.251.25-.575.164-.877l-1.208-4.231,6.799,3.4c.142.07.294.105.447.105.183,0,.365-.05.525-.149.295-.183.475-.504.475-.851v-4.142c1.72-.447,3-1.999,3-3.858ZM4,9h3v4h-3v-4ZM9.675,20h-1.921l-1.428-5h1.438l.562.281,1.349,4.719ZM17,17.382l-7.384-3.692s0-.001-.002-.001l-.614-.307v-4.763l8-4v12.764ZM19,12.722v-3.443c.595.347,1,.985,1,1.722s-.405,1.375-1,1.722Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-mortarboard span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M22.447,8.105L12.447,3.105c-.281-.141-.613-.141-.895,0L1.553,8.105c-.339.17-.553.516-.553.895s.214.725.553.895l2.447,1.224v6.882c0,.4.238.762.606.919l7,3c.125.054.26.081.394.081s.269-.027.394-.081l7-3c.368-.157.606-.519.606-.919v-6.882l1-.5v6.382h2v-8c0-.379-.214-.725-.553-.895ZM12,5.118l7.764,3.882-7.764,3.882-7.764-3.882,7.764-3.882ZM18,17.341l-6,2.571-6-2.571v-5.223l5.553,2.776c.141.07.294.105.447.105s.307-.035.447-.105l5.553-2.776v5.223Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M22.447,8.105L12.447,3.105c-.281-.141-.613-.141-.895,0L1.553,8.105c-.339.17-.553.516-.553.895s.214.725.553.895l2.447,1.224v6.882c0,.4.238.762.606.919l7,3c.125.054.26.081.394.081s.269-.027.394-.081l7-3c.368-.157.606-.519.606-.919v-6.882l1-.5v6.382h2v-8c0-.379-.214-.725-.553-.895ZM12,5.118l7.764,3.882-7.764,3.882-7.764-3.882,7.764-3.882ZM18,17.341l-6,2.571-6-2.571v-5.223l5.553,2.776c.141.07.294.105.447.105s.307-.035.447-.105l5.553-2.776v5.223Z'/%3E%3C/g%3E%3C/svg%3E");
}
label.chip[class*=ico-].ico-protect span::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,23c-.135,0-.271-.027-.396-.082-1.853-.801-4.474-2.383-6.438-5.368-2.879-4.374-2.463-8.957-2.149-10.724.067-.385.353-.694.729-.793,1.669-.439,3.274-1.081,4.771-1.908,1.001-.554,1.964-1.195,2.861-1.908.365-.289.879-.289,1.244,0,.897.713,1.86,1.354,2.861,1.908,1.497.827,3.103,1.469,4.771,1.908.377.099.662.408.729.793.313,1.767.729,6.35-2.149,10.724-1.965,2.985-4.586,4.567-6.438,5.368-.126.055-.262.082-.396.082ZM4.893,7.789c-.225,1.819-.258,5.317,1.942,8.661,1.559,2.367,3.601,3.713,5.165,4.452,1.564-.739,3.606-2.085,5.165-4.452,2.2-3.344,2.167-6.842,1.942-8.661-1.6-.471-3.142-1.112-4.591-1.914-.87-.48-1.714-1.022-2.517-1.615-.803.593-1.646,1.135-2.517,1.615-1.449.802-2.991,1.443-4.591,1.914Z'/%3E%3Cpath d='M11,16c-.256,0-.512-.098-.707-.293l-3-3,1.414-1.414,2.293,2.293,4.293-4.293,1.414,1.414-5,5c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,23c-.135,0-.271-.027-.396-.082-1.853-.801-4.474-2.383-6.438-5.368-2.879-4.374-2.463-8.957-2.149-10.724.067-.385.353-.694.729-.793,1.669-.439,3.274-1.081,4.771-1.908,1.001-.554,1.964-1.195,2.861-1.908.365-.289.879-.289,1.244,0,.897.713,1.86,1.354,2.861,1.908,1.497.827,3.103,1.469,4.771,1.908.377.099.662.408.729.793.313,1.767.729,6.35-2.149,10.724-1.965,2.985-4.586,4.567-6.438,5.368-.126.055-.262.082-.396.082ZM4.893,7.789c-.225,1.819-.258,5.317,1.942,8.661,1.559,2.367,3.601,3.713,5.165,4.452,1.564-.739,3.606-2.085,5.165-4.452,2.2-3.344,2.167-6.842,1.942-8.661-1.6-.471-3.142-1.112-4.591-1.914-.87-.48-1.714-1.022-2.517-1.615-.803.593-1.646,1.135-2.517,1.615-1.449.802-2.991,1.443-4.591,1.914Z'/%3E%3Cpath d='M11,16c-.256,0-.512-.098-.707-.293l-3-3,1.414-1.414,2.293,2.293,4.293-4.293,1.414,1.414-5,5c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
}

/* form box*/
.flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}

.flex-box.col2 {
  gap: 0.8rem 0;
}
.flex-box.col2 .checkradio {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  margin-right: 0;
}

.flex-inline-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}

.date-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 0.8rem;
  overflow: hidden;
}
.date-box input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.date-box span {
  margin: auto 0;
}

.input-flex-area {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.8rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.input-box, .input-pw-area {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0.1rem solid var(--color-stroke-default-secondary);
  padding-right: 1.6rem;
  border-radius: 1.2rem;
  background-color: var(--color-background-default-primary);
}
.input-box input[type=text], .input-pw-area input[type=text],
.input-box input[type=search],
.input-pw-area input[type=search],
.input-box input[type=password],
.input-pw-area input[type=password],
.input-box input[type=number],
.input-pw-area input[type=number],
.input-box input[type=email],
.input-pw-area input[type=email],
.input-box input[type=tel],
.input-pw-area input[type=tel],
.input-box input[type=time],
.input-pw-area input[type=time],
.input-box input[type=date],
.input-pw-area input[type=date],
.input-box textarea,
.input-pw-area textarea,
.input-box select,
.input-pw-area select {
  border: none;
  min-width: 0;
  border-radius: inherit;
}
.input-box input[type=text]:hover, .input-pw-area input[type=text]:hover, .input-box input[type=text]:focus, .input-pw-area input[type=text]:focus,
.input-box input[type=search]:hover,
.input-pw-area input[type=search]:hover,
.input-box input[type=search]:focus,
.input-pw-area input[type=search]:focus,
.input-box input[type=password]:hover,
.input-pw-area input[type=password]:hover,
.input-box input[type=password]:focus,
.input-pw-area input[type=password]:focus,
.input-box input[type=number]:hover,
.input-pw-area input[type=number]:hover,
.input-box input[type=number]:focus,
.input-pw-area input[type=number]:focus,
.input-box input[type=email]:hover,
.input-pw-area input[type=email]:hover,
.input-box input[type=email]:focus,
.input-pw-area input[type=email]:focus,
.input-box input[type=tel]:hover,
.input-pw-area input[type=tel]:hover,
.input-box input[type=tel]:focus,
.input-pw-area input[type=tel]:focus,
.input-box input[type=time]:hover,
.input-pw-area input[type=time]:hover,
.input-box input[type=time]:focus,
.input-pw-area input[type=time]:focus,
.input-box input[type=date]:hover,
.input-pw-area input[type=date]:hover,
.input-box input[type=date]:focus,
.input-pw-area input[type=date]:focus,
.input-box textarea:hover,
.input-pw-area textarea:hover,
.input-box textarea:focus,
.input-pw-area textarea:focus,
.input-box select:hover,
.input-pw-area select:hover,
.input-box select:focus,
.input-pw-area select:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.input-box input[type=text].q0, .input-pw-area input[type=text].q0,
.input-box input[type=search].q0,
.input-pw-area input[type=search].q0,
.input-box input[type=password].q0,
.input-pw-area input[type=password].q0,
.input-box input[type=number].q0,
.input-pw-area input[type=number].q0,
.input-box input[type=email].q0,
.input-pw-area input[type=email].q0,
.input-box input[type=tel].q0,
.input-pw-area input[type=tel].q0,
.input-box input[type=time].q0,
.input-pw-area input[type=time].q0,
.input-box input[type=date].q0,
.input-pw-area input[type=date].q0,
.input-box textarea.q0,
.input-pw-area textarea.q0,
.input-box select.q0,
.input-pw-area select.q0 {
  width: 12rem !important;
  min-width: 12rem !important;
  text-align: center;
}
.input-box .input, .input-pw-area .input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.input-box:focus-within, .input-pw-area:focus-within {
  border-color: transparent;
  outline: 0.2rem solid var(--color-stroke-brand-primary);
  outline-offset: 0.1rem;
}
.input-box input[type=number], .input-pw-area input[type=number] {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.input-box > i[class^=ico-], .input-pw-area > i[class^=ico-] {
  margin-left: 1.6rem;
}
.input-box > i[class^=ico-]::before, .input-pw-area > i[class^=ico-]::before {
  background: var(--color-icon-default-tertiary);
}

.input-pw-area {
  overflow: hidden;
}
.input-pw-area .btn-pw-toggle {
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-default-secondary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,19c1.61,0,3.16-.37,4.55-1.03l3.74,3.74,1.41-1.41-3.39-3.39c1.65-1.22,2.95-2.9,3.68-4.91-1.53-4.19-5.54-7-10-7-1.61,0-3.16.37-4.55,1.03l-3.74-3.74-1.41,1.41,3.39,3.39c-1.65,1.22-2.95,2.9-3.68,4.91,1.53,4.19,5.54,7,10,7Zm0-12c3.37,0,6.43,1.98,7.84,5-.66,1.42-1.7,2.6-2.96,3.47l-1.45-1.45c.35-.59.57-1.28.57-2.02,0-2.21-1.79-4-4-4-.74,0-1.43.21-2.02.57l-1-1c.95-.36,1.96-.57,3.02-.57Zm-1.93,4.49l2.44,2.44c-.16.04-.33.07-.51.07-1.1,0-2-.9-2-2,0-.18.03-.35.07-.51Zm1.41-1.41c.16-.04.33-.07.51-.07,1.1,0,2,.9,2,2,0,.18-.03.35-.07.51l-2.44-2.44Zm-4.37-1.54l1.45,1.45c-.35.59-.57,1.28-.57,2.02,0,2.21,1.79,4,4,4,.74,0,1.43-.21,2.02-.57l1,1c-.95.36-1.96.57-3.02.57-3.37,0-6.43-1.98-7.84-5,.66-1.42,1.7-2.6,2.96-3.47Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,19c1.61,0,3.16-.37,4.55-1.03l3.74,3.74,1.41-1.41-3.39-3.39c1.65-1.22,2.95-2.9,3.68-4.91-1.53-4.19-5.54-7-10-7-1.61,0-3.16.37-4.55,1.03l-3.74-3.74-1.41,1.41,3.39,3.39c-1.65,1.22-2.95,2.9-3.68,4.91,1.53,4.19,5.54,7,10,7Zm0-12c3.37,0,6.43,1.98,7.84,5-.66,1.42-1.7,2.6-2.96,3.47l-1.45-1.45c.35-.59.57-1.28.57-2.02,0-2.21-1.79-4-4-4-.74,0-1.43.21-2.02.57l-1-1c.95-.36,1.96-.57,3.02-.57Zm-1.93,4.49l2.44,2.44c-.16.04-.33.07-.51.07-1.1,0-2-.9-2-2,0-.18.03-.35.07-.51Zm1.41-1.41c.16-.04.33-.07.51-.07,1.1,0,2,.9,2,2,0,.18-.03.35-.07.51l-2.44-2.44Zm-4.37-1.54l1.45,1.45c-.35.59-.57,1.28-.57,2.02,0,2.21,1.79,4,4,4,.74,0,1.43-.21,2.02-.57l1,1c-.95.36-1.96.57-3.02.57-3.37,0-6.43-1.98-7.84-5,.66-1.42,1.7-2.6,2.96-3.47Z'/%3E%3C/g%3E%3C/svg%3E");
}
.input-pw-area.is-active .btn-pw-toggle {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,5c-4.46,0-8.47,2.81-10,7,1.53,4.19,5.54,7,10,7s8.47-2.81,10-7c-1.53-4.19-5.54-7-10-7Zm0,12c-3.37,0-6.43-1.98-7.84-5,1.41-3.02,4.47-5,7.84-5s6.43,1.98,7.84,5c-1.41,3.02-4.47,5-7.84,5Z'/%3E%3Cpath d='m12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,5c-4.46,0-8.47,2.81-10,7,1.53,4.19,5.54,7,10,7s8.47-2.81,10-7c-1.53-4.19-5.54-7-10-7Zm0,12c-3.37,0-6.43-1.98-7.84-5,1.41-3.02,4.47-5,7.84-5s6.43,1.98,7.84,5c-1.41,3.02-4.47,5-7.84,5Z'/%3E%3Cpath d='m12,8c-2.21,0-4,1.79-4,4s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,6c-1.1,0-2-.9-2-2s.9-2,2-2,2,.9,2,2-.9,2-2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}

.input-num-area,
.input-mum-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.input-num-area .input-num,
.input-mum-area .input-num {
  width: 8rem;
  min-width: 0;
  text-align: center;
}
.input-num-area .input-num.is-error,
.input-mum-area .input-num.is-error {
  border-color: var(--color-stroke-danger-primary);
  background-color: var(--color-background-danger-primary);
}

.input-phone-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem 0.8rem;
  min-width: 0;
}
.input-phone-area .phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 320px;
  min-width: 0;
}
.input-phone-area .phone span {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.input-phone-area .phone input[type=tel] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.input-phone-area .phone input[type=tel] {
  text-align: center;
  padding: 0;
}
.input-phone-area .fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.input-email-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.input-email-area .email-id,
.input-email-area .email-domain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.input-email-area .email-id {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.input-email-area .email-domain {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.checkradio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 2.4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem 0;
}
.checkradio label {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  cursor: pointer;
}
.checkradio label::before, .checkradio label::after {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.checkradio:only-child {
  margin-right: 0;
}
.checkradio:has(.icon-only) {
  margin-right: 0;
}

.checkradio-option {
  position: relative;
  display: none;
  gap: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.checkradio-option.block {
  display: none;
}

.checkradio input:checked ~ .checkradio-option,
.checkradio:has(input:checked) + .checkradio-option {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.checkradio input:checked ~ .checkradio-option.block,
.checkradio:has(input:checked) + .checkradio-option.block {
  display: block;
}

.checkradio-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 20px;
}
.checkradio-area.col6 .checkradio {
  -ms-flex-preferred-size: calc(16.6666666667% - 20px);
      flex-basis: calc(16.6666666667% - 20px);
}
.checkradio-area .checkradio {
  margin: 0;
}

.checkradio-custom-area {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem;
}
.checkradio-custom-area .checkradio {
  margin: 0;
}
.checkradio-custom-area .checkradio input[type=checkbox] ~ label,
.checkradio-custom-area .checkradio input[type=radio] ~ label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: var(--size-font-sm);
  font-weight: var(--size-font-weight-lg);
  border: 0.1rem solid var(--color-stroke-default-secondary);
  color: var(--color-font-default-primary);
  height: var(--form-height-md);
  min-width: 8rem;
  padding: 0 1.6rem;
  border-radius: 1.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  margin-right: 0;
  cursor: pointer;
  gap: 0.4rem;
  align-items: center;
}
.checkradio-custom-area .checkradio input[type=checkbox] ~ label::before, .checkradio-custom-area .checkradio input[type=checkbox] ~ label::after,
.checkradio-custom-area .checkradio input[type=radio] ~ label::before,
.checkradio-custom-area .checkradio input[type=radio] ~ label::after {
  display: none;
}
.checkradio-custom-area .checkradio input[type=checkbox]:checked ~ label,
.checkradio-custom-area .checkradio input[type=radio]:checked ~ label {
  color: var(--color-font-default-primary);
  border-color: var(--color-stroke-brand-primary);
  font-weight: var(--size-font-weight-xlg);
  border-width: 0.2rem;
  letter-spacing: -0.035em;
  margin: 0;
}
.checkradio-custom-area .checkradio input[type=checkbox]:disabled ~ label,
.checkradio-custom-area .checkradio input[type=radio]:disabled ~ label {
  cursor: default;
  color: var(--color-font-disabled-primary);
  background-color: var(--color-background-disabled-primary);
}
.checkradio-custom-area .checkradio.sm input[type=checkbox] ~ label,
.checkradio-custom-area .checkradio.sm input[type=radio] ~ label {
  height: var(--form-height-sm);
  min-width: 4.8rem;
  padding: 0 0.8rem;
  font-size: var(--size-font-xsm);
  border-radius: 0.8rem;
}
.checkradio-custom-area .checkradio.round input[type=checkbox] ~ label,
.checkradio-custom-area .checkradio.round input[type=radio] ~ label {
  border-radius: 2em;
  font-weight: 400 !important;
}
.checkradio-custom-area .checkradio.round input[type=checkbox]:checked ~ label,
.checkradio-custom-area .checkradio.round input[type=radio]:checked ~ label {
  font-weight: var(--size-font-weight-md);
}
.checkradio-custom-area .checkradio.min-width input[type=checkbox] ~ label,
.checkradio-custom-area .checkradio.min-width input[type=radio] ~ label {
  min-width: 16rem;
}
.checkradio-custom-area .checkradio.spot input[type=checkbox]:checked ~ label, .checkradio-custom-area .viewer .viewer-fnc .checkradio.btn.is-active input[type=checkbox]:checked ~ label, .viewer .viewer-fnc .checkradio-custom-area .checkradio.btn.is-active input[type=checkbox]:checked ~ label,
.checkradio-custom-area .viewer .viewer-location .checkradio.btn.is-active input[type=checkbox]:checked ~ label,
.viewer .viewer-location .checkradio-custom-area .checkradio.btn.is-active input[type=checkbox]:checked ~ label,
.checkradio-custom-area .checkradio.spot input[type=radio]:checked ~ label,
.checkradio-custom-area .viewer .viewer-fnc .checkradio.btn.is-active input[type=radio]:checked ~ label,
.viewer .viewer-fnc .checkradio-custom-area .checkradio.btn.is-active input[type=radio]:checked ~ label,
.checkradio-custom-area .viewer .viewer-location .checkradio.btn.is-active input[type=radio]:checked ~ label,
.viewer .viewer-location .checkradio-custom-area .checkradio.btn.is-active input[type=radio]:checked ~ label, .checkradio-custom-area .checkradio.primary input[type=checkbox]:checked ~ label,
.checkradio-custom-area .checkradio.primary input[type=radio]:checked ~ label {
  border-width: 0.1rem;
  color: #fff;
  background-color: var(--color-background-brand-primary-inverse);
  border-color: var(--color-stroke-brand-primary);
}
.checkradio-custom-area .checkradio.spot input[type=checkbox]:checked ~ label .ico-check::before, .checkradio-custom-area .viewer .viewer-fnc .checkradio.btn.is-active input[type=checkbox]:checked ~ label .ico-check::before, .viewer .viewer-fnc .checkradio-custom-area .checkradio.btn.is-active input[type=checkbox]:checked ~ label .ico-check::before,
.checkradio-custom-area .viewer .viewer-location .checkradio.btn.is-active input[type=checkbox]:checked ~ label .ico-check::before,
.viewer .viewer-location .checkradio-custom-area .checkradio.btn.is-active input[type=checkbox]:checked ~ label .ico-check::before,
.checkradio-custom-area .checkradio.spot input[type=radio]:checked ~ label .ico-check::before,
.checkradio-custom-area .viewer .viewer-fnc .checkradio.btn.is-active input[type=radio]:checked ~ label .ico-check::before,
.viewer .viewer-fnc .checkradio-custom-area .checkradio.btn.is-active input[type=radio]:checked ~ label .ico-check::before,
.checkradio-custom-area .viewer .viewer-location .checkradio.btn.is-active input[type=radio]:checked ~ label .ico-check::before,
.viewer .viewer-location .checkradio-custom-area .checkradio.btn.is-active input[type=radio]:checked ~ label .ico-check::before, .checkradio-custom-area .checkradio.primary input[type=checkbox]:checked ~ label .ico-check::before,
.checkradio-custom-area .checkradio.primary input[type=radio]:checked ~ label .ico-check::before {
  background-color: var(--color-icon-brand-primary-inverse);
}

.checkradio-custom-box-area {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem;
}
.checkradio-custom-box-area .checkradio {
  margin: 0;
}
.checkradio-custom-box-area .checkradio input[type=checkbox] ~ label,
.checkradio-custom-box-area .checkradio input[type=radio] ~ label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: var(--size-font-sm);
  font-weight: var(--size-font-weight-lg);
  border: 0.1rem solid var(--color-stroke-default-secondary);
  color: var(--color-font-default-primary);
  height: var(--form-height-md);
  min-width: 8rem;
  padding: 0 1.6rem;
  border-radius: 1.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  margin-right: 0;
  cursor: pointer;
  gap: 0.4rem;
}
.checkradio-custom-box-area .checkradio input[type=checkbox] ~ label::before, .checkradio-custom-box-area .checkradio input[type=checkbox] ~ label::after,
.checkradio-custom-box-area .checkradio input[type=radio] ~ label::before,
.checkradio-custom-box-area .checkradio input[type=radio] ~ label::after {
  display: none;
}
.checkradio-custom-box-area .checkradio input[type=checkbox]:checked ~ label,
.checkradio-custom-box-area .checkradio input[type=radio]:checked ~ label {
  color: var(--color-font-brand-primary-base);
  border-color: var(--color-stroke-brand-primary);
  font-weight: var(--size-font-weight-xlg);
  border-width: 0.2rem;
  letter-spacing: -0.035em;
  margin: 0;
}
.checkradio-custom-box-area .checkradio input[type=checkbox]:disabled ~ label,
.checkradio-custom-box-area .checkradio input[type=radio]:disabled ~ label {
  cursor: default;
  color: var(--color-font-disabled-primary);
  background-color: var(--color-background-disabled-primary);
}
.checkradio-custom-box-area .checkradio.sm input[type=checkbox] ~ label,
.checkradio-custom-box-area .checkradio.sm input[type=radio] ~ label {
  height: var(--form-height-sm);
  min-width: 4.8rem;
  padding: 0 0.8rem;
  font-size: var(--size-font-xsm);
  border-radius: 0.8rem;
}
.checkradio-custom-box-area .checkradio.round input[type=checkbox] ~ label,
.checkradio-custom-box-area .checkradio.round input[type=radio] ~ label {
  border-radius: 2em;
  font-weight: 400 !important;
}
.checkradio-custom-box-area .checkradio.round input[type=checkbox]:checked ~ label,
.checkradio-custom-box-area .checkradio.round input[type=radio]:checked ~ label {
  font-weight: var(--size-font-weight-md);
}
.checkradio-custom-box-area .checkradio.min-width input[type=checkbox] ~ label,
.checkradio-custom-box-area .checkradio.min-width input[type=radio] ~ label {
  min-width: 16rem;
}
.checkradio-custom-box-area .checkradio.spot input[type=checkbox]:checked ~ label, .checkradio-custom-box-area .viewer .viewer-fnc .checkradio.btn.is-active input[type=checkbox]:checked ~ label, .viewer .viewer-fnc .checkradio-custom-box-area .checkradio.btn.is-active input[type=checkbox]:checked ~ label,
.checkradio-custom-box-area .viewer .viewer-location .checkradio.btn.is-active input[type=checkbox]:checked ~ label,
.viewer .viewer-location .checkradio-custom-box-area .checkradio.btn.is-active input[type=checkbox]:checked ~ label,
.checkradio-custom-box-area .checkradio.spot input[type=radio]:checked ~ label,
.checkradio-custom-box-area .viewer .viewer-fnc .checkradio.btn.is-active input[type=radio]:checked ~ label,
.viewer .viewer-fnc .checkradio-custom-box-area .checkradio.btn.is-active input[type=radio]:checked ~ label,
.checkradio-custom-box-area .viewer .viewer-location .checkradio.btn.is-active input[type=radio]:checked ~ label,
.viewer .viewer-location .checkradio-custom-box-area .checkradio.btn.is-active input[type=radio]:checked ~ label, .checkradio-custom-box-area .checkradio.primary input[type=checkbox]:checked ~ label,
.checkradio-custom-box-area .checkradio.primary input[type=radio]:checked ~ label {
  border-width: 0.1rem;
  color: #fff;
  background-color: var(--color-background-brand-primary-inverse);
  border-color: var(--color-stroke-brand-primary);
}
.checkradio-custom-box-area .checkradio.spot input[type=checkbox]:checked ~ label .ico-check, .checkradio-custom-box-area .viewer .viewer-fnc .checkradio.btn.is-active input[type=checkbox]:checked ~ label .ico-check, .viewer .viewer-fnc .checkradio-custom-box-area .checkradio.btn.is-active input[type=checkbox]:checked ~ label .ico-check,
.checkradio-custom-box-area .viewer .viewer-location .checkradio.btn.is-active input[type=checkbox]:checked ~ label .ico-check,
.viewer .viewer-location .checkradio-custom-box-area .checkradio.btn.is-active input[type=checkbox]:checked ~ label .ico-check,
.checkradio-custom-box-area .checkradio.spot input[type=radio]:checked ~ label .ico-check,
.checkradio-custom-box-area .viewer .viewer-fnc .checkradio.btn.is-active input[type=radio]:checked ~ label .ico-check,
.viewer .viewer-fnc .checkradio-custom-box-area .checkradio.btn.is-active input[type=radio]:checked ~ label .ico-check,
.checkradio-custom-box-area .viewer .viewer-location .checkradio.btn.is-active input[type=radio]:checked ~ label .ico-check,
.viewer .viewer-location .checkradio-custom-box-area .checkradio.btn.is-active input[type=radio]:checked ~ label .ico-check, .checkradio-custom-box-area .checkradio.primary input[type=checkbox]:checked ~ label .ico-check,
.checkradio-custom-box-area .checkradio.primary input[type=radio]:checked ~ label .ico-check {
  background-color: var(--color-icon-brand-primary-inverse);
}

.checkradio-custom-block-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.8rem;
}
.checkradio-custom-block-area .checkradio {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0;
  min-height: 4.8rem;
  padding: 1.6rem;
  gap: 0.4rem 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--color-background-default-primary);
  border-radius: 1.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkradio-custom-block-area .checkradio input[type=checkbox] ~ label,
.checkradio-custom-block-area .checkradio input[type=radio] ~ label {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
  width: 100%;
  cursor: pointer;
  border: 0.1rem solid var(--color-stroke-default-secondary);
  border-radius: 1.2rem;
  text-indent: -99999px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--color-font-default-primary);
}
.checkradio-custom-block-area .checkradio input[type=checkbox] ~ label::before, .checkradio-custom-block-area .checkradio input[type=checkbox] ~ label::after,
.checkradio-custom-block-area .checkradio input[type=radio] ~ label::before,
.checkradio-custom-block-area .checkradio input[type=radio] ~ label::after {
  display: none;
}
.checkradio-custom-block-area .checkradio input[type=checkbox]:checked ~ label,
.checkradio-custom-block-area .checkradio input[type=radio]:checked ~ label {
  color: #111;
  border-color: var(--color-font-brand-primary);
  border-width: 0.1rem;
  margin: 0;
}
.checkradio-custom-block-area .checkradio input[type=checkbox]:checked ~ .txt-area,
.checkradio-custom-block-area .checkradio input[type=radio]:checked ~ .txt-area {
  color: var(--color-stroke-default-primary);
}
.checkradio-custom-block-area .checkradio.black input[type=checkbox]:checked ~ label,
.checkradio-custom-block-area .checkradio.black input[type=radio]:checked ~ label {
  color: var(--color-stroke-default-primary);
  border-color: var(--color-stroke-default-primary);
  margin: 0;
}
.checkradio-custom-block-area .relative-z {
  position: relative;
  z-index: 1;
}
.checkradio-custom-block-area .txt-area {
  font-size: var(--size-font-xsm);
  color: var(--color-font-default-tertiary);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.checkradio-custom-block-area .txt-area .label-area {
  margin-bottom: 0.8rem;
}
.checkradio-custom-block-area .txt-area strong {
  margin-right: 0.8rem;
}
.checkradio-custom-block-area .checkradio-fnc {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}

.checkradio-custom-row-area {
  border-radius: 1.2rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.checkradio-custom-row-area .checkradio {
  border-right: 0.1rem solid var(--color-stroke-default-tertiary);
  margin: 0;
}
.checkradio-custom-row-area .checkradio:last-of-type {
  border-right: none;
}
.checkradio-custom-row-area .checkradio input[type=checkbox] ~ label,
.checkradio-custom-row-area .checkradio input[type=radio] ~ label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: var(--size-font-sm);
  font-weight: var(--size-font-weight-lg);
  color: var(--color-font-default-primary);
  height: var(--form-height-md);
  min-width: 4.8rem;
  padding: 0 0.8rem;
  margin-right: 0;
  cursor: pointer;
}
.checkradio-custom-row-area .checkradio input[type=checkbox] ~ label::before, .checkradio-custom-row-area .checkradio input[type=checkbox] ~ label::after,
.checkradio-custom-row-area .checkradio input[type=radio] ~ label::before,
.checkradio-custom-row-area .checkradio input[type=radio] ~ label::after {
  display: none;
}
.checkradio-custom-row-area .checkradio input[type=checkbox]:checked ~ label,
.checkradio-custom-row-area .checkradio input[type=radio]:checked ~ label {
  background-color: var(--color-background-brand-secondary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.checkradio-custom-row-area .checkradio input[type=checkbox]:checked ~ label i::before,
.checkradio-custom-row-area .checkradio input[type=radio]:checked ~ label i::before {
  background-color: var(--color-icon-default-primary-inverse);
}
.checkradio-custom-row-area .checkradio input[type=checkbox]:disabled ~ label,
.checkradio-custom-row-area .checkradio input[type=radio]:disabled ~ label {
  cursor: default;
  color: var(--color-font-disabled-primary);
  background-color: var(--color-background-disabled-primary);
}

.checkradio-custom-row-area-inverse {
  border-radius: 0.8rem;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: var(--color-background-default-tertiary-inverse);
  padding: 0.2rem;
}
.checkradio-custom-row-area-inverse .checkradio {
  margin: 0;
}
.checkradio-custom-row-area-inverse .checkradio input[type=checkbox] ~ label,
.checkradio-custom-row-area-inverse .checkradio input[type=radio] ~ label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: var(--size-font-xsm);
  font-weight: var(--size-font-weight-md);
  color: var(--color-font-default-quaternary-inverse);
  height: 2.4rem;
  padding: 0 0.4rem;
  border-radius: 0.8rem;
  margin-right: 0;
  cursor: pointer;
}
.checkradio-custom-row-area-inverse .checkradio input[type=checkbox] ~ label::before, .checkradio-custom-row-area-inverse .checkradio input[type=checkbox] ~ label::after,
.checkradio-custom-row-area-inverse .checkradio input[type=radio] ~ label::before,
.checkradio-custom-row-area-inverse .checkradio input[type=radio] ~ label::after {
  display: none;
}
.checkradio-custom-row-area-inverse .checkradio input[type=checkbox]:checked ~ label,
.checkradio-custom-row-area-inverse .checkradio input[type=radio]:checked ~ label {
  background-color: var(--color-background-default-primary);
  color: var(--color-font-default-primary);
}
.checkradio-custom-row-area-inverse .checkradio input[type=checkbox]:disabled ~ label,
.checkradio-custom-row-area-inverse .checkradio input[type=radio]:disabled ~ label {
  cursor: default;
  color: var(--color-font-disabled-primary);
  background-color: var(--color-background-disabled-primary);
}

.datepicker-fnc-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.6rem;
  margin-bottom: 2.4rem;
}
.datepicker-fnc-area input[type=date] {
  font-size: var(--font-tit-lg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  width: 20rem;
  padding: 0;
  border: none;
}
.datepicker-fnc-area input[type=date]:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.datepicker-fnc-area > * {
  margin-bottom: 0;
}
.datepicker-fnc-area .title {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .input-date-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.4rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .input-date-area input[type=date] {
    min-width: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media (max-width: 480px) {
  .input-phone-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .input-phone-area .phone {
    max-width: none;
    width: 100%;
  }
  .input-phone-area .fnc > * {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .input-date-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .input-date-area input[type=date] {
    min-width: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.8rem;
  }
}
/* tabs: tabsNav */
.tabs-nav-lg,
.tabs-nav,
.tabs-nav-sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tabs-nav-lg a,
.tabs-nav-lg button,
.tabs-nav a,
.tabs-nav button,
.tabs-nav-sm a,
.tabs-nav-sm button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  text-decoration: none;
  word-break: keep-all;
  line-height: 1.1;
  width: 100%;
}

.tabs-nav-lg {
  margin-bottom: 4rem;
  border-radius: 2.4rem 2.4rem 0 0;
}
.tabs-nav-lg li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.tabs-nav-lg a,
.tabs-nav-lg button {
  height: 5.6rem;
  font-size: var(--font-label-lg);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-xlg);
  color: var(--color-font-default-quaternary);
  border-radius: 2.4rem 2.4rem 0 0;
  padding: 0 1.6rem;
  border-bottom: 0.2rem solid var(--color-stroke-brand-primary);
}
.tabs-nav-lg a:not(.is-active):hover,
.tabs-nav-lg button:not(.is-active):hover {
  color: var(--color-font-brand-primary);
}
.tabs-nav-lg a.is-active,
.tabs-nav-lg button.is-active {
  font-weight: var(--size-font-weight-xlg);
  color: var(--color-font-brand-primary-base);
  background-color: var(--color-background-default-primary);
  border: 0.2rem solid var(--color-stroke-brand-primary);
  border-bottom: transparent;
}

.tabs-nav {
  margin-bottom: 4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem;
}
.tabs-nav a,
.tabs-nav button {
  height: var(--form-height-md);
  padding: 0 1.6rem;
  font-size: var(--font-label-lg);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
  color: var(--color-font-default-tertiary);
  background: var(--color-background-default-secondary);
  border-radius: 2em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tabs-nav a:hover,
.tabs-nav button:hover {
  -webkit-filter: brightness(95%);
          filter: brightness(95%);
}
.tabs-nav a.is-active,
.tabs-nav button.is-active {
  font-weight: var(--size-font-weight-xlg);
  color: var(--color-font-brand-primary-inverse);
  background-color: var(--color-background-default-primary-inverse);
}
.tabs-nav.full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tabs-nav.full > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.tabs-nav.full > li a,
.tabs-nav.full > li button {
  min-width: 0;
}

.tabs-nav-sm {
  margin-bottom: 2.4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem;
}
.tabs-nav-sm a,
.tabs-nav-sm button {
  position: relative;
  height: 4rem;
  padding: 0 0.8rem;
  color: var(--color-font-default-tertiary);
  font-size: var(--font-label-lg);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-xlg);
}
.tabs-nav-sm a:hover,
.tabs-nav-sm button:hover {
  -webkit-filter: brightness(95%);
          filter: brightness(95%);
}
.tabs-nav-sm a.is-active,
.tabs-nav-sm button.is-active {
  color: var(--color-font-brand-primary-base);
}
.tabs-nav-sm a.is-active:before,
.tabs-nav-sm button.is-active:before {
  content: " ";
  position: absolute;
  left: 0.8rem;
  right: 0.8rem;
  bottom: 0;
  height: 0.2rem;
  background-color: var(--color-background-brand-primary-inverse);
}

.tabs-nav-xsm {
  margin-bottom: 0.8rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem;
}
.tabs-nav-xsm a,
.tabs-nav-xsm button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  height: 3.6rem;
  padding: 0.8rem 1.6rem;
  border-radius: 1.8rem;
  background-color: var(--color-background-brand-primary);
  color: var(--color-font-brand-primary);
  font-weight: var(--size-font-weight-lg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.tabs-nav-xsm a:hover,
.tabs-nav-xsm button:hover {
  -webkit-filter: brightness(95%);
          filter: brightness(95%);
}
.tabs-nav-xsm a i[class^=ico]::before,
.tabs-nav-xsm button i[class^=ico]::before {
  background-color: var(--color-icon-brand-primary);
}
.tabs-nav-xsm a.is-active,
.tabs-nav-xsm button.is-active {
  background-color: var(--color-background-brand-primary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.tabs-nav-xsm a.is-active i::before,
.tabs-nav-xsm button.is-active i::before {
  background-color: var(--color-icon-brand-primary-inverse);
}

.tabs-normal .tabs-cont {
  display: none;
}
.tabs-normal .tabs-cont.is-active {
  display: block;
}

@media (max-width: 767px) {
  .tabs-nav-lg {
    overflow-x: auto;
    margin-bottom: 2.4rem;
  }
  .tabs-nav-lg a,
  .tabs-nav-lg button {
    height: 4.8rem;
    white-space: nowrap;
  }
  .tabs-nav {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: auto;
  }
  .tabs-nav button,
  .tabs-nav a {
    white-space: nowrap;
  }
}
.calendar-area .calendar-header {
  gap: 2.4rem;
  margin-bottom: 2.4rem;
}
.calendar-area .calendar-header .calendar-tit {
  font-size: var(--font-tit-lg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.calendar-area .calendar-header .btn-calendar-pv,
.calendar-area .calendar-header .btn-calendar-fw {
  position: relative;
  width: 4.8rem;
  aspect-ratio: 1;
  border-radius: 100%;
  background: var(--color-background-default-tertiary);
  font-size: 0;
}
.calendar-area .calendar-header .btn-calendar-pv::before,
.calendar-area .calendar-header .btn-calendar-fw::before {
  content: "";
  position: absolute;
  inset: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.calendar-area .calendar-header .btn-calendar-pv::before {
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m10.6,4l-7.31,7.29c-.19.19-.29.44-.29.71s.11.52.29.71l7.31,7.29,1.41-1.42-5.6-5.58h14.58v-2H6.41s5.6-5.58,5.6-5.58l-1.41-1.42Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m10.6,4l-7.31,7.29c-.19.19-.29.44-.29.71s.11.52.29.71l7.31,7.29,1.41-1.42-5.6-5.58h14.58v-2H6.41s5.6-5.58,5.6-5.58l-1.41-1.42Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-secondary);
}
.calendar-area .calendar-header .btn-calendar-fw::before {
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m14.39,4l-1.41,1.42,5.6,5.59H3.99s0,2,0,2h14.58s-5.6,5.58-5.6,5.58l1.41,1.42,7.31-7.29c.19-.19.29-.44.29-.71s-.11-.52-.29-.71l-7.31-7.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m14.39,4l-1.41,1.42,5.6,5.59H3.99s0,2,0,2h14.58s-5.6,5.58-5.6,5.58l1.41,1.42,7.31-7.29c.19-.19.29-.44.29-.71s-.11-.52-.29-.71l-7.31-7.29Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-secondary);
}
.calendar-area .calendar-tbl {
  font-size: var(--size-font-xsm);
  border-radius: 3.2rem;
  overflow: hidden;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
}
.calendar-area .calendar-tbl tr th:first-of-type,
.calendar-area .calendar-tbl tr td:first-of-type .date {
  color: var(--color-font-danger-primary);
}
.calendar-area .calendar-tbl thead th {
  background-color: var(--color-background-default-secondary);
  padding: 1.6rem;
  font-size: var(--font-label-lg);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-xlg);
  color: var(--color-font-default-tertiary);
  color: var(--color-font-default-tertiary);
}
.calendar-area .calendar-tbl tbody td {
  position: relative;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-left: none;
  height: 12rem;
  padding: 1.2rem 1.6rem;
  overflow: hidden;
  vertical-align: top;
  text-align: left;
}
.calendar-area .calendar-tbl tbody td:last-child {
  border-right: none;
}
.calendar-area .calendar-tbl tbody td .date {
  width: 2.4rem;
  height: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.4rem;
  border-radius: 1.2rem;
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  color: var(--color-font-default-secondary);
}
.calendar-area .calendar-tbl tbody td .btn {
  background-color: var(--color-background-default-primary);
}
.calendar-area .calendar-tbl tbody td.is-today .date {
  background-color: var(--color-background-brand-primary-inverse);
  color: var(--color-font-default-primary-inverse) !important;
}
.calendar-area .calendar-tbl tbody td.is-active {
  background-color: var(--color-background-brand-primary);
}
.calendar-area .calendar-tbl tbody td.is-active .date {
  font-weight: var(--size-font-weight-xlg);
  color: var(--color-font-brand-primary);
}
.calendar-area .calendar-tbl tbody td.is-active .lnk-full, .calendar-area .calendar-tbl tbody td.is-active .audio-box > button {
  border: 0.2rem solid var(--color-stroke-brand-primary);
}
.calendar-area .calendar-tbl tbody td.is-close {
  background: var(--color-background-disabled-primary);
}
.calendar-area .calendar-tbl tbody td .cont {
  display: grid;
  gap: 1.6rem;
}
.calendar-area .calendar-tbl tbody td .cont > .txt-area {
  display: inherit;
  gap: inherit;
}
.calendar-area .calendar-tbl tbody tr:last-of-type td {
  border-bottom: none;
}
.calendar-area .calendar-info-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.calendar-area .calendar-info-list .info-tit {
  color: var(--color-font-default-tertiary);
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
}
.calendar-area .calendar-info-list .txt-area strong {
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-xlg);
}
.calendar-area .calendar-fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.calendar-area .calendar-fnc > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (max-width: 767px) {
  .calendar-area .calendar-header {
    gap: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .calendar-area .calendar-header .calendar-tit {
    font-size: var(--font-tit-md);
    font-weight: var(--size-font-weight-xlg);
    line-height: var(--size-font-lineheight-sm);
  }
  .calendar-area .calendar-tbl tbody td {
    padding: 0.4rem;
    height: 6.4rem;
  }
  .calendar-area .calendar-tbl tbody td .date {
    width: 2rem;
    height: 2rem;
    border-radius: 0.8rem;
    font-size: var(--font-label-sm);
    font-weight: var(--size-font-weight-md);
    line-height: var(--size-font-lineheight-xsm);
    font-weight: var(--size-font-weight-xlg);
  }
  .calendar-area .calendar-tbl tbody td .label-area {
    gap: 0.2rem;
  }
  .calendar-area .calendar-tbl tbody td .label-area .label {
    width: 100%;
    text-align: left;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: 1.6rem;
  }
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  text-align: center;
  word-break: keep-all;
}
table caption {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0, 0 0);
}
table img {
  max-width: 100%;
}

.txt-option {
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
}

.scroll-x {
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.scroll-x table {
  width: 100%;
}

.scroll-y {
  position: relative;
  overflow: auto;
}
.scroll-y.border {
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-top: 0.1rem solid var(--color-stroke-default-primary);
}
.scroll-y .list-type,
.scroll-y .write-type,
.scroll-y .write-type2,
.scroll-y .info-type,
.scroll-y .view-type {
  height: auto;
}
.scroll-y .list-type table,
.scroll-y .write-type table,
.scroll-y .write-type2 table,
.scroll-y .info-type table,
.scroll-y .view-type table {
  border-top: none;
}
.scroll-y thead {
  position: sticky;
  top: -0.1rem;
  left: 0;
  z-index: 1;
  background-color: var(--color-background-default-secondary);
}
.scroll-y thead th {
  background-color: var(--color-background-default-secondary);
}

.table-sticky {
  overflow-x: auto;
  position: relative;
}
.table-sticky table {
  border-collapse: separate !important;
}
.table-sticky .sot-left {
  position: sticky;
  z-index: 3;
}
.table-sticky td.sot-left {
  background-color: var(--color-background-default-primary);
}
.table-sticky thead {
  position: sticky;
  top: 0;
  z-index: 4;
  background-color: #fff;
}
.table-sticky thead tr:last-of-type th,
.table-sticky thead tr:last-of-type td {
  border-bottom: 0.4rem double var(--color-stroke-default-tertiary);
}

.list-type.bg-odd table tr:nth-child(odd) td,
.write-type.bg-odd table tr:nth-child(odd) td,
.info-type.bg-odd table tr:nth-child(odd) td,
.view-type.bg-odd table tr:nth-child(odd) td {
  background-color: var(--color-background-default-secondary);
}
.list-type.border-top-none table,
.write-type.border-top-none table,
.info-type.border-top-none table,
.view-type.border-top-none table {
  border-top: none;
}
.list-type th,
.list-type td,
.write-type th,
.write-type td,
.info-type th,
.info-type td,
.view-type th,
.view-type td {
  word-wrap: break-word;
  word-break: break-all;
}
.list-type th.bg,
.list-type td.bg,
.write-type th.bg,
.write-type td.bg,
.info-type th.bg,
.info-type td.bg,
.view-type th.bg,
.view-type td.bg {
  background-color: var(--color-background-default-secondary);
}
.list-type th.bg2,
.list-type td.bg2,
.write-type th.bg2,
.write-type td.bg2,
.info-type th.bg2,
.info-type td.bg2,
.view-type th.bg2,
.view-type td.bg2 {
  background-color: var(--color-background-default-tertiary);
}
.list-type.scroll-x table,
.write-type.scroll-x table,
.info-type.scroll-x table,
.view-type.scroll-x table {
  border-collapse: separate;
}

.list-type,
.write-type,
.info-type {
  position: relative;
  border-top: 0.1rem solid var(--color-stroke-default-primary);
}
.list-type th,
.write-type th,
.info-type th {
  font-size: var(--font-tit-xsm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  color: var(--color-font-brand-primary);
  background: var(--color-background-brand-primary);
}
.list-type th,
.list-type td,
.write-type th,
.write-type td,
.info-type th,
.info-type td {
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
}
.list-type + *,
.write-type + *,
.info-type + * {
  margin-top: 4rem;
}

.table-title {
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  max-width: 100%;
  width: auto;
}
a,
button {
  cursor: pointer;
}
a.table-title:hover,
button.table-title:hover {
  text-decoration: underline;
}

.table-info {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.2rem;
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-font-default-secondary);
}

.message {
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
}

.list-type tr.is-current th,
.list-type tr.is-current td {
  background-color: var(--color-background-brand-primary);
}
.list-type tr.is-disabled {
  color: var(--color-font-disabled-primary);
}
.list-type tr.is-disabled .table-title {
  color: var(--color-font-disabled-primary);
}
.list-type tr.is-disabled .etc-fnc-area button {
  color: var(--color-font-default-tertiary);
}
.list-type tr.is-inactive td {
  position: relative;
}
.list-type tr.is-inactive td::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 2;
}
.list-type tr .zindex-front {
  position: relative;
  z-index: 9;
}
.list-type th {
  padding: 1.6rem 1.2rem;
}
.list-type td {
  height: 6.4rem;
  padding: 1.6rem 1.2rem;
}
.list-type.sm th {
  height: 3.2rem;
  font-size: var(--size-font-sm);
}
.list-type.sm td {
  height: 4.8rem;
  padding: 0.8rem;
}
.list-type td .btn-cont,
.list-type td .btn-flex-cont {
  margin: 0;
}
.list-type .etc-fnc-area {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.list-type .checkradio-custom-area {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.write-type th,
.write-type td {
  text-align: left;
  height: 7.2rem;
  padding: 0.8rem 1.6rem;
}
.write-type th {
  vertical-align: top;
  padding-top: 2.6rem;
}
.write-type td > * {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
.write-type td > :not(.block),
.write-type td > :not(.datepicker-box) {
  margin-right: 0.4rem;
}
.write-type td > :last-child {
  margin-right: 0;
}
.write-type .q0,
.write-type input[type=number].q0 {
  width: 20rem;
  min-width: 20rem;
}
.write-type .q1 {
  width: calc((100% - 2.4rem) / 4);
}
.write-type .q2 {
  width: calc((100% - 0.8rem) / 2);
}
.write-type .q3 {
  width: calc((100% - 2.4rem) / 3 * 2);
}
.write-type .q4 {
  width: 100%;
}

.info-type {
  word-break: break-all;
}
.info-type th,
.info-type td {
  padding: 0.8rem;
  height: 4.8rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-top: none;
}
.info-type th:first-child,
.info-type td:first-child {
  border-left: none;
}
.info-type th:last-child,
.info-type td:last-child {
  border-right: none;
}
.info-type tr + .disabled {
  background-color: var(--color-background-disabled-primary);
  color: var(--color-font-disabled-primary);
}
.info-type thead th {
  text-align: center;
}
.info-type .q0,
.info-type input[type=numver].q0 {
  width: 20rem;
  min-width: 20rem;
}
.info-type .q1 {
  width: calc((100% - 2.4rem) / 4);
}
.info-type .q2 {
  width: calc((100% - 0.8rem) / 2);
}
.info-type .q3 {
  width: calc((100% - 2.4rem) / 3 * 2);
}
.info-type .q4 {
  width: 100%;
}
.info-type.border-vertical th {
  background-color: transparent;
}
.info-type.border-vertical th,
.info-type.border-vertical td {
  border-left: none;
  border-right: none;
}
.info-type.border-vertical table {
  border-top: 0.1rem solid var(--color-stroke-default-primary);
}
.info-type tfoot {
  background: var(--color-background-default-secondary);
}
.info-type tfoot .total-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.4rem 3.2rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.info-type tfoot .total-area span {
  color: var(--color-font-default-secondary);
}
.info-type tfoot .total-area em {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  color: var(--color-font-brand-accent);
}

/* board reset */
#boardContents {
  padding: 4rem 0;
}
#boardContents h1,
#boardContents h2,
#boardContents h3,
#boardContents h4,
#boardContents h5,
#boardContents h6 {
  margin: initial;
  padding: initial;
  line-height: 1.8em;
}
#boardContents h1 {
  font-size: 2rem;
}
#boardContents h2 {
  font-size: 1.5rem;
}
#boardContents h3 {
  font-size: 1.17rem;
}
#boardContents h4 {
  font-size: 1rem;
}
#boardContents h5 {
  font-size: 0.83rem;
}
#boardContents h6 {
  font-size: 0.67rem;
}
#boardContents ol,
#boardContents ol li {
  list-style: decimal;
}
#boardContents ul,
#boardContents ul li {
  list-style: disc;
}
#boardContents img {
  max-width: 100%;
  margin: 0 auto;
}

@media (max-width: 1023px) {
  .list-type:not(.table-sticky, .scroll-x) table,
  .write-type table {
    border-top: 0.1rem solid var(--color-stroke-default-primary);
    text-align: left;
  }
  .list-type:not(.table-sticky, .scroll-x) thead,
  .write-type thead {
    display: none;
  }
  .table-title {
    color: var(--color-font-default-primary);
    font-size: var(--size-font-md);
    font-weight: 700;
  }
  .table-title .label {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .list-type:not(.table-sticky, .scroll-x) col,
  .list-type:not(.table-sticky, .scroll-x) tbody th,
  .list-type:not(.table-sticky, .scroll-x) tbody td,
  .list-type.sm:not(.table-sticky, .scroll-x) col,
  .list-type.sm:not(.table-sticky, .scroll-x) tbody th,
  .list-type.sm:not(.table-sticky, .scroll-x) tbody td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: auto;
    height: auto;
    min-height: initial;
    padding: 0;
    border: none;
  }
  .list-type:not(.table-sticky, .scroll-x) tbody tr,
  .list-type.sm:not(.table-sticky, .scroll-x) tbody tr {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.4rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    min-width: initial;
    width: 100%;
    padding: 1.6rem 0;
    border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
  }
  .list-type:not(.table-sticky, .scroll-x) tbody tr:has(.etc-fnc-area),
  .list-type.sm:not(.table-sticky, .scroll-x) tbody tr:has(.etc-fnc-area) {
    padding-right: 2.4rem;
  }
  .list-type:not(.table-sticky, .scroll-x) tbody td,
  .list-type.sm:not(.table-sticky, .scroll-x) tbody td {
    color: var(--color-font-default-secondary);
  }
  .list-type:not(.table-sticky, .scroll-x) tbody td:not(.m-row),
  .list-type.sm:not(.table-sticky, .scroll-x) tbody td:not(.m-row) {
    margin-right: 1.6rem;
  }
  .list-type:not(.table-sticky, .scroll-x) tbody td:not(.m-row):last-of-type,
  .list-type.sm:not(.table-sticky, .scroll-x) tbody td:not(.m-row):last-of-type {
    margin-right: 0;
  }
  .list-type:not(.table-sticky, .scroll-x) tbody td.m-row,
  .list-type.sm:not(.table-sticky, .scroll-x) tbody td.m-row {
    width: 100%;
  }
  .list-type:not(.table-sticky, .scroll-x) tbody td.m-row br,
  .list-type.sm:not(.table-sticky, .scroll-x) tbody td.m-row br {
    display: none;
  }
  .list-type:not(.table-sticky, .scroll-x) tbody td.align-left,
  .list-type.sm:not(.table-sticky, .scroll-x) tbody td.align-left {
    display: block;
    width: 100%;
  }
  .list-type:not(.table-sticky, .scroll-x) tbody td:has(.table-title),
  .list-type.sm:not(.table-sticky, .scroll-x) tbody td:has(.table-title) {
    display: block;
    width: 100%;
    padding-bottom: 0.4rem;
    color: var(--color-font-default-secondary);
    margin-right: 0;
  }
  .list-type:not(.table-sticky, .scroll-x) tbody td:has(.table-title):last-child,
  .list-type.sm:not(.table-sticky, .scroll-x) tbody td:has(.table-title):last-child {
    padding-bottom: 0;
  }
  .list-type:not(.table-sticky, .scroll-x) tbody td .etc-fnc-area,
  .list-type.sm:not(.table-sticky, .scroll-x) tbody td .etc-fnc-area {
    position: absolute;
    right: 0;
    top: 1.6rem;
  }
  .list-type:not(.table-sticky, .scroll-x) tbody td .checkradio-custom-area,
  .list-type.sm:not(.table-sticky, .scroll-x) tbody td .checkradio-custom-area {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .list-type:not(.table-sticky, .scroll-x) tbody [data-tit]::before,
  .list-type.sm:not(.table-sticky, .scroll-x) tbody [data-tit]::before {
    content: attr(data-tit) " : ";
    display: inline-block;
    margin-right: 0.4rem;
  }
  .write-type table col,
  .write-type table colgroup {
    display: none;
  }
  .write-type table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.8rem;
    padding: 1.6rem 0 1.2rem;
    border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
  }
  .write-type table th {
    background-color: transparent;
  }
  .write-type table th,
  .write-type table td {
    display: block;
    width: 100%;
    height: auto;
    border: none;
    text-align: left;
    min-width: 0;
    padding: 0;
  }
  .write-type table td > :not(.block, .datepicker-box),
  .write-type table td > * {
    margin-bottom: 0.2rem;
  }
  .write-type table td input[type=text]:not(.q0, .q1),
  .write-type table td input[type=search]:not(.q0, .q1),
  .write-type table td input[type=password]:not(.q0, .q1),
  .write-type table td input[type=number]:not(.q0, .q1),
  .write-type table td input[type=email]:not(.q0, .q1),
  .write-type table td input[type=tel]:not(.q0, .q1),
  .write-type table td input[type=time]:not(.q0, .q1),
  .write-type table td input[type=date]:not(.q0, .q1),
  .write-type table td input[type=datetime-local]:not(.q0, .q1),
  .write-type table td input[type=month]:not(.q0, .q1),
  .write-type table td input[type=week]:not(.q0, .q1) {
    width: 100%;
  }
  .write-type table .message {
    width: 100%;
  }
  .table-sticky .sot-left {
    position: initial;
  }
  .m-row ~ .m-row .btn-tbl-cont {
    margin-top: 1.2rem;
  }
}
:root {
  --pop-gap:4rem;
}

.dim, .popup-alert-area {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
}

.popup,
.popup-alert,
.popup-modal {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--color-background-default-primary);
  padding: 4rem var(--pop-gap) 2.4rem;
  overflow-y: hidden;
}
.popup img,
.popup-alert img,
.popup-modal img {
  max-width: 100%;
}
.popup .pop-header,
.popup-alert .pop-header,
.popup-modal .pop-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
  padding-bottom: 2.4rem;
}
.popup .pop-header h1,
.popup-alert .pop-header h1,
.popup-modal .pop-header h1 {
  display: block;
  font-size: var(--font-tit-lg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.popup .pop-header p,
.popup-alert .pop-header p,
.popup-modal .pop-header p {
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
  color: var(--color-font-default-tertiary);
}
.popup .pop-body,
.popup-alert .pop-body,
.popup-modal .pop-body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
  width: calc(100% + var(--pop-gap) * 2);
  margin-left: calc(var(--pop-gap) * -1);
  margin-right: calc(var(--pop-gap) * -1);
  padding: 0 var(--pop-gap) 2.4rem;
}
.popup .pop-close,
.popup-alert .pop-close,
.popup-modal .pop-close {
  top: 2.4rem;
  right: 1.6rem;
}

.popup,
.popup-alert,
.popup-modal {
  border: 1px solid #B1B8BE;
  max-width: calc(100% - var(--size-wrap-spacing) * 2);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
  border-radius: 2.4rem;
}

.popup,
.popup-modal {
  display: none;
  max-height: calc(100vh - var(--size-wrap-spacing) * 2);
  max-width: calc(100% - var(--pop-gap) * 2);
  width: var(--size-popup-md);
  z-index: 100;
}
.popup .pop-header,
.popup-modal .pop-header {
  padding-right: 6.4rem;
}
.popup .pop-footer,
.popup-modal .pop-footer {
  padding-top: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem 0.8rem;
}
.popup .pop-footer > *,
.popup-modal .pop-footer > * {
  margin: 0;
}
.popup .pop-footer .pop-btn-cont,
.popup-modal .pop-footer .pop-btn-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.8rem;
}
.popup .pop-footer .pop-btn-cont button,
.popup-modal .pop-footer .pop-btn-cont button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  max-width: 200px;
}
.popup .pop-footer.border-top,
.popup-modal .pop-footer.border-top {
  border-top: 0.1rem solid var(--color-stroke-default-tertiary);
  width: calc(100% + 8rem);
  margin-left: -4rem;
  padding-left: 4rem;
  padding-right: 4rem;
}
.popup.xsm,
.popup-modal.xsm {
  width: var(--size-popup-xsm);
}
.popup.sm,
.popup-modal.sm {
  width: var(--size-popup-sm);
}
.popup.lg,
.popup-modal.lg {
  width: var(--size-popup-lg);
}
.popup.xlg,
.popup-modal.xlg {
  width: var(--size-popup-xlg);
}
.popup.full,
.popup-modal.full {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  border-radius: 0;
  border: none;
}
.popup .pop-close,
.popup-modal .pop-close {
  top: calc(var(--pop-gap) - 0.4rem);
  right: var(--pop-gap);
}

.pop-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  overflow: hidden;
  text-indent: -9999px;
}
.pop-close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: var(--size-icon-lg);
  height: var(--size-icon-lg);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-default-secondary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
}
.pop-close.white::before, .pop-close.wh::before {
  background-color: var(--color-icon-default-primary-inverse);
}
.pop-close.lg::before {
  width: 3.6rem;
  height: 3.6rem;
}

.popup-alert-area {
  display: none;
  z-index: 102;
}

.popup-alert {
  width: 40rem;
}
.popup-alert .pop-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.2rem;
  padding-bottom: 0;
}
.popup-alert .pop-header h1 {
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.popup-alert img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.popup-alert .pop-body {
  text-align: center;
}
.popup-alert .pop-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 0.1rem solid var(--color-stroke-default-tertiary);
  margin: 2.4rem calc(var(--pop-gap) * -1) -3.2rem;
}
.popup-alert .pop-footer button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 6.4rem;
  border-left: 0.1rem solid var(--color-stroke-default-tertiary);
  color: var(--color-font-default-tertiary);
  font-size: 1.6rem;
}
.popup-alert .pop-footer button:first-child {
  border-left: none;
}
.popup-alert .pop-footer button:hover {
  background-color: var(--color-background-default-secondary);
}
.popup-alert .pop-footer button.spot, .popup-alert .pop-footer .viewer .viewer-fnc button.btn.is-active, .viewer .viewer-fnc .popup-alert .pop-footer button.btn.is-active,
.popup-alert .pop-footer .viewer .viewer-location button.btn.is-active,
.viewer .viewer-location .popup-alert .pop-footer button.btn.is-active, .popup-alert .pop-footer button.primary {
  color: var(--color-font-brand-primary);
  font-weight: var(--size-font-weight-xlg);
}
.popup-alert .pop-footer button.spot2, .popup-alert .pop-footer button.success {
  color: var(--color-font-success-primary);
  font-weight: var(--size-font-weight-xlg);
}
.popup-alert .pop-footer button.spot3, .popup-alert .pop-footer button.danger {
  color: var(--color-font-danger-primary);
  font-weight: var(--size-font-weight-xlg);
}

.popup-zoom {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 101;
}
.popup-zoom img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.popup-zoom .pop-header {
  position: relative;
  height: 6rem;
  z-index: 10;
}
.popup-zoom .pop-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: calc(100vh - 6rem);
  overflow-y: auto;
}
.popup-zoom .pop-body figure {
  min-height: 0;
}

.popup-overlay-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.8);
}
.popup-overlay-area .popup-overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 88rem;
  padding: 4rem;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  color: #fff;
}
.popup-overlay-area .popup-overlay * {
  color: #fff;
}
.popup-overlay-area .popup-overlay .pop-body {
  max-height: 100%;
  overflow-y: auto;
}
.popup-overlay-area .thumb-list .thumb-txt-area cite {
  color: #6D7882;
}
.popup-overlay-area .thumb-list .thumb-txt-area .label {
  background-color: #464C53;
}

.pop-msg-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  gap: 1.6rem;
}
.pop-msg-area .step + .img-area {
  margin-top: -2.4rem;
}
.pop-msg-area .txt-area cite {
  display: block;
  margin-bottom: 0.4rem;
  font-size: var(--size-font-sm);
  font-weight: 700;
}
.pop-msg-area .txt-area p {
  color: var(--color-font-default-tertiary);
}

.mn-popup-area {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(17, 17, 17, 0.5);
  display: none;
  grid-template-rows: 1fr auto;
  padding: 1.6rem 0;
  gap: 1.6rem;
  z-index: 100;
}
.mn-popup-area.is-active {
  display: grid;
}
.mn-popup-area .popup-item {
  max-width: initial;
  height: 100%;
  width: 100%;
  border-radius: 2.4rem;
  background: var(--color-background-default-primary);
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
  display: grid;
  grid-template-rows: auto 1fr;
}
.mn-popup-area .popup-item .pop-header {
  padding: 1.6rem 2.4rem;
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
}
.mn-popup-area .popup-item .pop-header h2 {
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.mn-popup-area .popup-item .pop-body {
  padding: 3.2rem 2.4rem;
  overflow-y: auto;
}
.mn-popup-area .popup-item img {
  max-width: 100%;
}
.mn-popup-area .mn-popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 0;
  overflow: hidden;
}
.mn-popup-area .mn-popup .cont {
  position: relative;
  max-height: 100%;
  height: 54rem;
  min-width: 0;
  padding-left: 8rem;
  padding-right: 8rem;
}
.mn-popup-area .mn-popup .fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  margin: 4rem auto;
  border-radius: 3em;
  background: rgba(17, 17, 17, 0.15);
  backdrop-filter: blur(15px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1.2rem 1.6rem;
}
.mn-popup-area .mn-popup .fnc .btn {
  border-radius: 3em;
}
.mn-popup-area .is-inactive .swiper-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mn-popup-area .swiper-btn-playstop-toggle {
  position: relative;
  display: block;
  text-indent: -99999px;
}
.mn-popup-area .swiper-btn-playstop-toggle:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.mn-popup-area .swiper-btn-playstop-toggle:after {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='14' y='2' width='5' height='20'/%3E%3Crect class='cls-2' x='5' y='2' width='5' height='20'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect class='cls-2' x='14' y='2' width='5' height='20'/%3E%3Crect class='cls-2' x='5' y='2' width='5' height='20'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary-inverse);
}
.mn-popup-area .swiper-btn-playstop-toggle.is-stop:after {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5,2v20l16-10L5,2Zm2,3.61l10.23,6.39-10.23,6.39V5.61Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m5,2v20l16-10L5,2Zm2,3.61l10.23,6.39-10.23,6.39V5.61Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary-inverse);
}
.mn-popup-area .swiper,
.mn-popup-area .swiper-wrapper,
.mn-popup-area .swiper-slide {
  height: 100%;
}
.mn-popup-area .swiper-total {
  width: initial !important;
}

@media (max-width: 767px) {
  .popup,
  .popup-modal {
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: initial;
    padding-top: 2.4rem;
    padding-bottom: 0;
  }
  .popup .pop-footer,
  .popup-modal .pop-footer {
    padding-bottom: 1.6rem;
  }
  .popup .pop-footer .pop-btn-cont,
  .popup-modal .pop-footer .pop-btn-cont {
    gap: 0.4rem;
  }
}
.btn-accordion-toggle {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-indent: -9999em;
}

.accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.accordion .is-active .accoridon-tit {
  color: var(--color-primary50);
  font-weight: 700;
}
.accordion .is-active .accordion-tit-area {
  background-color: var(--color-background-default-tertiary);
  border: none;
}
.accordion .is-active .accordion-txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  padding: 1.6rem 0;
}
.accordion .is-active .accordion-txt-area > * {
  margin: 0 !important;
}
.accordion .accordion-tit-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.6rem 0;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  padding: 1.6rem;
  border-radius: 1.2rem;
}
.accordion .accordion-tit-area .l-area,
.accordion .accordion-tit-area .r-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordion .accordion-tit-area:after {
  content: " ";
  position: absolute;
  right: 4rem;
  top: 50%;
  margin-top: -1rem;
  width: 2rem;
  height: 2rem;
  background-image: url("../../images/user/common/arr.svg");
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.accordion .accoridon-tit {
  display: inline-block;
  vertical-align: middle;
  font-size: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 4rem;
  padding-right: 8rem;
}
.accordion .accordion-txt-area {
  display: none;
}

.accordion-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.accordion-list > .is-active .accordion-tit-area::after {
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-secondary);
}
.accordion-list > .is-active .accordion-txt-area {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  opacity: 1;
  height: auto;
  padding: 1.6rem;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  margin-top: 1.2rem;
  background: var(--color-background-default-secondary);
}
.accordion-list > li {
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  padding: 1.6rem 2.4rem;
  border-radius: 1.2rem;
  background-color: var(--color-background-default-primary);
}
.accordion-list > li:has(.etc-fnc-area.is-active) {
  position: relative;
  z-index: 2;
}
.accordion-list .accordion-tit-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: calc(2.4rem + var(--size-icon-md));
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordion-list .accordion-tit-area:after {
  content: " ";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-secondary);
}
.accordion-list .accordion-tit {
  display: block;
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.accordion-list .accordion-tit p ~ * {
  margin-top: 0.4rem;
}
.accordion-list .accordion-fnc {
  position: relative;
  z-index: 1;
}
.accordion-list .accordion-txt-area {
  height: 0;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
          transform-origin: top;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  border-radius: 1.2rem;
  background: var(--color-background-default-secondary);
  color: var(--color-font-default-secondary);
}
.accordion-list .accordion-txt-area img {
  max-width: 100%;
}

.accordion-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.accordion-nav .is-active .accoridon-tit {
  color: var(--color-primary50);
  font-weight: 700;
}
.accordion-nav .is-active .accordion-tit-area {
  background-color: var(--color-background-default-tertiary);
  border: none;
}
.accordion-nav .is-active .accordion-txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  padding: 0.8rem 0;
}
.accordion-nav .is-active .accordion-txt-area > * {
  margin: 0 !important;
}
.accordion-nav .accordion-tit-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.6rem 0;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  padding: 1.6rem;
  border-radius: 1.2rem;
}
.accordion-nav .accordion-tit-area .l-area,
.accordion-nav .accordion-tit-area .r-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordion-nav .accordion-tit-area:after {
  content: " ";
  position: absolute;
  right: 4rem;
  top: 50%;
  margin-top: -1rem;
  width: 2rem;
  height: 2rem;
  background-image: url("../../images/user/common/arr.svg");
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.accordion-nav .accoridon-tit {
  display: inline-block;
  vertical-align: middle;
  font-size: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 4rem;
  padding-right: 8rem;
}
.accordion-nav .accordion-txt-area {
  display: none;
}

.accordion-item .accordion-comment-area {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
  border-top: 0.1rem solid var(--color-stroke-default-tertiary);
}
.accordion-item .accordion-comment-area .btn-flex-cont {
  margin-top: 1.2rem;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .accordion-list > li {
    padding: 1.2rem;
  }
}
.thumb-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4rem 1.6rem;
}
.thumb-list li {
  position: relative;
  min-width: 0;
}
.thumb-list li:hover .thumb-fnc-r .btn-ico {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.thumb-list.sm {
  gap: 0.8rem;
}
.thumb-list.sm li {
  width: calc((100% - 3.2rem) / 3);
}
.thumb-list.col3 {
  grid-template-columns: repeat(3, 1fr);
}

.thumb-sm-list {
  gap: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.thumb-sm-list li {
  position: relative;
  width: calc((100% - 3.2rem) / 3);
}
.thumb-sm-list .thumb-txt-area p {
  font-size: var(--size-font-sm);
}
.thumb-sm-list .thumb-txt-area strong,
.thumb-sm-list .thumb-txt-area cite {
  margin-top: 0.4rem;
}
.thumb-sm-list.col4 li {
  width: calc((100% - 4.8rem) / 4);
}

.thumb-block-list li {
  position: relative;
}
.thumb-block-list li ~ li {
  margin-top: 1.6rem;
}

.thumb-h-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}
.thumb-h-list .item,
.thumb-h-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  overflow: hidden;
}
.thumb-h-list .item .thumb-img-area,
.thumb-h-list li .thumb-img-area {
  position: relative;
  width: 12.8rem;
}
.thumb-h-list .item .thumb-img-area figure,
.thumb-h-list li .thumb-img-area figure {
  border-radius: 1.2rem;
}
.thumb-h-list .item .thumb-img-area .label-area,
.thumb-h-list li .thumb-img-area .label-area {
  position: absolute;
  left: 4px;
  top: 4px;
  z-index: 1;
  white-space: nowrap;
}
.thumb-h-list .item .thumb-txt-area,
.thumb-h-list li .thumb-txt-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 0;
  min-width: 0;
}
.thumb-h-list .item .thumb-txt-area p,
.thumb-h-list li .thumb-txt-area p {
  font-size: 1.4rem;
  white-space: normal;
  word-break: break-all;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.4;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.thumb-h-list .item .thumb-txt-area strong,
.thumb-h-list .item .thumb-txt-area cite,
.thumb-h-list li .thumb-txt-area strong,
.thumb-h-list li .thumb-txt-area cite {
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
}

.thumb-item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.thumb-item-list .item-cont,
.thumb-item-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #B1B8BE;
  border-radius: 1.2rem;
  padding: 0.8rem;
}
.thumb-item-list .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  overflow: hidden;
}
.thumb-item-list .item ~ .item {
  margin-top: 0.8rem;
}
.thumb-item-list .item .thumb-img-area {
  position: relative;
  width: 12.8rem;
}
.thumb-item-list .item .thumb-img-area figure {
  border-radius: 1.2rem;
}
.thumb-item-list .item .thumb-img-area .label-area {
  position: absolute;
  left: 4px;
  top: 4px;
  z-index: 1;
  white-space: nowrap;
}
.thumb-item-list .item .thumb-txt-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 0;
  min-width: 0;
}
.thumb-item-list .item .thumb-txt-area p {
  font-size: 1.4rem;
  white-space: normal;
  word-break: break-all;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.4;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.thumb-item-list .item .thumb-txt-area strong,
.thumb-item-list .item .thumb-txt-area cite {
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
}

.thumb-img-area {
  position: relative;
  overflow: hidden;
}
.thumb-img-area figure {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  background: var(--color-background-default-secondary);
  overflow: hidden;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.thumb-img-area figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.link-full:hover ~ .thumb-img-area figure img {
  top: -3%;
  left: -3%;
  width: 106%;
  height: 106%;
}

.thumb-txt-area {
  position: relative;
  margin-top: 1.6rem;
}
.thumb-txt-area p {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  word-break: break-all;
  font-size: var(--font-body-lg);
  font-weight: var(--size-font-weight-md);
}
.thumb-txt-area .info {
  margin-top: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.thumb-txt-area .info span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  font-size: 1.2rem;
  color: #6D7882;
}
.thumb-txt-area .info span * {
  margin: 0;
}
.thumb-txt-area .info span:last-child::after {
  display: none;
}
.thumb-txt-area strong,
.thumb-txt-area cite {
  margin-top: 0.8rem;
  display: block;
  font-size: 1.2rem;
  color: #6D7882;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.thumb-txt-area.sm {
  margin-top: 0.8rem;
}
.thumb-txt-area.sm strong,
.thumb-txt-area.sm cite {
  margin-top: 0.4rem;
}
.thumb-txt-area .etc-area {
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.thumb-txt-area .etc-area .label {
  margin-right: 0.4rem;
}
.thumb-txt-area .etc-area button {
  z-index: 1;
}
.thumb-txt-area .etc-area button .label:hover {
  font-weight: var(--size-font-weight-xlg);
}
.thumb-txt-area .l-area {
  padding-right: 2.4rem;
}
.thumb-txt-area .thumb-txt-fnc {
  position: absolute;
  top: 0;
  right: 0;
}
.thumb-txt-area i {
  margin-right: 0.4rem;
}
.thumb-txt-area:has(.etc-fnc-area) {
  padding-right: 2.4rem;
}

.thumb-swiper {
  position: relative;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: -2.4rem;
  margin-right: -2.4rem;
}
.thumb-swiper::before, .thumb-swiper::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  width: 2.4rem;
  height: 100%;
  z-index: 2;
}
.thumb-swiper::after {
  left: auto;
  right: 0;
}

.thumb-fnc-l, .thumb-fnc-r {
  position: absolute;
  top: 0.8rem;
  z-index: 2;
}
.thumb-fnc-l {
  left: 0.8rem;
}
.thumb-fnc-r {
  right: 0.8rem;
}
.thumb-fnc-r .btn-ico {
  opacity: 0;
  visibility: hidden;
}

li:hover .thumb-fnc-hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.thumb-fnc-hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  gap: 0.4rem;
}
.thumb-fnc-hover .round.bk {
  background-color: rgba(0, 0, 0, 0.9);
}

/* item */
.item-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  gap: 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.item-info .img-area {
  width: 18rem;
}
.item-info .img-area figure {
  display: block;
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  background: var(--color-background-default-secondary);
  overflow: hidden;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0.8rem;
  border: 0.1rem solid #B1B8BE;
  background-color: #CDD1D5;
}
.item-info .img-area figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.item-info .img-area figure img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100% !important;
  height: 100% !important;
}
.item-info .lnk-full:hover ~ .txt-area .editor-cont, .item-info .audio-box > button:hover ~ .txt-area .editor-cont {
  text-decoration: underline;
}
.item-info .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  gap: 0.4rem;
}
.item-info .editor-cont {
  font-size: var(--font-body-lg);
  font-weight: var(--size-font-weight-md);
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.item-info .editor-cont br {
  display: none !important;
}
.item-info .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  margin-top: 0.4rem;
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
}
.item-info .info-step {
  margin-top: 0.4rem;
}
.item-info .item-fnc {
  margin-top: 1.2rem;
}
.item-info + .item-info {
  border-top: 0.1rem solid #CDD1D5;
  margin-top: 1.6rem;
  padding-top: 1.6rem;
}

.item-info .editor-cont .editor-img-math {
  vertical-align: middle;
  max-width: 100%;
  max-height: 2em;
}

.info-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  margin-top: 0.4rem;
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
}
.info-step span::before,
.info-step a::before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-width: 3px 0 3px 4px;
  border-color: transparent transparent transparent #8A949E;
  border-style: solid;
  margin-right: 0.4rem;
}
.info-step span:first-child::before,
.info-step a:first-child::before {
  display: none;
}

.btn-toggle:before {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@-webkit-keyframes beat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes beat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.btn-toggle.is-active.btn-ico.ico-favorite {
  overflow: visible;
}
.btn-toggle.is-active.btn-ico.ico-favorite::before {
  -webkit-animation: beat 0.5s;
          animation: beat 0.5s;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23EE0000'%3E%3Cpath class='cls-1' d='m12,21L3.551,12.303c-2.067-2.128-2.067-5.578,0-7.707,2.068-2.128,5.419-2.128,7.487,0l.962.99.962-.99c2.068-2.128,5.419-2.128,7.487,0,2.067,2.128,2.067,5.578,0,7.707l-8.449,8.697Z'/%3E%3C/g%3E%3C/svg%3E");
}

.btn-toggle-favorite {
  overflow: visible;
}
.btn-toggle-favorite.is-active::before, .btn-toggle-favorite.is-active:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23EE0000'%3E%3Cpath class='cls-1' d='m12,21L3.551,12.303c-2.067-2.128-2.067-5.578,0-7.707,2.068-2.128,5.419-2.128,7.487,0l.962.99.962-.99c2.068-2.128,5.419-2.128,7.487,0,2.067,2.128,2.067,5.578,0,7.707l-8.449,8.697Z'/%3E%3C/g%3E%3C/svg%3E");
}

@-webkit-keyframes refresh {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes refresh {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.btn.btn-refresh.is-refresh .ico-refresh {
  -webkit-animation: refresh 1s linear infinite;
          animation: refresh 1s linear infinite;
}

.item-box {
  max-height: 80rem;
  overflow-y: auto;
}

.item-list {
  display: grid;
  gap: 0.4rem;
  width: 100%;
}
.item-list.col2 {
  grid-template-columns: repeat(2, 1fr);
}
.item-list.col3 {
  grid-template-columns: repeat(3, 1fr);
}
.item-list.col4 {
  grid-template-columns: repeat(4, 1fr);
}
.item-list > li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  padding: 1.6rem 2.4rem;
  border: 0.1rem solid #B1B8BE;
  background-color: var(--color-background-default-primary);
  border-radius: 1.2rem;
}
.item-list > li > * {
  margin-bottom: 0;
}
.item-list > li > .txt-area {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.item-list > li .title-xsm {
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 6rem;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  word-break: keep-all;
  text-align: center;
}
.item-list .txt-none {
  border: none;
  background: transparent;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.item-list.sm > li {
  padding: 0.8rem;
  gap: 0.8rem;
  min-height: 6rem;
}
.item-list.sm > li.is-active {
  border-color: var(--color-primary50);
}
.item-list.sm .img-area {
  width: 8rem;
}
.item-list.sm .img-weboffice-area {
  width: 4rem;
}
.item-list.sm .item-info {
  min-height: 3.2rem;
  gap: 0.8rem;
}
.item-list.sm .item-info .editor-cont {
  font-size: var(--fs);
}
.item-list.sm .item-info + .item-info {
  padding-top: 0.4rem;
  margin-top: 0.4rem;
}

.ui-sortable .ico-move:hover {
  cursor: move;
}

.item-type-list {
  display: grid;
  gap: 1.6rem;
}
.item-type-list.border-top {
  border-top: 0.1rem solid var(--color-stroke-default-tertiary);
}
.item-type-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
  position: relative;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
  min-width: 0;
}
.item-type-list .item-checkradio {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-right: 0;
  position: absolute;
  left: 0.8rem;
  top: 0.8rem;
}
.item-type-list .etc-fnc-area {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  z-index: 4;
}
.item-type-list .etc-fnc-area.is-active {
  z-index: 4;
}
.item-type-list .img-area {
  width: 48rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  overflow: hidden;
}
.item-type-list .img-area.sm {
  width: 24rem;
}
.item-type-list .img-area figure {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.item-type-list .img-area figure img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.item-type-list .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  padding: 2.4rem 4rem;
  gap: 3.2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.item-type-list .cont > .txt-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
}
.item-type-list .item-btn-area {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.item-type-list .item-btn-area .btn {
  min-width: 20rem;
  width: 100%;
  -webkit-transition: none;
  transition: none;
  text-align: center;
  word-break: keep-all;
}
.item-type-list .item-title {
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.4;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.item-type-list .txt {
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.4;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: var(--font-body-md);
  font-weight: var(--size-font-weight-md);
}
.item-type-list .item-info-list > li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 2em;
  background: var(--color-background-default-secondary);
  color: var(--color-font-default-tertiary);
  font-size: var(--size-font-xsm);
  padding: 0.4rem 1.2rem;
}
.item-type-list .item-info-list > li > strong {
  font-weight: var(--size-font-weight-md);
}
.item-type-list .item-info-list > li .txt-area {
  font-weight: var(--size-font-weight-lg);
  text-align: right;
}
.item-type-list .item-info-list .txt-area {
  text-align: left;
}
.item-type-list.item-type-thumb {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4rem 1.6rem;
}
.item-type-list.item-type-thumb > li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  border-bottom: 0;
}
.item-type-list.item-type-thumb .item-checkradio {
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
}
.item-type-list.item-type-thumb .etc-fnc-area {
  top: 0.8rem;
  right: 0.8rem;
}
.item-type-list.item-type-thumb .img-area {
  width: 100%;
  border-bottom-left-radius: initial;
  border-top-right-radius: inherit;
}
.item-type-list.item-type-thumb .cont {
  padding: 2.4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.item-type-list.item-type-thumb .item-btn-area {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.item-type-list.item-type-thumb .item-btn-area .btn {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0.8rem;
}
.item-type-list.item-type-thumb .item-btn-area .btn.primary {
  min-width: 100%;
}
.item-type-list.item-type-table > li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 0;
}
.item-type-list.item-type-table .img-area {
  display: none;
}
.item-type-list.item-type-table .txt-area {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  min-width: 0;
}
.item-type-list.item-type-table .txt-area .txt {
  display: none;
}
.item-type-list.item-type-table .item-checkradio {
  top: 2.4rem;
}
.item-type-list.item-type-table .item-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  display: block;
}
.item-type-list.item-type-table .item-btn-area {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.item-type-list.item-type-table .info-inline-list.u-block {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2.4rem;
}
.item-type-list.item-type-table .item-info-list > li {
  background-color: transparent;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
}
.item-type-list.item-type-table .item-info-list > li .txt-area {
  text-align: left;
}

.btn-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.8rem 0.8rem;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.btn-info-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn-info-list .btn {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.btn-info-list .txt {
  font-weight: var(--size-font-weight-md);
  font-size: var(--size-font-xsm);
  color: var(--color-font-default-secondary);
}
.btn-info-list button.txt,
.btn-info-list a.txt {
  text-decoration: underline;
}

.img-weboffice-area {
  aspect-ratio: 1 !important;
  border-radius: 1.2rem;
  overflow: hidden;
}
.img-weboffice-area figure {
  aspect-ratio: inherit !important;
}
.img-weboffice-area img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.check-full {
  opacity: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  inset: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 2.4rem;
  border: 0.2rem solid var(--color-stroke-brand-primary);
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
  border-radius: inherit;
  z-index: 2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.check-full:not(:disabled):hover {
  opacity: 1;
}

.board-thumb-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4rem 1.6rem;
}
.board-thumb-list > li {
  position: relative;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-quaternary);
  background: var(--color-background-default-primary);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
.board-thumb-list > li > .txt-area {
  display: grid;
  padding: 2.4rem;
  gap: 1.2rem;
}
.board-thumb-list > li > .txt-area .list-tit {
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.3;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.board-thumb-list > li > .img-area {
  aspect-ratio: 16/9;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  overflow: hidden;
}
.board-thumb-list > li > .img-area img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.board-thumb-list > li:has(.check-full:disabled) {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.box-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
}
.box-list > li:has(.lnk-full, .audio-box > button),
.box-list > li > a:not(.lnk-full) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  height: 100%;
  border-radius: 3.2rem;
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
  -webkit-transform: scale(1);
          transform: scale(1);
  border: 0.1rem solid transparent;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.box-list > li:has(.lnk-full, .audio-box > button):hover,
.box-list > li > a:not(.lnk-full):hover {
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  border: 0.1rem solid var(--color-primary50);
}
.box-list > li:has(.lnk-full, .audio-box > button):hover h3,
.box-list > li > a:not(.lnk-full):hover h3 {
  color: var(--color-primary50);
}
.box-list h3 {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.4;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.box-list .txt-area {
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.4;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 4.2em;
}

@media (max-width: 1023px) {
  .box-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .checkradio-custom-row-area:has(.item-type-checkradio) {
    display: none;
  }
  .item-type-table > li {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .item-type-table .img-area {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 12rem;
  }
  .item-type-table .img-area figure {
    display: none;
  }
  .item-type-table .img-area:has(.btn-info-list) {
    width: auto;
  }
  .item-type-table .img-area .btn-info-list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .item-type-table .txt-area {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    min-width: 0;
  }
  .item-type-table .txt-area .txt {
    display: none;
  }
  .item-type-table .item-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    overflow: hidden;
    display: block;
  }
  .item-type-table .item-btn-area {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .item-type-table .item-info-list > li {
    background-color: transparent;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
  .item-type-table .item-info-list > li .txt-area {
    text-align: left;
  }
  .item-type-list,
  .item-type-list.item-type-table,
  .item-type-list.item-type-feed,
  .item-type-list.item-type-thumb {
    display: grid;
    grid-template-columns: initial;
    gap: 6.4rem 1.6rem;
  }
  .item-type-list > li,
  .item-type-list.item-type-table > li,
  .item-type-list.item-type-feed > li,
  .item-type-list.item-type-thumb > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    border-bottom: 0;
    gap: 0.8rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    min-width: 0;
  }
  .item-type-list .item-checkradio,
  .item-type-list.item-type-table .item-checkradio,
  .item-type-list.item-type-feed .item-checkradio,
  .item-type-list.item-type-thumb .item-checkradio {
    position: absolute;
    top: 0.8rem;
    left: 0.8rem;
  }
  .item-type-list .etc-fnc-area,
  .item-type-list.item-type-table .etc-fnc-area,
  .item-type-list.item-type-feed .etc-fnc-area,
  .item-type-list.item-type-thumb .etc-fnc-area {
    top: 0.8rem;
    right: 0.8rem;
  }
  .item-type-list .img-area,
  .item-type-list.item-type-table .img-area,
  .item-type-list.item-type-feed .img-area,
  .item-type-list.item-type-thumb .img-area {
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
    width: 100%;
  }
  .item-type-list .img-area figure,
  .item-type-list.item-type-table .img-area figure,
  .item-type-list.item-type-feed .img-area figure,
  .item-type-list.item-type-thumb .img-area figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .item-type-list .img-area:has(.btn-info-list),
  .item-type-list.item-type-table .img-area:has(.btn-info-list),
  .item-type-list.item-type-feed .img-area:has(.btn-info-list),
  .item-type-list.item-type-thumb .img-area:has(.btn-info-list) {
    width: 100%;
  }
  .item-type-list .img-area .btn-info-list,
  .item-type-list.item-type-table .img-area .btn-info-list,
  .item-type-list.item-type-feed .img-area .btn-info-list,
  .item-type-list.item-type-thumb .img-area .btn-info-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .item-type-list .txt-area,
  .item-type-list.item-type-table .txt-area,
  .item-type-list.item-type-feed .txt-area,
  .item-type-list.item-type-thumb .txt-area {
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
    min-width: 0;
  }
  .item-type-list .txt-area .txt,
  .item-type-list.item-type-table .txt-area .txt,
  .item-type-list.item-type-feed .txt-area .txt,
  .item-type-list.item-type-thumb .txt-area .txt {
    display: block;
  }
  .item-type-list .item-title,
  .item-type-list.item-type-table .item-title,
  .item-type-list.item-type-feed .item-title,
  .item-type-list.item-type-thumb .item-title {
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.4;
    width: 100%;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: initial;
  }
  .item-type-list .item-info-list > li,
  .item-type-list.item-type-table .item-info-list > li,
  .item-type-list.item-type-feed .item-info-list > li,
  .item-type-list.item-type-thumb .item-info-list > li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-radius: 2em;
    background: var(--color-background-default-secondary);
    color: var(--color-font-default-tertiary);
    font-size: var(--size-font-xsm);
    padding: 0.4rem 1.2rem;
  }
  .item-type-list .item-info-list > li > strong,
  .item-type-list.item-type-table .item-info-list > li > strong,
  .item-type-list.item-type-feed .item-info-list > li > strong,
  .item-type-list.item-type-thumb .item-info-list > li > strong {
    font-weight: var(--size-font-weight-md);
  }
  .item-type-list .item-info-list > li .txt-area,
  .item-type-list.item-type-table .item-info-list > li .txt-area,
  .item-type-list.item-type-feed .item-info-list > li .txt-area,
  .item-type-list.item-type-thumb .item-info-list > li .txt-area {
    font-weight: var(--size-font-weight-lg);
    text-align: right;
  }
  .item-type-list .item-info-list .txt-area,
  .item-type-list.item-type-table .item-info-list .txt-area,
  .item-type-list.item-type-feed .item-info-list .txt-area,
  .item-type-list.item-type-thumb .item-info-list .txt-area {
    text-align: left;
  }
  .item-type-list .item-btn-area,
  .item-type-list.item-type-table .item-btn-area,
  .item-type-list.item-type-feed .item-btn-area,
  .item-type-list.item-type-thumb .item-btn-area {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .item-type-list .item-btn-area .btn,
  .item-type-list.item-type-table .item-btn-area .btn,
  .item-type-list.item-type-feed .item-btn-area .btn,
  .item-type-list.item-type-thumb .item-btn-area .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 0.8rem;
  }
  .item-type-list .item-btn-area .btn.primary,
  .item-type-list.item-type-table .item-btn-area .btn.primary,
  .item-type-list.item-type-feed .item-btn-area .btn.primary,
  .item-type-list.item-type-thumb .item-btn-area .btn.primary {
    min-width: 100%;
  }
  .item-type-list .btn-info-list,
  .item-type-list.item-type-table .btn-info-list,
  .item-type-list.item-type-feed .btn-info-list,
  .item-type-list.item-type-thumb .btn-info-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .box-list {
    grid-template-columns: initial;
    gap: 0.8rem;
  }
  .box-list a {
    padding: 2.4rem 1.6rem;
    gap: 0.8rem;
    border-radius: 2.4rem;
  }
}
:root {
  --component-group-spacing: 0.8rem;
  --flexarea-spacing: 0.8rem;
  --form-spacing: 0.8rem;
}

.wrap {
  max-width: calc(var(--size-wrap) + var(--size-wrap-spacing) * 2);
  margin: 0 auto;
  padding-left: var(--size-wrap-spacing);
  padding-right: var(--size-wrap-spacing);
  width: 100%;
}
.wrap.full {
  max-width: none;
}
.wrap-md {
  max-width: var(--size-wrap-md);
  margin: 0 auto;
  width: 100%;
  padding-left: var(--size-wrap-spacing);
  padding-right: var(--size-wrap-spacing);
}
.wrap .popup .wrap-md,
.wrap .wrap-md {
  padding-left: 0;
  padding-right: 0;
}
.wrap-sm {
  max-width: var(--size-wrap-sm);
  margin: 0 auto;
  width: 100%;
  padding-left: var(--size-wrap-spacing);
  padding-right: var(--size-wrap-spacing);
}
.wrap .popup .wrap-sm,
.wrap .wrap-sm {
  padding-left: 0;
  padding-right: 0;
}
.wrap-xsm {
  max-width: var(--size-wrap-xsm);
  margin: 0 auto;
  width: 100%;
  padding-left: var(--size-wrap-spacing);
  padding-right: var(--size-wrap-spacing);
}
.wrap .popup .wrap-xsm,
.wrap .wrap-xsm {
  padding-left: 0;
  padding-right: 0;
}
.wrap-2xsm {
  max-width: var(--size-wrap-2xsm);
  margin: 0 auto;
  width: 100%;
  padding-left: var(--size-wrap-spacing);
  padding-right: var(--size-wrap-spacing);
}
.wrap .popup .wrap-2xsm,
.wrap .wrap-2xsm {
  padding-left: 0;
  padding-right: 0;
}

.pc {
  display: block !important;
}

.pc-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.pcta {
  display: block !important;
}

.pcta-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.tamo,
.tamo-flex,
.mo,
.mo-flex {
  display: none !important;
}

img.is-disabled {
  opacity: 0.25;
  mix-blend-mode: luminosity;
}

.none-txt {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 50%;
  left: 50%;
  width: calc(100% - 2.3rem);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  gap: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.none-txt figure {
  margin-bottom: 1.6rem;
}
.none-txt em {
  font-size: 1.6rem;
  font-weight: 400;
}
.none-txt p {
  font-size: 1.2rem;
  color: var(--color-font-default-tertiary);
}

ul.pagenation,
ol.pagenation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4rem;
  gap: 0.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
ul.pagenation li.pv,
ol.pagenation li.pv {
  margin-right: 0.4rem;
}
ul.pagenation li.fw,
ol.pagenation li.fw {
  margin-left: 0.4rem;
}
ul.pagenation li span,
ul.pagenation li a,
ol.pagenation li span,
ol.pagenation li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  font-weight: var(--size-font-weight-lg);
  height: 3.6rem;
  min-width: 3.6rem;
  padding: 0.8rem;
  border-radius: 1.8rem;
  color: var(--color-font-default-quaternary);
}
ul.pagenation li span:hover,
ul.pagenation li a:hover,
ol.pagenation li span:hover,
ol.pagenation li a:hover {
  color: var(--color-font-default-secondary);
  background-color: var(--color-background-default-tertiary);
}
ul.pagenation li.current span,
ul.pagenation li.current a, ul.pagenation li.current a:hover,
ol.pagenation li.current span,
ol.pagenation li.current a,
ol.pagenation li.current a:hover {
  color: var(--color-font-brand-primary);
  background-color: var(--color-background-brand-primary);
  font-weight: var(--size-font-weight-xlg);
}

ul.page-indicator,
ol.page-indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
ul.page-indicator li a,
ol.page-indicator li a {
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  padding: 0.6rem 0 0 0;
  border-radius: 50%;
  overflow: hidden;
  background-color: var(--color-background-default-tertiary);
}
ul.page-indicator li.current a,
ol.page-indicator li.current a {
  background: var(--color-background-brand-accent-inverse);
}
ul.page-indicator[data-current="1"] li:nth-of-type(1) a,
ol.page-indicator[data-current="1"] li:nth-of-type(1) a {
  background: var(--color-background-brand-accent-inverse);
}
ul.page-indicator[data-current="2"] li:nth-of-type(2) a,
ol.page-indicator[data-current="2"] li:nth-of-type(2) a {
  background: var(--color-background-brand-accent-inverse);
}
ul.page-indicator[data-current="3"] li:nth-of-type(3) a,
ol.page-indicator[data-current="3"] li:nth-of-type(3) a {
  background: var(--color-background-brand-accent-inverse);
}
ul.page-indicator[data-current="4"] li:nth-of-type(4) a,
ol.page-indicator[data-current="4"] li:nth-of-type(4) a {
  background: var(--color-background-brand-accent-inverse);
}
ul.page-indicator[data-current="5"] li:nth-of-type(5) a,
ol.page-indicator[data-current="5"] li:nth-of-type(5) a {
  background: var(--color-background-brand-accent-inverse);
}
ul.page-indicator[data-current="6"] li:nth-of-type(6) a,
ol.page-indicator[data-current="6"] li:nth-of-type(6) a {
  background: var(--color-background-brand-accent-inverse);
}
ul.page-indicator[data-current="7"] li:nth-of-type(7) a,
ol.page-indicator[data-current="7"] li:nth-of-type(7) a {
  background: var(--color-background-brand-accent-inverse);
}
ul.page-indicator[data-current="8"] li:nth-of-type(8) a,
ol.page-indicator[data-current="8"] li:nth-of-type(8) a {
  background: var(--color-background-brand-accent-inverse);
}
ul.page-indicator[data-current="9"] li:nth-of-type(9) a,
ol.page-indicator[data-current="9"] li:nth-of-type(9) a {
  background: var(--color-background-brand-accent-inverse);
}
ul.page-indicator[data-current="10"] li:nth-of-type(10) a,
ol.page-indicator[data-current="10"] li:nth-of-type(10) a {
  background: var(--color-background-brand-accent-inverse);
}

.search-area {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0;
  border: 0.1rem solid var(--color-stroke-default-secondary);
  border-radius: 1.2rem;
  min-width: 0;
}
.search-area label {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0, 0 0);
}
.search-area .search-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 0.1rem solid var(--color-stroke-default-tertiary);
}
.search-area .search-option select {
  border: none;
  padding-left: 1.2rem;
  padding-right: calc(1.6rem + var(--size-icon-md));
  background-position: right 0.8rem center;
  border-radius: 0;
}
.search-area .search-option select ~ select {
  border-left: 0.1rem solid var(--color-stroke-default-tertiary);
}
.search-area .search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 0;
  min-width: 0;
}
.search-area .search input {
  padding-right: 4.8rem;
  border: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.search-area .search input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.search-area:has(.search input:focus) {
  border-color: var(--color-stroke-brand-primary);
}

.search-area .search button.btn {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: var(--form-height-md);
  height: var(--form-height-md);
  border-radius: 0;
  min-width: auto;
  padding: 1.2rem;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  font-size: 0;
}
.search-area + .msg {
  display: block;
  margin-top: 0.4rem;
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
  color: var(--color-font-default-quaternary);
}
.search-area.small select,
.search-area.small input,
.search-area.small button.btn, .search-area.sm select,
.search-area.sm input,
.search-area.sm button.btn {
  height: 3.6rem;
}
.search-area.small .search input, .search-area.sm .search input {
  padding-right: 3.6rem;
}
.search-area.small .search button.btn, .search-area.sm .search button.btn {
  width: 3.6rem;
  padding: 0.8rem;
}
.search-area.small select, .search-area.sm select {
  background-size: var(--size-icon-sm);
}
.search-area.full {
  width: 100%;
}
.search-area.full .search {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.search-area.full .search input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.search-cus-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 6.2rem;
}
.search-cus-area label {
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem 0 0 1.2rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: var(--color-background-default-secondary);
  padding-left: 6.4rem;
  min-width: 0;
  overflow: hidden;
}
.search-cus-area label input[type=text] {
  border: none;
  border-radius: 0;
  width: auto;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: var(--size-font-lg);
  font-weight: var(--size-font-weight-xlg);
  color: var(--color-background-default-primary-inverse);
}
.search-cus-area label input[type=text]::-webkit-input-placeholder {
  color: #8A949E;
}
.search-cus-area label input[type=text]::-moz-placeholder {
  color: #8A949E;
}
.search-cus-area label input[type=text]:-ms-input-placeholder {
  color: #8A949E;
}
.search-cus-area label input[type=text]::-ms-input-placeholder {
  color: #8A949E;
}
.search-cus-area label input[type=text]::placeholder {
  color: #8A949E;
}
.search-cus-area label::before {
  content: "";
  left: 2rem;
  top: 50%;
  margin-top: -1rem;
  position: absolute;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21.7,20.3l-5.4-5.4c1.1-1.4,1.7-3.1,1.7-4.9c0-4.4-3.6-8-8-8s-8,3.6-8,8s3.6,8,8,8c1.8,0,3.5-0.6,4.9-1.7 l5.4,5.4L21.7,20.3z M10,16c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S13.3,16,10,16z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M21.7,20.3l-5.4-5.4c1.1-1.4,1.7-3.1,1.7-4.9c0-4.4-3.6-8-8-8s-8,3.6-8,8s3.6,8,8,8c1.8,0,3.5-0.6,4.9-1.7 l5.4,5.4L21.7,20.3z M10,16c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S13.3,16,10,16z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary);
}
.search-cus-area button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 2.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: var(--fs-lg);
  font-weight: var(--size-font-weight-xlg);
  color: var(--color-font-default-primary-inverse);
  background: -webkit-gradient(linear, right top, left top, from(var(--color-primary70)), to(var(--color-primary50)));
  background: linear-gradient(-90deg, var(--color-primary70) 0%, var(--color-primary50) 100%);
  border-radius: 0 1.2rem 1.2rem 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.search-cus-area button:hover {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(90%, var(--color-primary70)), to(var(--color-primary50)));
  background: linear-gradient(0deg, var(--color-primary70) 90%, var(--color-primary50) 100%);
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
}

.total-search-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 2.4rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
.total-search-area .search-area {
  border: none;
}
.total-search-area .search input {
  width: 32rem;
  background-color: var(--color-background-default-secondary);
}
.total-search-area .btn-group {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.accessibility {
  position: relative;
  text-align: center;
}
.accessibility a {
  position: absolute;
  z-index: 9999;
  height: 0.1rem;
  overflow: hidden;
}
.accessibility a:focus {
  height: auto;
  padding: 1.6rem;
  background: var(--color-background-brand-primary-inverse);
  color: var(--color-font-default-primary-inverse);
}

.msg {
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
  vertical-align: middle;
  word-break: keep-all;
}
.msg i[class^=ico] {
  vertical-align: middle;
}
.msg {
  color: var(--color-font-default-tertiary);
}
.msg i[class^=ico-] {
  margin-right: 0.2rem;
  margin-top: -0.2rem;
}
.msg i[class^=ico-]::before {
  background-color: var(--color-icon-default-secondary);
}
.msg.success {
  color: var(--color-font-success-primary);
}
.msg.success i[class^=ico-] {
  margin-right: 0.2rem;
  margin-top: -0.2rem;
}
.msg.success i[class^=ico-]::before {
  background-color: var(--color-icon-success-primary);
}
.msg.warning {
  color: var(--color-font-warning-primary);
}
.msg.warning i[class^=ico-] {
  margin-right: 0.2rem;
  margin-top: -0.2rem;
}
.msg.warning i[class^=ico-]::before {
  background-color: var(--color-icon-warning-primary);
}
.msg.info {
  color: var(--color-font-info-primary);
}
.msg.info i[class^=ico-] {
  margin-right: 0.2rem;
  margin-top: -0.2rem;
}
.msg.info i[class^=ico-]::before {
  background-color: var(--color-icon-info-primary);
}
.msg.danger {
  color: var(--color-font-danger-primary);
}
.msg.danger i[class^=ico-] {
  margin-right: 0.2rem;
  margin-top: -0.2rem;
}
.msg.danger i[class^=ico-]::before {
  background-color: var(--color-icon-danger-primary);
}
.msg.brand-primary {
  color: var(--color-font-brand-primary);
}
.msg.brand-primary i[class^=ico-] {
  margin-right: 0.2rem;
  margin-top: -0.2rem;
}
.msg.brand-primary i[class^=ico-]::before {
  background-color: var(--color-icon-brand-primary);
}
.msg.brand-secondary {
  color: var(--color-font-brand-secondary);
}
.msg.brand-secondary i[class^=ico-] {
  margin-right: 0.2rem;
  margin-top: -0.2rem;
}
.msg.brand-secondary i[class^=ico-]::before {
  background-color: var(--color-icon-brand-secondary);
}
.msg.brand-accent {
  color: var(--color-font-brand-accent);
}
.msg.brand-accent i[class^=ico-] {
  margin-right: 0.2rem;
  margin-top: -0.2rem;
}
.msg.brand-accent i[class^=ico-]::before {
  background-color: var(--color-icon-brand-accent);
}

.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip .btn-tooltip {
  position: relative;
  color: var(--color-font-default-tertiary);
  z-index: 0;
}
.tooltip .btn-tooltip i {
  position: relative;
  z-index: -1;
}
.tooltip .txt-area {
  display: none;
  position: absolute;
  z-index: 1;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  margin-top: 0.8rem;
  background-color: var(--color-background-default-primary);
  border: 1px solid var(--color-stroke-default-primary);
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
  padding: 0.8rem;
  border-radius: 1.2rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 20rem;
  word-break: keep-all;
  text-align: left;
  color: var(--color-font-default-secondary);
}
.tooltip.is-active .txt-area {
  display: block;
}
.tooltip.dir-l .txt-area {
  left: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.tooltip.dir-r .txt-area {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  left: initial;
  right: 0;
}

.txt-hide {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0, 0 0);
}

.margin-top-xsm {
  margin-top: 0.4rem !important;
}
.margin-top-sm {
  margin-top: 0.8rem !important;
}
.margin-top-md {
  margin-top: 1.6rem !important;
}
.margin-top-lg {
  margin-top: 2.4rem !important;
}
.margin-top-xlg {
  margin-top: 4rem !important;
}
.margin-right-xsm {
  margin-right: 0.4rem !important;
}
.margin-right-sm {
  margin-right: 0.8rem !important;
}
.margin-right-md {
  margin-right: 1.6rem !important;
}
.margin-right-lg {
  margin-right: 2.4rem !important;
}
.margin-right-xlg {
  margin-right: 4rem !important;
}
.margin-bottom-xsm {
  margin-bottom: 0.4rem !important;
}
.margin-bottom-sm {
  margin-bottom: 0.8rem !important;
}
.margin-bottom-md {
  margin-bottom: 1.6rem !important;
}
.margin-bottom-lg {
  margin-bottom: 2.4rem !important;
}
.margin-bottom-xlg {
  margin-bottom: 4rem !important;
}
.margin-left-xsm {
  margin-left: 0.4rem !important;
}
.margin-left-sm {
  margin-left: 0.8rem !important;
}
.margin-left-md {
  margin-left: 1.6rem !important;
}
.margin-left-lg {
  margin-left: 2.4rem !important;
}
.margin-left-xlg {
  margin-left: 4rem !important;
}

.percent-width0 {
  min-width: 0 !important;
  width: 0% !important;
}
.percent-width1 {
  min-width: 0 !important;
  width: 10% !important;
}
.percent-width2 {
  min-width: 0 !important;
  width: 20% !important;
}
.percent-width3 {
  min-width: 0 !important;
  width: 30% !important;
}
.percent-width4 {
  min-width: 0 !important;
  width: 40% !important;
}
.percent-width5 {
  min-width: 0 !important;
  width: 50% !important;
}
.percent-width6 {
  min-width: 0 !important;
  width: 60% !important;
}
.percent-width7 {
  min-width: 0 !important;
  width: 70% !important;
}
.percent-width8 {
  min-width: 0 !important;
  width: 80% !important;
}
.percent-width9 {
  min-width: 0 !important;
  width: 90% !important;
}
.percent-width10 {
  min-width: 0 !important;
  width: 100% !important;
}

.align-center {
  text-align: center !important;
}
.align-left {
  text-align: left !important;
}
.align-right {
  text-align: right !important;
}

.valign-top {
  vertical-align: top !important;
}
.valign-middle {
  vertical-align: middle !important;
}
.valign-bottom {
  vertical-align: bottom !important;
}

.font-color-blue {
  color: var(--color-primary60) !important;
}
.font-color-green {
  color: #006600 !important;
}
.font-color-pink {
  color: #CD365E !important;
}
.font-color-orange {
  color: #D53209 !important;
}
.font-color-red {
  color: #CD0404 !important;
}
.font-color-black {
  color: #111 !important;
}
.font-color-gray {
  color: #58616A !important;
}
.font-color-white {
  color: #fff !important;
}
.font-color-success {
  color: var(--color-font-success-primary) !important;
}
.font-color-warning {
  color: var(--color-font-warning-primary) !important;
}
.font-color-info {
  color: var(--color-font-info-primary) !important;
}
.font-color-danger {
  color: var(--color-font-danger-primary) !important;
}
.font-color-spot {
  color: var(--color-font-brand-primary) !important;
}
.font-color-primary {
  color: var(--color-font-brand-primary) !important;
}
.font-color-spot2 {
  color: var(--color-font-brand-secondary) !important;
}
.font-color-secondary {
  color: var(--color-font-brand-secondary) !important;
}
.font-color-spot3 {
  color: var(--color-font-brand-accent) !important;
}
.font-color-accent {
  color: var(--color-font-brand-accent) !important;
}
.font-color-default-primary {
  color: var(--color-font-default-primary) !important;
}
.font-color-default-secondary {
  color: var(--color-font-default-secondary) !important;
}
.font-color-default-tertiary {
  color: var(--color-font-default-tertiary) !important;
}
.font-color-disabled {
  color: var(--color-font-disabled-primary) !important;
}
.font-color-positive {
  color: #006600 !important;
}
.font-color-negative {
  color: #CD0404 !important;
}

.font-size-sm {
  font-size: var(--size-font-xsm) !important;
}
.font-size-md {
  font-size: var(--size-font-sm) !important;
}
.font-size-lg {
  font-size: var(--size-font-md) !important;
}
.font-size-xlg {
  font-size: var(--size-font-xlg) !important;
}

.sms-write-area .sms-txt-count-area .fnc, .rubric-write-area .item .item-col .fnc, .border-list > li, .article-box .box-header, .section-box .box-header, .chart-legend, .class-viewer .viewer-header, .site-header .site-menu-area .menu-info, .site-header .wrap, .agree-area .agree-header, .form-list .form-tit-area, .agendar-view-area .agendar-tit-area, .form-view .form-section-header, .form-view-result .a-area .a-fnc,
.form-view .a-area .a-fnc, .form-write .form-item .form-item-fnc, .form-write .form-section-footer,
.form-view-result .form-section-footer,
.form-view .form-section-footer, .org-cont .org-cont-header, .msg-cont-footer .write-fnc-area, .msg-nav .msg-nav-body > li, .reply-area .reply-write-area .write-fnc-area, .board-view-area .view-cont-tit-area, .board-view-area .view-cont-fnc-area, .board-view-area .view-header, .view-area .view-header, .info-block-list .info-fnc-area, .summary-box, .fnc-extend-area .extend-default-area,
.fnc-extend-area .extend-filter-area,
.fnc-extend-area .extend-fnc-area, .page-tit-area,
.page-fnc-area,
.section-tit-area,
.tit-area,
.tit-box-area,
.tit-border-area,
.fnc-area,
.flex-area, .btn-flex-cont,
.btn-flex-area, .btn-area, .calendar-area .calendar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.8rem;
}
.sms-write-area .sms-txt-count-area .lg.fnc, .rubric-write-area .item .item-col .lg.fnc, .border-list > li.lg, .article-box .lg.box-header, .section-box .lg.box-header, .lg.chart-legend, .class-viewer .lg.viewer-header, .site-header .site-menu-area .lg.menu-info, .site-header .lg.wrap, .agree-area .lg.agree-header, .form-list .lg.form-tit-area, .agendar-view-area .lg.agendar-tit-area, .form-view .lg.form-section-header, .form-view-result .a-area .lg.a-fnc,
.form-view .a-area .lg.a-fnc, .form-write .form-item .lg.form-item-fnc, .form-write .lg.form-section-footer,
.form-view-result .lg.form-section-footer,
.form-view .lg.form-section-footer, .org-cont .lg.org-cont-header, .msg-cont-footer .lg.write-fnc-area, .msg-nav .msg-nav-body > li.lg, .reply-area .reply-write-area .lg.write-fnc-area, .board-view-area .lg.view-cont-tit-area, .board-view-area .lg.view-cont-fnc-area, .board-view-area .lg.view-header, .view-area .lg.view-header, .info-block-list .lg.info-fnc-area, .lg.summary-box, .fnc-extend-area .lg.extend-default-area,
.fnc-extend-area .lg.extend-filter-area,
.fnc-extend-area .lg.extend-fnc-area, .lg.page-tit-area,
.lg.page-fnc-area,
.lg.section-tit-area,
.lg.tit-area,
.lg.tit-box-area,
.lg.tit-border-area,
.lg.fnc-area,
.lg.flex-area, .lg.btn-flex-cont,
.lg.btn-flex-area, .lg.btn-area, .calendar-area .lg.calendar-header {
  gap: 0.8rem 1.6rem;
}
.sms-write-area .sms-txt-count-area .sm.fnc, .rubric-write-area .item .item-col .sm.fnc, .border-list > li.sm, .article-box .sm.box-header, .section-box .sm.box-header, .sm.chart-legend, .class-viewer .sm.viewer-header, .site-header .site-menu-area .sm.menu-info, .site-header .sm.wrap, .agree-area .sm.agree-header, .form-list .sm.form-tit-area, .agendar-view-area .sm.agendar-tit-area, .form-view .sm.form-section-header, .form-view-result .a-area .sm.a-fnc,
.form-view .a-area .sm.a-fnc, .form-write .form-item .sm.form-item-fnc, .form-write .sm.form-section-footer,
.form-view-result .sm.form-section-footer,
.form-view .sm.form-section-footer, .org-cont .sm.org-cont-header, .msg-cont-footer .sm.write-fnc-area, .msg-nav .msg-nav-body > li.sm, .reply-area .reply-write-area .sm.write-fnc-area, .board-view-area .sm.view-cont-tit-area, .board-view-area .sm.view-cont-fnc-area, .board-view-area .sm.view-header, .view-area .sm.view-header, .info-block-list .sm.info-fnc-area, .sm.summary-box, .fnc-extend-area .sm.extend-default-area,
.fnc-extend-area .sm.extend-filter-area,
.fnc-extend-area .sm.extend-fnc-area, .sm.page-tit-area,
.sm.page-fnc-area,
.sm.section-tit-area,
.sm.tit-area,
.sm.tit-box-area,
.sm.tit-border-area,
.sm.fnc-area,
.sm.flex-area, .sm.btn-flex-cont,
.sm.btn-flex-area, .sm.btn-area, .calendar-area .sm.calendar-header {
  gap: 0.4rem;
}
.sms-write-area .sms-txt-count-area .fnc .l-area, .rubric-write-area .item .item-col .fnc .l-area, .border-list > li .l-area, .article-box .box-header .l-area, .section-box .box-header .l-area, .chart-legend .l-area, .class-viewer .viewer-header .l-area, .site-header .site-menu-area .menu-info .l-area, .site-header .wrap .l-area, .agree-area .agree-header .l-area, .form-list .form-tit-area .l-area, .agendar-view-area .agendar-tit-area .l-area, .form-view .form-section-header .l-area, .form-view-result .a-area .a-fnc .l-area,
.form-view .a-area .a-fnc .l-area, .form-write .form-item .form-item-fnc .l-area, .form-write .form-section-footer .l-area,
.form-view-result .form-section-footer .l-area,
.form-view .form-section-footer .l-area, .org-cont .org-cont-header .l-area, .msg-cont-footer .write-fnc-area .l-area, .msg-nav .msg-nav-body > li .l-area, .reply-area .reply-write-area .write-fnc-area .l-area, .board-view-area .view-cont-tit-area .l-area, .board-view-area .view-cont-fnc-area .l-area, .board-view-area .view-header .l-area, .view-area .view-header .l-area, .info-block-list .info-fnc-area .l-area, .summary-box .l-area, .fnc-extend-area .extend-default-area .l-area,
.fnc-extend-area .extend-filter-area .l-area,
.fnc-extend-area .extend-fnc-area .l-area, .page-tit-area .l-area,
.page-fnc-area .l-area,
.section-tit-area .l-area,
.tit-area .l-area,
.tit-box-area .l-area,
.tit-border-area .l-area,
.fnc-area .l-area,
.flex-area .l-area, .btn-flex-cont .l-area,
.btn-flex-area .l-area, .btn-area .l-area, .calendar-area .calendar-header .l-area,
.sms-write-area .sms-txt-count-area .fnc .c-area,
.rubric-write-area .item .item-col .fnc .c-area,
.border-list > li .c-area,
.article-box .box-header .c-area,
.section-box .box-header .c-area,
.chart-legend .c-area,
.class-viewer .viewer-header .c-area,
.site-header .site-menu-area .menu-info .c-area,
.site-header .wrap .c-area,
.agree-area .agree-header .c-area,
.form-list .form-tit-area .c-area,
.agendar-view-area .agendar-tit-area .c-area,
.form-view .form-section-header .c-area,
.form-view-result .a-area .a-fnc .c-area,
.form-view .a-area .a-fnc .c-area,
.form-write .form-item .form-item-fnc .c-area,
.form-write .form-section-footer .c-area,
.form-view-result .form-section-footer .c-area,
.form-view .form-section-footer .c-area,
.org-cont .org-cont-header .c-area,
.msg-cont-footer .write-fnc-area .c-area,
.msg-nav .msg-nav-body > li .c-area,
.reply-area .reply-write-area .write-fnc-area .c-area,
.board-view-area .view-cont-tit-area .c-area,
.board-view-area .view-cont-fnc-area .c-area,
.board-view-area .view-header .c-area,
.view-area .view-header .c-area,
.info-block-list .info-fnc-area .c-area,
.summary-box .c-area,
.fnc-extend-area .extend-default-area .c-area,
.fnc-extend-area .extend-filter-area .c-area,
.fnc-extend-area .extend-fnc-area .c-area,
.page-tit-area .c-area,
.page-fnc-area .c-area,
.section-tit-area .c-area,
.tit-area .c-area,
.tit-box-area .c-area,
.tit-border-area .c-area,
.fnc-area .c-area,
.flex-area .c-area,
.btn-flex-cont .c-area,
.btn-flex-area .c-area,
.btn-area .c-area,
.calendar-area .calendar-header .c-area,
.sms-write-area .sms-txt-count-area .fnc .r-area,
.rubric-write-area .item .item-col .fnc .r-area,
.border-list > li .r-area,
.article-box .box-header .r-area,
.section-box .box-header .r-area,
.chart-legend .r-area,
.class-viewer .viewer-header .r-area,
.site-header .site-menu-area .menu-info .r-area,
.site-header .wrap .r-area,
.agree-area .agree-header .r-area,
.form-list .form-tit-area .r-area,
.agendar-view-area .agendar-tit-area .r-area,
.form-view .form-section-header .r-area,
.form-view-result .a-area .a-fnc .r-area,
.form-view .a-area .a-fnc .r-area,
.form-write .form-item .form-item-fnc .r-area,
.form-write .form-section-footer .r-area,
.form-view-result .form-section-footer .r-area,
.form-view .form-section-footer .r-area,
.org-cont .org-cont-header .r-area,
.msg-cont-footer .write-fnc-area .r-area,
.msg-nav .msg-nav-body > li .r-area,
.reply-area .reply-write-area .write-fnc-area .r-area,
.board-view-area .view-cont-tit-area .r-area,
.board-view-area .view-cont-fnc-area .r-area,
.board-view-area .view-header .r-area,
.view-area .view-header .r-area,
.info-block-list .info-fnc-area .r-area,
.summary-box .r-area,
.fnc-extend-area .extend-default-area .r-area,
.fnc-extend-area .extend-filter-area .r-area,
.fnc-extend-area .extend-fnc-area .r-area,
.page-tit-area .r-area,
.page-fnc-area .r-area,
.section-tit-area .r-area,
.tit-area .r-area,
.tit-box-area .r-area,
.tit-border-area .r-area,
.fnc-area .r-area,
.flex-area .r-area,
.btn-flex-cont .r-area,
.btn-flex-area .r-area,
.btn-area .r-area,
.calendar-area .calendar-header .r-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem var(--flexarea-spacing);
}
.sms-write-area .sms-txt-count-area .fnc .l-area > *, .rubric-write-area .item .item-col .fnc .l-area > *, .border-list > li .l-area > *, .article-box .box-header .l-area > *, .section-box .box-header .l-area > *, .chart-legend .l-area > *, .class-viewer .viewer-header .l-area > *, .site-header .site-menu-area .menu-info .l-area > *, .site-header .wrap .l-area > *, .agree-area .agree-header .l-area > *, .form-list .form-tit-area .l-area > *, .agendar-view-area .agendar-tit-area .l-area > *, .form-view .form-section-header .l-area > *, .form-view-result .a-area .a-fnc .l-area > *,
.form-view .a-area .a-fnc .l-area > *, .form-write .form-item .form-item-fnc .l-area > *, .form-write .form-section-footer .l-area > *,
.form-view-result .form-section-footer .l-area > *,
.form-view .form-section-footer .l-area > *, .org-cont .org-cont-header .l-area > *, .msg-cont-footer .write-fnc-area .l-area > *, .msg-nav .msg-nav-body > li .l-area > *, .reply-area .reply-write-area .write-fnc-area .l-area > *, .board-view-area .view-cont-tit-area .l-area > *, .board-view-area .view-cont-fnc-area .l-area > *, .board-view-area .view-header .l-area > *, .view-area .view-header .l-area > *, .info-block-list .info-fnc-area .l-area > *, .summary-box .l-area > *, .fnc-extend-area .extend-default-area .l-area > *,
.fnc-extend-area .extend-filter-area .l-area > *,
.fnc-extend-area .extend-fnc-area .l-area > *, .page-tit-area .l-area > *,
.page-fnc-area .l-area > *,
.section-tit-area .l-area > *,
.tit-area .l-area > *,
.tit-box-area .l-area > *,
.tit-border-area .l-area > *,
.fnc-area .l-area > *,
.flex-area .l-area > *, .btn-flex-cont .l-area > *,
.btn-flex-area .l-area > *, .btn-area .l-area > *, .calendar-area .calendar-header .l-area > *,
.sms-write-area .sms-txt-count-area .fnc .c-area > *,
.rubric-write-area .item .item-col .fnc .c-area > *,
.border-list > li .c-area > *,
.article-box .box-header .c-area > *,
.section-box .box-header .c-area > *,
.chart-legend .c-area > *,
.class-viewer .viewer-header .c-area > *,
.site-header .site-menu-area .menu-info .c-area > *,
.site-header .wrap .c-area > *,
.agree-area .agree-header .c-area > *,
.form-list .form-tit-area .c-area > *,
.agendar-view-area .agendar-tit-area .c-area > *,
.form-view .form-section-header .c-area > *,
.form-view-result .a-area .a-fnc .c-area > *,
.form-view .a-area .a-fnc .c-area > *,
.form-write .form-item .form-item-fnc .c-area > *,
.form-write .form-section-footer .c-area > *,
.form-view-result .form-section-footer .c-area > *,
.form-view .form-section-footer .c-area > *,
.org-cont .org-cont-header .c-area > *,
.msg-cont-footer .write-fnc-area .c-area > *,
.msg-nav .msg-nav-body > li .c-area > *,
.reply-area .reply-write-area .write-fnc-area .c-area > *,
.board-view-area .view-cont-tit-area .c-area > *,
.board-view-area .view-cont-fnc-area .c-area > *,
.board-view-area .view-header .c-area > *,
.view-area .view-header .c-area > *,
.info-block-list .info-fnc-area .c-area > *,
.summary-box .c-area > *,
.fnc-extend-area .extend-default-area .c-area > *,
.fnc-extend-area .extend-filter-area .c-area > *,
.fnc-extend-area .extend-fnc-area .c-area > *,
.page-tit-area .c-area > *,
.page-fnc-area .c-area > *,
.section-tit-area .c-area > *,
.tit-area .c-area > *,
.tit-box-area .c-area > *,
.tit-border-area .c-area > *,
.fnc-area .c-area > *,
.flex-area .c-area > *,
.btn-flex-cont .c-area > *,
.btn-flex-area .c-area > *,
.btn-area .c-area > *,
.calendar-area .calendar-header .c-area > *,
.sms-write-area .sms-txt-count-area .fnc .r-area > *,
.rubric-write-area .item .item-col .fnc .r-area > *,
.border-list > li .r-area > *,
.article-box .box-header .r-area > *,
.section-box .box-header .r-area > *,
.chart-legend .r-area > *,
.class-viewer .viewer-header .r-area > *,
.site-header .site-menu-area .menu-info .r-area > *,
.site-header .wrap .r-area > *,
.agree-area .agree-header .r-area > *,
.form-list .form-tit-area .r-area > *,
.agendar-view-area .agendar-tit-area .r-area > *,
.form-view .form-section-header .r-area > *,
.form-view-result .a-area .a-fnc .r-area > *,
.form-view .a-area .a-fnc .r-area > *,
.form-write .form-item .form-item-fnc .r-area > *,
.form-write .form-section-footer .r-area > *,
.form-view-result .form-section-footer .r-area > *,
.form-view .form-section-footer .r-area > *,
.org-cont .org-cont-header .r-area > *,
.msg-cont-footer .write-fnc-area .r-area > *,
.msg-nav .msg-nav-body > li .r-area > *,
.reply-area .reply-write-area .write-fnc-area .r-area > *,
.board-view-area .view-cont-tit-area .r-area > *,
.board-view-area .view-cont-fnc-area .r-area > *,
.board-view-area .view-header .r-area > *,
.view-area .view-header .r-area > *,
.info-block-list .info-fnc-area .r-area > *,
.summary-box .r-area > *,
.fnc-extend-area .extend-default-area .r-area > *,
.fnc-extend-area .extend-filter-area .r-area > *,
.fnc-extend-area .extend-fnc-area .r-area > *,
.page-tit-area .r-area > *,
.page-fnc-area .r-area > *,
.section-tit-area .r-area > *,
.tit-area .r-area > *,
.tit-box-area .r-area > *,
.tit-border-area .r-area > *,
.fnc-area .r-area > *,
.flex-area .r-area > *,
.btn-flex-cont .r-area > *,
.btn-flex-area .r-area > *,
.btn-area .r-area > *,
.calendar-area .calendar-header .r-area > * {
  margin-bottom: 0;
}
.sms-write-area .sms-txt-count-area .fnc .l-area:only-child, .rubric-write-area .item .item-col .fnc .l-area:only-child, .border-list > li .l-area:only-child, .article-box .box-header .l-area:only-child, .section-box .box-header .l-area:only-child, .chart-legend .l-area:only-child, .class-viewer .viewer-header .l-area:only-child, .site-header .site-menu-area .menu-info .l-area:only-child, .site-header .wrap .l-area:only-child, .agree-area .agree-header .l-area:only-child, .form-list .form-tit-area .l-area:only-child, .agendar-view-area .agendar-tit-area .l-area:only-child, .form-view .form-section-header .l-area:only-child, .form-view-result .a-area .a-fnc .l-area:only-child,
.form-view .a-area .a-fnc .l-area:only-child, .form-write .form-item .form-item-fnc .l-area:only-child, .form-write .form-section-footer .l-area:only-child,
.form-view-result .form-section-footer .l-area:only-child,
.form-view .form-section-footer .l-area:only-child, .org-cont .org-cont-header .l-area:only-child, .msg-cont-footer .write-fnc-area .l-area:only-child, .msg-nav .msg-nav-body > li .l-area:only-child, .reply-area .reply-write-area .write-fnc-area .l-area:only-child, .board-view-area .view-cont-tit-area .l-area:only-child, .board-view-area .view-cont-fnc-area .l-area:only-child, .board-view-area .view-header .l-area:only-child, .view-area .view-header .l-area:only-child, .info-block-list .info-fnc-area .l-area:only-child, .summary-box .l-area:only-child, .fnc-extend-area .extend-default-area .l-area:only-child,
.fnc-extend-area .extend-filter-area .l-area:only-child,
.fnc-extend-area .extend-fnc-area .l-area:only-child, .page-tit-area .l-area:only-child,
.page-fnc-area .l-area:only-child,
.section-tit-area .l-area:only-child,
.tit-area .l-area:only-child,
.tit-box-area .l-area:only-child,
.tit-border-area .l-area:only-child,
.fnc-area .l-area:only-child,
.flex-area .l-area:only-child, .btn-flex-cont .l-area:only-child,
.btn-flex-area .l-area:only-child, .btn-area .l-area:only-child, .calendar-area .calendar-header .l-area:only-child,
.sms-write-area .sms-txt-count-area .fnc .c-area:only-child,
.rubric-write-area .item .item-col .fnc .c-area:only-child,
.border-list > li .c-area:only-child,
.article-box .box-header .c-area:only-child,
.section-box .box-header .c-area:only-child,
.chart-legend .c-area:only-child,
.class-viewer .viewer-header .c-area:only-child,
.site-header .site-menu-area .menu-info .c-area:only-child,
.site-header .wrap .c-area:only-child,
.agree-area .agree-header .c-area:only-child,
.form-list .form-tit-area .c-area:only-child,
.agendar-view-area .agendar-tit-area .c-area:only-child,
.form-view .form-section-header .c-area:only-child,
.form-view-result .a-area .a-fnc .c-area:only-child,
.form-view .a-area .a-fnc .c-area:only-child,
.form-write .form-item .form-item-fnc .c-area:only-child,
.form-write .form-section-footer .c-area:only-child,
.form-view-result .form-section-footer .c-area:only-child,
.form-view .form-section-footer .c-area:only-child,
.org-cont .org-cont-header .c-area:only-child,
.msg-cont-footer .write-fnc-area .c-area:only-child,
.msg-nav .msg-nav-body > li .c-area:only-child,
.reply-area .reply-write-area .write-fnc-area .c-area:only-child,
.board-view-area .view-cont-tit-area .c-area:only-child,
.board-view-area .view-cont-fnc-area .c-area:only-child,
.board-view-area .view-header .c-area:only-child,
.view-area .view-header .c-area:only-child,
.info-block-list .info-fnc-area .c-area:only-child,
.summary-box .c-area:only-child,
.fnc-extend-area .extend-default-area .c-area:only-child,
.fnc-extend-area .extend-filter-area .c-area:only-child,
.fnc-extend-area .extend-fnc-area .c-area:only-child,
.page-tit-area .c-area:only-child,
.page-fnc-area .c-area:only-child,
.section-tit-area .c-area:only-child,
.tit-area .c-area:only-child,
.tit-box-area .c-area:only-child,
.tit-border-area .c-area:only-child,
.fnc-area .c-area:only-child,
.flex-area .c-area:only-child,
.btn-flex-cont .c-area:only-child,
.btn-flex-area .c-area:only-child,
.btn-area .c-area:only-child,
.calendar-area .calendar-header .c-area:only-child,
.sms-write-area .sms-txt-count-area .fnc .r-area:only-child,
.rubric-write-area .item .item-col .fnc .r-area:only-child,
.border-list > li .r-area:only-child,
.article-box .box-header .r-area:only-child,
.section-box .box-header .r-area:only-child,
.chart-legend .r-area:only-child,
.class-viewer .viewer-header .r-area:only-child,
.site-header .site-menu-area .menu-info .r-area:only-child,
.site-header .wrap .r-area:only-child,
.agree-area .agree-header .r-area:only-child,
.form-list .form-tit-area .r-area:only-child,
.agendar-view-area .agendar-tit-area .r-area:only-child,
.form-view .form-section-header .r-area:only-child,
.form-view-result .a-area .a-fnc .r-area:only-child,
.form-view .a-area .a-fnc .r-area:only-child,
.form-write .form-item .form-item-fnc .r-area:only-child,
.form-write .form-section-footer .r-area:only-child,
.form-view-result .form-section-footer .r-area:only-child,
.form-view .form-section-footer .r-area:only-child,
.org-cont .org-cont-header .r-area:only-child,
.msg-cont-footer .write-fnc-area .r-area:only-child,
.msg-nav .msg-nav-body > li .r-area:only-child,
.reply-area .reply-write-area .write-fnc-area .r-area:only-child,
.board-view-area .view-cont-tit-area .r-area:only-child,
.board-view-area .view-cont-fnc-area .r-area:only-child,
.board-view-area .view-header .r-area:only-child,
.view-area .view-header .r-area:only-child,
.info-block-list .info-fnc-area .r-area:only-child,
.summary-box .r-area:only-child,
.fnc-extend-area .extend-default-area .r-area:only-child,
.fnc-extend-area .extend-filter-area .r-area:only-child,
.fnc-extend-area .extend-fnc-area .r-area:only-child,
.page-tit-area .r-area:only-child,
.page-fnc-area .r-area:only-child,
.section-tit-area .r-area:only-child,
.tit-area .r-area:only-child,
.tit-box-area .r-area:only-child,
.tit-border-area .r-area:only-child,
.fnc-area .r-area:only-child,
.flex-area .r-area:only-child,
.btn-flex-cont .r-area:only-child,
.btn-flex-area .r-area:only-child,
.btn-area .r-area:only-child,
.calendar-area .calendar-header .r-area:only-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sms-write-area .sms-txt-count-area .fnc .l-area .checkradio, .rubric-write-area .item .item-col .fnc .l-area .checkradio, .border-list > li .l-area .checkradio, .article-box .box-header .l-area .checkradio, .section-box .box-header .l-area .checkradio, .chart-legend .l-area .checkradio, .class-viewer .viewer-header .l-area .checkradio, .site-header .site-menu-area .menu-info .l-area .checkradio, .site-header .wrap .l-area .checkradio, .agree-area .agree-header .l-area .checkradio, .form-list .form-tit-area .l-area .checkradio, .agendar-view-area .agendar-tit-area .l-area .checkradio, .form-view .form-section-header .l-area .checkradio, .form-view-result .a-area .a-fnc .l-area .checkradio,
.form-view .a-area .a-fnc .l-area .checkradio, .form-write .form-item .form-item-fnc .l-area .checkradio, .form-write .form-section-footer .l-area .checkradio,
.form-view-result .form-section-footer .l-area .checkradio,
.form-view .form-section-footer .l-area .checkradio, .org-cont .org-cont-header .l-area .checkradio, .msg-cont-footer .write-fnc-area .l-area .checkradio, .msg-nav .msg-nav-body > li .l-area .checkradio, .reply-area .reply-write-area .write-fnc-area .l-area .checkradio, .board-view-area .view-cont-tit-area .l-area .checkradio, .board-view-area .view-cont-fnc-area .l-area .checkradio, .board-view-area .view-header .l-area .checkradio, .view-area .view-header .l-area .checkradio, .info-block-list .info-fnc-area .l-area .checkradio, .summary-box .l-area .checkradio, .fnc-extend-area .extend-default-area .l-area .checkradio,
.fnc-extend-area .extend-filter-area .l-area .checkradio,
.fnc-extend-area .extend-fnc-area .l-area .checkradio, .page-tit-area .l-area .checkradio,
.page-fnc-area .l-area .checkradio,
.section-tit-area .l-area .checkradio,
.tit-area .l-area .checkradio,
.tit-box-area .l-area .checkradio,
.tit-border-area .l-area .checkradio,
.fnc-area .l-area .checkradio,
.flex-area .l-area .checkradio, .btn-flex-cont .l-area .checkradio,
.btn-flex-area .l-area .checkradio, .btn-area .l-area .checkradio, .calendar-area .calendar-header .l-area .checkradio,
.sms-write-area .sms-txt-count-area .fnc .c-area .checkradio,
.rubric-write-area .item .item-col .fnc .c-area .checkradio,
.border-list > li .c-area .checkradio,
.article-box .box-header .c-area .checkradio,
.section-box .box-header .c-area .checkradio,
.chart-legend .c-area .checkradio,
.class-viewer .viewer-header .c-area .checkradio,
.site-header .site-menu-area .menu-info .c-area .checkradio,
.site-header .wrap .c-area .checkradio,
.agree-area .agree-header .c-area .checkradio,
.form-list .form-tit-area .c-area .checkradio,
.agendar-view-area .agendar-tit-area .c-area .checkradio,
.form-view .form-section-header .c-area .checkradio,
.form-view-result .a-area .a-fnc .c-area .checkradio,
.form-view .a-area .a-fnc .c-area .checkradio,
.form-write .form-item .form-item-fnc .c-area .checkradio,
.form-write .form-section-footer .c-area .checkradio,
.form-view-result .form-section-footer .c-area .checkradio,
.form-view .form-section-footer .c-area .checkradio,
.org-cont .org-cont-header .c-area .checkradio,
.msg-cont-footer .write-fnc-area .c-area .checkradio,
.msg-nav .msg-nav-body > li .c-area .checkradio,
.reply-area .reply-write-area .write-fnc-area .c-area .checkradio,
.board-view-area .view-cont-tit-area .c-area .checkradio,
.board-view-area .view-cont-fnc-area .c-area .checkradio,
.board-view-area .view-header .c-area .checkradio,
.view-area .view-header .c-area .checkradio,
.info-block-list .info-fnc-area .c-area .checkradio,
.summary-box .c-area .checkradio,
.fnc-extend-area .extend-default-area .c-area .checkradio,
.fnc-extend-area .extend-filter-area .c-area .checkradio,
.fnc-extend-area .extend-fnc-area .c-area .checkradio,
.page-tit-area .c-area .checkradio,
.page-fnc-area .c-area .checkradio,
.section-tit-area .c-area .checkradio,
.tit-area .c-area .checkradio,
.tit-box-area .c-area .checkradio,
.tit-border-area .c-area .checkradio,
.fnc-area .c-area .checkradio,
.flex-area .c-area .checkradio,
.btn-flex-cont .c-area .checkradio,
.btn-flex-area .c-area .checkradio,
.btn-area .c-area .checkradio,
.calendar-area .calendar-header .c-area .checkradio,
.sms-write-area .sms-txt-count-area .fnc .r-area .checkradio,
.rubric-write-area .item .item-col .fnc .r-area .checkradio,
.border-list > li .r-area .checkradio,
.article-box .box-header .r-area .checkradio,
.section-box .box-header .r-area .checkradio,
.chart-legend .r-area .checkradio,
.class-viewer .viewer-header .r-area .checkradio,
.site-header .site-menu-area .menu-info .r-area .checkradio,
.site-header .wrap .r-area .checkradio,
.agree-area .agree-header .r-area .checkradio,
.form-list .form-tit-area .r-area .checkradio,
.agendar-view-area .agendar-tit-area .r-area .checkradio,
.form-view .form-section-header .r-area .checkradio,
.form-view-result .a-area .a-fnc .r-area .checkradio,
.form-view .a-area .a-fnc .r-area .checkradio,
.form-write .form-item .form-item-fnc .r-area .checkradio,
.form-write .form-section-footer .r-area .checkradio,
.form-view-result .form-section-footer .r-area .checkradio,
.form-view .form-section-footer .r-area .checkradio,
.org-cont .org-cont-header .r-area .checkradio,
.msg-cont-footer .write-fnc-area .r-area .checkradio,
.msg-nav .msg-nav-body > li .r-area .checkradio,
.reply-area .reply-write-area .write-fnc-area .r-area .checkradio,
.board-view-area .view-cont-tit-area .r-area .checkradio,
.board-view-area .view-cont-fnc-area .r-area .checkradio,
.board-view-area .view-header .r-area .checkradio,
.view-area .view-header .r-area .checkradio,
.info-block-list .info-fnc-area .r-area .checkradio,
.summary-box .r-area .checkradio,
.fnc-extend-area .extend-default-area .r-area .checkradio,
.fnc-extend-area .extend-filter-area .r-area .checkradio,
.fnc-extend-area .extend-fnc-area .r-area .checkradio,
.page-tit-area .r-area .checkradio,
.page-fnc-area .r-area .checkradio,
.section-tit-area .r-area .checkradio,
.tit-area .r-area .checkradio,
.tit-box-area .r-area .checkradio,
.tit-border-area .r-area .checkradio,
.fnc-area .r-area .checkradio,
.flex-area .r-area .checkradio,
.btn-flex-cont .r-area .checkradio,
.btn-flex-area .r-area .checkradio,
.btn-area .r-area .checkradio,
.calendar-area .calendar-header .r-area .checkradio {
  margin-right: 0;
}
.sms-write-area .sms-txt-count-area .fnc .l-area:empty, .rubric-write-area .item .item-col .fnc .l-area:empty, .border-list > li .l-area:empty, .article-box .box-header .l-area:empty, .section-box .box-header .l-area:empty, .chart-legend .l-area:empty, .class-viewer .viewer-header .l-area:empty, .site-header .site-menu-area .menu-info .l-area:empty, .site-header .wrap .l-area:empty, .agree-area .agree-header .l-area:empty, .form-list .form-tit-area .l-area:empty, .agendar-view-area .agendar-tit-area .l-area:empty, .form-view .form-section-header .l-area:empty, .form-view-result .a-area .a-fnc .l-area:empty,
.form-view .a-area .a-fnc .l-area:empty, .form-write .form-item .form-item-fnc .l-area:empty, .form-write .form-section-footer .l-area:empty,
.form-view-result .form-section-footer .l-area:empty,
.form-view .form-section-footer .l-area:empty, .org-cont .org-cont-header .l-area:empty, .msg-cont-footer .write-fnc-area .l-area:empty, .msg-nav .msg-nav-body > li .l-area:empty, .reply-area .reply-write-area .write-fnc-area .l-area:empty, .board-view-area .view-cont-tit-area .l-area:empty, .board-view-area .view-cont-fnc-area .l-area:empty, .board-view-area .view-header .l-area:empty, .view-area .view-header .l-area:empty, .info-block-list .info-fnc-area .l-area:empty, .summary-box .l-area:empty, .fnc-extend-area .extend-default-area .l-area:empty,
.fnc-extend-area .extend-filter-area .l-area:empty,
.fnc-extend-area .extend-fnc-area .l-area:empty, .page-tit-area .l-area:empty,
.page-fnc-area .l-area:empty,
.section-tit-area .l-area:empty,
.tit-area .l-area:empty,
.tit-box-area .l-area:empty,
.tit-border-area .l-area:empty,
.fnc-area .l-area:empty,
.flex-area .l-area:empty, .btn-flex-cont .l-area:empty,
.btn-flex-area .l-area:empty, .btn-area .l-area:empty, .calendar-area .calendar-header .l-area:empty,
.sms-write-area .sms-txt-count-area .fnc .c-area:empty,
.rubric-write-area .item .item-col .fnc .c-area:empty,
.border-list > li .c-area:empty,
.article-box .box-header .c-area:empty,
.section-box .box-header .c-area:empty,
.chart-legend .c-area:empty,
.class-viewer .viewer-header .c-area:empty,
.site-header .site-menu-area .menu-info .c-area:empty,
.site-header .wrap .c-area:empty,
.agree-area .agree-header .c-area:empty,
.form-list .form-tit-area .c-area:empty,
.agendar-view-area .agendar-tit-area .c-area:empty,
.form-view .form-section-header .c-area:empty,
.form-view-result .a-area .a-fnc .c-area:empty,
.form-view .a-area .a-fnc .c-area:empty,
.form-write .form-item .form-item-fnc .c-area:empty,
.form-write .form-section-footer .c-area:empty,
.form-view-result .form-section-footer .c-area:empty,
.form-view .form-section-footer .c-area:empty,
.org-cont .org-cont-header .c-area:empty,
.msg-cont-footer .write-fnc-area .c-area:empty,
.msg-nav .msg-nav-body > li .c-area:empty,
.reply-area .reply-write-area .write-fnc-area .c-area:empty,
.board-view-area .view-cont-tit-area .c-area:empty,
.board-view-area .view-cont-fnc-area .c-area:empty,
.board-view-area .view-header .c-area:empty,
.view-area .view-header .c-area:empty,
.info-block-list .info-fnc-area .c-area:empty,
.summary-box .c-area:empty,
.fnc-extend-area .extend-default-area .c-area:empty,
.fnc-extend-area .extend-filter-area .c-area:empty,
.fnc-extend-area .extend-fnc-area .c-area:empty,
.page-tit-area .c-area:empty,
.page-fnc-area .c-area:empty,
.section-tit-area .c-area:empty,
.tit-area .c-area:empty,
.tit-box-area .c-area:empty,
.tit-border-area .c-area:empty,
.fnc-area .c-area:empty,
.flex-area .c-area:empty,
.btn-flex-cont .c-area:empty,
.btn-flex-area .c-area:empty,
.btn-area .c-area:empty,
.calendar-area .calendar-header .c-area:empty,
.sms-write-area .sms-txt-count-area .fnc .r-area:empty,
.rubric-write-area .item .item-col .fnc .r-area:empty,
.border-list > li .r-area:empty,
.article-box .box-header .r-area:empty,
.section-box .box-header .r-area:empty,
.chart-legend .r-area:empty,
.class-viewer .viewer-header .r-area:empty,
.site-header .site-menu-area .menu-info .r-area:empty,
.site-header .wrap .r-area:empty,
.agree-area .agree-header .r-area:empty,
.form-list .form-tit-area .r-area:empty,
.agendar-view-area .agendar-tit-area .r-area:empty,
.form-view .form-section-header .r-area:empty,
.form-view-result .a-area .a-fnc .r-area:empty,
.form-view .a-area .a-fnc .r-area:empty,
.form-write .form-item .form-item-fnc .r-area:empty,
.form-write .form-section-footer .r-area:empty,
.form-view-result .form-section-footer .r-area:empty,
.form-view .form-section-footer .r-area:empty,
.org-cont .org-cont-header .r-area:empty,
.msg-cont-footer .write-fnc-area .r-area:empty,
.msg-nav .msg-nav-body > li .r-area:empty,
.reply-area .reply-write-area .write-fnc-area .r-area:empty,
.board-view-area .view-cont-tit-area .r-area:empty,
.board-view-area .view-cont-fnc-area .r-area:empty,
.board-view-area .view-header .r-area:empty,
.view-area .view-header .r-area:empty,
.info-block-list .info-fnc-area .r-area:empty,
.summary-box .r-area:empty,
.fnc-extend-area .extend-default-area .r-area:empty,
.fnc-extend-area .extend-filter-area .r-area:empty,
.fnc-extend-area .extend-fnc-area .r-area:empty,
.page-tit-area .r-area:empty,
.page-fnc-area .r-area:empty,
.section-tit-area .r-area:empty,
.tit-area .r-area:empty,
.tit-box-area .r-area:empty,
.tit-border-area .r-area:empty,
.fnc-area .r-area:empty,
.flex-area .r-area:empty,
.btn-flex-cont .r-area:empty,
.btn-flex-area .r-area:empty,
.btn-area .r-area:empty,
.calendar-area .calendar-header .r-area:empty {
  display: none;
}
.sms-write-area .sms-txt-count-area .fnc .c-area, .rubric-write-area .item .item-col .fnc .c-area, .border-list > li .c-area, .article-box .box-header .c-area, .section-box .box-header .c-area, .chart-legend .c-area, .class-viewer .viewer-header .c-area, .site-header .site-menu-area .menu-info .c-area, .site-header .wrap .c-area, .agree-area .agree-header .c-area, .form-list .form-tit-area .c-area, .agendar-view-area .agendar-tit-area .c-area, .form-view .form-section-header .c-area, .form-view-result .a-area .a-fnc .c-area,
.form-view .a-area .a-fnc .c-area, .form-write .form-item .form-item-fnc .c-area, .form-write .form-section-footer .c-area,
.form-view-result .form-section-footer .c-area,
.form-view .form-section-footer .c-area, .org-cont .org-cont-header .c-area, .msg-cont-footer .write-fnc-area .c-area, .msg-nav .msg-nav-body > li .c-area, .reply-area .reply-write-area .write-fnc-area .c-area, .board-view-area .view-cont-tit-area .c-area, .board-view-area .view-cont-fnc-area .c-area, .board-view-area .view-header .c-area, .view-area .view-header .c-area, .info-block-list .info-fnc-area .c-area, .summary-box .c-area, .fnc-extend-area .extend-default-area .c-area,
.fnc-extend-area .extend-filter-area .c-area,
.fnc-extend-area .extend-fnc-area .c-area, .page-tit-area .c-area,
.page-fnc-area .c-area,
.section-tit-area .c-area,
.tit-area .c-area,
.tit-box-area .c-area,
.tit-border-area .c-area,
.fnc-area .c-area,
.flex-area .c-area, .btn-flex-cont .c-area,
.btn-flex-area .c-area, .btn-area .c-area, .calendar-area .calendar-header .c-area {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sms-write-area .sms-txt-count-area .fnc .r-area, .rubric-write-area .item .item-col .fnc .r-area, .border-list > li .r-area, .article-box .box-header .r-area, .section-box .box-header .r-area, .chart-legend .r-area, .class-viewer .viewer-header .r-area, .site-header .site-menu-area .menu-info .r-area, .site-header .wrap .r-area, .agree-area .agree-header .r-area, .form-list .form-tit-area .r-area, .agendar-view-area .agendar-tit-area .r-area, .form-view .form-section-header .r-area, .form-view-result .a-area .a-fnc .r-area,
.form-view .a-area .a-fnc .r-area, .form-write .form-item .form-item-fnc .r-area, .form-write .form-section-footer .r-area,
.form-view-result .form-section-footer .r-area,
.form-view .form-section-footer .r-area, .org-cont .org-cont-header .r-area, .msg-cont-footer .write-fnc-area .r-area, .msg-nav .msg-nav-body > li .r-area, .reply-area .reply-write-area .write-fnc-area .r-area, .board-view-area .view-cont-tit-area .r-area, .board-view-area .view-cont-fnc-area .r-area, .board-view-area .view-header .r-area, .view-area .view-header .r-area, .info-block-list .info-fnc-area .r-area, .summary-box .r-area, .fnc-extend-area .extend-default-area .r-area,
.fnc-extend-area .extend-filter-area .r-area,
.fnc-extend-area .extend-fnc-area .r-area, .page-tit-area .r-area,
.page-fnc-area .r-area,
.section-tit-area .r-area,
.tit-area .r-area,
.tit-box-area .r-area,
.tit-border-area .r-area,
.fnc-area .r-area,
.flex-area .r-area, .btn-flex-cont .r-area,
.btn-flex-area .r-area, .btn-area .r-area, .calendar-area .calendar-header .r-area {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.sms-write-area .sms-txt-count-area .center.fnc, .rubric-write-area .item .item-col .center.fnc, .border-list > li.center, .article-box .center.box-header, .section-box .center.box-header, .center.chart-legend, .class-viewer .center.viewer-header, .site-header .site-menu-area .center.menu-info, .site-header .center.wrap, .agree-area .center.agree-header, .form-list .center.form-tit-area, .agendar-view-area .center.agendar-tit-area, .form-view .center.form-section-header, .form-view-result .a-area .center.a-fnc,
.form-view .a-area .center.a-fnc, .form-write .form-item .center.form-item-fnc, .form-write .center.form-section-footer,
.form-view-result .center.form-section-footer,
.form-view .center.form-section-footer, .org-cont .center.org-cont-header, .msg-cont-footer .center.write-fnc-area, .msg-nav .msg-nav-body > li.center, .reply-area .reply-write-area .center.write-fnc-area, .board-view-area .center.view-cont-tit-area, .board-view-area .center.view-cont-fnc-area, .board-view-area .center.view-header, .view-area .center.view-header, .info-block-list .center.info-fnc-area, .center.summary-box, .fnc-extend-area .center.extend-default-area,
.fnc-extend-area .center.extend-filter-area,
.fnc-extend-area .center.extend-fnc-area, .center.page-tit-area,
.center.page-fnc-area,
.center.section-tit-area,
.center.tit-area,
.center.tit-box-area,
.center.tit-border-area,
.center.fnc-area,
.center.flex-area, .center.btn-flex-cont,
.center.btn-flex-area, .center.btn-area, .calendar-area .center.calendar-header {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sms-write-area .sms-txt-count-area .vcenter.fnc, .rubric-write-area .item .item-col .vcenter.fnc, .border-list > li.vcenter, .article-box .vcenter.box-header, .section-box .vcenter.box-header, .vcenter.chart-legend, .class-viewer .vcenter.viewer-header, .site-header .site-menu-area .vcenter.menu-info, .site-header .vcenter.wrap, .agree-area .vcenter.agree-header, .form-list .vcenter.form-tit-area, .agendar-view-area .vcenter.agendar-tit-area, .form-view .vcenter.form-section-header, .form-view-result .a-area .vcenter.a-fnc,
.form-view .a-area .vcenter.a-fnc, .form-write .form-item .vcenter.form-item-fnc, .form-write .vcenter.form-section-footer,
.form-view-result .vcenter.form-section-footer,
.form-view .vcenter.form-section-footer, .org-cont .vcenter.org-cont-header, .msg-cont-footer .vcenter.write-fnc-area, .msg-nav .msg-nav-body > li.vcenter, .reply-area .reply-write-area .vcenter.write-fnc-area, .board-view-area .vcenter.view-cont-tit-area, .board-view-area .vcenter.view-cont-fnc-area, .board-view-area .vcenter.view-header, .view-area .vcenter.view-header, .info-block-list .vcenter.info-fnc-area, .vcenter.summary-box, .fnc-extend-area .vcenter.extend-default-area,
.fnc-extend-area .vcenter.extend-filter-area,
.fnc-extend-area .vcenter.extend-fnc-area, .vcenter.page-tit-area,
.vcenter.page-fnc-area,
.vcenter.section-tit-area,
.vcenter.tit-area,
.vcenter.tit-box-area,
.vcenter.tit-border-area,
.vcenter.fnc-area,
.vcenter.flex-area, .vcenter.btn-flex-cont,
.vcenter.btn-flex-area, .vcenter.btn-area, .calendar-area .vcenter.calendar-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sms-write-area .sms-txt-count-area .fnc .dir-col, .rubric-write-area .item .item-col .fnc .dir-col, .border-list > li .dir-col, .article-box .box-header .dir-col, .section-box .box-header .dir-col, .chart-legend .dir-col, .class-viewer .viewer-header .dir-col, .site-header .site-menu-area .menu-info .dir-col, .site-header .wrap .dir-col, .agree-area .agree-header .dir-col, .form-list .form-tit-area .dir-col, .agendar-view-area .agendar-tit-area .dir-col, .form-view .form-section-header .dir-col, .form-view-result .a-area .a-fnc .dir-col,
.form-view .a-area .a-fnc .dir-col, .form-write .form-item .form-item-fnc .dir-col, .form-write .form-section-footer .dir-col,
.form-view-result .form-section-footer .dir-col,
.form-view .form-section-footer .dir-col, .org-cont .org-cont-header .dir-col, .msg-cont-footer .write-fnc-area .dir-col, .msg-nav .msg-nav-body > li .dir-col, .reply-area .reply-write-area .write-fnc-area .dir-col, .board-view-area .view-cont-tit-area .dir-col, .board-view-area .view-cont-fnc-area .dir-col, .board-view-area .view-header .dir-col, .view-area .view-header .dir-col, .info-block-list .info-fnc-area .dir-col, .summary-box .dir-col, .fnc-extend-area .extend-default-area .dir-col,
.fnc-extend-area .extend-filter-area .dir-col,
.fnc-extend-area .extend-fnc-area .dir-col, .page-tit-area .dir-col,
.page-fnc-area .dir-col,
.section-tit-area .dir-col,
.tit-area .dir-col,
.tit-box-area .dir-col,
.tit-border-area .dir-col,
.fnc-area .dir-col,
.flex-area .dir-col, .btn-flex-cont .dir-col,
.btn-flex-area .dir-col, .btn-area .dir-col, .calendar-area .calendar-header .dir-col {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.page-tit-area,
.page-fnc-area,
.section-tit-area,
.tit-area,
.tit-box-area,
.tit-border-area,
.fnc-area,
.flex-area {
  width: 100%;
}
.page-tit-area .l-area > *,
.page-tit-area .c-area > *,
.page-tit-area .r-area > *,
.page-fnc-area .l-area > *,
.page-fnc-area .c-area > *,
.page-fnc-area .r-area > *,
.section-tit-area .l-area > *,
.section-tit-area .c-area > *,
.section-tit-area .r-area > *,
.tit-area .l-area > *,
.tit-area .c-area > *,
.tit-area .r-area > *,
.tit-box-area .l-area > *,
.tit-box-area .c-area > *,
.tit-box-area .r-area > *,
.tit-border-area .l-area > *,
.tit-border-area .c-area > *,
.tit-border-area .r-area > *,
.fnc-area .l-area > *,
.fnc-area .c-area > *,
.fnc-area .r-area > *,
.flex-area .l-area > *,
.flex-area .c-area > *,
.flex-area .r-area > * {
  margin-bottom: 0;
}
.page-tit-area.border-bottom,
.page-fnc-area.border-bottom,
.section-tit-area.border-bottom,
.tit-area.border-bottom,
.tit-box-area.border-bottom,
.tit-border-area.border-bottom,
.fnc-area.border-bottom,
.flex-area.border-bottom {
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
  padding-bottom: 1.6rem;
}
.page-tit-area .r-area,
.page-fnc-area .r-area,
.section-tit-area .r-area,
.tit-area .r-area,
.tit-box-area .r-area,
.tit-border-area .r-area,
.fnc-area .r-area,
.flex-area .r-area {
  margin-left: auto;
}

.page-tit-area,
.page-fnc-area {
  margin-bottom: 6.4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.section-tit-area {
  margin-bottom: 3.2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.tit-area,
.fnc-area {
  margin-bottom: 2.4rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.tit-box-area {
  padding: 1.6rem 4rem;
  border-radius: 2.4rem;
  background: var(--color-background-brand-primary);
  margin-bottom: 4rem;
}

.tit-border-area {
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  padding: 2.4rem;
}

.flex-area {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.flex-area > * {
  margin: 0 !important;
}
.flex-area .l-area,
.flex-area .r-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.block-area > * {
  display: block;
}

.fnc-extend-area {
  margin-bottom: 2.4rem;
}
.fnc-extend-area .fnc-tit {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.fnc-extend-area .extend-keyword-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem 3.2rem;
  padding: 1.6rem 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
}
.fnc-extend-area .extend-keyword-area .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.8rem 2.4rem;
}
.fnc-extend-area .extend-keyword-area .txt-area a {
  color: var(--color-font-brand-primary);
  font-weight: var(--size-font-weight-xlg);
}
.fnc-extend-area .extend-default-area .l-area > *,
.fnc-extend-area .extend-default-area .r-area > *,
.fnc-extend-area .extend-filter-area .l-area > *,
.fnc-extend-area .extend-filter-area .r-area > *,
.fnc-extend-area .extend-fnc-area .l-area > *,
.fnc-extend-area .extend-fnc-area .r-area > * {
  margin: 0;
}
.fnc-extend-area .extend-default-area {
  padding: 1.2rem 0;
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
}
.fnc-extend-area .extend-default-area .l-area,
.fnc-extend-area .extend-default-area .r-area {
  gap: 0.8rem 0.8rem;
  min-height: 4.8rem;
}
.fnc-extend-area .extend-filter-area {
  padding: 0.8rem 1.6rem;
  background-color: var(--color-background-brand-primary);
}
.fnc-extend-area .extend-filter-area .l-area,
.fnc-extend-area .extend-filter-area .r-area {
  gap: 0.8rem;
  min-height: 4.8rem;
}
.fnc-extend-area .extend-filter-area .l-area .checkradio,
.fnc-extend-area .extend-filter-area .r-area .checkradio {
  margin-right: 0.8rem;
}
.fnc-extend-area .extend-filter-area .filter-group,
.fnc-extend-area .extend-filter-area .form-group {
  margin-right: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.fnc-extend-area .extend-filter-area .filter-group:last-child,
.fnc-extend-area .extend-filter-area .form-group:last-child {
  margin-right: 0;
}
.fnc-extend-area .extend-filter-area .filter-group {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fnc-extend-area .extend-filter-area .filter-group:has(.form-tit) {
  width: 100%;
  gap: 1.6rem;
}
.fnc-extend-area .extend-filter-area .filter-group:has(.form-tit) .form-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.fnc-extend-area .extend-filter-area .filter-group:has(.form-tit) .form-group .form-tit {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.fnc-extend-area .extend-filter-area .filter-group select, .fnc-extend-area .extend-filter-area .filter-group input {
  background-color: transparent;
}
.fnc-extend-area .extend-fnc-area {
  padding-top: 1.6rem;
}

.form-tit {
  all: unset; /* 기본 스타일 제거 */
  display: block; /* 블록 요소로 변경 */
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  unicode-bidi: normal;
  font-size: var(--font-tit-xsm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}

.order0 {
  -webkit-box-ordinal-group: 1 !important;
      -ms-flex-order: 0 !important;
          order: 0 !important;
}

.dir-col {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.fnc-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.2rem 1.6rem;
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  min-height: 6.4rem;
}
.fnc-list li:last-child {
  border-bottom: none;
}
.fnc-list i,
.fnc-list .fnc {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.fnc-list .txt-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.fnc-list .fnc-tit {
  font-size: var(--size-font-sm);
  font-weight: var(--size-font-weight-lg);
  color: var(--color-font-default-primary);
  vertical-align: middle;
}
.fnc-list p {
  color: var(--color-font-default-secondary);
}
.fnc-list .fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.fnc-list.border {
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background-color: var(--color-background-default-primary);
  border-radius: 2.4rem;
}
.fnc-list.border > li:last-of-type {
  border-bottom: none;
}
.fnc-list.box {
  display: grid;
  gap: 0.8rem;
}
.fnc-list.box li {
  border-radius: 2.4rem;
  background: var(--color-background-default-primary);
  min-height: 10rem;
  border: none;
  padding: 2.4rem;
}

.title-xlg:last-child, .title-xlg:only-child,
.title-lg:last-child,
.title-lg:only-child,
.title:last-child,
.title:only-child,
.title-sm:last-child,
.title-sm:only-child,
.title-xsm:last-child,
.title-xsm:only-child,
.title-label:last-child,
.title-label:only-child {
  margin-bottom: 0;
}

.title-xlg {
  font-size: var(--font-tit-xlg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  margin-bottom: 4rem;
}

.title-lg {
  font-size: var(--font-tit-lg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  margin-bottom: 2.4rem;
}

.title {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  margin-bottom: 1.6rem;
}

.title-sm {
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  margin-bottom: 0.8rem;
}

.title-xsm {
  font-size: var(--font-tit-xsm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  margin-bottom: 0.8rem;
}

.title-label {
  font-size: var(--font-tit-label);
  font-weight: var(--size-font-weight-xlg);
  color: var(--color-font-default-tertiary);
  margin-bottom: 0.8rem;
}

.txt-sub {
  color: var(--color-font-default-secondary);
  word-break: keep-all;
}

.summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
  padding: 1.2rem 1.6rem;
  border-radius: 1.2rem;
  margin-bottom: 2.4rem;
}
.summary i {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.summary .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.2rem;
}
.summary cite,
.summary .summary-tit {
  font-size: var(--font-tit-xsm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.summary {
  color: var(--color-font-default-tertiary);
  background-color: var(--color-background-default-secondary);
}
.summary i[class^=ico-]::before {
  background-color: var(--color-icon-default-secondary);
}
.summary.success {
  color: var(--color-font-success-primary);
  background-color: var(--color-background-success-primary);
}
.summary.success i[class^=ico-]::before {
  background-color: var(--color-icon-success-primary);
}
.summary.warning {
  color: var(--color-font-warning-primary);
  background-color: var(--color-background-warning-primary);
}
.summary.warning i[class^=ico-]::before {
  background-color: var(--color-icon-warning-primary);
}
.summary.info {
  color: var(--color-font-info-primary);
  background-color: var(--color-background-info-primary);
}
.summary.info i[class^=ico-]::before {
  background-color: var(--color-icon-info-primary);
}
.summary.danger {
  color: var(--color-font-danger-primary);
  background-color: var(--color-background-danger-primary);
}
.summary.danger i[class^=ico-]::before {
  background-color: var(--color-icon-danger-primary);
}
.summary.brand-primary {
  color: var(--color-font-brand-primary);
  background-color: var(--color-background-brand-primary);
}
.summary.brand-primary i[class^=ico-]::before {
  background-color: var(--color-icon-brand-primary);
}
.summary.brand-secondary {
  color: var(--color-font-brand-secondary);
  background-color: var(--color-background-brand-secondary);
}
.summary.brand-secondary i[class^=ico-]::before {
  background-color: var(--color-icon-brand-secondary);
}
.summary.brand-accent {
  color: var(--color-font-brand-accent);
  background-color: var(--color-background-brand-accent);
}
.summary.brand-accent i[class^=ico-]::before {
  background-color: var(--color-icon-brand-accent);
}

.summary-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
  padding: 1.6rem;
  border-radius: 1.2rem;
  background: var(--color-background-brand-primary);
  margin-bottom: 2.4rem;
}
.summary-img .img-area {
  width: 6.4rem;
}
.summary-img .img-area img {
  display: block;
  width: 100%;
}
.summary-img .txt-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.2rem;
}
.summary-img .summary-tit {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.summary-img .summary-tit-sm {
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  color: var(--color-font-default-tertiary);
}

.summary-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 2.4rem;
  background: var(--color-background-default-primary);
  padding: 2.4rem 4rem;
  margin-bottom: 4rem;
  min-width: 0;
}
.summary-page > .l-area,
.summary-page > .r-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
}
.summary-page > .l-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 1.6rem;
}
.summary-page > .r-area {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.summary-page .img-area {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.summary-page .img-area img {
  display: block;
  width: 3.2rem;
  aspect-ratio: 1;
}
.summary-page .txt-area {
  word-break: break-all;
}

.summary-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}
.summary-info-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 2.4rem;
  border-radius: 2.4rem;
  background: var(--color-background-default-secondary);
  min-height: 16rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
}
.summary-info-list li .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.summary-info-list li .txt-area h4 {
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  color: var(--color-font-default-tertiary);
  margin-bottom: 1.2rem;
}
.summary-info-list li .txt-area p {
  font-size: var(--font-tit-lg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.summary-info-list li .txt-area small {
  color: var(--color-font-default-tertiary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.2rem;
}
.summary-info-list li .txt-area .chart-area {
  margin-top: 1.2rem;
}
.summary-info-list li.is-up {
  background: var(--color-background-success-primary);
}
.summary-info-list li.is-up small {
  color: var(--color-font-success-primary);
}
.summary-info-list li.is-up small::before {
  content: "";
  display: inline-block;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-success-primary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,7.533l-5,6.667c-.247.33-.012.8.4.8h10c.412,0,.647-.47.4-.8l-5-6.667c-.2-.267-.6-.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,7.533l-5,6.667c-.247.33-.012.8.4.8h10c.412,0,.647-.47.4-.8l-5-6.667c-.2-.267-.6-.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
.summary-info-list li.is-down {
  background: var(--color-background-danger-primary);
}
.summary-info-list li.is-down small {
  color: var(--color-font-danger-primary);
}
.summary-info-list li.is-down small::before {
  content: "";
  display: inline-block;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-danger-primary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,16.467l-5-6.667c-.247-.33-.012-.8.4-.8h10c.412,0,.647.47.4.8l-5,6.667c-.2.267-.6.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,16.467l-5-6.667c-.247-.33-.012-.8.4-.8h10c.412,0,.647.47.4.8l-5,6.667c-.2.267-.6.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
}
.summary-info-list li.primary {
  background-color: var(--color-background-brand-primary);
}
.summary-info-list li.secondary {
  background-color: var(--color-background-brand-secondary);
}
.summary-info-list li.accent {
  background-color: var(--color-background-brand-accent);
}
.summary-info-list img {
  width: 8rem;
  height: 8rem;
  padding: 1.6rem;
  border-radius: 2.4rem;
  background: var(--color-background-default-primary);
}

.summary-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  padding: 2.4rem;
  border-radius: 2.4rem;
}
.summary-box .l-area > *,
.summary-box .c-area > *,
.summary-box .r-area > * {
  margin-bottom: 0;
}
.summary-box .l-area {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.8rem;
}
.summary-box .bg-primary {
  background-color: var(--color-background-brand-primary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem;
  border-radius: 2.4rem;
  min-height: 10rem;
}
.summary-box .bg-primary strong {
  font-size: var(--font-tit-xsm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  color: var(--color-font-default-secondary);
}

.profile-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.profile-area img,
.profile-area .img-area {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
.profile-area .img-area {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile-area .img-area span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-size: 0;
}
.profile-area .img-area span.ico-profile-stu {
  background-image: url("../images/common/profile/profile-stu.svg") !important;
}
.profile-area .img-area span.ico-profile-stu::before {
  background-color: transparent !important;
}
.profile-area .img-area span.ico-profile-par {
  background-image: url("../images/common/profile/profile-par.svg") !important;
}
.profile-area .img-area span.ico-profile-par::before {
  background-color: transparent !important;
}
.profile-area .img-area span.ico-profile-tea {
  background-image: url("../images/common/profile/profile-tea.svg") !important;
}
.profile-area .img-area span.ico-profile-tea::before {
  background-color: transparent !important;
}
.profile-area .img-area span.ico-profile-org {
  background-image: url("../images/common/profile/profile-org.svg") !important;
}
.profile-area .img-area span.ico-profile-org::before {
  background-color: transparent !important;
}
.profile-area .img-area span.ico-profile-sys {
  background-image: url("../images/common/profile/profile-sys.svg") !important;
}
.profile-area .img-area span.ico-profile-sys::before {
  background-color: transparent !important;
}
.profile-area .txt-area {
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  vertical-align: middle;
}
.profile-area .txt-area > span {
  display: block;
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
}

.profile-tit {
  font-size: var(--font-body-md);
  font-weight: var(--size-font-weight-md);
}

.profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
}
.profile .img-area {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.profile .img-area figure {
  width: 4rem;
  height: 4rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  overflow: hidden;
}
.profile .img-area figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.profile .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.profile .txt-area .profile-tit-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  margin-bottom: 1.6rem;
}
.profile .txt-area span {
  color: var(--color-font-default-tertiary);
  font-size: var(--size-font-xsm);
}
.profile.lg {
  gap: 1.2rem;
}
.profile.lg .img-area figure {
  width: 5.6rem;
  height: 5.6rem;
}
.profile.lg .txt-area .profile-tit {
  font-size: var(--size-font-md);
  font-weight: var(--size-font-weight-xlg);
}
.profile.xlg {
  gap: 1.6rem;
}
.profile.xlg .img-area figure {
  width: 8rem;
  height: 8rem;
}
.profile.xlg .txt-area {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.profile.xlg .txt-area .profile-tit {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.profile.xlg .txt-area span {
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
}
.profile.xlg .txt-area strong {
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-xlg);
  color: var(--color-font-default-secondary);
}
.profile.sm .img-area figure {
  width: 2.4rem;
  height: 2.4rem;
}
.profile.sm .txt-area {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
.profile.sm .txt-area .profile-tit {
  font-size: var(--size-font-xsm);
}
.profile.sm .txt-area span {
  font-size: var(--size-font-2xsm);
}

.step {
  margin-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.step li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.step li::after {
  content: " ";
  display: block;
  width: 2.4rem;
  height: 0.1rem;
  background-color: var(--color-background-default-tertiary);
  margin: 0 1.2rem;
}
.step li:last-of-type::after {
  display: none;
}
.step li.is-current .num {
  background: var(--color-background-brand-primary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.step li.is-current p strong {
  color: var(--color-font-default-primary);
  font-weight: var(--size-font-weight-xlg);
}
.step .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  font-size: var(--font-label-lg);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-xlg);
  background: var(--color-background-disabled-primary);
  color: var(--color-font-disabled-primary);
}
.step p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
}
.step p strong {
  color: var(--color-font-disabled-primary);
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
}

.step-unit-accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.step-unit-accordion .btn-step-unit-accordion-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  background-color: var(--color-background-default-primary);
  border-radius: 100%;
  border: 0.1rem solid var(--color-stroke-default-secondary);
  font-size: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.step-unit-accordion .btn-step-unit-accordion-toggle::after {
  content: " ";
  display: block;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,7.533l-5,6.667c-.247.33-.012.8.4.8h10c.412,0,.647-.47.4-.8l-5-6.667c-.2-.267-.6-.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,7.533l-5,6.667c-.247.33-.012.8.4.8h10c.412,0,.647-.47.4-.8l-5-6.667c-.2-.267-.6-.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-secondary);
}
.step-unit-accordion .step-unit-accordion-cont:has(.step-unit-list:only-child) ~ .btn-step-unit-accordion-toggle {
  display: none;
}
.step-unit-accordion.is-close .btn-step-unit-accordion-toggle {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.step-unit-accordion.is-close .step-unit-accordion-cont .step-unit-list ~ .step-unit-list {
  display: none;
}

.step-unit-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

.step-unit-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 0.4rem;
  border-radius: 3.2rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  padding: 0.4rem 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.step-unit-list li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
  color: var(--color-font-default-secondary);
  line-height: normal;
}
.step-unit-list li::after {
  content: " ";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-default-secondary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8.71,21.71l9-9c.39-.39.39-1.02,0-1.41L8.71,2.29l-1.41,1.41,8.29,8.29-8.29,8.29,1.41,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8.71,21.71l9-9c.39-.39.39-1.02,0-1.41L8.71,2.29l-1.41,1.41,8.29,8.29-8.29,8.29,1.41,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
}
.step-unit-list li:last-of-type::after {
  display: none;
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 2.4rem;
}
.breadcrumb li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.breadcrumb li::after {
  content: "";
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 0.4rem;
  aspect-ratio: 1;
  border-radius: 100%;
  background-color: rgba(17, 17, 17, 0.15);
  margin: 0 1.2rem;
}
.breadcrumb li:last-of-type::after {
  display: none;
}
.breadcrumb li a:hover {
  color: var(--color-font-brand-primary);
}
.breadcrumb .home {
  font-size: 0;
  display: block;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-default-secondary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,12.83v9.17h6v-6h4v6h6v-9.17l.59.59,1.41-1.41-2-2-6.59-6.59-1.41-1.41-1.41,1.41-6.59,6.59-2,2,1.41,1.41.59-.59Zm2-2l6-6,6,6v9.17h-2v-4c0-1.1-.9-2-2-2h-4c-1.1,0-2,.9-2,2v4h-2v-9.17Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m4,12.83v9.17h6v-6h4v6h6v-9.17l.59.59,1.41-1.41-2-2-6.59-6.59-1.41-1.41-1.41,1.41-6.59,6.59-2,2,1.41,1.41.59-.59Zm2-2l6-6,6,6v9.17h-2v-4c0-1.1-.9-2-2-2h-4c-1.1,0-2,.9-2,2v4h-2v-9.17Z'/%3E%3C/g%3E%3C/svg%3E");
}
.breadcrumb .home:hover {
  background-color: var(--color-icon-brand-primary);
}

/* loading */
.loading {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  font-size: 0;
  text-align: center;
  z-index: 1000;
  backdrop-filter: blur(8px);
  gap: 0.4rem;
}
.loading figure {
  margin-bottom: 1.6rem;
}
.loading:has(figure)::before {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.loading strong {
  font-size: 1.8rem;
  font-weight: var(--size-font-weight-md);
  color: var(--color-primary50);
}
.loading strong span {
  font-size: 2.4rem;
  font-weight: var(--size-font-weight-xlg);
}
.loading p {
  display: block;
  font-size: var(--size-font-sm);
  line-height: 1.25;
}
.loading:has(figure)::before {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.loading::before {
  content: " ";
  width: 8rem;
  height: 8rem;
  background-size: contain;
  background: url("../images/common/common/loading.svg") center no-repeat;
}

*:has(> .loading-layer) {
  position: relative;
  overflow: hidden;
}

.loading-area {
  position: relative;
  z-index: 0;
}

.loading-layer {
  position: absolute;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  gap: 0.2rem;
  background: rgba(255, 255, 255, 0.9);
  font-size: 0;
  text-align: center;
  z-index: 10;
  backdrop-filter: blur(5px);
}
.loading-layer.is-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.loading-layer strong {
  font-size: var(--font-label-lg);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-xlg);
}
.loading-layer p {
  display: block;
  font-size: var(--font-body-md);
  font-weight: var(--size-font-weight-md);
  color: var(--color-font-default-secondary);
}
.loading-layer::before {
  content: " ";
  width: 8rem;
  height: 8rem;
  background: url(profilecommon/common/loading-layer.gif) center no-repeat;
  background-size: contain;
}
.loading-layer.is-active ~ * {
  overflow: hidden;
}

/*-------------------------------------------------
	component-common
-------------------------------------------------*/
.hidden {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0, 0 0);
}

.m-block {
  display: none;
}

.m-none {
  display: block;
}

.block {
  display: block;
}

.inlin-block {
  display: inline-block;
}

.lnk-full, .audio-box > button,
.link-full {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-indent: -99999px;
  background-color: transparent;
  display: block;
  z-index: 1;
}

a.hover-link-style:hover,
.hover-link-style:hover {
  text-decoration: underline;
}

.order-front {
  position: relative;
  z-index: 3;
}

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}

.txt-hide {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0, 0 0);
}
button .txt-hide {
  display: inline-block;
  text-indent: -99999px;
}

.time {
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  color: var(--color-font-default-tertiary);
}

.section, .bg-box.section,
.bg-border-box.section,
.border-box.section,
.border-box-list > li.section {
  margin-bottom: var(--spacing-section-md);
}
.section.sm {
  margin-bottom: var(--spacing-section-sm);
}
.section > *:first-child {
  margin-top: 0;
}
.section:last-child {
  margin-bottom: 0;
}
.section.last {
  margin-bottom: 0;
}
.section + .section.margin-top-xsm {
  margin-top: calc(var(--spacing-section-sm) * -1);
}

.section-accordion.is-close {
  background-color: var(--color-background-disabled-primary);
  padding: 2.4rem;
  border-radius: 2.4rem;
  margin-bottom: 1.6rem;
}
.section-accordion.is-close .section-accordion-tit-area {
  margin-bottom: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section-accordion.is-close .section-accordion-cont {
  display: none;
}
.section-accordion.is-close .btn-section-accordion-toggle.btn::before {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

/*-------------------------------------------------
	component-etc
-------------------------------------------------*/
.bullet,
.bullet-tit,
.bullet-dash,
.bullet-none,
.bullet-hangul {
  margin-bottom: 1.6rem;
}
.bullet:last-child,
.bullet-tit:last-child,
.bullet-dash:last-child,
.bullet-none:last-child,
.bullet-hangul:last-child {
  margin-bottom: 0;
}
.bullet > li,
.bullet-tit > li,
.bullet-dash > li,
.bullet-none > li,
.bullet-hangul > li {
  position: relative;
  padding-left: 1.6rem;
}
.bullet > li ~ li,
.bullet-tit > li ~ li,
.bullet-dash > li ~ li,
.bullet-none > li ~ li,
.bullet-hangul > li ~ li {
  margin-top: 0.4rem;
}
.bullet > li:before,
.bullet-tit > li:before,
.bullet-dash > li:before,
.bullet-none > li:before,
.bullet-hangul > li:before {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: 0;
}

.bullet-none > li {
  padding-left: 0;
}

.bullet > li:before,
.bullet-tit > li:before {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: var(--color-font-default-primary);
}

.bullet-dash > li:before {
  top: 0.8rem;
  width: 0.6rem;
  height: 0.1rem;
  background-color: var(--color-font-default-secondary);
}

.bullet-tit > li {
  padding-left: 12rem;
}
.bullet-tit > li cite,
.bullet-tit > li .tit {
  position: absolute;
  left: 2rem;
  font-weight: var(--size-font-weight-xlg);
}

.bullet-hangul li {
  padding-left: 2rem;
}
.bullet-hangul li::before {
  top: 0.1rem;
}
.bullet-hangul li:nth-child(1)::before {
  content: "㉠";
}
.bullet-hangul li:nth-child(2)::before {
  content: "㉡";
}
.bullet-hangul li:nth-child(3)::before {
  content: "㉢";
}
.bullet-hangul li:nth-child(4)::before {
  content: "㉣";
}
.bullet-hangul li:nth-child(5)::before {
  content: "㉤";
}
.bullet-hangul li:nth-child(6)::before {
  content: "㉥";
}
.bullet-hangul li:nth-child(7)::before {
  content: "㉦";
}
.bullet-hangul li:nth-child(8)::before {
  content: "㉧";
}
.bullet-hangul li:nth-child(9)::before {
  content: "㉨";
}
.bullet-hangul li:nth-child(10)::before {
  content: "㉩";
}
.bullet-hangul li:nth-child(11)::before {
  content: "㉪";
}
.bullet-hangul li:nth-child(12)::before {
  content: "㉫";
}
.bullet-hangul li :nth-child(13)::before {
  content: "㉬";
}
.bullet-hangul li :nth-child(14)::before {
  content: "㉭";
}

.msg-input-area input.is-error:focus ~ .msg-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.msg-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  background-color: var(--color-background-warning-primary);
  white-space: nowrap;
  z-index: 100;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 2.4rem;
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
  font-size: var(--size-font-xsm);
}
.msg-box p {
  padding: 1.6rem;
  width: 24rem;
  white-space: normal;
  word-break: normal;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.msg-box.p-r {
  right: 0;
}

/* toast */
@-webkit-keyframes toast-up {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-60%);
            transform: translateX(-50%) translateY(-60%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
}
@keyframes toast-up {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-60%);
            transform: translateX(-50%) translateY(-60%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
}
@-webkit-keyframes toast-down {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-60%);
            transform: translateX(-50%) translateY(-60%);
  }
}
@keyframes toast-down {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-60%);
            transform: translateX(-50%) translateY(-60%);
  }
}
.toast {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  max-width: 32rem;
  margin-right: 2rem;
  margin-left: 2rem;
  padding: 1.6rem;
  line-height: 1.2;
  background-color: rgba(17, 17, 17, 0.8);
  color: var(--color-font-default-primary-inverse);
  border-radius: 1.2rem;
  z-index: 100;
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  z-index: -1;
}
.toast.is-show {
  display: block;
  -webkit-animation-name: toast-up;
          animation-name: toast-up;
  z-index: 9999;
}
.toast.is-hide {
  -webkit-animation-name: toast-down;
          animation-name: toast-down;
}
.toast.is-hidden {
  display: none;
}

.class-thumb {
  aspect-ratio: 4/3 !important;
}

.img-box {
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 2.4rem;
  overflow: hidden;
}
.img-box img {
  width: 100%;
  display: block;
  margin: 0 auto;
}
.img-box:has(.max-w) {
  padding: 2.4rem;
}
.img-box.primary {
  background: var(--color-background-brand-primary);
  border: none;
}
.img-box.secondary {
  background: var(--color-background-brand-secondary);
  border: none;
}
.img-box.accent {
  background: var(--color-background-brand-accent);
  border: none;
}
.img-box.class-thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.none-txt {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 50%;
  left: 50%;
  width: calc(100% - 2.3rem);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  gap: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.none-txt figure {
  margin-bottom: 1.6rem;
}
.none-txt em {
  font-size: 1.6rem;
  font-weight: 400;
}
.none-txt p {
  font-size: 1.2rem;
  color: var(--color-font-default-tertiary);
}

/* box */
.bg-box,
.bg-border-box,
.border-box,
.border-box-list > li {
  margin-bottom: var(--spacing-section-sm);
  padding: 2.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bg-box .btn-cont,
.bg-border-box .btn-cont,
.border-box .btn-cont,
.border-box-list > li .btn-cont {
  margin-top: 0.4rem;
}
.bg-box > *:first-child,
.bg-border-box > *:first-child,
.border-box > *:first-child,
.border-box-list > li > *:first-child {
  margin-top: 0;
}
.bg-box > *:last-child,
.bg-border-box > *:last-child,
.border-box > *:last-child,
.border-box-list > li > *:last-child {
  margin-bottom: 0;
}
.bg-box .bg-box + .form-cont,
.bg-border-box .bg-box + .form-cont,
.border-box .bg-box + .form-cont,
.border-box-list > li .bg-box + .form-cont {
  margin-top: var(--spacing-section-sm);
}
.bg-box.p-sm,
.bg-border-box.p-sm,
.border-box.p-sm,
.border-box-list > li.p-sm {
  padding: 1.6rem;
}
.bg-box.p-lg,
.bg-border-box.p-lg,
.border-box.p-lg,
.border-box-list > li.p-lg {
  padding: 4rem;
}
.bg-box:last-child,
.bg-border-box:last-child,
.border-box:last-child,
.border-box-list > li:last-child {
  margin-bottom: 0;
}
.bg-box + .list-type, .bg-box + .write-type, .bg-box + .info-type,
.bg-border-box + .list-type,
.bg-border-box + .write-type,
.bg-border-box + .info-type,
.border-box + .list-type,
.border-box-list > li + .list-type,
.border-box + .write-type,
.border-box-list > li + .write-type,
.border-box + .info-type,
.border-box-list > li + .info-type {
  margin-top: -1.6rem;
}
.bg-box.sm,
.bg-border-box.sm,
.border-box.sm,
.border-box-list > li.sm {
  padding: 1.6rem;
  border-radius: 1.2rem;
}
.bg-box.lg,
.bg-border-box.lg,
.border-box.lg,
.border-box-list > li.lg {
  padding: 4rem;
}

.bg-box {
  background-color: var(--color-background-default-secondary);
  border-radius: 2.4rem;
}

.bg-border-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--color-background-default-secondary);
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
  overflow: hidden;
  padding: 0;
}
.bg-border-box.wh {
  background-color: var(--color-background-default-primary);
}
.bg-border-box:last-child {
  margin-bottom: 0;
}
.bg-border-box .box-header {
  background-color: var(--color-background-default-secondary);
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
  padding: 1.6rem;
}
.bg-border-box .box-header > *:last-child {
  margin-bottom: 0;
}
.bg-border-box .box-body {
  padding: 1.6rem;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.bg-border-box .box-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.6rem;
  background-color: var(--color-background-default-primary);
  border-top: 0.1rem solid var(--color-stroke-default-tertiary);
}
.bg-border-box .box-footer .l-area,
.bg-border-box .box-footer .r-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 0.4rem;
}
.bg-border-box .box-footer .r-area {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.border-box, .border-box-list > li {
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 2.4rem;
}
.border-box.bg, .border-box-list > li.bg {
  background-color: var(--color-background-default-secondary);
}

.box-tit-area {
  margin-bottom: 2.4rem;
}
.box-tit-area:last-child {
  margin-bottom: 0;
}

.box-tit-img {
  margin-bottom: 1.6rem;
}
.box-tit-img img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.box-tit {
  display: block;
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  margin-bottom: 0.4rem;
}

.box-tit-lg {
  display: block;
  font-size: var(--font-tit-lg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  margin-bottom: 0.8rem;
}

.box-tit-sm {
  display: block;
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  margin-bottom: 0.8rem;
}

.box-tit-xsm {
  display: block;
  font-size: var(--font-tit-xsm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  margin-bottom: 0.8rem;
}

.box-txt {
  font-size: var(--font-tit-lg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  margin-bottom: 0.4rem;
}
.box-txt em.fs-lg {
  font-size: 3.2rem;
}

hr.solid {
  display: block;
  width: 100%;
  border: 0;
  border-top: 0.1rem solid var(--color-stroke-default-tertiary);
  margin: 0.4rem 0;
}
hr.dashed {
  border: 0;
  border-top: 0.1rem solid var(--color-stroke-default-tertiary);
  border-top-style: dashed;
  margin: 0.4rem 0;
}

.bg-area {
  position: relative;
  border-radius: 2.4rem;
  background: var(--color-background-default-tertiary);
  padding: 2.4rem;
}
.bg-area .box {
  padding: 2.4rem;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-secondary);
  background: var(--color-background-default-primary);
  margin-bottom: 1.6rem;
}
.bg-area .box:last-child {
  margin-bottom: 0;
}

.border-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.border-box-list > li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
  background-color: var(--color-background-default-primary);
}
.border-box-list > li.is-active {
  border-color: var(--color-font-brand-primary);
}
.border-box-list .txt-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.border-box-list .txt-area .label-area {
  margin-bottom: 0.8rem;
}
.border-box-list .txt-area > *:last-child {
  margin-bottom: 0;
}
.border-box-list .img-area {
  width: 4rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.border-box-list .box-fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.border-box-list p a:hover {
  text-decoration: underline;
}
.border-box-list .ico-sm-close {
  position: absolute;
  top: -0.6rem;
  right: -0.6rem;
}
.border-box-list .ico-move {
  margin: 0 -1.2rem;
}
.border-box-list li:has(.lnk-full, .audio-box > button):hover,
.border-box-list li:has(.file-custom-full):hover {
  border-width: 0.2rem;
  border-color: var(--color-stroke-brand-primary);
}

.border-box-info-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.4rem;
}
.border-box-info-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  padding: 1.6rem;
  border-radius: 1.2rem;
  min-height: 48px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.border-box-info-list li.is-disabled {
  background-color: var(--color-background-default-secondary);
}
.border-box-info-list li.is-disabled .l-area,
.border-box-info-list li.is-disabled .r-area {
  opacity: 0.5;
}

.total-count {
  margin-bottom: 0.8rem;
}
.total-count em {
  color: #F65C70;
}

.search-block-area {
  margin-bottom: 2.4rem;
  display: grid;
  gap: 0.8rem;
  padding: 1.6rem;
  border: 0.4rem solid var(--color-stroke-default-tertiary);
  border-radius: 2.4rem;
  background-color: var(--color-background-default-secondary);
}
.search-block-area .search {
  display: grid;
  gap: 0.4rem;
}
.search-block-area .search input {
  width: 100%;
}
.search-block-area .btn-flex-cont {
  margin: 0;
}

.search-box {
  position: relative;
  margin-bottom: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4rem;
  background-color: var(--color-background-default-secondary);
  padding: 3.2rem 4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 2.4rem;
  min-width: 0;
}
.search-box .search-box-write {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.search-box table th {
  color: var(--color-font-default-tertiary);
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-xlg);
  padding-right: 1.6rem;
  text-align: left;
}
.search-box table th,
.search-box table td {
  text-align: left;
  height: 4.4rem;
  border-bottom: 0.1rem solid var(--color-stroke-default-quaternary);
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.search-box table th, .search-box table tr:last-child td {
  border-bottom: none;
}
.search-box table td > * {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
.search-box table td > :not(.block),
.search-box table td > :not(.datepicker-box) {
  margin-right: 0.4rem;
}
.search-box table td > :last-child {
  margin-right: 0;
}
.search-box table .q0,
.search-box table input[type=number].q0 {
  width: 20rem;
  min-width: 20rem;
}
.search-box table .q1 {
  width: calc((100% - 2.4rem) / 4);
}
.search-box table .q2 {
  width: calc((100% - 0.8rem) / 2);
}
.search-box table .q3 {
  width: calc((100% - 2.4rem) / 3 * 2);
}
.search-box table .q4 {
  width: 100%;
}
.search-box .search-btn-cont {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.4rem;
}
.search-box .search-btn-cont:last-child {
  margin-bottom: 0;
}
.search-box .btn-search-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 12rem;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  font-size: var(--font-label-lg);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
  color: var(--color-font-default-primary-inverse);
  background-color: var(--color-background-brand-primary-inverse);
  border-radius: 2.4rem;
  gap: 0.8rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.search-box .btn-search-box::before {
  content: "";
  display: block;
  width: 4rem;
  height: 4rem;
  aspect-ratio: 1;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M29.479 26.631L26.6325 29.4775L21.6505 24.4955L24.497 21.649L29.479 26.631Z" fill="%23C1BFC8"/><path d="M36.821 31.128L30.904 25.211C30.118 24.425 28.8435 24.425 28.0575 25.211L25.211 28.0575C24.425 28.8435 24.425 30.118 25.211 30.904L31.128 36.821C32.7 38.394 35.2505 38.394 36.8225 36.821C38.3925 35.25 38.3915 32.7005 36.8205 31.1285L36.821 31.128Z" fill="%23727077"/><path d="M15.5875 29.1745C23.0917 29.1745 29.175 23.0912 29.175 15.587C29.175 8.08284 23.0917 1.99951 15.5875 1.99951C8.08333 1.99951 2 8.08284 2 15.587C2 23.0912 8.08333 29.1745 15.5875 29.1745Z" fill="%23918F97"/><path d="M15.5875 25.1485C20.8682 25.1485 25.149 20.8677 25.149 15.587C25.149 10.3063 20.8682 6.02551 15.5875 6.02551C10.3068 6.02551 6.026 10.3063 6.026 15.587C6.026 20.8677 10.3068 25.1485 15.5875 25.1485Z" fill="%23C7E3FF"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}
.search-box .btn-search-box:hover {
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
  background-color: var(--color-background-brand-primary-inverse-hover);
}
.search-box .btn-search-toggle {
  position: absolute;
  left: 4rem;
  bottom: 0;
  height: 3.6rem;
  margin: 1.6rem 0;
  width: auto;
}
.search-box .btn-search-toggle i {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m17.357,15.707l-5.293-5.293-5.293,5.293-1.414-1.414,6-6c.391-.391,1.023-.391,1.414,0l6,6-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m17.357,15.707l-5.293-5.293-5.293,5.293-1.414-1.414,6-6c.391-.391,1.023-.391,1.414,0l6,6-1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary);
}
.search-box .btn-search-toggle:hover {
  background-color: transparent;
}

@media (max-width: 1710px) {
  .search-box.is-sticky {
    width: auto;
    max-width: calc(var(--size-wrap) - var(--size-wrap-spacing) * 2);
    right: var(--size-wrap-spacing);
    left: calc(var(--gnb-depth1-width) + var(--gnb-depth2-width) + var(--size-wrap-spacing));
  }
}
@media (max-width: 1334px) {
  .search-box.is-sticky {
    left: var(--size-wrap-spacing);
  }
}
.bg-list li {
  background-color: var(--color-background-default-secondary);
  min-height: 4rem;
  padding: 0.8rem 1.6rem;
  border-radius: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
}
.bg-list li ~ li {
  margin-top: 0.4rem;
}
.bg-list li .num {
  font-weight: 700;
  color: var(--color-font-default-tertiary);
}

.chasi-info {
  margin-top: 0.8rem !important;
}

.chasi-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
  height: 24rem;
  overflow-y: auto;
  background-color: var(--color-background-default-primary);
  background: url("../images/common/sub//bg_chasi.svg") var(--color-background-default-primary);
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
  padding: 0.8rem;
}
.chasi-list:has(li) {
  background: var(--color-background-default-primary);
}
.chasi-list .chasi-tit-area {
  position: relative;
  background-color: var(--color-background-default-secondary);
  border-radius: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
  padding: 0.8rem 2.4rem 0.8rem 3.6rem;
  min-height: 4rem;
}
.chasi-list .chasi-tit-area .chasi-tit-lg {
  line-height: 1.2;
}
.chasi-list .btn-chasi-toggle {
  position: absolute;
  font-size: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.chasi-list .btn-chasi-toggle::before, .chasi-list .btn-chasi-toggle::after {
  content: " ";
  position: absolute;
  left: 1.8rem;
  width: 1.2rem;
  height: 0.1rem;
  background-color: var(--color-font-default-tertiary);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.chasi-list .btn-chasi-toggle:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.chasi-list .chasi-tit-lg, .chasi-list .chasi-tit-md, .chasi-list .chasi-tit-sm {
  position: relative;
  display: block;
}
.chasi-list .chasi-tit-md {
  color: var(--color-font-brand-primary);
  font-weight: var(--size-font-weight-xlg);
}
.chasi-list .chasi-tit-md::before {
  content: " ";
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  top: 0.6rem;
  left: -0.8rem;
  border-radius: 50%;
  background-color: var(--color-background-brand-primary-inverse);
}
.chasi-list .chasi-tit-sm {
  font-size: 1.3rem;
  color: #111;
  font-weight: var(--size-font-weight-xlg);
}
.chasi-list .chasi-fnc {
  position: relative;
  z-index: 3;
}
.chasi-list .chasi-cont {
  display: none;
  position: relative;
  padding: 1.2rem 4rem;
  gap: 0.8rem;
}
.chasi-list .chasi-cont:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 2.4rem;
  width: 0;
  height: 0;
  border-width: 0.8rem 0.8rem 0 0.8rem;
  border-color: #C7E3FF transparent transparent transparent;
  border-style: solid;
}
.chasi-list .chasi-checkradio-area {
  display: grid;
  gap: 0.4rem;
  font-size: 1.3rem;
}
.chasi-list .chasi-checkradio-area label {
  position: relative;
  display: block;
  cursor: pointer;
}
.chasi-list .chasi-checkradio-area label input:checked ~ span {
  color: var(--color-font-success-primary);
  font-weight: var(--size-font-weight-xlg);
}
.chasi-list .chasi-checkradio-area label input:checked ~ span::before {
  content: " ";
  position: absolute;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9.87,17.56l-7.21-6.31-1.32,1.51,8,7c.18.16.42.25.66.25.03,0,.06,0,.09,0,.27-.02.52-.16.69-.37l12-15-1.56-1.25-11.35,14.18Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9.87,17.56l-7.21-6.31-1.32,1.51,8,7c.18.16.42.25.66.25.03,0,.06,0,.09,0,.27-.02.52-.16.69-.37l12-15-1.56-1.25-11.35,14.18Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-success-primary);
  margin-left: -2rem;
}
.chasi-list li.is-active .chasi-tit-area {
  position: relative;
  background-color: var(--color-background-info-primary);
}
.chasi-list li.is-active .chasi-tit-area .chasi-tit-lg {
  color: var(--color-primary70);
  font-weight: var(--size-font-weight-xlg);
}
.chasi-list li.is-active .btn-chasi-toggle::before, .chasi-list li.is-active .btn-chasi-toggle::after {
  background-color: var(--color-primary70);
  height: 0.2rem;
}
.chasi-list li.is-active .btn-chasi-toggle::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.chasi-list li.is-active .chasi-cont {
  display: grid;
}

.info-block dt {
  display: block;
  margin-bottom: 0.8rem;
  font-size: var(--font-tit-label);
  font-weight: var(--size-font-weight-xlg);
  color: var(--color-font-default-tertiary);
}
.info-block dd {
  margin-bottom: 2.4rem;
}
.info-block dd:last-of-type {
  margin-bottom: 0;
}
.info-block select {
  display: block;
  width: 100%;
}
.info-block .bg-border-box {
  overflow-y: scroll;
  height: 40rem;
}
.info-block .bg-border-box .border-box-list.small {
  gap: 0.4rem;
}
.info-block .bg-border-box .border-box-list.small > li {
  padding: 0.8rem 1.6rem;
  border-radius: 1.2rem;
}
.info-block .bg-border-box .border-box-list.small .profile-area .img-area {
  width: 3.2rem;
  height: 3.2rem;
}
.info-block .bg-border-box .border-box-list.small .profile-area .txt-area {
  font-weight: var(--size-font-weight-lg);
  font-size: var(--size-font-sm);
  padding-left: 0.4rem;
}
.info-block .bg-border-box .border-box-list.small .profile-area .txt-area small {
  font-weight: var(--size-font-weight-md);
  font-size: var(--size-font-xsm);
  color: var(--color-font-default-tertiary);
}

.info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  margin-bottom: 4rem;
}
.info-list:last-child {
  margin-bottom: 0;
}
.info-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.info-list cite,
.info-list .info-tit {
  min-width: 8rem;
  padding-right: 2rem;
  font-size: var(--font-tit-xsm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  color: var(--color-font-default-tertiary);
}
.info-list .txt-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.info-list.sm {
  gap: 1.2rem;
}
.info-list.xsm {
  gap: 0.8rem;
}
.info-list.dir-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.info-list.dir-row > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.info-block-list {
  margin-bottom: 2.4rem;
}
.info-block-list:last-child {
  margin-bottom: 0;
}
.info-block-list > li ~ li {
  margin-top: 2.4rem;
}
.info-block-list .info-fnc-area {
  margin-bottom: 0.8rem;
}
.info-block-list .info-fnc-area .l-area > *,
.info-block-list .info-fnc-area .r-area > * {
  margin: 0;
}
.info-block-list cite,
.info-block-list .info-tit {
  display: block;
  margin-bottom: 0.8rem;
  font-size: var(--font-tit-label);
  font-weight: var(--size-font-weight-xlg);
  color: var(--color-font-default-tertiary);
}
.info-block-list .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
}
.info-block-list .txt-area > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.info-block-list.fs-sm > li ~ li {
  margin-top: 1.6rem;
}

.info-inline-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.2rem 1.6rem;
  font-weight: var(--size-font-weight-md);
}
.info-inline-list.ellipsis {
  overflow: hidden;
}
.info-inline-list.ellipsis .txt-area {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
}
.info-inline-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-font-default-tertiary);
  gap: 0.2rem;
  font-size: var(--size-font-xsm);
  min-width: 0;
}
.info-inline-list li:last-of-type::after {
  display: none;
}
.info-inline-list li::after {
  content: " ";
  position: absolute;
  right: -1.2rem;
  top: 50%;
  width: 0.4rem;
  height: 0.4rem;
  margin-top: -0.2rem;
  border-radius: 50%;
  background-color: var(--color-icon-disabled-secondary);
}
.info-inline-list.no-style li::after {
  display: none;
}
.info-inline-list.u-block {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.info-inline-list.u-block li {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.info-inline-list.u-block li::after {
  display: none;
}
.info-inline-list i,
.info-inline-list cite,
.info-inline-list .info-tit {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.info-inline-list cite,
.info-inline-list .info-tit {
  font-weight: var(--size-font-weight-md);
}
.info-inline-list cite::after,
.info-inline-list .info-tit::after {
  content: ":";
}
.info-inline-list.sm.no-style {
  gap: 0.2rem 0.8rem;
}
.info-inline-list.sm li i {
  width: 1.6rem;
  height: 1.6rem;
}

.info-box-list {
  margin-bottom: var(--spacing-section-sm);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 0.8rem;
}
.info-box-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  border-radius: 1.2rem;
  background-color: var(--color-background-default-secondary);
  padding: 2.4rem 1.6rem;
  gap: 0.8rem 1.6rem;
}
.info-box-list > li > strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  color: var(--color-font-default-tertiary);
}
.info-box-list > li .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.info-box-list > li .txt-area em {
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.info-box-list > li .txt-area small {
  font-size: var(--font-body-md);
  font-weight: var(--size-font-weight-md);
  color: var(--color-font-default-primary);
}
.info-box-list > li .txt-area.dir-col {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.info-box-list > li .txt-area.dir-col.center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.info-box-list > li.bg-primary {
  background-color: var(--color-background-brand-primary-inverse);
  color: var(--color-font-default-secondary-inverse);
}
.info-box-list > li.bg-primary em {
  color: var(--color-font-default-primary-inverse);
}
.info-box-list > li.dir-col > .txt-area {
  width: 100%;
}
.info-box-list.col3 {
  grid-template-columns: repeat(3, 1fr);
}
.info-box-list.col3 > li:nth-last-child(2):nth-child(3n+1) {
  grid-column: span 2;
}
.info-box-list.col3 > li:nth-last-child(1):nth-child(3n+1) {
  grid-column: span 3;
}

.tag-area,
.tag-add-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem;
  border-radius: 1.2rem;
  background-color: var(--color-background-default-primary);
  min-width: 0;
}
.tag-add-area {
  border: 0.1rem solid var(--color-stroke-default-secondary);
  padding: 0.8rem;
}

.txt-area .tag-area:only-child {
  padding: 0;
}

.tag {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 3.2rem;
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  border-radius: 0.4rem;
  padding: 0.4rem 1.6rem;
  border-radius: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: color-font-default-tertiary;
  background-color: var(--color-background-default-secondary);
  border: 0.1rem solid var(--color-stroke-default-quaternary);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.4rem;
  align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 100%;
  overflow: hidden;
}
.tag::before {
  content: "";
  display: block;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M7.44804 1.3335C7.97843 1.33361 8.48706 1.5444 8.86204 1.9195L14.002 7.0595C14.4283 7.48582 14.6677 8.06398 14.6677 8.66683C14.6677 9.26968 14.4283 9.84784 14.002 10.2742L10.274 14.0022C9.84772 14.4284 9.26956 14.6679 8.66671 14.6679C8.06386 14.6679 7.48569 14.4284 7.05937 14.0022L1.91937 8.86216C1.54428 8.48718 1.33349 7.97855 1.33337 7.44816V4.00016C1.33337 3.29292 1.61433 2.61464 2.11442 2.11454C2.61452 1.61445 3.2928 1.3335 4.00004 1.3335H7.44804ZM5.00004 3.66683C4.66366 3.66672 4.33966 3.79377 4.09301 4.02249C3.84635 4.25122 3.69527 4.56473 3.67004 4.90016L3.66671 5.00016C3.66671 5.26387 3.74491 5.52166 3.89141 5.74092C4.03792 5.96019 4.24616 6.13109 4.4898 6.232C4.73343 6.33292 5.00152 6.35932 5.26016 6.30788C5.5188 6.25643 5.75638 6.12944 5.94285 5.94297C6.12932 5.7565 6.25631 5.51892 6.30775 5.26028C6.3592 5.00164 6.3328 4.73355 6.23188 4.48992C6.13096 4.24628 5.96007 4.03805 5.7408 3.89154C5.52154 3.74503 5.26375 3.66683 5.00004 3.66683Z' fill='%23B1B8BE'/></svg>") no-repeat center/contain;
}

.info-list,
.info-block-list {
  min-width: 0;
}

.sticky-area .sticky-cont {
  position: relative;
}
.sticky-area .sticky {
  position: sticky;
  top: calc(var(--header-height) + 4rem);
  z-index: 5;
}
.sticky-area .sticky.top0 {
  top: var(--header-etc-height);
}

.sticky-x {
  position: sticky;
  background-color: var(--color-background-default-primary);
}

.file-custom-full input[type=file], .file-custom input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  opacity: 0;
  text-indent: -99999px;
  max-width: 100%;
  min-width: 0;
  cursor: pointer;
  z-index: 2;
}

.file-custom {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  gap: 0.4rem 0.8rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 0;
}
.file-custom:focus-within {
  outline: 0.2rem solid #111;
  outline-offset: -0.2rem;
}
.file-custom .btn {
  white-space: nowrap;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.file-custom .preview-area::before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1.6rem;
  height: 1.6rem;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary);
}
.file-custom .book-preview-area {
  position: relative;
  width: 16rem;
  aspect-ratio: 7/9;
  overflow: hidden;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 1.2rem;
}
.file-custom .book-preview-area::before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1.6rem;
  height: 1.6rem;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary);
}
.file-custom .book-preview-area img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.file-custom input[type=text] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
  min-width: 16rem;
}

.file-custom-full {
  position: absolute;
  inset: 0;
  overflow: hidden;
  min-width: 0;
}
.file-type-add-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 2em;
  background: var(--color-background-default-secondary);
  gap: 1.6rem;
  padding: 1.2rem 2.4rem;
}
.file-type-add-area .add-tit {
  font-size: var(--font-label-lg);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-xlg);
}
.file-type-add-area > .r-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
}

.file-add-txt-area .file-custom label, .url-add-area label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
  background-color: var(--color-background-default-secondary);
  padding-left: var(--form-height-md);
  min-width: 0;
  overflow: hidden;
}
.file-add-txt-area .file-custom label input[type=text], .url-add-area label input[type=text] {
  border: none;
  border-left: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 0;
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.file-add-txt-area .file-custom label::before, .url-add-area label::before {
  content: " ";
  left: 1.4rem;
  top: 50%;
  margin-top: -1rem;
  position: absolute;
}

.url-add-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  overflow: hidden;
}
.url-add-area label::before {
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,12c0,2.76,2.24,5,5,5h4v-2h-4c-1.65,0-3-1.35-3-3s1.35-3,3-3h4v-2h-4c-2.76,0-5,2.24-5,5Z'/%3E%3Cpath d='m17,7h-4v2h4c1.65,0,3,1.35,3,3s-1.35,3-3,3h-4v2h4c2.76,0,5-2.24,5-5s-2.24-5-5-5Z'/%3E%3Crect x='8' y='11' width='8' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,12c0,2.76,2.24,5,5,5h4v-2h-4c-1.65,0-3-1.35-3-3s1.35-3,3-3h4v-2h-4c-2.76,0-5,2.24-5,5Z'/%3E%3Cpath d='m17,7h-4v2h4c1.65,0,3,1.35,3,3s-1.35,3-3,3h-4v2h4c2.76,0,5-2.24,5-5s-2.24-5-5-5Z'/%3E%3Crect x='8' y='11' width='8' height='2'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-secondary);
}
.url-add-area .btn {
  min-width: 8rem;
}

.file-add-txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  overflow: hidden;
}
.file-add-txt-area .file-custom {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.file-add-txt-area .file-custom label::before {
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,9v6c0,1.65,1.35,3,3,3s3-1.35,3-3V5c0-2.48-2.02-4.5-4.5-4.5s-4.5,2.02-4.5,4.5v12c0,3.31,2.69,6,6,6s6-2.69,6-6V7h-2v10c0,2.21-1.79,4-4,4s-4-1.79-4-4V5c0-1.38,1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5v10c0,.55-.45,1-1,1s-1-.45-1-1v-6h-2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,9v6c0,1.65,1.35,3,3,3s3-1.35,3-3V5c0-2.48-2.02-4.5-4.5-4.5s-4.5,2.02-4.5,4.5v12c0,3.31,2.69,6,6,6s6-2.69,6-6V7h-2v10c0,2.21-1.79,4-4,4s-4-1.79-4-4V5c0-1.38,1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5v10c0,.55-.45,1-1,1s-1-.45-1-1v-6h-2Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary);
}
.file-add-txt-area .btn {
  min-width: 8rem;
}

.file-drag-area {
  position: relative;
  padding: 1.6rem 4rem;
  border-radius: 1.2rem;
  border: 0.1rem dashed var(--color-stroke-default-secondary);
  background: var(--color-background-default-tertiary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.file-drag-area.is-dragover {
  background-color: var(--color-background-default-secondary);
}
.file-drag-area .input-file {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border: 0;
  opacity: 0;
  text-indent: -99999px;
  max-width: 100%;
  z-index: 1;
  cursor: pointer;
}

.file-add-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.6rem;
}
.file-add-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.file-add-list > li::after {
  content: " ";
  display: block;
  margin-left: 1.6rem;
  width: 0.1rem;
  height: 2.4rem;
  background-color: var(--color-background-default-tertiary);
}
.file-add-list > li:last-child::after {
  display: none;
}

.file-list,
.file-down-list {
  display: grid;
  gap: 0.8rem;
}
.file-list > li,
.file-down-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  overflow: hidden;
}
.file-list a,
.file-down-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  gap: 0.4rem;
}
.file-list a p,
.file-down-list a p {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.file-list a small,
.file-down-list a small {
  margin-left: 0.4rem;
  color: var(--color-font-default-quaternary);
}
.file-list a:hover,
.file-down-list a:hover {
  text-decoration: underline;
}

.file-down-list a::before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,9v6c0,1.65,1.35,3,3,3s3-1.35,3-3V5c0-2.48-2.02-4.5-4.5-4.5s-4.5,2.02-4.5,4.5v12c0,3.31,2.69,6,6,6s6-2.69,6-6V7h-2v10c0,2.21-1.79,4-4,4s-4-1.79-4-4V5c0-1.38,1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5v10c0,.55-.45,1-1,1s-1-.45-1-1v-6h-2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9,9v6c0,1.65,1.35,3,3,3s3-1.35,3-3V5c0-2.48-2.02-4.5-4.5-4.5s-4.5,2.02-4.5,4.5v12c0,3.31,2.69,6,6,6s6-2.69,6-6V7h-2v10c0,2.21-1.79,4-4,4s-4-1.79-4-4V5c0-1.38,1.12-2.5,2.5-2.5s2.5,1.12,2.5,2.5v10c0,.55-.45,1-1,1s-1-.45-1-1v-6h-2Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-secondary);
}

.item-list-box {
  position: static;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
  background-color: var(--color-background-default-primary);
  height: auto;
  max-height: 11.1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 0;
}
.item-list-box.h-fixed {
  height: 11.1rem;
}
.item-list-box .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 3.6rem;
  padding: 0.4rem 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  gap: 0 0.8rem;
  min-width: 0;
}
.item-list-box .item:nth-of-type(2n) {
  background-color: var(--color-background-default-secondary);
}
.item-list-box .item.hover:hover {
  background-color: var(--color-background-brand-primary);
}
.item-list-box .item .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
.item-list-box .item .txt-area > strong,
.item-list-box .item .txt-area i {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.item-list-box .item .txt-area .txt {
  width: auto;
  word-break: break-all;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.item-list-box .item .txt-area small {
  color: var(--color-font-default-quaternary);
  white-space: nowrap;
}
.item-list-box .item .item-fnc-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem 0.8rem;
}
.item-list-box.row1 {
  height: 4rem;
}
.item-list-box:empty {
  opacity: 0;
  position: absolute;
  z-index: -9999;
}

.chasi-list-box {
  font-size: var(--size-font-xsm);
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
  background-color: var(--color-background-default-secondary);
  height: 12rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 0;
  padding: 1.6rem;
}
.chasi-list-box.h-auto {
  height: auto;
  min-height: 12rem;
}
.chasi-list-box .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  gap: 0 0.8rem;
}
.chasi-list-box .item ~ .item {
  margin-top: 0.8rem;
}
.chasi-list-box .item .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
.chasi-list-box .item .txt-area .txt {
  width: auto;
  word-break: break-all;
  max-width: 100%;
}
.chasi-list-box .item .item-fnc-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem 0.8rem;
}
.chasi-list-box .item button {
  opacity: 0.5;
}
.chasi-list-box .item button:hover {
  opacity: 1;
}
.chasi-list-box .txt-none {
  padding-top: 0;
  padding-bottom: 0;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.chasi-list-box.row1 {
  height: 4rem;
}

.item-list-inline-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
  background-color: var(--color-background-default-secondary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 0;
  padding: 1.6rem;
  min-height: 5.6rem;
  box-sizing: border-box;
}
.item-list-inline-box .item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 2.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.8rem;
}
.item-list-inline-box .item .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
.item-list-inline-box .item .txt-area i {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.item-list-inline-box .item .txt-area .txt {
  width: auto;
  max-width: 100%;
}
.item-list-inline-box .item .txt-area small {
  color: var(--color-font-default-quaternary);
}
.item-list-inline-box .item .item-fnc-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem 0.8rem;
}

.item-txt-list {
  width: 100%;
}
.item-txt-list > li {
  position: relative;
  padding: 1.6rem 0;
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.item-txt-list > li:last-of-type {
  border-bottom: none;
}
.item-txt-list > li .label {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.item-txt-list > li > .img-area {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 12rem;
  max-width: 32%;
  aspect-ratio: 16/9;
  border-radius: 1.2rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  overflow: hidden;
}
.item-txt-list > li > .img-area img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.item-txt-list > li > .txt-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: grid;
  gap: 0.2rem;
}
.item-txt-list > li > .txt-area > strong {
  font-size: var(--font-tit-xsm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.item-txt-list > li > .txt-area p {
  margin-top: 0.2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.item-txt-list > li > .txt-area .item-tit {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  font-size: var(--font-tit-xsm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.item-txt-list > li > .txt-area .item-tit-sm {
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-xlg);
  color: var(--color-font-default-tertiary);
}
.item-txt-list > li > .txt-area .label-area {
  margin-bottom: 0.4rem;
}
.item-txt-list > li > .txt-area .label-area:last-child {
  margin-bottom: 0;
}
.item-txt-list > li img[src*=ico-cont-] {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
}
.item-txt-list .fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.item-txt-list .fnc .etc-fnc-area {
  position: relative;
}
.item-txt-list.spacing-sm > li {
  padding: 1.2rem 0;
}

.item-add-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding: 0.8rem 1.2rem;
  gap: 0.8rem;
  border-radius: 1.2rem;
  background: var(--color-background-default-tertiary);
  margin-top: 0.8rem !important;
}
.item-add-area:first-child {
  margin-top: 0;
}
.item-add-area:empty, .item-add-area:has(.item-list:empty) {
  display: none;
}

.preview-area {
  position: relative;
  width: 16rem;
  aspect-ratio: 16/9;
  overflow: hidden;
  background-color: var(--color-background-default-secondary);
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 1.2rem;
}
.preview-area img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.file-add-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  overflow: hidden;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 0;
}
.file-add-area.input-flex-area {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.file-add-area .item-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.file-add-area .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.file-add-area .item .txt {
  max-width: calc(100% - 4rem);
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  width: auto;
  word-break: break-all;
  font-size: 1.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.file-add-area small {
  display: block;
  width: 100%;
  margin-top: 0.4rem;
}
.file-add-area .url-add-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.sel-txt-list {
  margin-top: 0.4rem;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
}
.sel-txt-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.8rem;
}
.sel-txt-list span:after {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.8rem;
  margin-top: -0.2rem;
  width: 0.4rem;
  height: 0.4rem;
  border-top: 0.1rem solid var(--color-stroke-default-tertiary);
  border-right: 0.1rem solid var(--color-stroke-default-tertiary);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sel-txt-list span:last-of-type:after {
  display: none;
}

.sel-txt-inline-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.6rem;
}
.sel-txt-inline-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  color: var(--color-font-brand-primary);
}

.txt-none-box, .txt-none {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: var(--color-font-default-tertiary);
  padding-top: 8rem;
  padding-bottom: 8rem;
  word-break: keep-all;
  font-size: var(--size-font-xsm);
  width: 100%;
}
.txt-none-box strong, .txt-none strong {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.txt-none-box em, .txt-none em {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  margin-bottom: 0.8rem;
}
.txt-none-box .txt-area, .txt-none .txt-area {
  display: grid;
  gap: 1.6rem;
}
.txt-none-box .bullet, .txt-none .bullet {
  text-align: left;
}
.txt-none-box .btn-area, .txt-none .btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  margin-top: 1.6rem;
}
.txt-none-box figure, .txt-none figure {
  margin-bottom: 1.2rem;
}
.txt-none-box figure img, .txt-none figure img {
  display: block;
  width: 100%;
}
.custom.txt-none-box figure, .custom.txt-none figure {
  mix-blend-mode: luminosity;
  opacity: 0.4;
}
.spacing-none.txt-none-box, .spacing-none.txt-none {
  padding-top: 0;
  padding-bottom: 0;
}
.spacing-sm.txt-none-box, .spacing-sm.txt-none {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.sm.txt-none-box figure, .sm.txt-none figure {
  width: 4rem;
  height: 4rem;
  margin-bottom: 0.4rem;
}

.txt-none-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 2.4rem);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.row-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.row-bar > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0.8rem;
  border-left: 0.1rem solid var(--color-stroke-default-tertiary);
}
.row-bar > *:first-child {
  padding-left: 0;
  border-left: none;
}
.row-bar > *:last-child {
  padding-right: 0;
}

.tip-txt {
  gap: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.4rem;
  background-color: var(--color-background-default-tertiary);
  border-radius: 2em;
  padding: 0.4rem;
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
}
.tip-txt::before {
  content: " ";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22.04c5.52,0,10-4.48,10-10S17.52,2.04,12,2.04,2,6.52,2,12.04s4.48,10,10,10Zm0-18c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8S7.59,4.04,12,4.04Z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3Crect x='11' y='11' width='2' height='6'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m12,22.04c5.52,0,10-4.48,10-10S17.52,2.04,12,2.04,2,6.52,2,12.04s4.48,10,10,10Zm0-18c4.41,0,8,3.59,8,8s-3.59,8-8,8-8-3.59-8-8S7.59,4.04,12,4.04Z'/%3E%3Ccircle cx='12' cy='8' r='1'/%3E%3Crect x='11' y='11' width='2' height='6'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-secondary);
}
.tip-area .tip-txt {
  display: none;
}

.etc-fnc-area {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 1.3rem;
  z-index: 2;
}
.etc-fnc-area .etc-fnc {
  position: absolute;
  top: 2.4rem;
  right: 0;
  display: none;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 0.8rem;
  background-color: var(--color-background-default-primary);
}
.etc-fnc-area .etc-fnc li:hover {
  background-color: var(--color-background-default-secondary);
}
.etc-fnc-area .etc-fnc li > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.8rem 1.6rem;
  text-align: left;
  white-space: nowrap;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 100%;
}
.etc-fnc-area .etc-fnc li ~ li {
  border-top: 0.1rem solid var(--color-stroke-default-tertiary);
}
.etc-fnc-area .etc-fnc li button:focus:not(:focus-visible),
.etc-fnc-area .etc-fnc li a:focus:not(:focus-visible) {
  outline: 0.2rem solid #111;
  outline-offset: -0.2rem;
}
.etc-fnc-area.is-active {
  z-index: 3;
}
.etc-fnc-area.is-active .etc-fnc {
  display: block;
}

.view-area {
  display: grid;
  gap: 2.4rem;
}
.view-area .view-header {
  gap: 2.4rem;
}
.view-area .view-header > .l-area,
.view-area .view-header > .r-area {
  gap: 0.8rem;
}
.view-area .view-header > .l-area {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.view-area .view-header > .r-area {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.view-area .view-header time {
  color: var(--color-font-default-tertiary);
}
.view-area .view-body {
  display: grid;
  gap: 2.4rem;
}
.view-area .view-box {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 56.56%;
  background: var(--color-background-default-secondary);
  overflow: hidden;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
}
.view-area .view-box .img-area,
.view-area .view-box .video-area,
.view-area .view-box .pdf-area,
.view-area .view-box .doc-area,
.view-area .view-box .quiz-area,
.view-area .view-box .iframe-area {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.view-area .view-box .quiz-area {
  padding: 4rem;
  background-color: var(--color-background-default-primary);
  overflow-y: auto;
}
.view-area .img-area figure {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  background: var(--color-background-default-secondary);
  overflow: hidden;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.view-area .img-area figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.view-area .view-txt {
  word-break: break-all;
  border: 0.1em solid #B1B8BE;
  border-radius: 2.4rem;
  padding: 4rem;
  font-size: var(--font-body-lg);
  font-weight: var(--size-font-weight-md);
}
.view-area .view-txt img {
  max-width: 100%;
}

.view-editor-cont table {
  border: 0.1rem solid var(--color-stroke-default-tertiary);
}
.view-editor-cont table th,
.view-editor-cont table td {
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  padding: 0.8rem;
}

.view-section {
  min-width: 0;
}

.board-view-area {
  display: grid;
  gap: 2.4rem;
}
.board-view-area .view-header {
  gap: 2.4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.board-view-area .view-header > .l-area,
.board-view-area .view-header > .r-area {
  gap: 0.8rem;
}
.board-view-area .view-header > .l-area {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.board-view-area .view-header > .r-area {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.board-view-area .view-header .label-area {
  margin-bottom: 0.8rem;
}
.board-view-area .view-header time {
  color: var(--color-font-default-tertiary);
}
.board-view-area .view-body {
  display: grid;
  gap: 2.4rem;
}
.board-view-area .view-cont {
  display: grid;
  gap: 4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 2.4rem;
  padding: 2.4rem;
}
.board-view-area .view-cont .tit-border-box-area {
  margin-bottom: 0;
}
.board-view-area .view-cont-fnc-area {
  padding-bottom: 1.6rem;
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.board-view-area .view-cont-tit-area {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1.6rem;
  border-radius: 2.4rem;
  border: 0.2rem solid var(--color-stroke-brand-primary-inverse);
  background: var(--color-background-brand-primary);
}
.board-view-area .view-cont-tit-area .l-area > *,
.board-view-area .view-cont-tit-area .c-area > *,
.board-view-area .view-cont-tit-area .r-area > * {
  margin-bottom: 0;
}
.board-view-area .view-cont-txt-area {
  font-size: var(--font-body-lg);
  font-weight: var(--size-font-weight-md);
  word-break: break-all;
}
.board-view-area .view-cont-txt-area img {
  max-width: 100%;
}
.board-view-area .view-cont-txt-area .img-area figure {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  background: var(--color-background-default-secondary);
  overflow: hidden;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.board-view-area .view-cont-txt-area .img-area figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.board-view-area .item-list-box + .item-list-box {
  margin-top: 0.8rem;
}
.board-view-area .view-cont-etc {
  display: grid;
  gap: 1.6rem;
}
.board-view-area .view-cont-etc .view-section {
  padding: 2.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--color-background-default-secondary);
  border-radius: 1.6rem;
  min-width: 0;
}
.board-view-area .view-cont-etc .box {
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
  padding: 1.6rem;
}
.board-view-area .view-box {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 56.56%;
  background: var(--color-background-default-secondary);
  overflow: hidden;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
}
.board-view-area .view-box .img-area,
.board-view-area .view-box .video-area,
.board-view-area .view-box .pdf-area,
.board-view-area .view-box .doc-area,
.board-view-area .view-box .quiz-area,
.board-view-area .view-box .iframe-area {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.board-view-area .view-box .quiz-area {
  padding: 4rem;
  background-color: var(--color-background-default-primary);
  overflow-y: auto;
}
.board-view-area .view-box .img-area img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.board-view-area .view-box .iframe-area iframe {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.badge-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.8rem;
}
.badge-list li {
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 2.4rem;
}
.badge-list li figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 1.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.badge-list li figure img {
  width: 6.4rem;
  height: 6.4rem;
  opacity: 0.1;
  -webkit-filter: grayscale(1) brightness(0.7) contrast(1.5);
          filter: grayscale(1) brightness(0.7) contrast(1.5);
}
.badge-list li figcaption {
  color: var(--color-font-default-quaternary);
  text-align: center;
  word-break: keep-all;
}
.badge-list li.is-active {
  border-color: var(--color-stroke-brand-primary);
}
.badge-list li.is-active img {
  -webkit-filter: none;
          filter: none;
  opacity: 1;
}
.badge-list li.is-active figcaption {
  font-size: var(--font-tit-xsm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}

.banner-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem 1.6rem;
}
.banner-area figure img {
  display: block;
  width: 100%;
}

.book-list li .img-area figure {
  border-radius: 1.2rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  overflow: hidden;
  width: 100%;
  aspect-ratio: 7/9;
}
.book-list li .img-area figure img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.book-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 3.2rem 2.4rem;
}
.book-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  position: relative;
  overflow: hidden;
}
.book-list li .item-checkradio {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
}
.book-list li .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  text-align: center;
}
.book-list li .txt-area strong {
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.book-list.col2 {
  grid-template-columns: repeat(2, 1fr);
}
.book-list.col3 {
  grid-template-columns: repeat(3, 1fr);
}
.book-list.col4 {
  grid-template-columns: repeat(4, 1fr);
}
.book-list.col5 {
  grid-template-columns: repeat(5, 1fr);
}

@media (max-width: 1279px) {
  .pc, .pc-flex {
    display: none !important;
  }
  .tamo {
    display: block !important;
  }
  .tamo-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .summary-info-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row;
  }
}
@media (max-width: 767px) {
  .pcta, .pcta-flex {
    display: none !important;
  }
  .mo {
    display: block !important;
  }
  .mo-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  ul.pagenation,
  ol.pagenation {
    overflow-x: auto;
  }
  ul.pagenation .ppv,
  ul.pagenation .ffw,
  ol.pagenation .ppv,
  ol.pagenation .ffw {
    display: none;
  }
  .fnc-list li {
    padding: 1.2rem 0;
  }
  .fnc-list.box li {
    padding: 1.2rem 1.6rem;
    min-height: 8rem;
    border-radius: 1.2rem;
  }
  .bg-box,
  .bg-border-box,
  .border-box,
  .border-box-list > li {
    border-radius: 1.2rem;
    padding: 1.6rem;
  }
  .bg-area {
    padding: 1.6rem;
  }
  .item-txt-list > li {
    gap: 0.4rem 0.8rem;
  }
  .item-list-box .item {
    padding: 0.8rem;
  }
  .item-list-box .item .txt-area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .item-list-box .item .txt-area > strong {
    width: 100%;
  }
  .page-tit-area {
    margin-bottom: 3.2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-tit-area > .l-area,
  .page-tit-area > .r-area {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .search-area {
    width: 100%;
  }
  .search-cus-area {
    height: 5.2rem;
  }
  .search-cus-area label {
    padding-left: 4.8rem;
  }
  .search-cus-area label::before {
    left: 1.4rem;
  }
  .search-cus-area label input[type=text] {
    padding: 0.8rem 1.2rem;
    font-size: var(--font-tit-md);
    font-weight: var(--size-font-weight-xlg);
    line-height: var(--size-font-lineheight-sm);
  }
  .search-cus-area button {
    padding: 0 1.6rem;
  }
  .fnc-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .fnc-area > .l-area,
  .fnc-area > .r-area {
    width: 100%;
  }
  .fnc-area > .l-area {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    min-height: initial;
  }
  .fnc-extend-area .extend-default-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.6rem;
  }
  .fnc-extend-area .extend-default-area > .l-area {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    min-height: initial;
  }
  .extend-filter-area {
    padding: 0.8rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    overflow: auto;
  }
  .extend-filter-area > .l-area {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .extend-filter-area .filter-group {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: auto;
    gap: 0.4rem;
  }
  .extend-filter-area .filter-group > * {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .info-list > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.8rem;
  }
  .info-box-list {
    gap: 0.4rem;
  }
  .info-box-list > li {
    padding: 1.2rem;
  }
  .info-box-list > li .txt-area {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .view-area {
    border-top: 0.1rem solid var(--color-stroke-default-tertiary);
    border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
    padding: 2.4rem 0;
  }
  .view-area .title-lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.8rem;
  }
  .view-area .title-lg > * {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .view-area .view-txt {
    padding: 2.4rem;
    border-radius: 1.2rem;
  }
  .board-view-area .view-cont {
    padding: 1.6rem;
    gap: 3.2rem;
  }
  .board-view-area .view-cont-tit-area .l-area ~ .r-area {
    width: 100%;
    border-top: 0.1rem solid var(--color-stroke-brand-primary-inverse);
    padding-top: 1.2rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .board-view-area .view-cont-etc .view-section {
    padding: 1.6rem;
  }
  .sticky-area .sticky {
    position: static;
    top: initial;
  }
  .book-list {
    gap: 1.6rem;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .summary-info-list {
    gap: 0.8rem;
    grid-template-columns: initial;
  }
  .summary-info-list li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 1.6rem;
    padding: 1.6rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .summary-info-list li img {
    width: 4.8rem;
    height: 4.8rem;
    padding: 0.8rem;
    border-radius: 1.2rem;
  }
  .summary-info-list li .txt-area h4 {
    margin-bottom: 0.4rem;
  }
  .summary-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.6rem;
    gap: 1.6rem;
  }
  .summary-box h3 {
    font-size: var(--font-tit-md);
    font-weight: var(--size-font-weight-xlg);
    line-height: var(--size-font-lineheight-sm);
  }
  .summary-box .r-area:has(.bg-primary) {
    width: 100%;
  }
  .summary-box .bg-primary {
    width: 100%;
    min-height: auto;
  }
  .url-add-area label::before {
    left: 1rem;
  }
  .banner-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
/* module */
.error-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 12rem 0;
}
.error-area figure img {
  margin-bottom: 1.6rem;
}
.error-area h2 {
  font-size: 2.8rem;
  font-weight: 400;
  color: #33363D;
  margin-bottom: 0.8rem;
}
.error-area p {
  color: var(--color-font-default-tertiary);
}
.error-area .btn-cont {
  margin-top: 8rem;
  margin-bottom: 0;
}

.reply-area {
  border-top: 0.1rem solid var(--color-stroke-default-tertiary);
  padding-top: 2.4rem;
}
.reply-area .wrap-sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}
.popup-modal .reply-area .wrap-sm {
  padding: 0;
}

.reply-area .reply-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}
.reply-area .reply-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.reply-area .reply-list > li > .txt-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0 2.4rem 2.4rem 2.4rem;
  background: var(--color-background-default-secondary);
  padding: 2.4rem 1.6rem;
  gap: 1.2rem;
}
.reply-area .reply-list > li > .txt-area span {
  color: var(--color-font-default-tertiary);
  font-size: var(--size-font-xsm);
}
.reply-area .profile-img-area {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.reply-area .profile-img-area figure {
  width: 4rem;
  height: 4rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  overflow: hidden;
}
.reply-area .profile-img-area figure img {
  width: 100%;
  height: 100%;
}
.reply-area .reply-tit-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.reply-area .reply-tit-area .l-area,
.reply-area .reply-tit-area .r-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.8rem;
}
.reply-area .reply-tit-area .l-area {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.reply-area .reply-txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}
.reply-area .reply-txt-area .img {
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
  overflow: hidden;
  max-width: 40rem;
}
.reply-area .reply-txt-area .img img {
  display: block;
  max-width: 100%;
}
.reply-area .reply-fnc-area .l-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}
.reply-area .reply-re-area {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  padding: 0 1.6rem;
}
.reply-area .reply-re-area .reply-re-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}
.reply-area .reply-re-area .reply-re-list > li {
  position: relative;
}
.reply-area .reply-re-area .reply-re-list > li::before {
  content: "";
  position: absolute;
  top: 3.2rem;
  left: 1.2rem;
  width: 1px;
  bottom: 0;
  background-color: var(--color-stroke-default-tertiary);
}
.reply-area .reply-re-area .reply-re-list > li:last-of-type::before {
  display: none;
}
.reply-area .reply-re-area .profile-img-area figure {
  width: 2.4rem;
  height: 2.4rem;
}
.reply-area .reply-re-area .reply-tit-area .l-area {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.reply-area .reply-re-area .txt-area {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
}
.reply-area .reply-write-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.reply-area .reply-write-area .reply-tit-area .l-area {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.reply-area .reply-write-area .txt-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.reply-area .reply-write-area .write {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  width: 100%;
  border: 0.1rem solid var(--color-stroke-default-secondary);
  border-radius: 1.2rem;
  padding: 1.6rem;
  background-color: var(--color-background-default-primary);
}
.reply-area .reply-write-area .write textarea {
  border: none;
  background-color: transparent;
  min-height: 4rem;
  padding: 0;
}
.reply-area .reply-write-area .write textarea:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.reply-area .reply-write-area .img-add-area {
  position: relative;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
  overflow: hidden;
  width: 16rem;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
.reply-area .reply-write-area .img-add-area img {
  display: block;
  width: 100%;
  height: 100%;
}
.reply-area .reply-write-area .img-add-area .btn {
  position: absolute;
  right: 0.4rem;
  top: 0.4rem;
}
.reply-area.lg .txt-area .profile-tit, .reply-area.xlg .txt-area .profile-tit {
  font-size: var(--size-font-md);
  font-weight: var(--size-font-weight-xlg);
}
.reply-area.lg {
  gap: 1.2rem;
}
.reply-area.lg .img-area figure {
  width: 5.6rem;
  height: 5.6rem;
}
.reply-area.xlg {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.reply-area.xlg .img-area figure {
  width: 8rem;
  height: 8rem;
}
.reply-area.xlg .txt-area {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.reply-area.sm .img-area figure {
  width: 2.4rem;
  height: 2.4rem;
}

.reply-sm-area .reply-fnc-area {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
.reply-sm-area .write-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 0.1rem solid var(--color-stroke-default-quaternary);
}
.reply-sm-area .write-area input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  padding-right: 4.8rem;
}
.reply-sm-area .write-area .btn {
  position: absolute;
  right: 2.4rem;
}
.reply-sm-area .reply-sm-list li {
  padding-top: 1.6rem;
  padding-bottom: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
  display: grid;
  gap: 0.8rem;
  border-top: 0.1rem solid var(--color-stroke-default-quaternary);
}

@media (max-width: 767px) {
  .reply-area .reply-list > li > .profile-img-area {
    display: none;
  }
}
.msg-area {
  display: grid;
  grid-template-columns: 28rem 1fr;
  gap: 1.6rem;
  min-height: 56rem;
  height: 80rem;
  overflow: hidden;
}
.msg-area .msg-nav,
.msg-area .msg-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  border-radius: 2.4rem;
  overflow: hidden;
}

.msg-nav {
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  padding: 1.6rem 1.2rem;
  overflow: hidden;
  gap: 1.2rem;
}
.msg-nav .msg-nav-footer,
.msg-nav .msg-nav-header {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.msg-nav .search input {
  width: 100%;
}
.msg-nav .msg-nav-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
}
.msg-nav .msg-nav-body > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 1.2rem;
  position: relative;
  padding: 1.6rem;
}
.msg-nav .msg-nav-body > li:hover {
  background-color: var(--color-background-default-secondary);
}
.msg-nav .msg-nav-body > li.is-active {
  background-color: var(--color-background-brand-primary);
}
.msg-nav .msg-nav-body .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.4rem;
  aspect-ratio: 1;
  border-radius: 100%;
  background: var(--color-background-brand-accent-inverse);
  color: var(--color-font-default-primary-inverse);
  font-size: var(--size-font-2xsm);
}
.msg-nav .msg-nav-footer {
  width: calc(100% + 2.4rem);
  margin-left: -1.2rem;
  margin-bottom: -1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 0.1rem solid var(--color-stroke-default-secondary);
}
.msg-nav .msg-nav-footer .btn.primary {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.msg-nav .msg-nav-footer .btn {
  border: none;
  border-radius: 0;
}

.msg-cont {
  position: relative;
  background-color: var(--color-background-default-secondary);
}
.msg-cont .msg-cont-header {
  padding: 1.2rem 2.4rem;
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
}
.msg-cont .msg-cont-header .msg-tit {
  font-size: var(--font-tit-xsm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  color: var(--color-font-default-tertiary);
}
.msg-cont .msg-cont-header p {
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
  color: var(--color-font-default-secondary);
}
.msg-cont .msg-cont-header .fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.msg-cont .msg-txt {
  width: auto;
  max-width: 40rem;
  padding: 1.6rem;
  background-color: var(--color-background-default-primary);
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
  margin-bottom: 0.4rem;
  text-align: left;
  position: relative;
  white-space: wrap;
}

.msg-cont-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1.6rem;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  padding: 2.4rem;
}
.msg-cont-body .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
}
.msg-cont-body .item .time {
  font-size: var(--font-body-xsm);
  font-weight: var(--size-font-weight-md);
  color: var(--color-font-default-tertiary);
}
.msg-cont-body .item .txt {
  border-radius: 1.2rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  word-break: break-all;
  padding: 1.2rem 1.6rem;
  max-width: 32rem;
}
.msg-cont-body .item .txt-guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  width: 100%;
  max-width: 32rem;
}
.msg-cont-body .item .txt-guide .guide-tit-area {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.msg-cont-body .item .txt-guide .txt {
  width: 100%;
}
.msg-cont-body .item .txt-guide .txt .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 1.6rem;
}
.msg-cont-body .item.my {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.msg-cont-body .item.my .txt {
  border: none;
  background-color: var(--color-primary10);
}
.msg-cont-body .msg-time {
  text-align: center;
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  color: var(--color-font-default-tertiary);
}
.msg-cont-body .msg-fnc {
  position: fixed;
  bottom: 11.2rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.8rem;
}

.msg-cont-footer {
  padding: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.msg-cont-footer .write {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  background-color: var(--color-background-default-primary);
  width: 100%;
  border: 0.1rem solid var(--color-stroke-default-secondary);
  border-radius: 1.2rem;
  padding: 1.6rem;
}
.msg-cont-footer .write input[type=text],
.msg-cont-footer .write textarea {
  border: none;
  background-color: transparent;
  padding: 0;
}
.msg-cont-footer .write input[type=text]:focus,
.msg-cont-footer .write textarea:focus {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.msg-cont-footer .write textarea {
  min-height: 4rem;
}
.msg-cont-footer .write:has(input[type=text]) {
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 3rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border: none;
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
}
.msg-cont-footer .write:has(input[type=text]) input[type=text] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.msg-cont-footer .img-add-area {
  position: relative;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
  overflow: hidden;
  width: 16rem;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
.msg-cont-footer .img-add-area img {
  display: block;
  width: 100%;
  height: 100%;
}
.msg-cont-footer .img-add-area .btn {
  position: absolute;
  right: 0.4rem;
  top: 0.4rem;
}
.pupup-msg .pop-header {
  margin: -4rem -4rem 0;
  padding: 4rem 4rem 0;
  background: var(--color-background-brand-primary);
}
.pupup-msg .msg-cont-body {
  background: var(--color-background-brand-primary);
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
}
.pupup-msg .msg-cont-footer {
  padding: 0.8rem 0 0;
  margin-bottom: -1.2rem;
}

.pupup-chatbot {
  display: none;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--color-background-default-secondary);
  padding: 0;
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
  border-radius: 2.4rem;
  overflow: hidden;
  width: 44rem;
  height: 64rem;
  max-height: calc(100vh - 8rem);
  border: 0.1rem solid var(--color-stroke-default-primary);
}
.pupup-chatbot .pop-header {
  padding: 1.6rem 2.4rem;
}
.pupup-chatbot .pop-header h1 {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.pupup-chatbot .msg-cont-body {
  padding: 2.4rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
}
.pupup-chatbot .pop-footer {
  padding: 0 2.4rem 4rem;
}
.pupup-chatbot .pop-close {
  top: 1.2rem;
  right: 1.6rem;
}

.site-float-area .float-chatbot.is-active .pupup-chatbot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: opacityUp 0.3s forwards;
          animation: opacityUp 0.3s forwards;
}
.site-float-area .pupup-chatbot {
  left: -1.6rem;
  bottom: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

@media (max-width: 767px) {
  .msg-area {
    grid-template-columns: initial;
    height: initial;
  }
  .msg-area .msg-nav,
  .msg-area .msg-cont {
    height: 48rem;
  }
  .site-float-area .pupup-chatbot {
    position: fixed;
    inset: 0;
    max-height: 100%;
    height: 100%;
    width: 100%;
    border-radius: 0;
    -webkit-transform: initial;
            transform: initial;
  }
}
.org-area {
  display: grid;
  grid-template-columns: 24rem 1fr;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 2.4rem;
  height: 100%;
  overflow: hidden;
}
.org-area label {
  cursor: pointer;
}

.org-nav {
  height: 100%;
  border-right: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-tertiary);
  overflow: auto;
}
.org-nav .org-nav-body {
  height: 100%;
}
.org-nav .org-nav-body li > label {
  all: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.2rem 1.6rem;
  gap: 1.2rem;
  font-weight: var(--size-font-weight-md);
  background-color: var(--color-background-default-primary);
  cursor: pointer;
}
.org-nav .org-nav-body li > label::before, .org-nav .org-nav-body li > label::after {
  all: unset;
}
.org-nav .org-nav-body li > input[type=checkbox] ~ ul,
.org-nav .org-nav-body li > input[type=radio] ~ ul {
  display: none;
  padding: 0 1.2rem;
}
.org-nav .org-nav-body li > input[type=checkbox]:checked ~ label,
.org-nav .org-nav-body li > input[type=radio]:checked ~ label {
  color: var(--color-font-brand-primary);
  font-weight: var(--size-font-weight-xlg);
}
.org-nav .org-nav-body li > input[type=checkbox]:checked ~ label::before,
.org-nav .org-nav-body li > input[type=radio]:checked ~ label::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-brand-primary);
}
.org-nav .org-nav-body li > input[type=checkbox]:checked ~ ul,
.org-nav .org-nav-body li > input[type=radio]:checked ~ ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.org-nav .org-nav-body li:has(> ul) > label {
  all: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.2rem;
  gap: 0.4rem;
  font-weight: var(--size-font-weight-md);
  background-color: var(--color-background-default-primary);
  cursor: pointer;
}
.org-nav .org-nav-body li:has(> ul) > label::before, .org-nav .org-nav-body li:has(> ul) > label::after {
  all: unset;
}
.org-nav .org-nav-body li:has(> ul) > label::before {
  content: " ";
  display: block;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,16.467l-5-6.667c-.247-.33-.012-.8.4-.8h10c.412,0,.647.47.4.8l-5,6.667c-.2.267-.6.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,16.467l-5-6.667c-.247-.33-.012-.8.4-.8h10c.412,0,.647.47.4.8l-5,6.667c-.2.267-.6.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-default-secondary);
}
.org-nav .org-nav-body li:has(> ul) > input[type=checkbox] ~ ul,
.org-nav .org-nav-body li:has(> ul) > input[type=radio] ~ ul {
  display: none;
  padding: 0 0.8rem 0.8rem 0.8rem;
}
.org-nav .org-nav-body li:has(> ul) > input[type=checkbox]:checked ~ label,
.org-nav .org-nav-body li:has(> ul) > input[type=radio]:checked ~ label {
  color: var(--color-font-brand-primary);
  font-weight: var(--size-font-weight-xlg);
}
.org-nav .org-nav-body li:has(> ul) > input[type=checkbox]:checked ~ label::before,
.org-nav .org-nav-body li:has(> ul) > input[type=radio]:checked ~ label::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,7.533l-5,6.667c-.247.33-.012.8.4.8h10c.412,0,.647-.47.4-.8l-5-6.667c-.2-.267-.6-.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,7.533l-5,6.667c-.247.33-.012.8.4.8h10c.412,0,.647-.47.4-.8l-5-6.667c-.2-.267-.6-.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-brand-primary);
}
.org-nav .org-nav-body li:has(> ul) > input[type=checkbox]:checked ~ ul,
.org-nav .org-nav-body li:has(> ul) > input[type=radio]:checked ~ ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.org-nav .org-nav-body li:has(> ul) ul ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.4rem;
  background-color: var(--color-background-default-secondary);
  border-radius: 1.2rem;
  padding: 0.8rem !important;
}
.org-nav .org-nav-body li:has(> ul) ul ul label {
  display: block;
  padding: 0.8rem;
  border-radius: 1.2rem;
  background-color: transparent;
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
}
.org-nav .org-nav-body li:has(> ul) ul ul label::before, .org-nav .org-nav-body li:has(> ul) ul ul label::after {
  all: unset;
  display: block;
}
.org-nav .org-nav-body li:has(> ul) ul ul input[type=checkbox]:checked ~ label,
.org-nav .org-nav-body li:has(> ul) ul ul input[type=radio]:checked ~ label {
  background-color: var(--color-background-default-primary);
  border: 0.1rem solid var(--color-stroke-default-tertiary);
}
.org-nav .org-nav-body li:has(> ul):has(input[type=checkbox]:checked), .org-nav .org-nav-body li:has(> ul):has(input[type=radio]:checked) {
  background-color: var(--color-background-default-primary);
}
.org-nav .org-nav-body .cls-area > li {
  margin-left: 2.8rem;
}
.org-nav .org-nav-body .cls-area > li input[type=radio] + label::before, .org-nav .org-nav-body .cls-area > li input[type=radio] + label::after {
  display: none;
}
.org-nav .org-nav-body .cls-area > li input[type=radio]:checked + label > span, .org-nav .org-nav-body .cls-area > li input[type=radio]:hover + label > span, .org-nav .org-nav-body .cls-area > li input[type=radio].is-active + label > span {
  border: none;
  background-color: var(--color-background-brand-primary);
}

.org-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.org-cont .org-cont-header,
.org-cont .org-cont-footer {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.org-cont .org-cont-header {
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
  padding: 1.2rem 1.6rem;
}
.org-cont .org-cont-body {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.org-cont .org-cont-body li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.2rem 1.6rem;
  padding-left: 4.4rem;
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
}
.org-cont .org-cont-body li label {
  position: absolute;
  padding: 1.2rem 1.6rem;
  inset: 0;
  font-size: 0;
}
.org-cont .org-cont-body li label::after {
  left: 1.6rem;
}
.org-cont .org-cont-body li:has(input:checked) {
  background: var(--color-background-brand-primary);
}
.org-cont .org-cont-body .profile {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.org-cont .org-cont-body .profile .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.org-cont .org-cont-body .fnc {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 767px) {
  .org-nav {
    min-height: 40%;
  }
  .org-area {
    grid-template-columns: initial;
  }
  .org-cont {
    border-top: 0.1rem solid var(--color-stroke-default-tertiary);
  }
  .org-cont .org-cont-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
  .org-cont .org-cont-header .search-area {
    width: 100%;
  }
}
.form-write,
.form-view-result,
.form-view {
  display: grid;
  gap: 2.4rem;
}
.form-write img,
.form-view-result img,
.form-view img {
  max-width: 100%;
}
.form-write .form-section-header .editor-cont,
.form-view-result .form-section-header .editor-cont,
.form-view .form-section-header .editor-cont {
  width: 100%;
}
.form-write .form-section-footer,
.form-view-result .form-section-footer,
.form-view .form-section-footer {
  width: calc(100% + 4.8rem);
  margin-left: -2.4rem;
  margin-bottom: -2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
  border-radius: 0 0 2.4rem 2.4rem;
  padding: 0.8rem 1.6rem;
}
.form-write .form-section,
.form-view-result .form-section,
.form-view .form-section {
  display: grid;
  gap: 2.4rem;
}
.form-write .form-item-list,
.form-view-result .form-item-list,
.form-view .form-item-list {
  display: grid;
  gap: 1.6rem;
}
.form-write .form-item,
.form-view-result .form-item,
.form-view .form-item {
  position: relative;
  display: grid;
  gap: 1.6rem;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
  padding: 2.4rem;
}
.form-write .q-area,
.form-view-result .q-area,
.form-view .q-area {
  display: grid;
  gap: 1.6rem;
}
.form-write .form-item-section,
.form-view-result .form-item-section,
.form-view .form-item-section {
  margin-bottom: 4rem;
}
.form-write .form-item-section:last-of-type,
.form-view-result .form-item-section:last-of-type,
.form-view .form-item-section:last-of-type {
  margin-bottom: 0;
}
.form-write .form-item-tit,
.form-view-result .form-item-tit,
.form-view .form-item-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--font-tit-lg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  margin-bottom: 1.6rem;
  gap: 0.8rem;
}
.form-write .form-item-tit::after,
.form-view-result .form-item-tit::after,
.form-view .form-item-tit::after {
  content: " ";
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1px;
  background-color: var(--color-stroke-default-secondary);
}

.form-write .form-section:has(.form-section-header) {
  margin-top: 6.4rem;
  border-radius: 0 2.4rem 2.4rem 2.4rem;
}
.form-write .form-section-header {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 2.4rem;
  gap: 0.8rem;
  top: -6.4rem;
  height: 6.4rem;
  border-radius: 2.4rem 2.4rem 0 0;
  background: var(--color-background-brand-primary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.form-write .form-section-header::after {
  content: " ";
  display: inline-block;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M21.707,6.293l-4-4c-.391-.391-1.023-.391-1.414,0L2.293,16.293c-.188.188-.293.442-.293.707v4c0,.552.448,1,1,1h4c.265,0,.52-.105.707-.293l14-14c.391-.391.391-1.023,0-1.414ZM14,7.414l2.586,2.586-6.586,6.586-2.586-2.586,6.586-6.586ZM6.586,20h-2.586v-2.586l2-2,2.586,2.586-2,2ZM18,8.586l-2.586-2.586,1.586-1.586,2.586,2.586-1.586,1.586Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M21.707,6.293l-4-4c-.391-.391-1.023-.391-1.414,0L2.293,16.293c-.188.188-.293.442-.293.707v4c0,.552.448,1,1,1h4c.265,0,.52-.105.707-.293l14-14c.391-.391.391-1.023,0-1.414ZM14,7.414l2.586,2.586-6.586,6.586-2.586-2.586,6.586-6.586ZM6.586,20h-2.586v-2.586l2-2,2.586,2.586-2,2ZM18,8.586l-2.586-2.586,1.586-1.586,2.586,2.586-1.586,1.586Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-secondary-inverse);
}
.form-write .form-section-header input {
  height: 6.4rem;
  border: none;
  background-color: initial;
  max-width: 32rem;
  width: 100%;
  min-width: 0;
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.form-write .form-section-header input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-write .form-section-header input::-webkit-input-placeholder {
  color: var(--color-font-default-quaternary-inverse);
}
.form-write .form-section-header input::-moz-placeholder {
  color: var(--color-font-default-quaternary-inverse);
}
.form-write .form-section-header input:-ms-input-placeholder {
  color: var(--color-font-default-quaternary-inverse);
}
.form-write .form-section-header input::-ms-input-placeholder {
  color: var(--color-font-default-quaternary-inverse);
}
.form-write .form-section-header input::placeholder {
  color: var(--color-font-default-quaternary-inverse);
}
.form-write .form-item .q-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem;
}
.form-write .form-item .q-tit input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.form-write .form-item input[type=text],
.form-write .form-item input[type=search],
.form-write .form-item input[type=password],
.form-write .form-item input[type=number],
.form-write .form-item input[type=email],
.form-write .form-item input[type=tel],
.form-write .form-item input[type=time],
.form-write .form-item input[type=date],
.form-write .form-item input[type=datetime-local],
.form-write .form-item input[type=month],
.form-write .form-item input[type=week] {
  min-width: 0;
}
.form-write .form-item .form-item-fnc {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-write .form-item .form-item-fnc .toggle {
  margin-right: 0;
}
.form-write .form-item::before {
  content: " ";
  display: none;
  position: absolute;
  width: 3.2rem;
  height: 4rem;
  top: 2.4rem;
  left: -3.2rem;
  border-radius: 1.2rem 0 0 1.2rem;
  background: var(--color-background-brand-primary-inverse);
}
.form-write .form-item::after {
  content: " ";
  display: none;
  position: absolute;
  top: 3.2rem;
  left: -2.4rem;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='9.5' cy='12' r='1.5'/%3E%3Ccircle cx='9.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='9.5' cy='18.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='12' r='1.5'/%3E%3Ccircle cx='14.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='18.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Ccircle cx='9.5' cy='12' r='1.5'/%3E%3Ccircle cx='9.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='9.5' cy='18.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='12' r='1.5'/%3E%3Ccircle cx='14.5' cy='5.5' r='1.5'/%3E%3Ccircle cx='14.5' cy='18.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary-inverse);
}
.form-write .form-item.ui-sortable-handle:hover {
  border-color: initial;
  outline: 0.1rem solid var(--color-stroke-brand-primary);
}
.form-write .form-item.ui-sortable-handle:hover::before, .form-write .form-item.ui-sortable-handle:hover::after {
  display: block;
}
.form-write .form-item.ui-sortable-helper {
  opacity: 0.8;
  cursor: move;
  border-color: initial;
  outline: 0.1rem dashed var(--color-stroke-brand-primary);
}
.form-write .form-item.ui-sortable-helper::before, .form-write .form-item.ui-sortable-helper::after {
  display: block;
}

.form-write-fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.2rem;
  margin-top: 2.4rem;
}

.form-view-result .q-tit,
.form-view .q-tit {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  line-height: normal;
}
.form-view-result .a-summary-area,
.form-view .a-summary-area {
  display: none;
  background-color: var(--color-background-brand-primary);
  padding: 1.6rem;
  border-radius: 1.2rem;
}
.form-view-result .a-summary-area.is-active,
.form-view .a-summary-area.is-active {
  display: block;
}
.form-view-result .l-area,
.form-view .l-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-view-result .r-area,
.form-view .r-area {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
}
.form-view-result .q-txt,
.form-view .q-txt {
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.form-view-result .a-result-list,
.form-view .a-result-list {
  gap: 0;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
  overflow: hidden;
  background: var(--color-background-default-primary);
}
.form-view-result .a-result-list > li,
.form-view .a-result-list > li {
  padding: 0.8rem 1.6rem;
}
.form-view-result .a-result-list > li:nth-child(2n),
.form-view .a-result-list > li:nth-child(2n) {
  background: var(--color-background-default-secondary);
}
.form-view-result .a-list,
.form-view .a-list {
  display: grid;
  gap: 1.6rem;
}
.form-view-result .a-list .a-item,
.form-view .a-list .a-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
}
.form-view-result .a-list .a-info,
.form-view .a-list .a-info {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
body:has(.form-area) {
  background: var(--color-background-brand-primary);
  padding: 4rem 0;
}

.form-view .form-section-header {
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-quaternary);
  background: var(--color-background-default-primary);
  padding: 2.4rem;
}
.form-view .form-section-header,
.form-view .form-item {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
  border: 0.1rem solid var(--color-stroke-default-quaternary);
}
.form-view .form-item-list {
  gap: 1.2rem;
}

.form-agree-area {
  border-radius: 2.4rem;
  background: var(--color-background-default-tertiary);
  padding: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.form-agree-area .txt-area {
  border-radius: 2.4rem;
  background: var(--color-background-default-secondary);
  padding: 2.4rem;
  color: var(--color-font-default-secondary);
  max-height: 20rem;
  overflow-y: auto;
}

@media (max-width: 767px) {
  .form-write .form-section,
  .form-view-result .form-section,
  .form-view .form-section {
    gap: 1.6rem;
  }
  .form-write .form-item-list,
  .form-view-result .form-item-list,
  .form-view .form-item-list {
    gap: 1.2rem;
  }
  .form-write .form-item,
  .form-view-result .form-item,
  .form-view .form-item {
    padding: 1.6rem;
  }
  .form-write .form-item .q-tit select {
    width: 100%;
  }
  .form-view .form-section-header {
    padding: 1.6rem;
  }
  .form-view-result .q-tit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.agendar-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
}
.agendar-list > li {
  position: relative;
  display: grid;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 2.4rem;
  padding: 1.6rem;
  height: 100%;
  gap: 0.8rem;
}
.agendar-list > li.is-disabled .agendar-tit {
  color: var(--color-font-disabled-primary);
}
.agendar-list > li.is-disabled .agendar-tit::before {
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-disabled-primary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m20,10h-3v-3c0-2.76-2.24-5-5-5s-5,2.24-5,5v3h-3v12h16v-12Zm-11-3c0-1.65,1.35-3,3-3s3,1.35,3,3v3h-6v-3Zm9,13H6v-8h12v8Z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m20,10h-3v-3c0-2.76-2.24-5-5-5s-5,2.24-5,5v3h-3v12h16v-12Zm-11-3c0-1.65,1.35-3,3-3s3,1.35,3,3v3h-6v-3Zm9,13H6v-8h12v8Z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/g%3E%3C/svg%3E");
}
.agendar-list .lnk-full, .agendar-list .audio-box > button {
  opacity: 1;
  text-indent: 0;
}
.agendar-list .lnk-full span, .agendar-list .audio-box > button span {
  display: none;
}
.agendar-list .lnk-full:hover span, .agendar-list .audio-box > button:hover span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.4rem;
  width: 10rem;
  aspect-ratio: 1;
  border-radius: 100%;
  background: var(--color-background-alpha-primary-inverse);
  backdrop-filter: blur(4px);
  color: var(--color-font-default-primary-inverse);
  font-size: var(--size-font-sm);
  -webkit-animation: opacityUp 0.4s forwards;
          animation: opacityUp 0.4s forwards;
}
.agendar-list .lnk-full:hover span::before, .agendar-list .audio-box > button:hover span::before {
  content: " ";
  display: block;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-default-primary-inverse);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8H4V4h8v-2H3c-.55,0-1,.45-1,1v18Z'/%3E%3Cpath d='m22,10V3c0-.55-.45-1-1-1h-7v2h4.59l-7.29,7.29,1.41,1.41,7.29-7.29v4.59h2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8H4V4h8v-2H3c-.55,0-1,.45-1,1v18Z'/%3E%3Cpath d='m22,10V3c0-.55-.45-1-1-1h-7v2h4.59l-7.29,7.29,1.41,1.41,7.29-7.29v4.59h2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.agendar-list .agendar-tit-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 0;
}
.agendar-list .agendar-tit-area > .l-area,
.agendar-list .agendar-tit-area > .r-area {
  min-width: 0;
}
.agendar-list .agendar-tit-area > .r-area {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.agendar-list .agendar-tit {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.agendar-list .agendar-tit::before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-default-primary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M19,19h2v-2h-2v-6c0-3.526-2.609-6.434-6-6.92v-2.08h-2v2.08c-3.391.486-6,3.395-6,6.92v6h-2v2h16ZM7,11c0-2.757,2.243-5,5-5s5,2.243,5,5v6H7v-6Z'/%3E%3Cpath class='cls-2' d='M12,22c1.105,0,2-.895,2-2h-4c0,1.105.895,2,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M19,19h2v-2h-2v-6c0-3.526-2.609-6.434-6-6.92v-2.08h-2v2.08c-3.391.486-6,3.395-6,6.92v6h-2v2h16ZM7,11c0-2.757,2.243-5,5-5s5,2.243,5,5v6H7v-6Z'/%3E%3Cpath class='cls-2' d='M12,22c1.105,0,2-.895,2-2h-4c0,1.105.895,2,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.agendar-list .agend-item-tit {
  font-weight: var(--size-font-weight-lg);
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  margin-top: 0.2rem;
}
.agendar-list .etc-fnc-area {
  z-index: 4;
}
.agendar-list .agendar-txt-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
  background-color: #F3FCF3;
  padding: 1.6rem;
  height: 24rem;
  overflow: hidden;
  border-radius: 1.2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.agendar-list .agendar-txt-area .item-list-box {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.agendar-list .agendar-txt-area img {
  max-width: 100%;
}
.agendar-list .agendar-txt-area::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 4.8rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#F3FCF3), to(transparent));
  background: linear-gradient(0deg, #F3FCF3 0%, transparent 100%);
}
.agendar-list .agendar-etc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.agenda-area {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.agendar-view-area {
  position: relative;
  display: grid;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 2.4rem;
  padding: 1.6rem;
  height: 100%;
  gap: 0.8rem;
}
.agendar-view-area .agendar-tit {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.agendar-view-area .agendar-tit::before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.8rem;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-default-primary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M19,19h2v-2h-2v-6c0-3.526-2.609-6.434-6-6.92v-2.08h-2v2.08c-3.391.486-6,3.395-6,6.92v6h-2v2h16ZM7,11c0-2.757,2.243-5,5-5s5,2.243,5,5v6H7v-6Z'/%3E%3Cpath class='cls-2' d='M12,22c1.105,0,2-.895,2-2h-4c0,1.105.895,2,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M19,19h2v-2h-2v-6c0-3.526-2.609-6.434-6-6.92v-2.08h-2v2.08c-3.391.486-6,3.395-6,6.92v6h-2v2h16ZM7,11c0-2.757,2.243-5,5-5s5,2.243,5,5v6H7v-6Z'/%3E%3Cpath class='cls-2' d='M12,22c1.105,0,2-.895,2-2h-4c0,1.105.895,2,2,2Z'/%3E%3C/g%3E%3C/svg%3E");
}
.agendar-view-area .agendar-item-tit {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  margin-bottom: 0.8rem;
}
.agendar-view-area .etc-fnc-area {
  z-index: 4;
}
.agendar-view-area .agendar-txt-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  background-color: #F3FCF3;
  padding: 2.4rem 4rem;
  min-height: 4rem;
  overflow: hidden;
  border-radius: 2.4rem;
  border: 0.2rem solid #D6F5D6;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.agendar-view-area .agendar-txt-area .item-list-box {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.agendar-view-area .agendar-txt-area .agendar-txt img {
  display: block;
  max-width: 100%;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
}
.agendar-view-area .agendar-survey-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding: 1.2rem 2.4rem;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-brand-accent);
  background: var(--color-background-default-primary);
}
.agendar-view-area .agendar-survey-area .l-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.agendar-view-area .agendar-survey-area .l-area figure img {
  display: block;
  width: 5.6rem;
  height: 5.6rem;
}
.agendar-view-area .agendar-survey-area .l-area .txt-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.agendar-view-area .agendar-survey-area .l-area .txt-area strong {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.agendar-view-area .agendar-survey-area .l-area .txt-area small {
  color: var(--color-font-default-secondary);
}
.agendar-view-area .cont-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.agendar-view-area .cont-list .iframe-area {
  width: 100%;
  aspect-ratio: 1/0.8;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
}
.agendar-view-area .cont-list .iframe-area iframe {
  width: 100%;
  height: 100%;
}

@media (max-width: 1023px) {
  .agendar-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .agendar-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .agendar-tit-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .agendar-tit-area .r-area {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .agendar-tit-area .l-area {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .agendar-tit-area .etc-fnc-area {
    position: absolute;
    right: 0;
    top: 0.4rem;
  }
  .agendar-view-area {
    padding: 0;
    border: none;
  }
  .agendar-view-area .agendar-txt-area {
    padding: 1.6rem;
  }
  .agendar-view-area .agendar-survey-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.2rem;
  }
}
.user-point-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}
.user-point-area .user-area {
  width: 24rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  padding: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
}
.user-point-area .user-area .profile .img-area {
  position: relative;
}
.user-point-area .user-area .profile-badge {
  width: 3.6rem;
  aspect-ratio: 1;
  position: absolute;
  right: -1.2rem;
  bottom: -1.2rem;
}
.user-point-area .user-area .profile-badge img {
  -o-object-fit: contain;
     object-fit: contain;
}
.user-point-area .user-area .info-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  border-top: 0.1rem solid var(--color-stroke-default-tertiary);
  padding-top: 1.6rem;
  width: 100%;
}
.user-point-area .user-area .info-area .txt-area {
  width: 100%;
}
.user-point-area .user-area .info-area .txt-area strong {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  display: block;
  text-align: center;
}
.user-point-area .user-area .info-area .txt-area p {
  text-align: center;
}
.user-point-area .user-area .info-area .point-area {
  padding: 1.2rem;
  background-color: var(--color-background-default-secondary);
  border-radius: 1.2rem;
  border: 0.4rem solid var(--color-stroke-default-quaternary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.user-point-area .user-area .info-area .point-area span {
  color: var(--color-font-default-tertiary);
}
.user-point-area .user-area .info-area .point-area em {
  font-size: 20px;
}
.user-point-area .cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.user-point-area .deco-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.8rem;
}
.user-point-area .deco-list > li {
  position: relative;
  padding: 1.2rem 0.8rem;
}
.user-point-area .deco-list > li label {
  inset: 0;
  position: absolute;
  font-size: 0;
  border-radius: 1.2rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  margin: 0;
  cursor: pointer;
}
.user-point-area .deco-list > li label::before, .user-point-area .deco-list > li label::after {
  display: none;
}
.user-point-area .deco-list > li .img-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.user-point-area .deco-list > li .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.8rem;
}
.user-point-area .deco-list > li .txt-area > * {
  text-align: center;
}
.user-point-area .deco-list > li .txt-area strong {
  color: var(--color-font-brand-primary);
}
.user-point-area .deco-list > li input:checked ~ label {
  border-color: var(--color-stroke-brand-primary);
  border-width: 0.2rem;
}
.user-point-area .deco-list > li.is-done .txt-area strong {
  color: var(--color-font-default-secondary);
}

@media (max-width: 767px) {
  .user-point-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .user-point-area .user-area {
    width: initial;
  }
  .user-point-area .deco-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
:root {
  --form-box-spacing: 3.2rem;
}

.member {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.form-box {
  display: grid;
  gap: 3.2rem;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  padding: var(--form-box-spacing);
  overflow: hidden;
}
.form-box:has(.form-header) {
  padding-top: 0;
}
.form-box .form-header {
  background-color: var(--color-background-default-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: calc(100% + var(--form-box-spacing) * 2);
  margin-left: calc(var(--form-box-spacing) * -1);
  padding: 1.6rem;
  color: var(--color-font-default-secondary);
}
.form-box .form-body {
  display: grid;
  gap: 4rem;
}

.form-list {
  display: grid;
  gap: 4rem;
  margin-bottom: 2.4rem;
}
.form-list:last-child {
  margin-bottom: 0;
}
.form-list.initial .form-row > select,
.form-list.initial .form-row > input[type=text],
.form-list.initial .form-row > input[type=search],
.form-list.initial .form-row > input[type=password],
.form-list.initial .form-row > input[type=number],
.form-list.initial .form-row > input[type=email],
.form-list.initial .form-row > input[type=tel],
.form-list.initial .form-row > input[type=time],
.form-list.initial .form-row > input[type=date],
.form-list.initial .form-row > textarea {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
}
.form-list.initial .form-row .phone {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  max-width: 32rem;
}
.form-list li {
  display: grid;
  gap: 0.8rem;
}
.form-list li.item-row {
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 0.8rem 2.4rem;
}
.form-list li.item-row .item-cont {
  display: grid;
  gap: 0.8rem;
}
.form-list.border {
  gap: 2.4rem;
}
.form-list.border > li {
  border-top: 0.1rem solid var(--color-stroke-default-quaternary);
  padding-top: 2.4rem;
}
.form-list.border:first-child {
  border-top: none;
  padding-top: 0;
}
.form-list .form-tit {
  display: block;
  color: var(--color-font-default-tertiary);
  font-size: var(--font-tit-xsm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.form-list .phone {
  max-width: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.form-list .form-cont {
  display: grid;
  gap: 0.8rem;
  min-width: 0;
}
.form-list .form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 0.8rem;
  min-width: 0;
}
.form-list .form-row > select,
.form-list .form-row > input[type=text],
.form-list .form-row > input[type=search],
.form-list .form-row > input[type=password],
.form-list .form-row > input[type=number],
.form-list .form-row > input[type=email],
.form-list .form-row > input[type=tel],
.form-list .form-row > input[type=time],
.form-list .form-row > input[type=date],
.form-list .form-row > textarea {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 100%;
  min-width: 0;
}
.form-list .form-row .fixw {
  width: 12rem;
}
.form-list .form-row .input-box, .form-list .form-row .input-pw-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.form-list .form-row .item-list-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.form-list .form-row .fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
}
.form-list .form-row .img-area {
  border-radius: 1.2rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  overflow: hidden;
}
.form-list .form-row .img-area img {
  display: block;
  width: 100%;
}

.form-info-list {
  display: grid;
  gap: 3.2rem;
}
.form-info-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem 2.4rem;
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
}
.form-info-list > li .info-tit {
  display: block;
  min-width: 6.4rem;
  color: var(--color-font-default-tertiary);
}
.form-info-list > li .info-tit::after {
  content: ":";
}
.form-info-list > li .txt-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.form-info-list > li .txt-area em {
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}

.login {
  max-width: 40rem;
  margin: 0 auto;
  display: grid;
  gap: 6.4rem;
}
.login > * {
  margin: 0;
}
.login .title-xlg {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.login .login-form-area {
  display: grid;
  gap: 2.4rem;
}
.login .login-form-list {
  display: grid;
  gap: 0.4rem;
}
.login .login-form-list li {
  width: 100%;
}
.login .login-btn-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.login .login-btn-cont > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 0.8rem;
}
.login .login-lnk-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.login .login-lnk-area > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem 2.4rem;
}
.login .login-etc-area {
  display: grid;
  gap: 2.4rem;
}
.login .login-etc-area .etc-tit {
  position: relative;
  color: var(--color-font-default-tertiary);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.login .login-etc-area .etc-tit::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 0.1rem;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  background-color: var(--color-stroke-default-quaternary);
  z-index: -1;
}
.login .login-etc-area .etc-tit span {
  padding: 0 1.6rem;
  background-color: var(--color-background-default-primary);
}
.login .login-etc-area .etc-tit span::before, .login .login-etc-area .etc-tit span::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.6rem;
  aspect-ratio: 1;
  border-radius: 100%;
  background-color: var(--color-stroke-default-quaternary);
}
.login .login-etc-area .etc-tit span::before {
  left: 0;
}
.login .login-etc-area .etc-tit span::after {
  right: 0;
}
.login .login-etc-area .etc-list {
  display: grid;
  gap: 0.8rem;
}
.login .login-etc-area .etc-list a,
.login .login-etc-area .etc-list button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.8rem 4rem;
  border-radius: 0.8rem;
  height: var(--form-height-md);
}
.login .login-etc-area .etc-list a strong,
.login .login-etc-area .etc-list button strong {
  display: block;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
}
.login .login-etc-area .etc-list a::before,
.login .login-etc-area .etc-list button::before {
  content: " ";
  display: block;
  width: 2rem;
  aspect-ratio: 1;
  background-color: red;
}
.login .login-etc-area .etc-list .login-onepass button,
.login .login-etc-area .etc-list .login-onepass a {
  background-color: #0e1c73;
  color: var(--color-font-default-primary-inverse);
}
.login .login-etc-area .etc-list .login-onepass button::before,
.login .login-etc-area .etc-list .login-onepass a::before {
  background: url("../images/common/member/login-onepass.svg");
}
.login .login-etc-area .etc-list .login-naver button,
.login .login-etc-area .etc-list .login-naver a {
  background-color: #03c75a;
  color: var(--color-font-default-primary-inverse);
}
.login .login-etc-area .etc-list .login-naver button::before,
.login .login-etc-area .etc-list .login-naver a::before {
  background: url("../images/common/member/login-naver.svg");
}
.login .login-etc-area .etc-list .login-kakao button,
.login .login-etc-area .etc-list .login-kakao a {
  background-color: #fee500;
  color: var(--color-font-default-primary);
}
.login .login-etc-area .etc-list .login-kakao button::before,
.login .login-etc-area .etc-list .login-kakao a::before {
  background: url("../images/common/member/login-kakao.svg");
}

.join-type-list {
  display: grid;
  gap: 1.6rem;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.join-type-list > li {
  height: 100%;
}
.join-type-list a {
  display: grid;
  gap: 1.6rem;
  border: 0.1rem solid var(--color-stroke-default-secondary);
  border-radius: 2.4rem;
  padding: 4rem;
  height: inherit;
}
.join-type-list a:hover {
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
  border-width: 0.2rem;
  border-color: var(--color-stroke-brand-primary);
}
.join-type-list a img {
  width: 8rem;
  aspect-ratio: 1;
}
.join-type-list a .txt-area {
  display: grid;
  gap: 0.8rem;
}
.join-type-list a .txt-area strong {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.join-type-list a .txt-area p {
  color: var(--color-font-default-secondary);
}

.agree-area .agree-header {
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
  padding-bottom: 2.4rem;
  margin-bottom: 3.2rem;
}
.agree-area .agree-body {
  display: grid;
  gap: 3.2rem;
}
.agree-area .agree-body article {
  display: grid;
  gap: 1.6rem;
}
.agree-area .agree-txt-area {
  border-radius: 2.4rem;
  background: var(--color-background-default-secondary);
  max-height: 20rem;
  overflow-y: auto;
  padding: 2.4rem;
  color: var(--color-font-default-secondary);
}

.agree-box {
  display: grid;
  gap: 1.6rem;
}
.agree-box .agree-txt-area {
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  padding: 2.4rem;
  max-height: 24rem;
  overflow-y: auto;
}
.agree-box .agree-fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.achievecode-sch-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
  background: var(--color-background-default-primary);
}
.achievecode-sch-area .achievecode-type {
  padding: 0.8rem 1.6rem;
}
.achievecode-sch-area .achievecode-sch {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  border-top: 0.1rem solid var(--color-stroke-default-tertiary);
}
.achievecode-sch-area .achievecode-sch > li {
  position: relative;
  height: 100%;
  border-right: 0.1rem solid var(--color-stroke-default-tertiary);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.achievecode-sch-area .achievecode-sch > li.col-fixed {
  width: 20rem;
}
.achievecode-sch-area .achievecode-sch > li:last-of-type {
  border-right: none;
}
.achievecode-sch-area .achievecode-sch > li select,
.achievecode-sch-area .achievecode-sch > li input {
  border: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 0;
  padding: 0 1.6rem;
  background-color: transparent;
  width: 100%;
  min-width: 0;
}
.achievecode-sch-area .achievecode-sch > li i {
  margin-right: 1.6rem;
}
.achievecode-sch-area .achievecode-sch > li.is-disabled {
  background: var(--color-background-disabled-primary);
  color: var(--color-font-disabled-primary);
}
.achievecode-sch-area .achievecode-sch > li.is-disabled::before {
  content: " ";
  position: absolute;
  inset: 0;
  z-index: 3;
}
.achievecode-sch-area .achievecode-sch > li.is-disabled input::-webkit-input-placeholder {
  color: var(--color-font-disabled-primary);
}
.achievecode-sch-area .achievecode-sch > li.is-disabled input::-moz-placeholder {
  color: var(--color-font-disabled-primary);
}
.achievecode-sch-area .achievecode-sch > li.is-disabled input:-ms-input-placeholder {
  color: var(--color-font-disabled-primary);
}
.achievecode-sch-area .achievecode-sch > li.is-disabled input::-ms-input-placeholder {
  color: var(--color-font-disabled-primary);
}
.achievecode-sch-area .achievecode-sch > li.is-disabled select,
.achievecode-sch-area .achievecode-sch > li.is-disabled input::placeholder {
  color: var(--color-font-disabled-primary);
}
.achievecode-sch-area .achievecode-sch > li.is-disabled i {
  background-color: var(--color-icon-disabled-primary);
}
.achievecode-sch-area .achievecode-sch > li.is-disabled selct,
.achievecode-sch-area .achievecode-sch > li.is-disabled input {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.achievecode-sch-area .achievecode-sch .btn-sch {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: var(--form-height-md);
  height: var(--form-height-md);
  font-size: 0;
  border-left: 0.1rem solid var(--color-stroke-default-tertiary);
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.achievecode-sch-area .achievecode-sch .btn-sch::before {
  content: " ";
  display: block;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-default-secondary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M18.816,5c-.414-1.161-1.514-2-2.816-2s-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184ZM16,7c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M8,9c-1.302,0-2.402.839-2.816,2h-2.184v2h2.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h10.184v-2h-10.184c-.414-1.161-1.514-2-2.816-2ZM8,13c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M16,15c-1.302,0-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184c-.414-1.161-1.514-2-2.816-2ZM16,19c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M18.816,5c-.414-1.161-1.514-2-2.816-2s-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184ZM16,7c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M8,9c-1.302,0-2.402.839-2.816,2h-2.184v2h2.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h10.184v-2h-10.184c-.414-1.161-1.514-2-2.816-2ZM8,13c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3Cpath class='cls-2' d='M16,15c-1.302,0-2.402.839-2.816,2H3v2h10.184c.414,1.161,1.514,2,2.816,2s2.402-.839,2.816-2h2.184v-2h-2.184c-.414-1.161-1.514-2-2.816-2ZM16,19c-.552,0-1-.449-1-1s.448-1,1-1,1,.449,1,1-.448,1-1,1Z'/%3E%3C/g%3E%3C/svg%3E");
}
.achievecode-sch-area .achievecode-item-list-box {
  border: none;
  border-radius: 0;
  border-top: 0.1rem solid var(--color-stroke-default-tertiary);
}
.achievecode-sch-area .achievecode-keyword {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.8rem 1.6rem;
  gap: 1.6rem;
  border-top: 0.1rem solid var(--color-stroke-default-tertiary);
}
.achievecode-sch-area .achievecode-keyword strong {
  font-size: var(--size-font-xsm);
  font-weight: var(--size-font-weight-lg);
  line-height: var(--size-font-lineheight-sm);
  color: var(--color-font-default-tertiary);
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding-top: 0.2rem;
}
.achievecode-sch-area .achievecode-keyword .txt-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 1.2rem;
}
.achievecode-sch-area .achievecode-keyword .txt-area button,
.achievecode-sch-area .achievecode-keyword .txt-area a {
  color: var(--color-font-brand-primary);
  font-weight: var(--size-font-weight-lg);
}
.achievecode-sch-area .achievecode-keyword .txt-area button:hover,
.achievecode-sch-area .achievecode-keyword .txt-area a:hover {
  text-decoration: underline;
}

.achievecode-item-list-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 0;
  max-height: 16rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
}
.achievecode-item-list-box .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 3.6rem;
  padding: 0 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  gap: 0 0.8rem;
}
.achievecode-item-list-box .item:nth-of-type(2n) {
  background-color: var(--color-background-default-secondary);
}
.achievecode-item-list-box .item.hover:hover {
  background-color: var(--color-background-brand-primary);
}
.achievecode-item-list-box .item .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
.achievecode-item-list-box .item .txt-area i {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.achievecode-item-list-box .item .txt-area .txt {
  width: auto;
  word-break: break-all;
  max-width: 100%;
}
.achievecode-item-list-box .item .txt-area small {
  color: var(--color-font-default-quaternary);
}
.achievecode-item-list-box .item .item-fnc-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem 0.8rem;
}

.subjdect-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.subjdect-area article {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
}

.subject-sch-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.subject-sch-area .fnc-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  gap: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.subject-sch-area .fnc-group::after {
  content: " ";
  display: block;
  width: 0.1rem;
  height: 4rem;
  background-color: var(--color-stroke-default-secondary);
  margin-left: 0.4rem;
}
.subject-sch-area .search-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.ui-menu-item {
  font-size: var(--size-font-xsm);
}

/* layout */
:root {
  --header-height: 18.8rem;
  --header-common-height: 4.4rem;
  --header-top-height: 8rem;
  --header-etc-height: 6.4rem;
  --gnbbar-height: 4.8rem;
  --body-top-spacing: 6.4rem;
}

.ico-util-kmooc {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: var(--size-icon-lg);
  height: var(--size-icon-lg);
  font-size: 0;
}
.ico-util-kmooc::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-default-secondary);
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  -webkit-mask-image: url("../images/common/common/ico-header.svg");
          mask-image: url("../images/common/common/ico-header.svg");
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: calc(0 * -1 * var(--size-icon-lg));
          mask-position: calc(0 * -1 * var(--size-icon-lg));
}

.ico-util-mystorage {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: var(--size-icon-lg);
  height: var(--size-icon-lg);
  font-size: 0;
}
.ico-util-mystorage::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-default-secondary);
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  -webkit-mask-image: url("../images/common/common/ico-header.svg");
          mask-image: url("../images/common/common/ico-header.svg");
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: calc(1 * -1 * var(--size-icon-lg));
          mask-position: calc(1 * -1 * var(--size-icon-lg));
}

.ico-util-facility {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: var(--size-icon-lg);
  height: var(--size-icon-lg);
  font-size: 0;
}
.ico-util-facility::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-default-secondary);
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  -webkit-mask-image: url("../images/common/common/ico-header.svg");
          mask-image: url("../images/common/common/ico-header.svg");
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: calc(2 * -1 * var(--size-icon-lg));
          mask-position: calc(2 * -1 * var(--size-icon-lg));
}

.ico-util-my {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: var(--size-icon-lg);
  height: var(--size-icon-lg);
  font-size: 0;
}
.ico-util-my::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-default-secondary);
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  -webkit-mask-image: url("../images/common/common/ico-header.svg");
          mask-image: url("../images/common/common/ico-header.svg");
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: calc(3 * -1 * var(--size-icon-lg));
          mask-position: calc(3 * -1 * var(--size-icon-lg));
}

.ico-util-message {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: var(--size-icon-lg);
  height: var(--size-icon-lg);
  font-size: 0;
}
.ico-util-message::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-default-secondary);
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  -webkit-mask-image: url("../images/common/common/ico-header.svg");
          mask-image: url("../images/common/common/ico-header.svg");
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: calc(4 * -1 * var(--size-icon-lg));
          mask-position: calc(4 * -1 * var(--size-icon-lg));
}

.ico-util-logout {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: var(--size-icon-lg);
  height: var(--size-icon-lg);
  font-size: 0;
}
.ico-util-logout::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-default-secondary);
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  -webkit-mask-image: url("../images/common/common/ico-header.svg");
          mask-image: url("../images/common/common/ico-header.svg");
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: calc(5 * -1 * var(--size-icon-lg));
          mask-position: calc(5 * -1 * var(--size-icon-lg));
}

.ico-util-login {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: var(--size-icon-lg);
  height: var(--size-icon-lg);
  font-size: 0;
}
.ico-util-login::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-default-secondary);
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  -webkit-mask-image: url("../images/common/common/ico-header.svg");
          mask-image: url("../images/common/common/ico-header.svg");
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-position: calc(6 * -1 * var(--size-icon-lg));
          mask-position: calc(6 * -1 * var(--size-icon-lg));
}

.container:not(:has(.header-etc)) {
  --header-height: 7.2rem;
}

.container {
  display: grid;
  grid-template-rows: auto 1fr;
  min-height: 100%;
  margin: 0 auto;
}
.container > * {
  min-width: 0;
}

.site-header {
  position: sticky;
  grid-row-start: 1;
  z-index: 9;
  top: 0;
  width: 100%;
  background-color: var(--color-background-default-primary);
  border-bottom: 0.1rem solid var(--color-stroke-default-quaternary);
  height: var(--header-height);
  /* menu */
}
.site-header .wrap {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-header .wrap > .l-area {
  gap: 2.4rem;
}
.site-header .wrap > .r-area {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.site-header .header-common {
  background-color: var(--color-background-default-secondary);
}
.site-header .header-common .wrap {
  height: var(--header-common-height);
}
.site-header .common-lnk,
.site-header .common-util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.site-header .common-lnk li,
.site-header .common-util li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-header .common-lnk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.site-header .common-lnk li {
  border-right: 0.1rem solid var(--color-stroke-default-quaternary);
}
.site-header .common-lnk li:first-of-type {
  border-left: 0.1rem solid var(--color-stroke-default-quaternary);
}
.site-header .common-lnk a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--header-common-height);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.6rem;
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  color: var(--color-font-default-tertiary);
}
.site-header .common-lnk a.is-active {
  background: var(--color-background-default-primary);
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
}
.site-header .header-top {
  position: relative;
  z-index: 1;
  height: var(--header-top-height);
}
.site-header .header-top > .wrap {
  height: 100%;
}
.site-header h1.logo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0;
  gap: 0.4rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.site-header h1.logo a:not(.txt) {
  display: block;
}
.site-header h1.logo .txt {
  font-size: 2rem;
  letter-spacing: -0.06em;
}
.site-header.is-sticky {
  top: calc((var(--header-common-height) + var(--header-top-height)) * -1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.site-header .header-etc {
  border-top: 0.1rem solid var(--color-stroke-default-quaternary);
}
.site-header .gnb {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.site-header .gnb > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: var(--size-font-lg);
  font-weight: var(--size-font-weight-lg);
  gap: 0;
}
.site-header .gnb > ul * {
  word-break: keep-all;
}
.site-header .gnb > ul > li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.site-header .gnb > ul > li > a,
.site-header .gnb > ul > li > button {
  padding: 0 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  font-size: 2rem;
  font-weight: var(--size-font-weight-xlg);
  height: var(--header-etc-height);
  gap: 0.4rem;
}
.site-header .gnb > ul > li > a:hover,
.site-header .gnb > ul > li > button:hover {
  font-weight: var(--size-font-weight-xlg);
  color: var(--color-font-brand-primary);
}
.site-header .gnb > ul > li:first-of-type > a,
.site-header .gnb > ul > li:first-of-type > button {
  padding-left: 0;
}
.site-header .gnb > ul > li:hover > a::after,
.site-header .gnb > ul > li:hover > button::after, .site-header .gnb > ul > li.is-active > a::after,
.site-header .gnb > ul > li.is-active > button::after {
  background-color: var(--color-icon-brand-primary);
}
.site-header .gnb > ul > li:hover ul, .site-header .gnb > ul > li.is-active ul {
  display: grid;
}
.site-header .gnb > ul ul {
  display: none;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 20rem;
  padding: 0.8rem;
  border-radius: 1.2rem;
  border: 0.1rem solid var(--color-stroke-default-primary);
  background: var(--color-background-default-primary);
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
  margin-top: -0.1rem;
}
.site-header .gnb > ul ul a {
  display: block;
  font-size: var(--size-font-sm);
  padding: 0.8rem 0.8rem;
  text-align: center;
  color: var(--color-font-default-secondary);
}
.site-header .gnb > ul ul a:hover {
  color: var(--color-font-brand-primary);
  background-color: var(--color-primary5);
}
.site-header .user-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.2rem;
  padding: 0.8rem;
  border-radius: 1.2rem;
  position: relative;
  white-space: nowrap;
}
.site-header .user-area .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.site-header .user-area .user em {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  max-width: 5.6rem;
}
.site-header .user-area .btn-user-fnc-toggle {
  position: absolute;
  inset: 0;
  font-size: 0;
}
.site-header .user-area:has(.btn-user-fnc-toggle)::after {
  content: "";
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,16.467l-5-6.667c-.247-.33-.012-.8.4-.8h10c.412,0,.647.47.4.8l-5,6.667c-.2.267-.6.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,16.467l-5-6.667c-.247-.33-.012-.8.4-.8h10c.412,0,.647.47.4.8l-5,6.667c-.2.267-.6.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-secondary);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.site-header .user-area:hover {
  background-color: var(--color-background-default-secondary);
}
.site-header .user-area .profile-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.2rem;
}
.site-header .user-area .profile-tit em {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  max-width: 7.2rem;
}
.site-header .util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-header .util > li {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.site-header .util > li > button,
.site-header .util > li > a,
.site-header .util > li .btn-util-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  padding: 0 1.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.1;
  gap: 0.4rem;
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
  color: var(--color-font-default-secondary);
  position: relative;
}
.site-header .util > li > button i,
.site-header .util > li > a i,
.site-header .util > li .btn-util-toggle i {
  position: relative;
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  width: 3.2rem;
  height: 3.2rem;
  aspect-ratio: 1;
}
.site-header .util > li > button i::before,
.site-header .util > li > a i::before,
.site-header .util > li .btn-util-toggle i::before {
  width: var(--size-icon-lg);
  height: var(--size-icon-lg);
}
.site-header .util > li > button:hover,
.site-header .util > li > a:hover,
.site-header .util > li .btn-util-toggle:hover {
  color: var(--color-font-brand-primary);
}
.site-header .util > li > button:hover i,
.site-header .util > li > a:hover i,
.site-header .util > li .btn-util-toggle:hover i {
  background-color: var(--color-background-brand-primary);
}
.site-header .util > li > button:hover i::before,
.site-header .util > li > a:hover i::before,
.site-header .util > li .btn-util-toggle:hover i::before {
  background-color: var(--color-icon-brand-primary);
}
.site-header .util-list,
.site-header .user-fnc-list {
  display: none;
  position: absolute;
  z-index: 2;
  top: 5.6rem;
  right: 0;
  background-color: var(--color-background-default-primary);
  border-radius: 1.2rem;
  border: 0.1rem solid var(--color-stroke-default-secondary);
  overflow: hidden;
  padding: 0.4rem 0;
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
}
.site-header .util-list li a,
.site-header .util-list li button,
.site-header .user-fnc-list li a,
.site-header .user-fnc-list li button {
  min-width: 12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  padding: 0.8rem;
}
.site-header .util-list li a:hover,
.site-header .util-list li button:hover,
.site-header .user-fnc-list li a:hover,
.site-header .user-fnc-list li button:hover {
  background-color: var(--color-background-brand-primary);
}
.site-header .btn-util-area.is-active::after,
.site-header .user-area.is-active::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.site-header .btn-util-area.is-active .util-list,
.site-header .btn-util-area.is-active .user-fnc-list,
.site-header .user-area.is-active .util-list,
.site-header .user-area.is-active .user-fnc-list {
  display: block;
  -webkit-animation: opacity 0.5s forwards;
          animation: opacity 0.5s forwards;
}
.site-header .btn-util-area {
  position: relative;
}
.site-header .btn-util-toggle span::after {
  content: "";
  display: inline-block;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,16.467l-5-6.667c-.247-.33-.012-.8.4-.8h10c.412,0,.647.47.4.8l-5,6.667c-.2.267-.6.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.6,16.467l-5-6.667c-.247-.33-.012-.8.4-.8h10c.412,0,.647.47.4.8l-5,6.667c-.2.267-.6.267-.8,0Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-secondary);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.site-header .util-list {
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.site-header .util-list li a {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.site-header .gmenu {
  position: fixed;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  pointer-events: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(17, 17, 17, 0.5);
  backdrop-filter: saturate(200%) blur(2rem);
}
.site-header .gmenu ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.2rem 4rem;
  max-width: 48rem;
  width: 100%;
}
.site-header .gmenu ul li {
  text-align: center;
}
.site-header .gmenu ul li a {
  display: block;
  color: #fff;
  text-align: center;
  word-break: keep-all;
  font-size: 1.6rem;
}
.site-header .gmenu ul li a span {
  white-space: nowrap;
}
.site-header .gmenu ul li a::before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 8rem;
  aspect-ratio: 1/1;
  border-radius: 2.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 1.2rem;
  background-color: var(--color-background-default-primary);
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.site-header .gmenu ul li a:hover::before {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.site-header .gmenu ul li.is-current a::before,
.site-header .gmenu ul li a:hover::before {
  background-color: var(--color-background-default-primary);
}
.site-header .gmenu ul li.gmenu-home a::before {
  background-image: url(../images/gnb-stu/gmenu-home.svg);
}
.site-header .gmenu ul li.gmenu-summary a::before {
  background-image: url(../images/gnb-stu/gmenu-summary.svg);
}
.site-header .gmenu ul li.gmenu-emotion a::before {
  background-image: url(../images/gnb-stu/gmenu-emotion.svg);
}
.site-header .gmenu ul li.gmenu-class a::before {
  background-image: url(../images/gnb-stu/gmenu-class.svg);
}
.site-header .gmenu ul li.gmenu-test a::before {
  background-image: url(../images/gnb-stu/gmenu-test.svg);
}
.site-header .gmenu ul li.gmenu-portfolio a::before {
  background-image: url(../images/gnb-stu/gmenu-portfolio.svg);
}
.site-header .gmenu ul li.gmenu-studyAnalysis a::before {
  background-image: url(../images/gnb-stu/gmenu-studyAnalysis.svg);
}
.site-header .gmenu ul li.gmenu-book a::before {
  background-image: url(../images/gnb-stu/gmenu-book.svg);
}
.site-header .gmenu ul li.gmenu-basictest a::before {
  background-image: url(../images/gnb-stu/gmenu-basictest.svg);
}
.site-header .gmenu ul li.gmenu-psychology a::before {
  background-image: url(../images/gnb-stu/gmenu-psychology.svg);
}
.site-header button.ico-hamburger {
  pointer-events: all !important;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.site-header.is-active button.ico-hamburger {
  position: fixed;
  left: 50%;
  top: calc(50% + 25rem);
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 99;
}
.site-header.is-active button.ico-hamburger::before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%2358616A'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
}
.site-header.is-active .gmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: all;
  -webkit-animation: fadeIn 0.3s linear forwards;
          animation: fadeIn 0.3s linear forwards;
}
.site-header .btn-site-menu-open,
.site-header .btn-site-menu-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  font-size: 0;
}
.site-header .btn-site-menu-open::before,
.site-header .btn-site-menu-close::before {
  content: " ";
  display: block;
}
.site-header .btn-site-menu-open {
  position: relative;
  margin-right: -1.2rem;
}
.site-header .btn-site-menu-open::before {
  width: var(--size-icon-lg);
  height: var(--size-icon-lg);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3Crect x='3' y='5' width='18' height='2'/%3E%3Crect x='3' y='17' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='11' width='18' height='2'/%3E%3Crect x='3' y='5' width='18' height='2'/%3E%3Crect x='3' y='17' width='18' height='2'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-brand-primary);
}
.site-header .btn-site-menu-close {
  position: absolute;
  top: 1.2rem;
  right: 0.8rem;
}
.site-header .btn-site-menu-close::before {
  width: var(--size-icon-lg);
  height: var(--size-icon-lg);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary);
}
.site-header .site-menu-area {
  position: fixed;
  inset: 0;
  height: 100dvh;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.site-header .site-menu-area.is-active {
  opacity: 1;
  pointer-events: auto;
}
.site-header .site-menu-area::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--color-background-alpha-primary-inverse);
}
.site-header .site-menu-area .site-menu {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  max-width: 37.5rem;
  width: 100%;
  padding-top: 6rem;
  background-color: var(--color-background-default-primary);
  display: grid;
  grid-template-rows: auto 1fr;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.site-header .site-menu-area.is-active .site-menu {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.site-header .site-menu-area .menu-header {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 1.2rem;
  padding-bottom: 1.6rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.site-header .site-menu-area .menu-body {
  overflow-y: auto;
  border-top: 0.4rem solid var(--color-background-default-tertiary);
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.site-header .site-menu-area .menu-util {
  border-top: 0.1rem solid var(--color-stroke-default-tertiary);
  padding-top: 1.6rem;
}
.site-header .site-menu-area .menu-util .util {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.site-header .site-menu-area .menu-util .util > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.site-header .site-menu-area .menu-util .util > li > button,
.site-header .site-menu-area .menu-util .util > li > a,
.site-header .site-menu-area .menu-util .util > li .btn-util-toggle {
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.site-header .site-menu-area .menu-util .util > li > button .badge,
.site-header .site-menu-area .menu-util .util > li > a .badge,
.site-header .site-menu-area .menu-util .util > li .btn-util-toggle .badge {
  top: 0;
  right: 0;
}
.site-header .site-menu-area .menu-util .util > li > button span:not(.badge),
.site-header .site-menu-area .menu-util .util > li > a span:not(.badge),
.site-header .site-menu-area .menu-util .util > li .btn-util-toggle span:not(.badge) {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  text-align: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.site-header .site-menu-area .btn-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  color: var(--color-font-brand-primary-base);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--font-tit-lg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.site-header .site-menu-area .btn-login::before {
  content: " ";
  width: var(--size-icon-lg);
  height: var(--size-icon-lg);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m21,2h-9v2h8v16h-8v2h9c.55,0,1-.45,1-1V3c0-.55-.45-1-1-1Z'/%3E%3Cpath d='m8.29,16.29l1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5-1.41,1.41,3.29,3.29H2s0,2,0,2h9.58s-3.29,3.29-3.29,3.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m21,2h-9v2h8v16h-8v2h9c.55,0,1-.45,1-1V3c0-.55-.45-1-1-1Z'/%3E%3Cpath d='m8.29,16.29l1.41,1.41,5-5c.39-.39.39-1.02,0-1.41l-5-5-1.41,1.41,3.29,3.29H2s0,2,0,2h9.58s-3.29,3.29-3.29,3.29Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-brand-primary);
}
.site-header .site-menu-area .menu li {
  position: relative;
}
.site-header .site-menu-area .menu > li {
  padding: 1.6rem 2rem;
  border-bottom: 0.1rem solid var(--color-stroke-default-quaternary);
}
.site-header .site-menu-area .menu > li > a,
.site-header .site-menu-area .menu > li > button {
  display: block;
  width: 100%;
  color: var(--color-font-default-primary);
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  padding: 0.8rem 0;
  text-align: left;
}
.site-header .site-menu-area .menu > li > ul {
  margin-top: 0.8rem;
}
.site-header .site-menu-area .menu > li > ul > li > a,
.site-header .site-menu-area .menu > li > ul > li > button {
  display: block;
  padding: 1.2rem 0;
  font-size: var(--font-label-lg);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
}
.site-header .site-menu-area .menu > li > ul > li:has(> ul) > a,
.site-header .site-menu-area .menu > li > ul > li:has(> ul) > button {
  padding-right: calc(1.2rem + var(--size-icon-md) + 0.4rem);
}
.site-header .site-menu-area .menu > li > ul > li:has(> ul)::after {
  content: " ";
  position: absolute;
  right: 1.2rem;
  top: 1.2rem;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,18c-.256,0-.512-.098-.707-.293L2.293,8.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M12,18c-.256,0-.512-.098-.707-.293L2.293,8.707l1.414-1.414,8.293,8.293,8.293-8.293,1.414,1.414-9,9c-.195.195-.451.293-.707.293Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-secondary);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.site-header .site-menu-area .menu > li > ul > li.is-active > ul {
  display: block;
}
.site-header .site-menu-area .menu > li > ul > li.is-active::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.site-header .site-menu-area .menu > li > ul > li > ul {
  display: none;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  background-color: var(--color-background-default-secondary);
  border-radius: 1.2rem;
}
.site-header .site-menu-area .menu > li > ul > li > ul > li > a,
.site-header .site-menu-area .menu > li > ul > li > ul > li > button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  padding: 1.2rem 1.6rem;
  gap: 0.8rem;
}
.site-header .site-menu-area .menu > li > ul > li > ul > li > a::before,
.site-header .site-menu-area .menu > li > ul > li > ul > li > button::before {
  content: "";
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 100%;
  background-color: var(--color-icon-default-secondary);
}

.site-body {
  padding-top: var(--body-top-spacing);
  padding-bottom: var(--spacing-section-md);
}
.site-body .wrap:has(.lnb) {
  display: grid;
  grid-template-columns: 28rem 1fr;
  gap: 8rem;
}

.site-cont {
  min-width: 0;
}

.site-footer {
  position: relative;
  background-color: var(--color-background-default-secondary);
  padding: 5.6rem 0;
  border-top: 0.1rem solid var(--color-stroke-default-quaternary);
}
.site-footer .wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4rem;
}
.site-footer .footer-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.site-footer .footer-info .foooter-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.2rem;
  gap: 2.4rem;
  padding-bottom: 2.4rem;
  margin-bottom: 2.4rem;
  border-bottom: 0.1rem solid var(--color-stroke-default-quaternary);
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-xlg);
}
.site-footer .footer-info .foooter-menu a:hover {
  color: var(--color-font-info-primary);
}
.site-footer .footer-info .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}
.site-footer .footer-info .txt-area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4rem;
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  color: var(--color-font-default-secondary);
}
.site-footer .footer-info .txt-area ul strong {
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-xlg);
}
.site-footer .footer-info .txt-area ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem 0.8rem;
}
.site-footer .footer-info .txt-area p {
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
  color: var(--color-font-default-tertiary);
}

.site-float-area {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
  bottom: 2.4rem;
  right: 2.4rem;
  z-index: 8;
}
.site-float-area [class^=btn-float] {
  display: block;
  width: 8rem;
  aspect-ratio: 1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 0;
  border-radius: 100%;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
  background-color: var(--color-background-default-primary);
}
.site-float-area .btn-float-top {
  background-image: url("../images/common/btn-float/btn-float-top.svg");
}
.site-float-area .btn-float-chatbot {
  background-image: url("../images/common/btn-float/btn-float-chatbot.svg");
  border: 0.2rem solid var(--color-stroke-brand-primary);
}

/* lnb */
.lnb {
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
  padding: 1.2rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.lnb h2 {
  padding: 2.4rem;
}
.lnb nav {
  border-top: 0.1rem solid var(--color-stroke-default-tertiary);
}
.lnb nav a {
  display: block;
  padding: 1.6rem 4.8rem 1.6rem 2.4rem;
  color: var(--color-font-default-tertiary);
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
  border-radius: 1.2rem;
  overflow-wrap: break-word;
  word-break: break-all;
}
.lnb nav a.is-active {
  position: relative;
  background: var(--color-background-default-secondary);
  color: var(--color-font-default-primary);
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-xlg);
}
.lnb nav a.is-active::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2.4rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M16.467,11.6l-6.667-5c-.33-.247-.8-.012-.8.4v10c0,.412.47.647.8.4l6.667-5c.267-.2.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M16.467,11.6l-6.667-5c-.33-.247-.8-.012-.8.4v10c0,.412.47.647.8.4l6.667-5c.267-.2.267-.6,0-.8Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-tertiary);
}
.lnb nav a:hover {
  color: var(--color-font-brand-primary);
}
.lnb select {
  display: none;
}

/* sub */
.snb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.8rem;
  margin-bottom: 4rem;
  text-align: center;
  overflow: auto;
  max-width: 100%;
}
.snb a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem 2.4rem;
  color: var(--color-font-default-quaternary);
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  white-space: nowrap;
  gap: 0.4rem;
}
.snb a.is-active {
  color: var(--color-font-brand-primary);
  font-weight: var(--size-font-weight-xlg);
}
.snb a:not(.is-active):hover {
  color: var(--color-font-default-primary);
}
.snb li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.snb li::after {
  content: " ";
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background: #CDD1D5;
  border-radius: 100%;
}
.snb li:last-of-type::after {
  display: none;
}

@media (max-width: 1279px) {
  :root {
    --header-height: 9.6rem;
    --header-common-height: 3.2rem;
    --header-top-height: 6.4rem;
    --body-top-spacing: 4rem;
  }
  .site-header h1.logo .txt {
    font-size: var(--font-tit-sm);
    font-weight: var(--size-font-weight-xlg);
    line-height: var(--size-font-lineheight-sm);
  }
  .site-header .header-common .r-area,
  .site-header .header-etc {
    display: none;
  }
  .site-header .util > li > button,
  .site-header .util > li > a {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .site-footer .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.6rem;
  }
  .site-footer .wrap > * {
    margin: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .site-footer .cs {
    position: static;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .site-footer .foooter-menu {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .site-footer .footer-info {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 480px) {
  .site-header h1.logo .txt {
    font-size: var(--font-tit-sm);
    font-weight: var(--size-font-weight-xlg);
    line-height: var(--size-font-lineheight-sm);
  }
  .site-header .header-etc {
    display: none;
  }
  .site-menu-area .site-menu {
    max-width: 100%;
  }
}
.site-header h1.logo a:not(.txt) {
  width: 18.2rem;
  aspect-ratio: 18.2/4.43;
  background: url("../images/common/logo/logo-sje.svg") center/contain no-repeat;
}

@media (max-width: 1279px) {
  .site-header h1.logo a:not(.txt) {
    width: auto;
    height: 3.6rem;
  }
}
/* viewer */
.painter-target.is-active {
  display: block;
  overflow-y: auto;
}

.painter-target > svg#painterSvg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: url("../images/common/common/img_painter.svg"), auto;
}

.painter-target > svg#painterSvg > * {
  pointer-events: none;
}

.painter-target:has(.clear:checked) > svg#painterSvg {
  cursor: url("../images/common/common/img_eraser.svg"), auto;
}

.paint-target > canvas {
  margin: 0;
  border-radius: 0;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  min-height: 100%;
  cursor: url("../images/common/common/img_painter.svg"), auto;
  z-index: 10;
}
.paint-target.is-eraser > canvas {
  cursor: url("../images/common/common/img_eraser.svg"), auto;
}

.paint-target .painterbar {
  position: fixed;
  z-index: 11;
  top: 50%;
  right: 6rem;
  width: 8rem;
  height: 38rem;
  padding: 3.6rem 0.6rem 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #F7F7F8;
  border: 0.2rem solid #fff;
  border-radius: 4rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.2);
          box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.2);
  white-space: normal;
  font-size: 0.1rem;
  gap: 0.8rem;
}
.paint-target .painterbar.min {
  display: block;
  height: 10rem;
  width: 8rem;
  padding: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.paint-target .painterbar.min .btn-painterbar-size {
  top: 0;
  width: 8rem;
  height: 8rem;
}
.paint-target .painterbar.min .btn-painterbar-size::before {
  top: 3.6rem;
  width: 6rem;
  height: 6rem;
  background: url("../images/common/common/img_painter.svg") center center no-repeat #eee;
  border-radius: 50%;
  background-size: 2.8rem 2.8rem;
}
.paint-target .painterbar.min .btn-viewer-painter-close {
  bottom: 0.8rem;
}
.paint-target .painterbar.min .pencil-ctrl-options {
  display: none;
}
.paint-target .painterbar .pencil-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
.paint-target .painterbar .pencil-preview > div {
  border-radius: 50%;
}
.paint-target .painterbar .pencil-preview > div.white {
  border: 0.1rem solid #B1B8BE;
}
.paint-target .painterbar .pencil-preview > div.erase {
  background-color: transparent;
  border: 0.1rem solid #B1B8BE;
}
.paint-target .painterbar .painterbar-stroke {
  position: relative;
  width: 1.2rem;
  height: 8.8rem;
  margin: 0 auto;
}
.paint-target .painterbar .painterbar-stroke input[type=range][orient=vertical] {
  -moz-appearance: none;
       appearance: none;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8.8rem;
  height: 1.2rem;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.paint-target .painterbar .painterbar-stroke input[type=range][orient=vertical]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  background-color: var(--color-background-brand-primary-inverse);
  height: 2rem;
  width: 0.8rem;
  border-radius: 1rem;
}
.paint-target .painterbar .painterbar-stroke::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1.2rem;
  height: 8.8rem;
  background-image: url("../images/common/common/ico_painter_bar.svg");
}
.paint-target .painterbar .painterbar-fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.4rem 0;
}
.paint-target .painterbar .painterbar-fnc button {
  position: relative;
  -ms-flex-preferred-size: 3rem;
      flex-basis: 3rem;
  height: 3rem;
  text-indent: -9999px;
  border-radius: 2.4rem;
  background-color: #E6E8EA;
  margin: auto 0;
}
.paint-target .painterbar .painterbar-fnc button::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1.6rem;
  height: 1.6rem;
  background-image: url("../images/common/common/ico_painter.svg");
  background-position: 0 center;
}
.paint-target .painterbar .painterbar-fnc button.undo::before {
  background-position: 0 center;
}
.paint-target .painterbar .painterbar-fnc button.redo::before {
  background-position: -1.6rem center;
}
.paint-target .painterbar .painterbar-fnc button.reset::before {
  background-position: -8rem center;
}
.paint-target .painterbar .painterbar-fnc input.clear {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0, 0 0);
}
.paint-target .painterbar .painterbar-fnc input.clear + label {
  position: relative;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  height: 3rem;
  text-indent: -999rem;
  margin: auto 0;
  border-radius: 1.6rem;
  background-color: #E6E8EA;
}
.paint-target .painterbar .painterbar-fnc input.clear + label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1.6rem;
  height: 1.6rem;
  border: none;
  background-color: transparent;
  background-image: url("../images/common/common/ico_painter.svg");
  background-position: -3.2rem center;
}
.paint-target .painterbar .painterbar-fnc input.clear + label::after {
  content: none;
}
.paint-target .painterbar .painterbar-fnc input.clear:checked + label {
  background-color: #B1B8BE;
}
.paint-target .painterbar .painterbar-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 4rem;
  gap: 0.8rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.paint-target .painterbar .painterbar-color input {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0, 0 0);
}
.paint-target .painterbar .painterbar-color input:checked + label::after {
  width: 80%;
  height: 80%;
  opacity: 1;
}
.paint-target .painterbar .painterbar-color input:checked + label.white::after {
  border-color: #B1B8BE;
}
.paint-target .painterbar .painterbar-color label {
  position: relative;
  -ms-flex-preferred-size: 1.6rem;
      flex-basis: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  cursor: pointer;
  text-indent: -999rem;
}
.paint-target .painterbar .painterbar-color label::before {
  content: none;
}
.paint-target .painterbar .painterbar-color label::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 0.2rem solid #fff;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: transparent;
  margin: 0;
}
.paint-target .painterbar .painterbar-color label.white {
  border: 0.1rem solid #B1B8BE;
}
.paint-target .painterbar .btn-viewer-painter-close,
.paint-target .painterbar .btn-painterbar-size {
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 1.6rem;
  text-indent: -9999px;
  overflow: hidden;
  border: 0;
  outline: 0;
}
.paint-target .painterbar .btn-viewer-painter-close::before,
.paint-target .painterbar .btn-painterbar-size::before {
  content: " ";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/common/common/ico_painter.svg") center center no-repeat;
  background-position: -4.8rem center;
}
.paint-target .painterbar .btn-viewer-painter-close {
  top: auto;
  bottom: 0.8rem;
}
.paint-target .painterbar .btn-viewer-painter-close::before {
  background-position: -6.4rem center;
}

.a-cont .a-img, .quiz-viewer .q-file-img {
  position: relative;
  display: block;
  font-size: 0;
}
.a-cont .a-img figure, .quiz-viewer .q-file-img figure {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 5rem;
  min-height: 5rem;
  max-width: 56rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background-color: var(--color-background-default-secondary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.a-cont .a-img img, .quiz-viewer .q-file-img img {
  display: block;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}
.a-cont .a-img .img-fnc, .quiz-viewer .q-file-img .img-fnc {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  right: 0.8rem;
  bottom: 0.8rem;
  padding: 0;
  font-size: 0;
}

.a-line .a-box, .a-write-line .a-box, .a-custorm-list .a-item .a-box, .a-list .a-item .a-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 1.6rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
  gap: 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  -webkit-transition: border-color 0.3s, background-color 0.2s;
  transition: border-color 0.3s, background-color 0.2s;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.a-line .a-box:after, .a-write-line .a-box:after, .a-custorm-list .a-item .a-box:after, .a-list .a-item .a-box:after {
  content: " ";
  position: absolute;
  right: 2.4rem;
  top: 50%;
  margin-top: -1.6rem;
  width: 0;
  height: 1.6rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  display: none;
}
.a-line .a-box .num, .a-write-line .a-box .num, .a-custorm-list .a-item .a-box .num, .a-list .a-item .a-box .num {
  font-size: var(--size-font-md);
  color: #999;
  font-weight: 700;
}

/* cont */
.video-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-font-default-primary);
  width: 100%;
  height: 100%;
}
.video-area video {
  width: 100%;
  max-height: 100%;
}

.audio-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background-color: var(--color-background-default-primary);
  width: 24rem;
  padding: 0 0 0 2.4rem;
  height: 56px;
  font-size: 15px;
  color: var(--color-font-default-tertiary);
}
.audio-box.is-disabled {
  opacity: 0.5;
}
.audio-box .btn.ico-play {
  position: absolute;
  right: 2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.pdf-area,
.iframe-area {
  width: 100%;
  height: 100%;
}
.pdf-area iframe,
.iframe-area iframe {
  display: block;
  width: 100%;
  height: 100%;
}

/* quiz-viewer */
.quiz-level {
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
  background-color: var(--color-background-info-primary);
  color: var(--color-font-info-primary);
  height: 3.2rem;
  padding: 0.4rem 3.2rem 0.4rem 1.2rem;
  border-radius: 2rem;
  background-size: var(--size-icon-sm);
  border: none;
}
.quiz-level.hard {
  background-color: var(--color-background-danger-primary);
  color: var(--color-font-danger-primary);
}
.quiz-level.easy {
  background-color: var(--color-background-success-primary);
  color: var(--color-font-success-primary);
}

.quiz-viewer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  background-color: var(--color-background-default-tertiary);
}
.quiz-viewer .quiz-viewer-header {
  position: relative;
  z-index: 5;
  background-color: var(--color-background-default-secondary);
  -webkit-box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.05);
          box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.05);
  min-height: 4.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.8rem var(--wrap-gap);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.quiz-viewer .quiz-viewer-header .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.6rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: var(--color-font-default-tertiary);
  gap: 0.4rem 3.2rem;
}
.quiz-viewer .quiz-viewer-header .info li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.quiz-viewer .quiz-viewer-header .info li > strong,
.quiz-viewer .quiz-viewer-header .info li cite {
  display: block;
  padding: 0.6rem 1.2rem;
  border-radius: 1.2rem;
  background-color: var(--color-background-default-tertiary);
  font-size: 1.4rem;
  font-weight: 500;
}
.quiz-viewer .quiz-viewer-body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.quiz-viewer .quiz-viewer-body .quiz-viewer-cont {
  position: relative;
  background-color: var(--color-background-default-primary);
  max-width: 120rem;
  min-height: 100%;
  margin: 0 auto;
  padding: 0 20rem 8rem;
  gap: 4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0.8rem 0.8rem 1.6rem rgba(0, 0, 0, 0.1);
          box-shadow: 0.8rem 0.8rem 1.6rem rgba(0, 0, 0, 0.1);
}
.quiz-viewer .quiz-viewer-body .quiz-viewer-cont:hover {
  z-index: 3;
}
.quiz-viewer .quiz-viewer-body .quiz-viewer-wrap {
  padding-top: 8rem;
}
.quiz-viewer .quiz-viewer-body .quiz-public-viewer-wrap {
  height: 100%;
}
.quiz-viewer .quiz-viewer-fnc {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(calc(-50% - 0.3rem), -50%);
          transform: translate(calc(-50% - 0.3rem), -50%);
  max-width: 144rem;
  width: 100%;
}
.quiz-viewer .quiz-viewer-fnc .btn-prev,
.quiz-viewer .quiz-viewer-fnc .btn-next {
  position: relative;
  left: 0;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 8rem;
  height: 8rem;
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
  z-index: 1;
}
.quiz-viewer .quiz-viewer-fnc .btn-prev span,
.quiz-viewer .quiz-viewer-fnc .btn-next span {
  position: absolute;
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  white-space: nowrap;
  width: 0;
  overflow: hidden;
  height: 4.8rem;
  line-height: 4.8rem;
  background-color: var(--color-primary50);
  z-index: -1;
  color: #fff;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
}
.quiz-viewer .quiz-viewer-fnc .btn-prev:hover span,
.quiz-viewer .quiz-viewer-fnc .btn-next:hover span {
  width: auto;
  padding: 0 2.4rem;
}
.quiz-viewer .quiz-viewer-fnc .btn-prev:hover::after,
.quiz-viewer .quiz-viewer-fnc .btn-next:hover::after {
  border-color: var(--color-primary50);
}
.quiz-viewer .quiz-viewer-fnc .btn-prev:hover::before,
.quiz-viewer .quiz-viewer-fnc .btn-next:hover::before {
  background-color: var(--color-primary50);
}
.quiz-viewer .quiz-viewer-fnc .btn-prev:disabled, .quiz-viewer .quiz-viewer-fnc .btn-prev[disabled],
.quiz-viewer .quiz-viewer-fnc .btn-next:disabled,
.quiz-viewer .quiz-viewer-fnc .btn-next[disabled] {
  opacity: 0.4;
  cursor: default;
}
.quiz-viewer .quiz-viewer-fnc .btn-prev:disabled:hover::after, .quiz-viewer .quiz-viewer-fnc .btn-prev[disabled]:hover::after,
.quiz-viewer .quiz-viewer-fnc .btn-next:disabled:hover::after,
.quiz-viewer .quiz-viewer-fnc .btn-next[disabled]:hover::after {
  border-color: var(--color-stroke-disabled-primary);
}
.quiz-viewer .quiz-viewer-fnc .btn-prev:disabled:hover::before, .quiz-viewer .quiz-viewer-fnc .btn-prev[disabled]:hover::before,
.quiz-viewer .quiz-viewer-fnc .btn-next:disabled:hover::before,
.quiz-viewer .quiz-viewer-fnc .btn-next[disabled]:hover::before {
  background-color: var(--color-font-default-tertiary);
}
.quiz-viewer .quiz-viewer-fnc .btn-prev:disabled span, .quiz-viewer .quiz-viewer-fnc .btn-prev[disabled] span,
.quiz-viewer .quiz-viewer-fnc .btn-next:disabled span,
.quiz-viewer .quiz-viewer-fnc .btn-next[disabled] span {
  display: none;
}
.quiz-viewer .quiz-viewer-fnc .btn-prev::before,
.quiz-viewer .quiz-viewer-fnc .btn-next::before {
  content: " ";
  position: relative;
  z-index: 2;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m10.6,4l-7.31,7.29c-.19.19-.29.44-.29.71s.11.52.29.71l7.31,7.29,1.41-1.42-5.6-5.58h14.58v-2H6.41s5.6-5.58,5.6-5.58l-1.41-1.42Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m10.6,4l-7.31,7.29c-.19.19-.29.44-.29.71s.11.52.29.71l7.31,7.29,1.41-1.42-5.6-5.58h14.58v-2H6.41s5.6-5.58,5.6-5.58l-1.41-1.42Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary);
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.quiz-viewer .quiz-viewer-fnc .btn-prev::after,
.quiz-viewer .quiz-viewer-fnc .btn-next::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  background-color: var(--color-background-default-primary);
  width: 100%;
  height: 100%;
  background-color: var(--color-background-default-primary);
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 50%;
}
.quiz-viewer .quiz-viewer-fnc .btn-prev span {
  left: 0.8rem;
  border-radius: 0 2rem 2rem 0;
}
.quiz-viewer .quiz-viewer-fnc .btn-prev:hover span {
  left: 7.2rem;
}
.quiz-viewer .quiz-viewer-fnc .btn-next {
  left: auto;
}
.quiz-viewer .quiz-viewer-fnc .btn-next span {
  left: 7.2rem;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  border-radius: 2rem 0 0 2rem;
}
.quiz-viewer .quiz-viewer-fnc .btn-next:hover span {
  left: 0.8rem;
}
.quiz-viewer .quiz-viewer-fnc .btn-next::before {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m14.39,4l-1.41,1.42,5.6,5.59H3.99s0,2,0,2h14.58s-5.6,5.58-5.6,5.58l1.41,1.42,7.31-7.29c.19-.19.29-.44.29-.71s-.11-.52-.29-.71l-7.31-7.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m14.39,4l-1.41,1.42,5.6,5.59H3.99s0,2,0,2h14.58s-5.6,5.58-5.6,5.58l1.41,1.42,7.31-7.29c.19-.19.29-.44.29-.71s-.11-.52-.29-.71l-7.31-7.29Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary);
}
.quiz-viewer .q-file-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}
.quiz-viewer .q-file-video,
.quiz-viewer .q-file-audio {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.quiz-viewer .q-file-video video,
.quiz-viewer .q-file-audio video {
  width: 100%;
}
.quiz-viewer .q-file-video audio,
.quiz-viewer .q-file-audio audio {
  max-width: 100%;
}
.quiz-viewer .q-file-video {
  max-width: 56rem;
}
.quiz-viewer .q-file-audio {
  max-width: 32rem;
}
.quiz-viewer .q-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  margin-bottom: 4rem;
  padding: 4rem;
  border-radius: 2.4rem;
  background-color: var(--color-background-info-primary);
  font-size: 1.6rem;
}
.quiz-viewer .q-comment > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
}
.quiz-viewer .q-comment > li cite {
  -ms-flex-preferred-size: 8rem;
      flex-basis: 8rem;
  color: var(--color-primary50);
  font-weight: 700;
  font-size: 1.6rem;
}
.quiz-viewer .q-comment > li .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.5;
  color: var(--color-font-default-tertiary);
  gap: 0.8rem;
}
.quiz-viewer .q-comment > li .txt-area strong {
  color: var(--color-font-default-primary);
}

/* quiz */
.q-img {
  position: relative;
  display: block;
  width: 100%;
}
.q-img figure {
  position: relative;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
  background-color: var(--color-background-default-secondary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}
.q-img figure img {
  display: block;
  width: 100%;
}
.q-img.xlg figure {
  max-width: 80rem;
}
.q-img.lg figure {
  max-width: 64rem;
}
.q-img.md figure {
  max-width: 40rem;
}
.q-img.sm figure {
  max-width: 24rem;
}
.q-img.xsm figure {
  max-width: 16rem;
}
.q-img .img-fnc {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  right: 0.8rem;
  bottom: 0.8rem;
  padding: 0;
  font-size: 0;
}
.q-img.lg {
  max-width: 40rem;
}
.q-img.lg figure {
  border-radius: 1.2rem;
}
.q-img.lg .img-fnc-etc {
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
}

.a-txt img,
.q-file-txt img {
  max-width: 100% !important;
  height: auto !important;
}

.q-file-img {
  position: relative;
  max-width: 60%;
}
.q-file-img .img-fnc {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  right: 1.6rem;
  bottom: 1.6rem;
  padding: 0;
  font-size: 0;
}

.a-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.8rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  width: 100%;
}
.a-cont .q-file-img {
  max-width: 32rem;
}
.a-cont .a-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 0.4rem;
}
.a-cont .a-btn .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.a-cont .a-txt {
  overflow: hidden;
  width: 100%;
}
.a-cont .a-txt p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-break: break-all;
}
.a-cont .a-txt input {
  width: 100%;
}
.a-cont .a-img {
  text-align: left;
  display: inline-block !important;
  max-width: 32rem;
}
.a-cont .a-img figure {
  margin: 0;
}
.a-cont .a-img img {
  display: block;
  max-width: 100%;
}
.a-cont .a-video,
.a-cont .a-audio {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 32rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.a-cont .a-video video,
.a-cont .a-audio video {
  width: 100%;
}
.a-cont .a-video audio,
.a-cont .a-audio audio {
  max-width: 100%;
}
.a-cont .a-audio,
.a-cont .a-video {
  max-width: 32rem;
}
.a-cont .tag-add-area,
.a-cont .tag-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.file-video-area {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  z-index: 0;
}
.file-video-area .video-js {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.q-group-item {
  position: relative;
}
.q-group-item .q-group-area.sticky {
  background-color: var(--color-background-default-primary);
}
.q-group-item .q-group-area.sticky .btn-q-group-toggle {
  display: none;
}
.q-group-item .q-group-area.sticky .btn-q-group-toggle strong {
  display: none;
  font-weight: var(--size-font-weight-md);
}
.q-group-item .q-group-area.sticky.is-sticky {
  display: block;
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 1.2rem 1.6rem 1.6rem;
  border-radius: 0 0 2.4rem 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-primary);
  border-top: none;
  background: var(--color-background-default-primary);
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
}
.q-group-item .q-group-area.sticky.is-sticky .q-group-cont {
  max-height: 24rem;
  overflow: auto;
  border: none;
  padding: 0;
}
.q-group-item .q-group-area.sticky.is-sticky:not(.is-close) .group-fnc {
  padding-top: 1.6rem;
}
.q-group-item .q-group-area.sticky.is-sticky:not(.is-close) .group-fnc .l-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.q-group-item .q-group-area.sticky.is-sticky.is-close {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  padding: 0;
  background-color: transparent;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.q-group-item .q-group-area.sticky.is-sticky.is-close .group-fnc .l-area {
  display: none;
}
.q-group-item .q-group-area.sticky.is-sticky.is-close .q-group-cont {
  display: block;
}
.q-group-item .q-group-area.sticky.is-sticky .btn-q-group-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  margin-left: auto;
  margin-right: 2.4rem;
  display: flex;
  gap: 0.2rem;
  padding: 0 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0 0 2.4rem 2.4rem;
  background: var(--color-background-brand-primary-inverse);
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
  color: var(--color-font-default-primary-inverse);
  height: 4.8rem;
  font-size: var(--size-font-sm);
}
.q-group-item .q-group-area.sticky.is-sticky .btn-q-group-toggle strong {
  display: inline;
}
.q-group-item .q-group-area.sticky.is-sticky .btn-q-group-toggle::after {
  content: " ";
  display: block;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293 8.29301L6.29297 13.293L7.70697 14.707L12 10.414L16.293 14.707L17.707 13.293L12.707 8.29301C12.316 7.90201 11.684 7.90201 11.293 8.29301Z' fill='%23333333'/%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293 8.29301L6.29297 13.293L7.70697 14.707L12 10.414L16.293 14.707L17.707 13.293L12.707 8.29301C12.316 7.90201 11.684 7.90201 11.293 8.29301Z' fill='%23333333'/%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary-inverse);
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.q-group-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 4rem;
}
.q-group-area .q-group-tit {
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  margin-bottom: 0;
}
.q-group-area .q-file-area {
  padding: 2.4rem;
  border-radius: 1.2rem;
  border: 0.1rem solid var(--color-stroke-default-primary);
  margin: 0;
}
.q-group-area .q-file-area .q-file-txt {
  border: none;
  padding: 0;
}
.q-group-area .group-fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0.8rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.q-group-area .group-fnc .r-area {
  margin-left: auto;
}
.q-group-area.is-close {
  background-color: var(--color-background-default-tertiary);
  padding: 2rem;
  border-radius: 2.4rem;
}
.q-group-area.is-close .group-fnc {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding-bottom: 0;
}
.q-group-area.is-close .fnc-area {
  margin-bottom: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.q-group-area.is-close .q-group-cont {
  display: none;
}
.q-group-area.static {
  position: relative;
  z-index: 1;
}
.q-group-area.static .btn-q-group-toggle {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: var(--size-font-sm);
}
.q-group-area.static .btn-q-group-toggle::after {
  content: " ";
  display: block;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293 8.29301L6.29297 13.293L7.70697 14.707L12 10.414L16.293 14.707L17.707 13.293L12.707 8.29301C12.316 7.90201 11.684 7.90201 11.293 8.29301Z' fill='%23333333'/%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='M11.293 8.29301L6.29297 13.293L7.70697 14.707L12 10.414L16.293 14.707L17.707 13.293L12.707 8.29301C12.316 7.90201 11.684 7.90201 11.293 8.29301Z' fill='%23333333'/%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12C20 16.411 16.411 20 12 20Z' fill='%23333333'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary);
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.q-group-area.static.is-close .btn-q-group-toggle::after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.viewer-q-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8.8rem;
  margin-bottom: 3.2rem;
}
.viewer-q-list:last-child {
  margin-bottom: 0;
}
.viewer-q-list * {
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  min-width: 0;
}
.viewer-q-list table th,
.viewer-q-list table td {
  border: 0.1rem solid var(--color-stroke-default-primary);
}
.viewer-q-list pre {
  margin: 0;
  font-family: "KakaoBigSans", KakaoBigSans, "Pretendard", Pretendard, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
}
.viewer-q-list .q-item {
  position: relative;
  padding-top: 8.8rem;
  margin-top: -8.8rem;
}
.viewer-q-list .q-item:first-of-type {
  margin-top: 0;
  padding-top: 0;
}

.q-file-area {
  margin-top: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
}
.q-file-area:first-child {
  margin-top: 0;
}
.q-file-area .q-file-txt {
  width: 100%;
  font-size: 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 객관식 */
.a-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.a-list .a-item {
  font-size: 1.6rem;
  position: relative;
  min-width: 0;
}
.a-list .a-item input[type=checkbox],
.a-list .a-item input[type=radio] {
  position: absolute;
}
.a-list .a-item input[type=checkbox]:focus,
.a-list .a-item input[type=radio]:focus {
  border: none;
  outline: none;
}
.a-list .a-item input[type=checkbox]:checked ~ .a-box,
.a-list .a-item input[type=radio]:checked ~ .a-box {
  border-color: var(--color-font-brand-primary);
  background-color: var(--color-primary10);
}
.a-list .a-item input[type=checkbox]:checked ~ .a-box .num,
.a-list .a-item input[type=radio]:checked ~ .a-box .num {
  color: var(--color-font-brand-primary);
}
.a-list .a-item input[type=checkbox]:checked ~ .a-box .a-txt,
.a-list .a-item input[type=radio]:checked ~ .a-box .a-txt {
  color: var(--color-font-brand-primary);
}
.a-list .a-item input[type=checkbox]:checked ~ .a-box::after,
.a-list .a-item input[type=radio]:checked ~ .a-box::after {
  width: 2.4rem;
  height: 2.4rem;
  -webkit-mask-image: url("../images/common/common/ico_q_check.svg");
          mask-image: url("../images/common/common/ico_q_check.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--color-font-brand-primary);
  -webkit-animation: bounceIn 1s;
          animation: bounceIn 1s;
}
.a-list .a-item input[type=checkbox]:checked ~ .a-box::after,
.a-list .a-item input[type=radio]:checked ~ .a-box::after {
  display: block;
}
.a-list .a-item .a-input-label {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-indent: -9999px;
  cursor: pointer;
}
.a-list .a-item .a-input-label::before, .a-list .a-item .a-input-label::after {
  display: none !important;
}
.a-list .a-item .a-box {
  padding: 1.6rem 6.4rem 1.6rem 2.4rem;
}
.a-list .a-item.a-o .a-box {
  border-color: #006600;
  background-color: #F3FCF3;
}
.a-list .a-item.a-o .a-box .num {
  color: #006600;
}
.a-list .a-item.a-o .a-box .a-txt {
  color: #006600;
}
.a-list .a-item.a-o .a-box::after {
  width: 2.4rem;
  height: 2.4rem;
  -webkit-mask-image: url("../images/common/common/ico_q_check.svg");
          mask-image: url("../images/common/common/ico_q_check.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: #006600;
  -webkit-animation: bounceIn 1s;
          animation: bounceIn 1s;
}
.a-list .a-item.a-o input[type=checkbox]:checked ~ .a-box,
.a-list .a-item.a-o input[type=radio]:checked ~ .a-box {
  border-color: #006600;
  background-color: #F3FCF3;
}
.a-list .a-item.a-o input[type=checkbox]:checked ~ .a-box .num,
.a-list .a-item.a-o input[type=radio]:checked ~ .a-box .num {
  color: #006600;
}
.a-list .a-item.a-o input[type=checkbox]:checked ~ .a-box .a-txt,
.a-list .a-item.a-o input[type=radio]:checked ~ .a-box .a-txt {
  color: #006600;
}
.a-list .a-item.a-o input[type=checkbox]:checked ~ .a-box::after,
.a-list .a-item.a-o input[type=radio]:checked ~ .a-box::after {
  width: 2.4rem;
  height: 2.4rem;
  -webkit-mask-image: url("../images/common/common/ico_q_check.svg");
          mask-image: url("../images/common/common/ico_q_check.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: #006600;
  -webkit-animation: bounceIn 1s;
          animation: bounceIn 1s;
}
.a-list .a-item.a-x .a-box {
  border-color: #CD0404;
  background-color: #FEF1F1;
}
.a-list .a-item.a-x .a-box .num {
  color: #CD0404;
}
.a-list .a-item.a-x .a-box .a-txt {
  color: #CD0404;
}
.a-list .a-item.a-x .a-box::after {
  width: 2.4rem;
  height: 2.4rem;
  -webkit-mask-image: url("../images/common/common/ico_q_check.svg");
          mask-image: url("../images/common/common/ico_q_check.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: #CD0404;
  -webkit-animation: bounceIn 1s;
          animation: bounceIn 1s;
}
.a-list .a-item.a-x input[type=checkbox]:checked ~ .a-box,
.a-list .a-item.a-x input[type=radio]:checked ~ .a-box {
  border-color: #CD0404;
  background-color: #FEF1F1;
}
.a-list .a-item.a-x input[type=checkbox]:checked ~ .a-box .num,
.a-list .a-item.a-x input[type=radio]:checked ~ .a-box .num {
  color: #CD0404;
}
.a-list .a-item.a-x input[type=checkbox]:checked ~ .a-box .a-txt,
.a-list .a-item.a-x input[type=radio]:checked ~ .a-box .a-txt {
  color: #CD0404;
}
.a-list .a-item.a-x input[type=checkbox]:checked ~ .a-box::after,
.a-list .a-item.a-x input[type=radio]:checked ~ .a-box::after {
  width: 2.4rem;
  height: 2.4rem;
  -webkit-mask-image: url("../images/common/common/ico_q_check.svg");
          mask-image: url("../images/common/common/ico_q_check.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: #CD0404;
  -webkit-animation: bounceIn 1s;
          animation: bounceIn 1s;
}

.q-item .label-area {
  margin-bottom: 0.8rem;
}
.q-item .q-area {
  margin-bottom: 2.4rem;
}
.q-item .q-area .q-tit {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  font-size: 2.8rem;
  letter-spacing: -0.04em;
  font-weight: 700;
  line-height: 1.333;
  vertical-align: middle;
  color: var(--color-font-default-primary);
}
.q-item .q-area .q-tit .num {
  position: absolute;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  padding-right: 2.4rem;
  color: var(--color-font-default-quaternary);
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.a-custorm-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.a-custorm-list .a-item {
  position: relative;
  min-width: 0;
}
.a-custorm-list .a-item input[type=checkbox],
.a-custorm-list .a-item input[type=radio] {
  position: absolute;
}
.a-custorm-list .a-item input[type=checkbox]:focus,
.a-custorm-list .a-item input[type=radio]:focus {
  border: none;
  outline: none;
}
.a-custorm-list .a-item input[type=checkbox]:checked ~ .a-box,
.a-custorm-list .a-item input[type=radio]:checked ~ .a-box {
  border-color: var(--color-font-brand-primary);
  background-color: var(--color-primary10);
}
.a-custorm-list .a-item input[type=checkbox]:checked ~ .a-box .num,
.a-custorm-list .a-item input[type=radio]:checked ~ .a-box .num {
  color: var(--color-font-brand-primary);
}
.a-custorm-list .a-item input[type=checkbox]:checked ~ .a-box .a-txt,
.a-custorm-list .a-item input[type=radio]:checked ~ .a-box .a-txt {
  color: var(--color-font-brand-primary);
}
.a-custorm-list .a-item input[type=checkbox]:checked ~ .a-box::after,
.a-custorm-list .a-item input[type=radio]:checked ~ .a-box::after {
  display: block;
}
.a-custorm-list .a-item input[type=checkbox]:disabled ~ .a-box,
.a-custorm-list .a-item input[type=radio]:disabled ~ .a-box {
  border-color: var(--color-font-disabled-primary);
  background-color: var(--color-background-disabled-primary);
  border-color: var(--color-stroke-disabled-primary);
}
.a-custorm-list .a-item input[type=checkbox]:disabled ~ .a-box .num,
.a-custorm-list .a-item input[type=radio]:disabled ~ .a-box .num {
  color: var(--color-font-disabled-primary);
}
.a-custorm-list .a-item input[type=checkbox]:disabled ~ .a-box .a-txt,
.a-custorm-list .a-item input[type=radio]:disabled ~ .a-box .a-txt {
  color: var(--color-font-disabled-primary);
}
.a-custorm-list .a-item input[type=checkbox]:disabled:checked ~ .a-box,
.a-custorm-list .a-item input[type=radio]:disabled:checked ~ .a-box {
  border-color: var(--color-stroke-brand-primary);
}
.a-custorm-list .a-item .a-input-label {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-indent: -9999px;
  cursor: pointer;
}
.a-custorm-list .a-item .a-input-label::before, .a-custorm-list .a-item .a-input-label::after {
  display: none !important;
}
.a-custorm-list .a-item .a-box {
  padding: 1.2rem 2.4rem;
  background: var(--color-background-default-primary);
}
.a-custorm-list .a-item.a-o .a-box {
  border-color: #006600;
  background-color: #F3FCF3;
}
.a-custorm-list .a-item.a-o .a-box .num {
  color: #006600;
}
.a-custorm-list .a-item.a-o .a-box .a-txt {
  color: #006600;
}
.a-custorm-list .a-item.a-o input[type=checkbox]:checked ~ .a-box,
.a-custorm-list .a-item.a-o input[type=radio]:checked ~ .a-box {
  border-color: #006600;
  background-color: #F3FCF3;
}
.a-custorm-list .a-item.a-o input[type=checkbox]:checked ~ .a-box .num,
.a-custorm-list .a-item.a-o input[type=radio]:checked ~ .a-box .num {
  color: #006600;
}
.a-custorm-list .a-item.a-o input[type=checkbox]:checked ~ .a-box .a-txt,
.a-custorm-list .a-item.a-o input[type=radio]:checked ~ .a-box .a-txt {
  color: #006600;
}
.a-custorm-list .a-item.a-x .a-box {
  border-color: #CD0404;
  background-color: #FEF1F1;
}
.a-custorm-list .a-item.a-x .a-box .num {
  color: #CD0404;
}
.a-custorm-list .a-item.a-x .a-box .a-txt {
  color: #CD0404;
}
.a-custorm-list .a-item.a-x input[type=checkbox]:checked ~ .a-box,
.a-custorm-list .a-item.a-x input[type=radio]:checked ~ .a-box {
  border-color: #CD0404;
  background-color: #FEF1F1;
}
.a-custorm-list .a-item.a-x input[type=checkbox]:checked ~ .a-box .num,
.a-custorm-list .a-item.a-x input[type=radio]:checked ~ .a-box .num {
  color: #CD0404;
}
.a-custorm-list .a-item.a-x input[type=checkbox]:checked ~ .a-box .a-txt,
.a-custorm-list .a-item.a-x input[type=radio]:checked ~ .a-box .a-txt {
  color: #CD0404;
}

.label-q-o,
.label-q-x {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  height: 3.2rem;
  line-height: 3.2rem;
  border-radius: 0.4rem 0 0 0.4rem;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  padding-left: 3.2rem;
  padding-right: 0.8rem;
}

.label-q-o {
  background-color: #006600;
}
.label-q-o::before {
  content: " ";
  position: absolute;
  left: 1.2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.2rem;
  height: 1.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  border: 0.2rem solid var(--color-icon-default-primary-inverse);
}

.label-q-x {
  background-color: #CD0404;
}
.label-q-x::before, .label-q-x::after {
  content: " ";
  position: absolute;
  left: 1.6rem;
  top: 50%;
  width: 0.2rem;
  height: 1.2rem;
  background-color: var(--color-background-default-primary);
}
.label-q-x::before {
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.label-q-x::after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

/*단답형 */
.a-input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.a-input .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  border-radius: 1.2rem 0 0 1.2rem;
  width: 4.8rem;
  background-color: var(--color-background-default-tertiary);
  color: var(--color-font-default-tertiary);
  font-size: var(--size-font-md);
  font-weight: 700;
}
.a-input .num ~ input {
  border-radius: 0 1.2rem 1.2rem 0;
}
.a-input .tagify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  min-height: 6rem;
}
.a-input input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 6rem;
  font-size: 1.8rem;
}
.a-input input:-moz-read-only {
  background-color: var(--color-background-default-primary);
}
.a-input input:read-only {
  background-color: var(--color-background-default-primary);
}
.a-input .fnc {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 1.2rem;
  -ms-flex-item-align: center;
      align-self: center;
}
.a-input.a-o input {
  border-color: var(--color-stroke-success-primary);
}
.a-input.a-x input {
  border-color: var(--color-stroke-danger-primary);
}
.a-input .cke {
  width: 100% !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 선그기 */
.a-line, .a-write-line {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  z-index: 0;
}
.a-line .linematch.disabled, .a-write-line .linematch.disabled {
  position: relative;
}
.a-line .linematch.disabled::before, .a-write-line .linematch.disabled::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  z-index: 1;
}
.a-line .linematch.disabled .a-img, .a-write-line .linematch.disabled .a-img {
  z-index: 2;
}
.a-line .linematch, .a-write-line .linematch {
  position: relative;
  margin-bottom: 2rem;
}
.a-line .linematch-canvas, .a-write-line .linematch-canvas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.a-line .linematch-field, .a-write-line .linematch-field {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10%;
}
.a-line .linematch-field .l-area, .a-write-line .linematch-field .l-area,
.a-line .linematch-field .r-area,
.a-write-line .linematch-field .r-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  gap: 1.2rem;
}
.a-line .linematch-field .l-area ul, .a-write-line .linematch-field .l-area ul,
.a-line .linematch-field .r-area ul,
.a-write-line .linematch-field .r-area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.a-line .linematch-field .l-area label, .a-write-line .linematch-field .l-area label {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.a-line .linematch-field .r-area, .a-write-line .linematch-field .r-area {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.a-line ul, .a-write-line ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
  margin-left: 0;
}
.a-line ul li, .a-write-line ul li {
  width: calc(100% - 1.2rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  overflow: hidden;
}
.a-line label, .a-write-line label {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background-color: var(--color-background-default-tertiary);
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.a-line .num, .a-write-line .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4rem;
}
.a-line label:hover, .a-write-line label:hover {
  background: #aaa;
}
.a-line input[type=radio], .a-write-line input[type=radio] {
  position: absolute;
  opacity: 0;
}
.a-line input:checked + label, .a-write-line input:checked + label {
  background: #333;
}
.a-line .line-cont, .a-write-line .line-cont {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem 1.6rem;
  overflow: hidden;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.6rem;
}
.a-line .a-box, .a-write-line .a-box {
  gap: 0.8rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.a-line .linematch-a-box, .a-write-line .linematch-a-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  padding: 1.6rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background-color: var(--color-background-default-secondary);
  border-radius: 1.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 6.4rem;
}
.a-line .linematch-a-area, .a-write-line .linematch-a-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 3.2rem;
}
.a-line .linematch-a-area cite, .a-write-line .linematch-a-area cite {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
  font-size: var(--size-font-sm);
  font-weight: 700;
}
.a-line .linematch-a-area .a-x, .a-write-line .linematch-a-area .a-x {
  border-color: #EE0000;
  color: #EE0000;
}
.a-line .linematch-a-area .a-o, .a-write-line .linematch-a-area .a-o {
  border-color: var(--color-secondary50);
  color: var(--color-secondary50);
}

.a-order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
}
.a-order .order-answer {
  background-color: var(--color-background-default-secondary);
  min-height: 10rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 1.2rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 2.4rem;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.a-order .order-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.8rem;
  padding: 0 2.4rem;
}
.a-order .order-view.border {
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  padding: 2.4rem;
}
.a-order .order-view cite {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.a-order .order-view-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.a-order .order-view-box cite {
  font-weight: 700;
  color: var(--color-font-default-tertiary);
  font-size: var(--size-font-md);
}
.a-order .order-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 4.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 2.4rem;
  border-radius: 2em;
  font-size: 2rem;
  font-weight: 700;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background-color: var(--color-background-default-primary);
}
.a-order .order-item.is-active {
  background-color: var(--color-background-default-tertiary);
  color: var(--color-font-default-quaternary);
}

.a-ox-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.a-ox-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--color-background-default-secondary);
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  padding: 1.6rem 2.4rem;
  border-radius: 1.2rem;
  gap: 1.6rem;
}
.a-ox-list li.a-o {
  border-color: #006600;
}
.a-ox-list li.a-x {
  border-color: #CD0404;
}
.a-ox-list .a-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.a-ox-list .a-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 4rem;
  font-size: 1.8rem;
}

.btn-viewer-lg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 6.4rem;
  min-width: 24rem;
  text-align: center;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  gap: 2.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.6rem;
}
.btn-viewer-lg.primary, .btn-viewer-lg.spot, .viewer .viewer-fnc .btn-viewer-lg.btn.is-active,
.viewer .viewer-location .btn-viewer-lg.btn.is-active {
  background-color: var(--color-primary50);
  color: #fff;
  border: none;
}
.btn-viewer-lg:disabled {
  background-color: var(--color-background-default-tertiary);
  color: var(--color-font-default-tertiary);
}

/* 그리기 */
.canvas-group {
  background-color: var(--color-background-default-tertiary);
}

.canvas-draw {
  position: relative;
  max-width: 56rem;
  max-height: 56rem;
  margin: 0 auto;
  overflow: hidden;
  border: 0.2rem solid var(--color-stroke-default-tertiary);
}
.canvas-draw img {
  display: block;
  width: 100%;
  max-height: 100%;
}

.drawCanvas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.state-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
}
.state-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-height: 4rem;
  overflow: hidden;
  border-radius: 1.2rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  font-size: var(--size-font-sm);
  color: var(--color-font-default-tertiary);
  gap: 0.8rem;
  padding-right: 0.8rem;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  min-width: 0;
}
.state-list > li.is-active {
  background-color: var(--color-background-default-primary);
  color: var(--color-font-default-tertiary);
}
.state-list > li.is-active .num {
  background-color: var(--color-background-default-secondary);
}
.state-list > li.is-x {
  color: #CD0404;
}
.state-list > li.is-x .num {
  color: #CD0404;
  background-color: rgba(205, 4, 4, 0.05);
}
.state-list > li.is-o {
  color: #006600;
}
.state-list > li.is-o .num {
  color: #006600;
  background-color: rgba(0, 102, 0, 0.05);
}
.state-list > li.is-current {
  font-weight: 700;
  color: var(--color-font-brand-primary);
  border-color: var(--color-stroke-brand-primary);
}
.state-list > li.is-current .num {
  background-color: var(--color-background-brand-primary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.state-list > li.is-current .txt-area .l-area {
  gap: 0.4rem;
}
.state-list > li.is-current .txt-area .l-area::before {
  content: "";
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9.87,17.56l-7.21-6.31-1.32,1.51,8,7c.18.16.42.25.66.25.03,0,.06,0,.09,0,.27-.02.52-.16.69-.37l12-15-1.56-1.25-11.35,14.18Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m9.87,17.56l-7.21-6.31-1.32,1.51,8,7c.18.16.42.25.66.25.03,0,.06,0,.09,0,.27-.02.52-.16.69-.37l12-15-1.56-1.25-11.35,14.18Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-brand-primary);
}
.state-list > li:hover {
  background-color: var(--color-background-default-secondary);
}
.state-list .a-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.state-list .a-area > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
  gap: 0.4rem;
}
.state-list .a-area dl {
  display: grid;
  gap: 0.4rem;
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  grid-template-columns: 4.8rem 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.state-list .a-area dl dt {
  font-size: var(--font-label-xsm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
  padding: 0.2rem;
  border: 0.1rem solid var(--color-stroke-default-secondary);
  border-radius: 0.8rem;
  text-align: center;
  color: var(--color-font-default-primary);
}
.state-list .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--color-background-disabled-primary);
  width: 3.2rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 700;
  color: var(--color-font-default-tertiary);
}
.state-list .txt-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  -ms-flex-item-align: center;
      align-self: center;
}
.state-list .txt-area .flex-area {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
.state-list .txt-area .flex-area > * {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.checkradio-custom-num-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  height: 100%;
}
.checkradio-custom-num-area .checkradio {
  width: 4rem;
  height: 4rem;
  margin: 0 !important;
}
.checkradio-custom-num-area .checkradio label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.8rem;
  border: 0.1rem solid var(--color-stroke-default-secondary);
  width: 100%;
  color: var(--color-font-default-secondary);
  font-size: var(--font-label-lg);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
}
.checkradio-custom-num-area .checkradio label::before, .checkradio-custom-num-area .checkradio label::after {
  display: none;
}
.checkradio-custom-num-area .checkradio input:checked ~ label {
  border-color: var(--color-background-default-secondary-inverse);
  background: var(--color-background-default-secondary-inverse);
  color: var(--color-font-default-primary-inverse);
}
.checkradio-custom-num-area .checkradio input:checked:disabled ~ label::after {
  display: none;
}
.checkradio-custom-num-area.sm .checkradio {
  width: 2.8rem;
  height: 2.8rem;
}
.checkradio-custom-num-area.sm .checkradio label {
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
}

/* editor img */
.editor-img-math {
  vertical-align: middle;
  max-width: 100%;
  max-height: 4em;
}

.list-type td .editor-img-math,
.write-type td .editor-img-math {
  max-height: 2em;
}

.thumb-h-list .editor-img-math,
.thumb-item-list .editor-img-math,
.border-box-list .editor-img-math,
.test-add-list .editor-img-math,
.viewer-nav .depth3-lnk .editor-img-math {
  max-height: 2em;
}

.viewer-nav .depth3-lnk .editor-img-math {
  max-height: 1.6em;
}

.editor-cont table {
  width: 100% !important;
  table-layout: fixed !important;
  border: 1px solid #000 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.editor-cont table th {
  background-color: #eee !important;
}
.editor-cont th,
.editor-cont td {
  width: auto !important;
  padding: 0.4rem 0.8rem !important;
  border: 1px solid #000 !important;
  text-align: center;
  background-color: #fff !important;
}
.editor-cont h1,
.editor-cont h2,
.editor-cont h3 {
  font-weight: 700;
  line-height: 1.33;
  color: var(--color-font-default-primary);
  margin: 0;
}
.editor-cont h1 {
  font-size: 28px;
}
.editor-cont h2 {
  font-size: 24px;
}
.editor-cont h3 {
  font-size: 20px;
}
.editor-cont img {
  max-width: 100% !important;
  height: auto !important;
}
.editor-cont p {
  margin: 0;
}

.viewer.cbt.student .quiz-viewer.is-inactive-aside .quiz-viewer-aside,
.viewer-class.cbt.student .quiz-viewer.is-inactive-aside .quiz-viewer-aside,
.viewer.student .quiz-viewer.is-inactive-aside .quiz-viewer-aside {
  position: absolute !important;
}
.viewer.cbt.student .quiz-viewer.is-inactive-aside .btn-viewer-aside-toggle::before,
.viewer-class.cbt.student .quiz-viewer.is-inactive-aside .btn-viewer-aside-toggle::before,
.viewer.student .quiz-viewer.is-inactive-aside .btn-viewer-aside-toggle::before {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.viewer.cbt.student .btn-viewer-aside-toggle,
.viewer-class.cbt.student .btn-viewer-aside-toggle,
.viewer.student .btn-viewer-aside-toggle {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: -3.2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3.2rem;
  height: 11.2rem;
  font-size: 0;
}
.viewer.cbt.student .btn-viewer-aside-toggle::before,
.viewer-class.cbt.student .btn-viewer-aside-toggle::before,
.viewer.student .btn-viewer-aside-toggle::before {
  content: " ";
  display: block;
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8.71,21.71l9-9c.39-.39.39-1.02,0-1.41L8.71,2.29l-1.41,1.41,8.29,8.29-8.29,8.29,1.41,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8.71,21.71l9-9c.39-.39.39-1.02,0-1.41L8.71,2.29l-1.41,1.41,8.29,8.29-8.29,8.29,1.41,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary-inverse);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  z-index: 1;
}
.viewer.cbt.student .btn-viewer-aside-toggle::after,
.viewer-class.cbt.student .btn-viewer-aside-toggle::after,
.viewer.student .btn-viewer-aside-toggle::after {
  content: " ";
  position: absolute;
  inset: 0;
  background: url("../images/common/common/btn_menu_bg.svg");
  background-size: 100% 100%;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  z-index: -1;
}
.viewer.cbt.student .quiz-viewer-body,
.viewer-class.cbt.student .quiz-viewer-body,
.viewer.student .quiz-viewer-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  background-color: var(--color-background-default-primary);
}
.viewer.cbt.student .quiz-viewer-body .quiz-viewer-cont,
.viewer-class.cbt.student .quiz-viewer-body .quiz-viewer-cont,
.viewer.student .quiz-viewer-body .quiz-viewer-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 100%;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.viewer.cbt.student .quiz-viewer-body .quiz-viewer-cont .quiz-viewer-wrap,
.viewer-class.cbt.student .quiz-viewer-body .quiz-viewer-cont .quiz-viewer-wrap,
.viewer.student .quiz-viewer-body .quiz-viewer-cont .quiz-viewer-wrap {
  max-width: 80rem;
  width: 100%;
  margin: 0 auto;
}
.viewer.cbt.student .quiz-viewer-aside,
.viewer-class.cbt.student .quiz-viewer-aside,
.viewer.student .quiz-viewer-aside {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 24rem;
  -ms-flex-preferred-size: 24rem;
      flex-basis: 24rem;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  background-color: var(--color-background-default-tertiary);
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2.4rem 0;
  gap: 2.4rem;
  z-index: 10;
}
.viewer.cbt.student .quiz-viewer-aside > *:not(.aside-footer),
.viewer-class.cbt.student .quiz-viewer-aside > *:not(.aside-footer),
.viewer.student .quiz-viewer-aside > *:not(.aside-footer) {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.viewer.cbt.student .quiz-viewer-aside .aside-footer,
.viewer-class.cbt.student .quiz-viewer-aside .aside-footer,
.viewer.student .quiz-viewer-aside .aside-footer {
  background-color: var(--color-background-default-primary);
  margin-bottom: -2.4rem;
}
.viewer.cbt.student .quiz-viewer-aside .info,
.viewer-class.cbt.student .quiz-viewer-aside .info,
.viewer.student .quiz-viewer-aside .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.viewer.cbt.student .quiz-viewer-aside .info strong,
.viewer-class.cbt.student .quiz-viewer-aside .info strong,
.viewer.student .quiz-viewer-aside .info strong {
  font-size: 4rem;
  color: var(--color-primary50);
}
.viewer.cbt.student .quiz-viewer-aside .info strong sup,
.viewer-class.cbt.student .quiz-viewer-aside .info strong sup,
.viewer.student .quiz-viewer-aside .info strong sup {
  font-size: 0.6em;
  letter-spacing: -0.12em;
}
.viewer.cbt.student .quiz-viewer-aside .timer,
.viewer-class.cbt.student .quiz-viewer-aside .timer,
.viewer.student .quiz-viewer-aside .timer {
  background-color: var(--color-background-default-tertiary);
}
.viewer.cbt.student .quiz-viewer-aside .cont,
.viewer-class.cbt.student .quiz-viewer-aside .cont,
.viewer.student .quiz-viewer-aside .cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.viewer.cbt.student .quiz-viewer-aside:has(.aside-fnc),
.viewer-class.cbt.student .quiz-viewer-aside:has(.aside-fnc),
.viewer.student .quiz-viewer-aside:has(.aside-fnc) {
  padding-bottom: 0;
}
.viewer.cbt.student .quiz-viewer-aside > .aside-fnc,
.viewer-class.cbt.student .quiz-viewer-aside > .aside-fnc,
.viewer.student .quiz-viewer-aside > .aside-fnc {
  padding: 0;
}
.viewer.cbt.student .quiz-viewer-aside ~ .quiz-viewer-cont,
.viewer-class.cbt.student .quiz-viewer-aside ~ .quiz-viewer-cont,
.viewer.student .quiz-viewer-aside ~ .quiz-viewer-cont {
  padding-left: 24rem;
  padding-right: 0;
}
.viewer.cbt.student .quiz-viewer .quiz-viewer-body .quiz-public-viewer-wrap,
.viewer.cbt.student .quiz-public-viewer .quiz-viewer-body .quiz-public-viewer-wrap,
.viewer-class.cbt.student .quiz-viewer .quiz-viewer-body .quiz-public-viewer-wrap,
.viewer-class.cbt.student .quiz-public-viewer .quiz-viewer-body .quiz-public-viewer-wrap,
.viewer.student .quiz-viewer .quiz-viewer-body .quiz-public-viewer-wrap,
.viewer.student .quiz-public-viewer .quiz-viewer-body .quiz-public-viewer-wrap {
  height: 100%;
}
.viewer.cbt.student .quiz-viewer .viewer-fnc-cont .painterbar,
.viewer.cbt.student .quiz-public-viewer .viewer-fnc-cont .painterbar,
.viewer-class.cbt.student .quiz-viewer .viewer-fnc-cont .painterbar,
.viewer-class.cbt.student .quiz-public-viewer .viewer-fnc-cont .painterbar,
.viewer.student .quiz-viewer .viewer-fnc-cont .painterbar,
.viewer.student .quiz-public-viewer .viewer-fnc-cont .painterbar {
  right: 28rem;
}
.viewer.cbt.student .quiz-viewer.is-inactive-aside .viewer-fnc-cont .painterbar,
.viewer.cbt.student .quiz-public-viewer.is-inactive-aside .viewer-fnc-cont .painterbar,
.viewer-class.cbt.student .quiz-viewer.is-inactive-aside .viewer-fnc-cont .painterbar,
.viewer-class.cbt.student .quiz-public-viewer.is-inactive-aside .viewer-fnc-cont .painterbar,
.viewer.student .quiz-viewer.is-inactive-aside .viewer-fnc-cont .painterbar,
.viewer.student .quiz-public-viewer.is-inactive-aside .viewer-fnc-cont .painterbar {
  right: 4rem;
}
.viewer.cbt.student .quiz-viewer-aside ~ .quiz-viewer-cont:has(.quiz-public-viewer-wrap),
.viewer-class.cbt.student .quiz-viewer-aside ~ .quiz-viewer-cont:has(.quiz-public-viewer-wrap),
.viewer.student .quiz-viewer-aside ~ .quiz-viewer-cont:has(.quiz-public-viewer-wrap) {
  padding: 0;
}
.viewer.cbt.student .viewer-footer,
.viewer-class.cbt.student .viewer-footer,
.viewer.student .viewer-footer {
  padding: 0;
}
.viewer.cbt.student .viewer-footer .viewer-submit,
.viewer-class.cbt.student .viewer-footer .viewer-submit,
.viewer.student .viewer-footer .viewer-submit {
  margin: 0;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.viewer.cbt.student .viewer-footer .viewer-submit ~ .c-area,
.viewer-class.cbt.student .viewer-footer .viewer-submit ~ .c-area,
.viewer.student .viewer-footer .viewer-submit ~ .c-area {
  padding-left: 24rem;
}
.viewer.cbt.student .viewer-footer .c-area,
.viewer-class.cbt.student .viewer-footer .c-area,
.viewer.student .viewer-footer .c-area {
  margin: 0 auto;
}
.viewer.cbt.student .viewer-footer .btn-viewer-aside-toggle,
.viewer-class.cbt.student .viewer-footer .btn-viewer-aside-toggle,
.viewer.student .viewer-footer .btn-viewer-aside-toggle {
  display: none;
}
.viewer.cbt.student .viewer-btn-area,
.viewer-class.cbt.student .viewer-btn-area,
.viewer.student .viewer-btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.viewer.cbt.student .viewer-btn-area .btn-viewer-lg ~ .btn-viewer-lg,
.viewer-class.cbt.student .viewer-btn-area .btn-viewer-lg ~ .btn-viewer-lg,
.viewer.student .viewer-btn-area .btn-viewer-lg ~ .btn-viewer-lg {
  border-left: none;
}
.viewer.cbt:has(.btn-painter-toggle.is-active) .btn-viewer-aside-toggle,
.viewer-class.cbt:has(.btn-painter-toggle.is-active) .btn-viewer-aside-toggle,
.viewer:has(.btn-painter-toggle.is-active) .btn-viewer-aside-toggle {
  display: none;
}

/* quiz */
/* 퀴즈 작성*/
.btn-add-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  margin: 0.8rem 0 !important;
  border-radius: 2.4rem;
}

.write-type .q-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  font-size: var(--size-font-sm);
}
.write-type .q-img figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 160px;
  min-height: 90px;
  border-radius: 1.2rem;
}
.write-type .q-img .img-size {
  font-size: 14px;
}
.write-type .q-img .img-size .checkradio {
  margin-right: 12px;
}

.a-write-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
}
.a-write-list .ico-move {
  margin-top: 1.4rem;
}
.a-write-list .a-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 1.2rem;
  gap: 0.8rem;
  padding: 0.8rem;
  background-color: var(--color-background-default-secondary);
}
.a-write-list .a-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
}
.a-write-list .a-info .num {
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.8rem;
  background: var(--color-background-default-tertiary);
  text-align: center;
  font-size: var(--size-font-xsm);
  color: var(--color-font-default-secondary);
}
.a-write-list .a-info .num.round {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2rem;
  height: 2rem;
  min-width: 0;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 50%;
}
.a-write-list .a-info .checkradio {
  margin: 0 0.4rem;
}
.a-write-list .a-fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
.a-write-list .a-fnc .file-custom {
  display: inline-block;
  vertical-align: top;
}
.a-write-list .a-cont .checkradio-custom-num-area {
  border-radius: 1.2rem;
  background: var(--color-background-default-tertiary);
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.a-write-list .a-cont .checkradio-custom-num-area .checkradio input:not(:checked) ~ label {
  background: var(--color-background-default-primary);
}

.a-write-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0.8rem;
  gap: 0.8rem;
  padding: 0.8rem;
  background-color: var(--color-background-default-secondary);
}
.a-write-option .option-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
}
.a-write-option .option-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.a-write-option .option-list strong {
  font-size: var(--font-tit-label);
  font-weight: var(--size-font-weight-xlg);
  color: var(--color-font-default-tertiary);
}
.a-write-option .option-list input,
.a-write-option .option-list select {
  width: 100%;
}

.a-write-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
}
.a-write-line .linematch {
  overflow-x: auto;
}
.a-write-line .a-txt {
  width: 100%;
}
.a-write-line .a-txt p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-break: break-all;
}
.a-write-line .a-txt input {
  width: 100%;
}
.a-write-line .a-fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
.a-write-line .a-fnc .file-custom {
  display: inline-block;
  vertical-align: top;
}
.a-write-line .a-field-fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  gap: 0.4rem;
}
.a-write-line .a-field-fnc .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.a-write-line .l-area .a-field-fnc {
  padding-right: 1.6rem;
}
.a-write-line .r-area .a-field-fnc {
  padding-left: 1.6rem;
}
.a-write-line.wfix .l-area,
.a-write-line.wfix .r-area {
  min-width: 40.4rem;
}

.a-write-order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.a-write-order input {
  width: 100%;
}

.a-view-order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background-color: var(--color-background-default-tertiary);
  border-radius: 2.4rem;
  min-height: 6.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.a-view-order button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background-color: var(--color-background-default-primary);
  width: 8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.8rem;
}
.a-view-order .label-area {
  padding: 1.2rem 1.6rem;
}

.checkradio-ox-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  gap: 0.4rem;
}
.checkradio-ox-area .checkradio-o,
.checkradio-ox-area .checkradio-x {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4rem;
  height: 4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background-color: var(--color-background-default-primary);
  border-radius: 2.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.checkradio-ox-area input {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.checkradio-ox-area label {
  font-size: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.checkradio-ox-area label::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.checkradio-ox-area .checkradio-o label:before {
  display: inline-block;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  line-height: var(--size-icon-sm);
  -webkit-mask-size: calc(var(--size-icon-sm) * 2) auto !important;
          mask-size: calc(var(--size-icon-sm) * 2) auto !important;
  -webkit-mask-image: url("../images/common/common/ico_ox.svg");
          mask-image: url("../images/common/common/ico_ox.svg");
  background-color: #6D7882;
  -webkit-mask-position: calc(0 * var(--size-icon-sm)) calc(0 * var(--size-icon-sm));
          mask-position: calc(0 * var(--size-icon-sm)) calc(0 * var(--size-icon-sm));
  font-size: 0;
  vertical-align: middle;
}
.checkradio-ox-area .checkradio-o input:checked ~ label::before {
  display: inline-block;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  line-height: var(--size-icon-sm);
  -webkit-mask-size: calc(var(--size-icon-sm) * 2) auto !important;
          mask-size: calc(var(--size-icon-sm) * 2) auto !important;
  -webkit-mask-image: url("../images/common/common/ico_ox.svg");
          mask-image: url("../images/common/common/ico_ox.svg");
  background-color: #006600;
  -webkit-mask-position: calc(0 * var(--size-icon-sm)) calc(0 * var(--size-icon-sm));
          mask-position: calc(0 * var(--size-icon-sm)) calc(0 * var(--size-icon-sm));
  font-size: 0;
  vertical-align: middle;
}
.checkradio-ox-area .checkradio-x label:before {
  display: inline-block;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  line-height: var(--size-icon-sm);
  -webkit-mask-size: calc(var(--size-icon-sm) * 2) auto !important;
          mask-size: calc(var(--size-icon-sm) * 2) auto !important;
  -webkit-mask-image: url("../images/common/common/ico_ox.svg");
          mask-image: url("../images/common/common/ico_ox.svg");
  background-color: #6D7882;
  -webkit-mask-position: calc(-1 * var(--size-icon-sm)) calc(0 * var(--size-icon-sm));
          mask-position: calc(-1 * var(--size-icon-sm)) calc(0 * var(--size-icon-sm));
  font-size: 0;
  vertical-align: middle;
}
.checkradio-ox-area .checkradio-x input:checked ~ label::before {
  display: inline-block;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  line-height: var(--size-icon-sm);
  -webkit-mask-size: calc(var(--size-icon-sm) * 2) auto !important;
          mask-size: calc(var(--size-icon-sm) * 2) auto !important;
  -webkit-mask-image: url("../images/common/common/ico_ox.svg");
          mask-image: url("../images/common/common/ico_ox.svg");
  background-color: #CD0404;
  -webkit-mask-position: calc(-1 * var(--size-icon-sm)) calc(0 * var(--size-icon-sm));
          mask-position: calc(-1 * var(--size-icon-sm)) calc(0 * var(--size-icon-sm));
  font-size: 0;
  vertical-align: middle;
}

/* //퀴즈 작성 */
@media (max-width: 1570px) {
  .viewer-q-list .q-item .q-area .q-tit .num {
    position: relative;
    -webkit-transform: none;
            transform: none;
    padding-right: 0;
  }
  .viewer.cbt.student .quiz-viewer-aside ~ .quiz-viewer-cont,
  .viewer-class.cbt.student .quiz-viewer-aside ~ .quiz-viewer-cont,
  .viewer.student .quiz-viewer-aside ~ .quiz-viewer-cont {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .viewer.cbt.student .viewer-footer .viewer-submit ~ .c-area,
  .viewer-class.cbt.student .viewer-footer .viewer-submit ~ .c-area,
  .viewer.student .viewer-footer .viewer-submit ~ .c-area {
    padding-left: 0;
  }
}
@media (max-width: 1279px) {
  .quiz-viewer .quiz-viewer-body .quiz-viewer-cont {
    padding-left: var(--size-wrap-spacing);
    padding-right: var(--size-wrap-spacing);
  }
  .quiz-viewer .quiz-viewer-fnc {
    position: sticky;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: initial;
    top: initial;
    -webkit-transform: initial;
            transform: initial;
    padding: 0.8rem;
    bottom: 0;
    gap: 0.8rem;
    z-index: 3;
  }
  .quiz-viewer .quiz-viewer-fnc .btn-prev,
  .quiz-viewer .quiz-viewer-fnc .btn-next {
    width: 4.8rem;
    height: 4.8rem;
  }
  .quiz-viewer .quiz-viewer-fnc .btn-prev:hover span,
  .quiz-viewer .quiz-viewer-fnc .btn-next:hover span {
    display: none;
  }
}
@media (max-width: 767px) {
  .a-custorm-list {
    gap: 0.4rem;
  }
  .a-custorm-list .a-item .a-box {
    padding: 1.2rem;
    gap: 1.2rem;
  }
}
html:has(.viewer),
body:has(.viewer) {
  overscroll-behavior-y: none;
}

.viewer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.viewer .viewer-header,
.viewer .viewer-body,
.viewer .viewer-footer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.viewer .viewer-header,
.viewer .viewer-footer {
  padding-left: var(--size-wrap-spacing);
  padding-right: var(--size-wrap-spacing);
  height: 6.4rem;
  gap: 0 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 0;
}
.viewer .viewer-header {
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
  z-index: 1;
}
.viewer .viewer-header .viewer-tit {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  justify-content: center;
  gap: 0 0.4rem;
}
.viewer .viewer-header h1 {
  font-weight: 700;
  color: var(--color-font-default-primary);
  font-size: 2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.viewer .viewer-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
  background-color: var(--color-background-default-secondary);
  z-index: 0;
}
.viewer .viewer-footer {
  border-top: 0.1rem solid var(--color-stroke-default-tertiary);
}
.viewer .viewer-footer .viewer-fnc,
.viewer .viewer-footer .viewer-location {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.viewer .fnc-zoom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.viewer .fnc-zoom .txt-zoom {
  color: var(--color-font-default-secondary);
  font-size: var(--size-font-xsm);
  min-width: 3.6rem;
}
.viewer .fnc-zoom .txt-zoom:hover {
  color: var(--color-font-default-primary);
  font-weight: 500;
}
.viewer .viewer-fnc,
.viewer .viewer-location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  overflow-x: auto;
}
.viewer .viewer-fnc .btn,
.viewer .viewer-location .btn {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.viewer .viewer-fnc {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.viewer .viewer-fnc-mo {
  display: none;
}
.viewer .viewer-painter {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0;
}
.viewer .viewer-painter.is-active {
  z-index: 1;
  opacity: 1;
}
.viewer .viewer-paging .num {
  display: inline-block;
  margin: 0 1.6rem;
  color: var(--color-font-default-tertiary);
}
.viewer .viewer-paging .num strong {
  color: var(--color-font-default-primary);
}
.viewer .viewer-menu-area {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem 0;
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  max-width: 32rem;
  width: calc(100% - 2.4rem);
  padding: 4.8rem 2.4rem 2.4rem;
  background-color: var(--color-background-default-primary);
  border-right: 0.1rem solid var(--color-stroke-default-tertiary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 3;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.viewer .viewer-menu-area .tabs-nav {
  margin-bottom: 1.6rem;
}
.viewer .viewer-menu-area .tabs-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
}
.viewer .viewer-menu-area .tabs-cont .bg-box,
.viewer .viewer-menu-area .tabs-cont .border-box,
.viewer .viewer-menu-area .tabs-cont .border-box-list > li {
  margin-bottom: 1.2rem;
  padding: 1.6rem;
}
.viewer .viewer-menu-area .tabs-cont .bg-box:last-child,
.viewer .viewer-menu-area .tabs-cont .border-box:last-child,
.viewer .viewer-menu-area .tabs-cont .border-box-list > li:last-child {
  margin-bottom: 0;
}
.viewer .viewer-menu-area .tabs-cont .border-box-list li {
  margin: 0;
}
.viewer .viewer-menu-area .btn-viewer-menu-toggle {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  right: -3.3rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3.2rem;
  height: 11.2rem;
  background: url("../images/common/common/btn_menu_bg.svg");
  background-size: 100% 100%;
}
.viewer .viewer-menu-area .btn-viewer-menu-toggle::before {
  content: " ";
  width: 1.6rem;
  height: 1.6rem;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8.71,21.71l9-9c.39-.39.39-1.02,0-1.41L8.71,2.29l-1.41,1.41,8.29,8.29-8.29,8.29,1.41,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m8.71,21.71l9-9c.39-.39.39-1.02,0-1.41L8.71,2.29l-1.41,1.41,8.29,8.29-8.29,8.29,1.41,1.41Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary-inverse);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.viewer.is-active .viewer-menu-area {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
}
.viewer.is-active .viewer-menu-area .btn-viewer-menu-toggle::before {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.viewer .viewer-nav > ul {
  display: grid;
  gap: 2.4rem;
}
.viewer .viewer-nav > ul > li {
  display: grid;
  gap: 0.8rem;
}
.viewer .viewer-nav > ul ~ ul {
  margin-top: 2.4rem;
}
.viewer .viewer-nav li {
  position: relative;
}
.viewer .viewer-nav .nav-tit-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.viewer .viewer-nav .nav-tit-area .num {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.viewer .viewer-nav .nav-tit-area h2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}

.viewer-block {
  position: absolute;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-font-default-primary);
  z-index: 2;
}
.viewer-block.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.viewer-block figure {
  display: block;
  margin-bottom: 1.6rem;
}
.viewer-block figure img {
  display: block;
  max-width: 100%;
}
.viewer-block p {
  color: #fff;
  font-size: 3rem;
  opacity: 0.3;
}
.viewer-block .btn-viewer-block-close {
  position: absolute;
  right: 4rem;
  top: 1.6rem;
}

.viewer-cont {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.viewer-cont-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-font-default-primary);
  width: 100%;
  height: 100%;
}
.viewer-cont-box img,
.viewer-cont-box video {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}
.viewer-cont-box video {
  width: 100%;
  max-height: 100%;
}
.viewer-cont-box iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.viewer-painter {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0;
}
.viewer-painter.is-active {
  z-index: 1;
  opacity: 1;
}

.viewer-wrap {
  min-height: calc(100% - 4rem);
  max-width: 144rem;
  width: 100%;
  margin: 2rem auto;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
  background-color: var(--color-background-default-primary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4rem 8rem;
  overflow-y: auto;
}

.viewer-cover-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: safe center;
      -ms-flex-pack: safe center;
          justify-content: safe center;
  background: url("../images/common/common/bg_viewer_cover.svg") center/cover no-repeat;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 8rem var(--size-wrap-spacing);
}
.viewer-body:has(.viewer-cover-cont) {
  overflow: hidden;
}

.viewer-cover-cont .cover-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  gap: 6.4rem;
  padding: 4rem var(--spacing-section-md);
  background-color: var(--color-background-default-primary);
  border-radius: 3.2rem;
  border: 0.1rem solid var(--color-stroke-default-quaternary);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
  max-width: 80rem;
  width: 100%;
}
.viewer-cover-cont .cover-tit-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  text-align: center;
}
.viewer-cover-cont .cover-tit-area cite {
  font-size: var(--font-tit-lg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.viewer-cover-cont .cover-tit-area h2 {
  font-size: var(--font-tit-xlg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.viewer-cover-cont .cover-tit-area h2.tit {
  color: var(--color-font-brand-primary);
}
.viewer-cover-cont .btn-cont {
  margin: 0;
}

.view-msg-area {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
  background-color: var(--color-background-default-secondary);
}
.view-msg-area figure img {
  margin-bottom: 1.6rem;
}
.view-msg-area .btn-cont {
  margin-top: 2.4rem;
  margin-bottom: 0;
}
.view-msg-area.static {
  position: static;
}

.btn-screenfull {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 1.2rem;
  background-color: var(--color-background-default-secondary-inverse);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  z-index: 9;
}
.btn-screenfull::before {
  content: " ";
  display: block;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8H4V4h8v-2H3c-.55,0-1,.45-1,1v18Z'/%3E%3Cpath d='m22,10V3c0-.55-.45-1-1-1h-7v2h4.59l-7.29,7.29,1.41,1.41,7.29-7.29v4.59h2Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m2,21c0,.55.45,1,1,1h18c.55,0,1-.45,1-1v-9h-2v8H4V4h8v-2H3c-.55,0-1,.45-1,1v18Z'/%3E%3Cpath d='m22,10V3c0-.55-.45-1-1-1h-7v2h4.59l-7.29,7.29,1.41,1.41,7.29-7.29v4.59h2Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary-inverse);
}
.btn-screenfull:hover {
  background-color: var(--color-background-default-primary-inverse);
}

.viewer-cont-fnc {
  position: absolute;
  bottom: 1.6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 4.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 1.2rem;
  background: var(--color-background-default-primary-inverse);
  color: var(--color-font-default-secondary-inverse);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
  padding: 0.4rem 0;
  overflow: hidden;
  z-index: 9;
  max-width: calc(100% - var(--size-wrap-spacing) * 2);
  overflow-x: auto;
}
.viewer-cont-fnc * {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}
.viewer-cont-fnc .viewer-paging button {
  width: var(--form-height-sm);
  height: var(--form-height-sm);
}
.viewer-cont-fnc .viewer-paging button::before {
  background-color: var(--color-icon-default-primary-inverse);
}
.viewer-cont-fnc .fnc-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.8rem;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 0.1rem solid var(--color-stroke-default-tertiary-inverse);
  font-size: var(--size-font-xsm);
}
.viewer-cont-fnc .fnc-section:first-of-type {
  border-left: none;
}
.viewer-cont-fnc .fnc-tit {
  display: inline-block;
  margin-right: 1.2rem;
}
.viewer-cont-fnc select,
.viewer-cont-fnc input[type=text],
.viewer-cont-fnc input[type=number] {
  border: none;
  color: var(--color-font-default-secondary-inverse);
  height: var(--form-height-sm);
  border-radius: 0.8rem;
  vertical-align: middle;
}
.viewer-cont-fnc select {
  padding-left: 0.4rem;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='rgba(255, 255, 255, 0.75)'%3E%3Cpath d='m3.71,7.29l-1.41,1.41,9,9c.19.19.44.29.71.29s.52-.11.71-.29l9-9-1.41-1.41-8.29,8.29L3.71,7.29Z'/%3E%3C/g%3E%3C/svg%3E");
  stroke-width: 2px;
  padding-right: 2.4rem;
  background-position: right 0.4rem center;
  background-size: 1.2rem;
}
.viewer-cont-fnc select option {
  color: var(--color-font-default-primary);
}
.viewer-cont-fnc input[type=text],
.viewer-cont-fnc input[type=number] {
  min-width: 0;
  background-color: var(--color-background-default-secondary-inverse);
}
.viewer-cont-fnc input[type=number] {
  text-align: center;
  padding: 0;
}
.viewer-cont-fnc .btn {
  padding: 0 0.8rem;
  border: none;
}
.viewer-cont-fnc .btn:not(.primary) {
  color: var(--color-font-default-secondary-inverse);
}
.viewer-cont-fnc .btn:not(.primary)::before {
  background-color: var(--color-icon-default-primary-inverse);
}
.viewer-cont-fnc .btn:not(.primary):hover {
  background-color: unset;
}
.viewer-cont-fnc .btn:disabled {
  opacity: 0.2;
}

@media (max-width: 1279px) {
  .viewer .viewer-menu-area .btn-viewer-menu-toggle {
    top: 0;
    right: 0;
    -webkit-transform: initial;
            transform: initial;
    width: 4rem;
    height: 4rem;
    background: var(--color-background-default-primary-inverse);
  }
  .viewer .viewer-menu-area .btn-viewer-menu-toggle::before {
    width: var(--size-icon-sm);
    height: var(--size-icon-sm);
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    background-color: var(--color-icon-default-primary-inverse);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
  }
}
@media (max-width: 767px) {
  .viewer .viewer-header .viewer-fnc {
    display: none;
  }
  .viewer .viewer-header .viewer-fnc-mo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.8rem;
  }
  .viewer .viewer-footer .viewer-fnc,
  .viewer .viewer-footer .viewer-location {
    display: none;
  }
  .viewer .viewer-footer .viewer-paging {
    margin: 0 auto;
  }
  .viewer .viewer-menu-area {
    max-width: initial;
    width: 100%;
  }
}
/* page */
:root {
  --classviewer-menu-width: 24rem;
}

.class-viewer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.class-viewer .viewer-header,
.class-viewer .viewer-body,
.class-viewer .viewer-footer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.class-viewer .viewer-header {
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
  background-color: var(--color-background-default-primary);
  z-index: 10;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  height: 5.6rem;
  gap: 0 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 0;
}
.class-viewer .viewer-header .l-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.class-viewer .viewer-header .r-area {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.class-viewer .viewer-header .viewer-tit {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  justify-content: center;
  gap: 0.4rem;
}
.class-viewer .viewer-header h1 {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.class-viewer .btn-class-viewer-menu {
  display: none;
}
.class-viewer .viewer-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--color-background-default-secondary);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.class-viewer .viewer-body .viewer-cont {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 100%;
}
.class-viewer .viewer-body .viewer-cont .viewer-cont-etc {
  position: absolute;
  top: 1.6rem;
  right: 2.4rem;
  z-index: 9;
}
.class-viewer .viewer-body .viewer-cont:has(.iframe-doc-area) #painterSvg {
  height: calc(100% - 136px);
  bottom: 136px;
}
.class-viewer .viewer-body .viewer-cont-doc-area {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.class-viewer .viewer-body .viewer-cont-doc-area .doc-area {
  height: 100%;
}
.class-viewer .viewer-body .viewer-cont-doc-area .doc-area img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.class-viewer .viewer-body .viewer-cont-doc-area .doc-fnc-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  gap: 0.4rem;
  bottom: 7.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.class-viewer .iframe-doc-area {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.class-viewer .iframe-doc-area iframe {
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.class-viewer .iframe-doc-area .doc-fnc-area {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  bottom: 7.2rem;
  left: 50%;
  padding: 1.6rem 0 7.2rem;
}
.class-viewer .viewer-menu-area {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 1.2rem;
  width: var(--classviewer-menu-width);
  padding: 1.6rem 1.2rem;
  background-color: var(--color-background-default-primary);
  border-right: 0.1rem solid var(--color-stroke-default-tertiary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  z-index: 2;
}
.class-viewer .viewer-menu-area.is-active {
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
}
.class-viewer .viewer-menu-area.is-active .btn-class-viewer-menu-toggle::before {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.class-viewer .viewer-menu-area .menu-add-area {
  position: relative;
}
.class-viewer .viewer-menu-area .menu-add-area .btn-menu-add {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  height: 3.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.8rem;
  border: 0.1rem solid var(--color-icon-brand-primary);
  width: 100%;
  color: var(--color-font-brand-primary);
  font-size: var(--size-font-xsm);
}
.class-viewer .viewer-menu-area .menu-add-area .btn-menu-add:hover {
  background-color: var(--color-background-brand-primary);
}
.class-viewer .viewer-menu-area .menu-add-area .btn-menu-add::before {
  content: " ";
  display: inline-block;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-brand-primary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
}
.class-viewer .viewer-menu-area .menu-add-area .btn-menu-add span {
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
}
.class-viewer .viewer-menu-area .menu-add-area .btn-menu-add span::before {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  aspect-ratio: 1;
  height: 100%;
  border-left: 0.1rem solid var(--color-stroke-default-tertiary);
}
.class-viewer .viewer-menu-area .menu-add-area .btn-menu-add span::after {
  content: " ";
  position: absolute;
  right: 0.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-brand-primary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m9.772,20.707l-1.414-1.414,7.293-7.293-7.293-7.293,1.414-1.414,8,8c.391.391.391,1.023,0,1.414l-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-1' d='m9.772,20.707l-1.414-1.414,7.293-7.293-7.293-7.293,1.414-1.414,8,8c.391.391.391,1.023,0,1.414l-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}
.class-viewer .viewer-menu-area .menu-add-area .menu-add-option {
  display: none;
  position: absolute;
  right: -0.4rem;
  top: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  padding: 0.8rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
  border-radius: 1.2rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.class-viewer .viewer-menu-area .menu-add-area .menu-add-option a,
.class-viewer .viewer-menu-area .menu-add-area .menu-add-option button {
  display: block;
  text-align: left;
  padding: 0.8rem;
  font-size: var(--size-font-xsm);
  color: var(--color-font-default-secondary);
}
.class-viewer .viewer-menu-area .menu-add-area .menu-add-option a:hover,
.class-viewer .viewer-menu-area .menu-add-area .menu-add-option button:hover {
  background: var(--color-background-brand-primary);
}
.class-viewer .viewer-menu-area .menu-add-area.is-active .menu-add-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: opacityUp 0.3s forwards;
          animation: opacityUp 0.3s forwards;
}
.class-viewer .viewer-menu-area .viewer-menu-body {
  height: 100%;
  overflow-y: auto;
}
.class-viewer .viewer-menu-area .viewer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.class-viewer .viewer-menu-area .viewer-nav img {
  max-width: 100%;
}
.class-viewer .viewer-menu-area .viewer-nav > ul > li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.4rem;
  gap: 0.2rem;
  border-radius: 1.2rem;
}
.class-viewer .viewer-menu-area .viewer-nav > ul > li.is-active, .class-viewer .viewer-menu-area .viewer-nav > ul > li:hover {
  background: var(--color-background-brand-primary);
}
.class-viewer .viewer-menu-area .viewer-nav > ul > li.is-active .nav-info .num, .class-viewer .viewer-menu-area .viewer-nav > ul > li:hover .nav-info .num {
  font-weight: var(--size-font-weight-xlg);
  color: var(--color-stroke-brand-primary);
}
.class-viewer .viewer-menu-area .viewer-nav > ul > li.is-active .nav-cont, .class-viewer .viewer-menu-area .viewer-nav > ul > li:hover .nav-cont {
  border-width: 0.2rem;
  border-color: var(--color-stroke-brand-primary);
}
.class-viewer .viewer-menu-area .viewer-nav > ul > li:hover .nav-info .fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.class-viewer .viewer-menu-area .viewer-nav > ul > li:hover .nav-info .fnc button,
.class-viewer .viewer-menu-area .viewer-nav > ul > li:hover .nav-info .fnc i {
  display: block;
}
.class-viewer .viewer-menu-area .viewer-nav > ul > li:hover .nav-info .fnc button::before,
.class-viewer .viewer-menu-area .viewer-nav > ul > li:hover .nav-info .fnc i::before {
  background-color: var(--color-icon-brand-primary);
}
.class-viewer .viewer-menu-area .viewer-nav > ul > li .nav-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 2.4rem;
}
.class-viewer .viewer-menu-area .viewer-nav > ul > li .nav-info .num {
  font-size: var(--size-font-2xsm);
  color: var(--color-font-default-tertiary);
}
.class-viewer .viewer-menu-area .viewer-nav > ul > li .nav-info .fnc {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
}
.class-viewer .viewer-menu-area .viewer-nav > ul > li .nav-cont {
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  min-height: 6.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  border-radius: 1.2rem;
  min-width: 0;
  background: var(--color-background-default-primary);
}
.class-viewer .viewer-menu-area .viewer-nav > ul > li .nav-cont .img-area {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1/0.5656;
  overflow: hidden;
}
.class-viewer .viewer-menu-area .viewer-nav > ul > li .nav-cont .img-area img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.class-viewer .viewer-menu-area .viewer-nav > ul > li .nav-cont:has(.img-weboffice-area) {
  grid-template-columns: 4rem 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.class-viewer .viewer-menu-area .viewer-nav > ul > li .nav-cont:has(.img-weboffice-area) .txt-area {
  padding-left: 0.4rem;
}
.class-viewer .viewer-menu-area .viewer-nav > ul > li .nav-cont .img-weboffice-area {
  margin-left: 0.8rem;
}
.class-viewer .viewer-menu-area .viewer-nav > ul > li .nav-cont .txt-area {
  display: grid;
  padding: 0.8rem;
  overflow: hidden;
  min-width: 0;
}
.class-viewer .viewer-menu-area .viewer-nav > ul > li .nav-cont .txt {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
}
.class-viewer .viewer-menu-area .viewer-nav > ul > li.is-active {
  background: var(--color-background-brand-primary);
}
.class-viewer .viewer-cont-add-area > p {
  display: block;
  font-size: var(--font-body-lg);
  font-weight: var(--size-font-weight-md);
  color: var(--color-font-default-tertiary);
  text-align: center;
  margin-bottom: 1.6rem;
}
.class-viewer .viewer-cont-add-area ul {
  display: grid;
  gap: 0.4rem;
}
.class-viewer .viewer-cont-add-area ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
  background: var(--color-background-default-primary);
  height: 6.4rem;
  overflow: hidden;
  background-color: var(--color-background-default-primary);
}
.class-viewer .viewer-cont-add-area ul li:hover {
  border-width: 0.2rem;
  border-color: var(--color-stroke-brand-primary);
}
.class-viewer .viewer-cont-add-area ul li figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 6.4rem;
  height: 100%;
  border-right: 0.1rem solid var(--color-stroke-default-tertiary);
}
.class-viewer .viewer-cont-add-area ul li figure img {
  width: 50%;
}
.class-viewer .viewer-cont-add-area ul li > span {
  display: block;
  padding: 1.2rem;
}
.class-viewer .viewer-menu-area ~ .viewer-cont .quiz-viewer .quiz-viewer-fnc {
  margin-left: calc(var(--classviewer-menu-width) / 2);
}
.class-viewer .viewer-tool {
  position: fixed;
  right: 0;
  bottom: 0;
  bottom: 3.2rem;
  right: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 8rem;
  border-radius: 4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
  padding: 1.2rem 1.6rem;
  z-index: 100;
}
.class-viewer .viewer-tool li {
  position: relative;
  text-align: center;
  padding: 0.8rem 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.2rem;
}
.class-viewer .viewer-tool li strong {
  font-weight: var(--size-font-weight-md);
  white-space: nowrap;
  color: var(--color-font-default-tertiary);
}
.class-viewer .viewer-tool li .badge.min {
  top: 0.8rem;
  right: 0.8rem;
}
.class-viewer .viewer-tool img {
  display: block;
  width: 2.4rem;
  margin: 0 auto;
}

.btn-box-list {
  display: grid;
  gap: 0.4rem;
}
.btn-box-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
  background: var(--color-background-default-primary);
  min-height: 6.4rem;
  overflow: hidden;
  min-width: 0;
}
.btn-box-list li > * {
  overflow: hidden;
}
.btn-box-list li:hover {
  border-width: 0.2rem;
  border-color: var(--color-stroke-brand-primary);
}
.btn-box-list li > .img-area,
.btn-box-list li figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 6.4rem;
  height: 100%;
  border-right: 0.1rem solid var(--color-stroke-default-tertiary);
}
.btn-box-list li > .img-area img,
.btn-box-list li figure img {
  width: 50%;
}
.btn-box-list li span {
  display: block;
  padding: 1.2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  word-break: break-all;
  line-height: var(--size-font-lineheight-sm);
}
.btn-box-list li .fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-left: 0.1rem solid var(--color-stroke-default-tertiary);
  height: 100%;
  min-width: 6.4rem;
  padding: 0 1.6rem;
}

.tutorial .viewer-header,
.tutorial .viewer-body,
.tutorial .viewer-tool {
  z-index: -1;
}
.tutorial .viewer-header:has(.tutorial-area),
.tutorial .viewer-body:has(.tutorial-area),
.tutorial .viewer-tool:has(.tutorial-area) {
  z-index: 1;
}
.tutorial .dim, .tutorial .popup-alert-area {
  pointer-events: none;
}

.tutorial-area {
  position: relative !important;
  outline: 0.4rem solid var(--color-stroke-brand-accent) !important;
  overflow: visible !important;
  min-width: 0;
  z-index: 999;
  border-radius: 0.8rem;
}
.tutorial-area::before {
  content: " ";
  position: fixed;
  inset: 0;
  z-index: -1;
  background-color: rgba(17, 17, 17, 0.25);
}
.tutorial-area > * {
  z-index: 1;
}
.tutorial-area.top .tutorial-msg {
  bottom: auto;
  top: -2rem;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.tutorial-area.right .tutorial-msg {
  right: 0;
}

.tutorial-msg {
  position: absolute;
  background-color: var(--color-background-brand-primary-inverse);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  color: var(--color-font-default-primary-inverse);
  padding: 1.6rem;
  border-radius: 2.4rem;
  bottom: -1.6rem;
  margin-top: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
  width: 24rem;
}
.tutorial-msg .tutorial-num {
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  color: var(--color-font-default-tertiary-inverse);
}
.tutorial-msg .fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.tutorial-msg .fnc .btn {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: initial;
  background-color: var(--color-background-default-primary);
  border-radius: 8rem;
  height: var(--form-height-sm);
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  border: none;
}
.tutorial-msg .fnc .btn:hover::before, .tutorial-msg .fnc .btn:focus::before {
  display: none;
}
@-webkit-keyframes click {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.2;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.2;
  }
}
@keyframes click {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0.2;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.2;
  }
}
.tutorial-msg .fnc .btn::before {
  content: "";
  position: absolute;
  right: -1.8rem;
  top: 50%;
  margin-top: -1.8rem;
  width: 3.6rem;
  height: 3.6rem;
  background-color: var(--color-background-brand-accent-inverse);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
  font-weight: bold;
  cursor: pointer;
  -webkit-animation: click 1.5s infinite ease-in-out;
          animation: click 1.5s infinite ease-in-out;
  opacity: 0.5;
}
.tutorial-msg .fnc .btn.ghost {
  background-color: transparent;
  color: var(--color-font-default-primary-inverse);
}
.tutorial-msg .fnc .btn.ghost:hover {
  mix-blend-mode: unset;
}
.tutorial-msg .fnc .btn.ghost::before {
  content: none;
}

@media (max-width: 1279px) {
  .class-viewer .viewer-header {
    padding-left: var(--size-wrap-spacing);
    padding-right: var(--size-wrap-spacing);
  }
}
@media (max-width: 1023px) {
  .class-viewer .viewer-tool {
    bottom: 7.2rem;
  }
}
@media (max-width: 767px) {
  .class-viewer .btn-class-viewer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .class-viewer.is-active .viewer-menu-area {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .class-viewer.is-active .btn-class-viewer-menu {
    background-color: var(--color-background-default-primary-inverse);
    border-color: var(--color-stroke-default-primary-inverse);
  }
  .class-viewer.is-active .btn-class-viewer-menu::before {
    width: var(--size-icon-sm);
    height: var(--size-icon-sm);
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    background-color: var(--color-icon-default-primary-inverse);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='19.59 3 12 10.59 4.41 3 3 4.41 10.59 12 3 19.59 4.41 21 12 13.41 19.59 21 21 19.59 13.41 12 21 4.41 19.59 3'/%3E%3C/g%3E%3C/svg%3E");
  }
  .class-viewer .viewer-menu-area {
    position: absolute;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 10;
  }
}
.row {
  margin-bottom: var(--spacing-section-sm);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 1.2rem;
}
.row > .section {
  margin-bottom: 0;
}
.row .border-box, .row .border-box-list > li {
  height: 100%;
}
.row .col2 {
  grid-column: span 2;
}
.row .mn-section {
  margin-bottom: 0;
}
.row .mn-section .mn-cont {
  height: 100%;
}
.row .col-group {
  display: grid;
  height: 100%;
  gap: 0.8rem;
  grid-auto-rows: 1fr;
}

@media (max-width: 1023px) {
  .row {
    grid-template-columns: 1fr;
    gap: var(--spacing-section-sm) 0;
  }
}
.section-row {
  margin-bottom: var(--spacing-section-sm);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 8rem;
}
.section-row .section {
  margin: 0;
  height: 100%;
}
.section-row .section:has(.section-box) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.section-row .section:has(.section-box) .section-box {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.section-row:has(.section:nth-child(3)) {
  gap: 2.4rem;
}

.class-info-area {
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-quaternary);
  background: var(--color-background-default-primary);
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
  padding: 2.4rem 3.2rem;
  gap: 4rem;
  display: grid;
  grid-template-columns: 48rem 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.class-info-area .img-area {
  display: grid;
  gap: 1.6rem;
}
.class-info-area .img-area figure {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  background: var(--color-background-default-secondary);
  overflow: hidden;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.class-info-area .img-area figure img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.class-info-area .img-area .fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
}
.class-info-area .img-area .fnc .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.class-info-area .txt-area {
  display: grid;
  gap: 2.4rem;
}

.info-box {
  padding: 1.2rem 1.6rem;
  border-radius: 2.4rem;
  background: var(--color-background-default-secondary);
}
.info-box table th {
  color: var(--color-font-brand-primary);
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-xlg);
  padding-right: 1.6rem;
  text-align: left;
}
.info-box table th,
.info-box table td {
  text-align: left;
  height: 4.4rem;
  border-bottom: 0.1rem solid var(--color-stroke-default-quaternary);
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.info-box table td > * {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
.info-box table td > :not(.block),
.info-box table td > :not(.datepicker-box) {
  margin-right: 0.4rem;
}
.info-box table td > :last-child {
  margin-right: 0;
}
.info-box table .q0,
.info-box table input[type=number].q0 {
  width: 20rem;
  min-width: 20rem;
}
.info-box table .q1 {
  width: calc((100% - 2.4rem) / 4);
}
.info-box table .q2 {
  width: calc((100% - 0.8rem) / 2);
}
.info-box table .q3 {
  width: calc((100% - 2.4rem) / 3 * 2);
}
.info-box table .q4 {
  width: 100%;
}

.qr-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}
.qr-area .qr-img-area {
  margin: 0 auto;
  width: 16rem;
  padding: 1.6rem;
  border-radius: 1.2rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
}
.qr-area .qr-img-area img {
  display: block;
}
.qr-area .qr-txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 1.2rem 2.4rem;
  gap: 1.2rem 1.6rem;
  border-radius: 1.2rem;
  background: var(--color-background-brand-primary);
  color: var(--color-font-brand-primary);
}
.qr-area .qr-txt-area dt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.qr-area .qr-txt-area dd {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  word-break: break-all;
}

.notice-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 6.4rem;
  border-radius: 3.2rem;
  overflow: hidden;
  background: var(--color-background-default-secondary);
}
.notice-box .notice-tit {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 3.2rem;
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  background-color: var(--color-background-brand-primary-inverse);
  color: var(--color-font-default-primary-inverse);
  border-radius: 3.2rem;
}
.notice-box .notice-swiper-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.2rem 2.4rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  padding: 0 2.4rem;
}
.notice-box .notice-swiper-area .swiper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.notice-box .notice-swiper-area .swiper-slide {
  min-width: 0;
}
.notice-box .notice-swiper-area a {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}

.user-state-list,
.attendance-state-list {
  padding: 3.2rem 4rem;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
}

.user-state-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.4rem 1.6rem;
}
.user-state-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 9.6rem;
}
.user-state-list > li.is-active .profile {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  opacity: 1;
}
.user-state-list > li.is-active .label-state {
  word-break: break-all;
}
.user-state-list > li.is-active .label-state::before {
  background: var(--color-icon-success-primary);
}
.user-state-list .profile {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  opacity: 0.3;
}
.user-state-list .txt-area {
  text-align: center;
}
.user-state-list .txt-area small {
  display: block;
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-xlg);
  color: var(--color-font-default-quaternary);
  margin-bottom: 0.4rem;
}
.user-state-list .txt-area strong {
  display: block;
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
}

.attendance-state-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.6rem;
}
.attendance-state-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.4rem 1.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  border-radius: 1.2rem;
  background: var(--color-background-disabled-primary);
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  color: var(--color-font-default-primary);
}
.attendance-state-list > li.is-active {
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-xlg);
  color: var(--color-font-brand-primary);
  border-radius: radius-sm;
  border: 0.1rem solid var(--color-stroke-default-quaternary);
  background: var(--color-background-default-primary);
}
.attendance-state-list > li.is-active::after {
  content: "";
  display: block;
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-brand-primary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M16.293,8.293l-5.293,5.293-3.293-3.293-1.414,1.414,4,4c.195.195.451.293.707.293s.512-.098.707-.293l6-6-1.414-1.414Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M16.293,8.293l-5.293,5.293-3.293-3.293-1.414,1.414,4,4c.195.195.451.293.707.293s.512-.098.707-.293l6-6-1.414-1.414Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
}

.chart-summary-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 1.6rem;
}
.chart-summary-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 3.2rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
  padding: 4rem;
}
.chart-summary-list > li .txt-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
}
.chart-summary-list > li .txt-area .summary-tit {
  color: var(--color-font-brand-primary);
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.chart-summary-list > li .txt-area p {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.chart-summary-list > li .chart-area {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  overflow: hidden;
  width: 12rem;
}

.class-search {
  display: grid;
  gap: 4rem;
  grid-template-columns: 1fr 40rem;
}
.class-search .sticky-cont {
  position: relative;
}
.class-search .sticky-cont .sticky {
  position: sticky;
  top: calc(var(--header-height) + 4rem);
  display: grid;
  gap: 1.6rem;
}
.class-search .sticky-cont .sticky > * {
  margin: 0;
}
.class-search .banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border-radius: 2.4rem;
  padding: 2.4rem;
  background: url("../images/custom/sub/class-search-banner.jpg") lightgray 50%/cover no-repeat;
  min-height: 8rem;
  margin-bottom: 2.4rem;
}
.class-search .banner p {
  font-size: var(--font-label-lg);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
  color: var(--color-font-brand-primary);
}
.class-search .banner-etc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 20rem;
  padding: 3.2rem 2.4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  background: url("../images/custom/sub/class-search-banner-etc.png") lightgray 50%/cover no-repeat;
}
.class-search .banner-etc strong {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}

@media (max-width: 1023px) {
  .class-mn .class-mn-top {
    grid-template-columns: initial;
  }
  .class-mn .class-mn-emotion .emotion-area {
    grid-template-columns: repeat(2, 1fr);
  }
  .class-mn .row:has(.class-mn-board) {
    grid-template-columns: initial;
  }
  .class-search {
    grid-template-columns: 1fr;
  }
  .class-search .sticky {
    grid-template-columns: repeat(2, 1fr);
  }
  .class-search .sticky > .section-box:first-child {
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .mn-section {
    margin-bottom: var(--spacing-section-md);
  }
  .mn-section.box {
    padding: 2.4rem 1.6rem;
  }
  .col-group .mn-section,
  .row .mn-section {
    margin-bottom: 0;
  }
  .class-home .class-home-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
  }
  .class-home .class-home-top .fnc .btn-group {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .class-home .class-home-currentactivity .currentactivity-area {
    grid-template-columns: initial;
  }
  .class-home .class-home-currentactivity .currentactivity-area article {
    min-height: 0;
  }
  .class-home .class-home-currentactivity .currentactivity-area img {
    width: 6.4rem;
    height: 6.4rem;
    padding: 1.2rem;
  }
  .class-home .class-home-quick ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.8rem;
  }
  .class-home .class-home-quick ul img {
    width: 4rem;
    height: 4rem;
  }
  .class-home .class-home-quick ul a {
    padding: 1.2rem;
  }
  .class-home .class-home-quick ul a strong {
    font-size: var(--font-label-lg);
    font-weight: var(--size-font-weight-md);
    line-height: var(--size-font-lineheight-xsm);
  }
  .class-top {
    background-position: 5%;
  }
  .class-top .class-tit-area select {
    font-size: var(--size-font-xlg);
    background-size: 2.4rem;
  }
  .class-nav li a {
    height: 4rem;
    min-width: 8rem;
    padding: 0 1.2rem;
    gap: 0.4rem;
    border-radius: 2.4rem 2.4rem 0rem 0rem;
  }
  .class-nav li a i {
    width: var(--size-icon-sm);
    height: var(--size-icon-sm);
  }
  .class-nav li a.is-active::before {
    width: var(--size-icon-md);
    height: var(--size-icon-md);
  }
  .class-search .sticky {
    grid-template-columns: initial;
  }
}
.chart-area {
  position: relative;
  overflow-x: auto;
}
.chart-area .chart {
  position: relative;
  overflow: hidden;
}
.chart-area canvas {
  width: 100% !important;
  height: auto !important;
}
.chart-area.sm {
  width: 12rem;
}
.chart-area.sm canvas {
  height: auto !important;
}
.chart-area:has(.chart-bar-stack) {
  overflow: visible;
}

.chart-doughnut ~ .txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: var(--color-font-brand-primary);
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  letter-spacing: -0.06rem;
}

.chart-legend {
  margin-bottom: 0.8rem;
}

.legend-area,
.calendar-legend-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem 1.6rem;
}

.legend {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  font-size: var(--font-body-sm);
  font-weight: var(--size-font-weight-md);
  color: var(--color-font-default-secondary);
  white-space: nowrap;
}
.legend i {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 100%;
  background-color: #B1B8BE;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.legend i[class^=ico-] {
  background-color: transparent;
}
.legend i.primary {
  background-color: var(--color-primary30);
}
.legend i.secondary {
  background-color: var(--color-secondary30);
}
.legend i.accent {
  background-color: var(--color-accent30);
}
.legend i.positive {
  background-color: #85DC85;
}
.legend i.negative {
  background-color: #FF8F66;
}
.legend i.yellow {
  background-color: #FFD47C;
}
.legend i.blue {
  background-color: #4686CF;
}
.legend i.green {
  background-color: #85DC85;
}
.legend i.pink {
  background-color: #FFA4B4;
}
.legend i.violet {
  background-color: #9B74D4;
}
.legend i.primary5 {
  background-color: var(--color-primary70);
}
.legend i.primary4 {
  background-color: var(--color-primary50);
}
.legend i.primary3 {
  background-color: var(--color-primary30);
}
.legend i.primary2 {
  background-color: var(--color-primary20);
}
.legend i.primary1 {
  background-color: var(--color-primary10);
}
.legend.lg {
  font-size: var(--font-tit-xsm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  color: var(--color-font-default-secondary);
}
.legend.lg i {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.8rem;
}

.a-chart-area .chart-list,
.chart-bar-list {
  display: grid;
  gap: 1.6rem;
}
.a-chart-area .chart-list li,
.chart-bar-list li {
  display: grid;
  gap: 0.4rem;
}
.a-chart-area .chart-list li .chart-tit-area,
.chart-bar-list li .chart-tit-area {
  min-width: 0;
}
.a-chart-area .chart-list li .chart-tit,
.chart-bar-list li .chart-tit {
  display: inline-block;
  font-size: var(--font-tit-xsm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.a-chart-area .chart-list li .chart-tit small,
.chart-bar-list li .chart-tit small {
  font-size: var(--font-body-md);
  font-weight: var(--size-font-weight-md);
}
.a-chart-area .chart-list li .bar-area,
.chart-bar-list li .bar-area {
  position: relative;
  padding-right: 6.4rem;
}
.a-chart-area .chart-list li .bar,
.chart-bar-list li .bar {
  display: inline-block;
  height: 2rem;
  border-radius: 0 1rem 1rem 0;
  background: -webkit-gradient(linear, right top, left top, from(var(--color-primary40)), color-stop(50%, var(--color-primary20)));
  background: linear-gradient(270deg, var(--color-primary40) 0%, var(--color-primary20) 50%);
  vertical-align: middle;
  font-size: 0;
}
.a-chart-area .chart-list li .chart-label,
.chart-bar-list li .chart-label {
  position: absolute;
  margin-left: 0.8rem;
  display: inline-block;
  color: var(--color-font-default-primary);
  font-size: var(--size-font-xsm);
  border-radius: 0.8rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
  padding: 0.2rem 0.4rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.a-chart-area .chart-list li .bar[style*="width:0%"] + .chart-label,
.chart-bar-list li .bar[style*="width:0%"] + .chart-label {
  margin-left: 0;
}
.a-chart-area .chart-list li:nth-child(2n) .bar,
.chart-bar-list li:nth-child(2n) .bar {
  background: -webkit-gradient(linear, right top, left top, from(var(--color-secondary40)), color-stop(50%, var(--color-secondary20)));
  background: linear-gradient(270deg, var(--color-secondary40) 0%, var(--color-secondary20) 50%);
}

.chart-bar-stack {
  position: relative;
  height: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
  background: var(--color-background-default-primary);
  overflow: visible;
}
.chart-bar-stack .bar {
  height: 100%;
  font-size: 0;
  background: #B1B8BE;
}
.chart-bar-stack .bar.primary {
  background: -webkit-gradient(linear, left top, right top, from(var(--color-primary40)), to(var(--color-primary30)));
  background: linear-gradient(90deg, var(--color-primary40), var(--color-primary30));
}
.chart-bar-stack .bar.secondary {
  background: -webkit-gradient(linear, left top, right top, from(var(--color-secondary40)), to(var(--color-secondary30)));
  background: linear-gradient(90deg, var(--color-secondary40), var(--color-secondary30));
}
.chart-bar-stack .bar.accent {
  background: -webkit-gradient(linear, left top, right top, from(var(--color-accent40)), to(var(--color-accent30)));
  background: linear-gradient(90deg, var(--color-accent40), var(--color-accent30));
}
.chart-bar-stack .bar.positive {
  background: -webkit-gradient(linear, left top, right top, from(#42BE42), to(#85DC85));
  background: linear-gradient(90deg, #42BE42, #85DC85);
}
.chart-bar-stack .bar.negative {
  background: -webkit-gradient(linear, left top, right top, from(#FF6A33), to(#FF8F66));
  background: linear-gradient(90deg, #FF6A33, #FF8F66);
}
.chart-bar-stack .bar.yellow {
  background: -webkit-gradient(linear, left top, right top, from(#FFC550), to(#FFD47C));
  background: linear-gradient(90deg, #FFC550, #FFD47C);
}
.chart-bar-stack .bar.green {
  background: -webkit-gradient(linear, left top, right top, from(#42BE42), to(#85DC85));
  background: linear-gradient(90deg, #42BE42, #85DC85);
}
.chart-bar-stack .bar.blue {
  background: -webkit-gradient(linear, left top, right top, from(#1359A9), to(#4686CF));
  background: linear-gradient(90deg, #1359A9, #4686CF);
}
.chart-bar-stack .bar.pink {
  background: -webkit-gradient(linear, left top, right top, from(#FF8291), to(#FFA4B4));
  background: linear-gradient(90deg, #FF8291, #FFA4B4);
}
.chart-bar-stack .bar.violet {
  background: -webkit-gradient(linear, left top, right top, from(#7A45C6), to(#9B74D4));
  background: linear-gradient(90deg, #7A45C6, #9B74D4);
}
.chart-bar-stack .bar.primary5 {
  background: -webkit-gradient(linear, left top, right top, from(var(--color-primary70)), to(var(--color-primary70)));
  background: linear-gradient(90deg, var(--color-primary70), var(--color-primary70));
}
.chart-bar-stack .bar.primary4 {
  background: -webkit-gradient(linear, left top, right top, from(var(--color-primary50)), to(var(--color-primary50)));
  background: linear-gradient(90deg, var(--color-primary50), var(--color-primary50));
}
.chart-bar-stack .bar.primary3 {
  background: -webkit-gradient(linear, left top, right top, from(var(--color-primary30)), to(var(--color-primary30)));
  background: linear-gradient(90deg, var(--color-primary30), var(--color-primary30));
}
.chart-bar-stack .bar.primary2 {
  background: -webkit-gradient(linear, left top, right top, from(var(--color-primary20)), to(var(--color-primary20)));
  background: linear-gradient(90deg, var(--color-primary20), var(--color-primary20));
}
.chart-bar-stack .bar.primary1 {
  background: -webkit-gradient(linear, left top, right top, from(var(--color-primary10)), to(var(--color-primary10)));
  background: linear-gradient(90deg, var(--color-primary10), var(--color-primary10));
}
.chart-bar-stack:has(.chart-marker-area) {
  margin: 0 0 3.2rem;
}
.chart-bar-stack:has(.chart-marker-area):has(.min, .max) {
  margin-top: 3.2rem;
}
.chart-bar-stack .chart-marker-area {
  position: absolute;
  inset: 0;
}
.chart-bar-stack .chart-marker-area .chart-marker {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  height: 2.4rem;
  padding: 0 0.4rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 0.8rem;
}
.chart-bar-stack .chart-marker-area .chart-marker.avg {
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
.chart-bar-stack .chart-marker-area .chart-marker.min, .chart-bar-stack .chart-marker-area .chart-marker.max {
  background: var(--color-background-default-secondary-inverse);
  color: var(--color-font-default-primary-inverse);
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  top: -0.8rem;
}
.chart-bar-stack .chart-marker-area .chart-marker.min::after, .chart-bar-stack .chart-marker-area .chart-marker.max::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0.1rem;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  display: block;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  border-top: 0.6rem solid var(--color-background-default-secondary-inverse);
  border-bottom: 0;
}

.chart-heatmap th,
.chart-heatmap td {
  height: 2.4rem;
}
.chart-heatmap thead th {
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
}
.chart-heatmap tbody th {
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  color: var(--color-font-default-secondary);
  text-align: left;
}
.chart-heatmap tbody td {
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  font-size: 0;
}
.chart-heatmap tbody td.level1 {
  background: var(--color-primary10);
}
.chart-heatmap tbody td.level2 {
  background: var(--color-primary20);
}
.chart-heatmap tbody td.level3 {
  background: var(--color-primary30);
}
.chart-heatmap tbody td.level4 {
  background: var(--color-primary50);
}
.chart-heatmap tfoot td {
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  color: var(--color-font-default-secondary);
}

.section-box {
  margin-bottom: var(--spacing-section-sm);
  padding: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  min-width: 0;
}
.section-box .box-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section-box.bg {
  background: var(--color-background-default-secondary);
  border: none;
}
.row .section-box, .section-row .section-box {
  margin-bottom: 0;
}

.box-row {
  margin-bottom: 1.2rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 1.6rem;
}
.box-row .article-box {
  margin-bottom: 0;
}
.box-row .border-box, .box-row .border-box-list > li {
  height: 100%;
}
.box-row .col2 {
  grid-column: span 2;
}

.article-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  padding: 2.4rem;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
}
.article-box .box-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.chart-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chart-box .chart-area {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.chart-box .cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chart-box .bg-info-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.4rem;
  border-radius: 2.4rem;
  background: var(--color-background-default-secondary);
  padding: 1.6rem;
  min-width: 12rem;
  min-height: 12rem;
  text-align: center;
}
.chart-box .bg-info-area span {
  color: var(--color-font-default-tertiary);
  font-size: var(--font-tit-xsm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.chart-box .bg-info-area .data {
  color: var(--color-font-default-secondary);
  font-size: var(--font-tit-lg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}

.chart-info-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.8rem 1.6rem;
  border-bottom: 0.1rem solid var(--color-stroke-default-quaternary);
}
.chart-info-list li > .l-area,
.chart-info-list li > .r-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.chart-info-list li > .r-area {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.chart-info-list li .data {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}

.chart-block-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}
.chart-block-list > li {
  position: relative;
}

.item-num-list {
  display: grid;
  gap: 1.2rem;
}
.item-num-list.col2 {
  grid-template-columns: repeat(2, 1fr);
}
.item-num-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  min-width: 0;
}
.item-num-list li .label {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.item-num-list li .txt-area {
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.item-num-list li .txt-area p {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.item-num-list .fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.item-num-list .fnc .etc-fnc-area {
  position: relative;
}

.book-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.2rem;
  min-width: 0;
  overflow: hidden;
}
.book-item .img-area figure {
  border-radius: 1.2rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  overflow: hidden;
  width: 100%;
  max-width: 12.5rem;
  aspect-ratio: 7/9;
}
.book-item .img-area figure img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.book-item .txt-area {
  display: grid;
  justify-items: center;
  gap: 0.2rem;
  min-width: 0;
  overflow: hidden;
}
.book-item .txt-area strong {
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}

.user-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}
.user-item .user-item-tit {
  display: block;
  text-align: center;
  font-size: var(--font-tit-lg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}

.emotion-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 2.4rem;
  background: var(--color-background-default-secondary);
  padding: 1.6rem;
}
.emotion-item .img-area img {
  display: block;
  max-width: 100%;
}
.emotion-item .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.emotion-item .txt-area strong {
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}

.point-item {
  position: relative;
  border-radius: 2.4rem;
  border: 0.4rem solid var(--color-stroke-brand-accent-inverse);
  background: var(--color-background-brand-accent);
  padding: 1.2rem 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 24rem;
  height: 100%;
}
.point-item .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.point-item .txt-area strong {
  font-size: var(--font-tit-xsm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.point-item .txt-area em {
  font-size: var(--font-tit-lg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.point-item::after {
  content: "";
  display: block;
  width: 4rem;
  aspect-ratio: 1;
  background: url("../images/custom/common/ico-img-point.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 0;
}

.emotion-swiper {
  padding: 0 5.6rem;
}
.section-box .emotion-swiper {
  max-width: 40rem;
  width: 100%;
}

.chart-section-area .chart-section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
  padding: 1.6rem 2.4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.8rem;
}
.chart-section-area .chart-section:last-child {
  border-bottom: none;
}
.chart-section-area .chart-section .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
}
.chart-section-area .chart-section .txt-area h4 {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  color: var(--color-font-default-tertiary);
}
.chart-section-area .chart-section .txt-area p {
  font-size: var(--font-tit-xlg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  color: var(--color-font-default-primary);
}
.chart-section-area .chart-section:has(.lnk-full, .audio-box > button)::after {
  content: "";
  display: inline-block;
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M10.707,6.293l-1.414,1.414,4.293,4.293-4.293,4.293,1.414,1.414,5-5c.391-.391.391-1.023,0-1.414l-5-5Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath class='cls-2' d='M10.707,6.293l-1.414,1.414,4.293,4.293-4.293,4.293,1.414,1.414,5-5c.391-.391.391-1.023,0-1.414l-5-5Z'/%3E%3Cpath class='cls-2' d='M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10,10-4.486,10-10S17.514,2,12,2ZM12,20c-4.411,0-8-3.589-8-8S7.589,4,12,4s8,3.589,8,8-3.589,8-8,8Z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary);
}
.chart-section-area .chart-area {
  width: 10rem;
}
.chart-section-area.dir-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.chart-section-area.dir-row .chart-section {
  border-bottom: none;
  border-right: 0.1rem solid var(--color-stroke-default-tertiary);
}
.chart-section-area.dir-row .chart-section:last-of-type {
  border-right: none;
}
.chart-section-area.dir-row .chart-section .chart-area {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.chart-section-area.dir-row .chart-section .txt-area {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.chart-section-area.dir-row .chart-section:has(.lnk-full, .audio-box > button)::after {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media (max-width: 1023px) {
  .chart-section-area .chart-section {
    padding: 1.6rem 0;
  }
  .chart-section-area.dir-row .chart-section {
    padding: 1.6rem;
  }
  .chart-info-list li {
    padding-left: 0;
    padding-right: 0;
  }
  .chart-box {
    gap: 1.2rem;
  }
}
@media (max-width: 767px) {
  .chart-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .chart-box .bg-info-area {
    min-height: auto;
  }
  .chart-box .chart-area:not(.sm) {
    width: 100% !important;
  }
  .chart-box > *:not(.chart-area.sm) {
    width: 100%;
  }
  .section-box {
    padding: 1.6rem;
  }
  .chart-section-area .chart-section {
    padding-left: 0;
    padding-right: 0;
  }
  .chart-section-area .chart-section .chart-area {
    width: 8rem;
  }
  .chart-section-area .chart-section .txt-area {
    gap: 0.8rem;
  }
  .chart-section-area.dir-row {
    grid-template-columns: initial;
  }
  .chart-section-area.dir-row .chart-section {
    padding: 1.6rem 0;
    border-right: none;
    border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
  }
  .chart-section-area.dir-row .chart-section:last-of-type {
    border-bottom: none;
  }
  .box-row {
    grid-template-columns: auto;
  }
}
/* AI문항: 성취코드 */
.achievecode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  max-height: 60rem;
  overflow-y: auto;
}
.achievecode .tit-area {
  margin-bottom: 0.8rem;
}
.achievecode > * {
  margin: 0;
}
.achievecode .btn-cont {
  margin: 1.6rem 0 0;
}
.achievecode .bg-border-box {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.achievecode .box-body {
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.achievecode-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  overflow-x: auto;
}
.achievecode-list > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1.6rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 1.2rem;
  background-color: var(--color-background-default-primary);
  overflow: hidden;
  min-width: 24rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.achievecode-list > li.is-active {
  border-width: 0.1rem;
  border-color: #a0a0a0;
}
.achievecode-list p {
  display: block;
  font-size: 1.5rem;
  margin-bottom: 0.8rem;
}
.achievecode-list .checkradio {
  overflow: hidden;
}
.achievecode-list .checkradio .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
}
.achievecode-list .checkradio strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4rem;
  -ms-flex-preferred-size: 4rem;
      flex-basis: 4rem;
  margin-top: -1.6rem;
  margin-bottom: -1.6rem;
  margin-left: -1.6rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.achievecode-list .checkradio span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.achievecode-list .checkradio .font-color-red {
  background-color: rgba(238, 0, 0, 0.05);
}
.achievecode-list .checkradio .font-color-blue {
  background-color: rgba(0, 116, 229, 0.05);
}
.achievecode-list .checkradio .font-color-green {
  background-color: rgba(0, 149, 0, 0.05);
}

.achievecode-add-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 70rem;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0.8rem;
}
.achievecode-add-area .top-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}

.achievecode-add-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  gap: 2.4rem;
  background-color: var(--color-background-default-primary);
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 2.4rem;
  padding: 2.4rem;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.achievecode-add-item .info-list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 0;
}
.achievecode-add-item .btn-full-h {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  background-color: var(--color-background-default-secondary);
  margin: -2.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-preferred-size: 8rem;
      flex-basis: 8rem;
  width: 8rem;
  border-left: 0.1rem solid var(--color-stroke-default-tertiary);
}

.test-write-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
}
.test-write-area > .tit-area,
.test-write-area .sch-box {
  margin-bottom: 0;
}
.test-write-area .sch-box {
  -ms-flex-preferred-size: 30rem;
      flex-basis: 30rem;
}
.test-write-area .test-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.test-write-area .test-cont > .l-area,
.test-write-area .test-cont > .r-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.test-write-area .test-cont > .c-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-preferred-size: 5.6rem;
      flex-basis: 5.6rem;
  gap: 0.8rem;
}
.test-write-area .test-cont .scroll-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.test-write-area .test-cont .scroll-area .scroll {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
}
.test-write-area .test-cont .bg-border-box {
  height: 64rem;
  overflow: hidden;
}
.test-write-area .test-cont .bg-border-box .box-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.test-write-area .test-cont .bg-border-box .tabs-cont {
  height: 100%;
  overflow: hidden;
}
.test-write-area .test-cont .bg-border-box .box-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.test-write-area .test-cont .bg-border-box .total-txt {
  font-size: 1.6rem;
}
.test-write-area .test-cont .tabs-cont .fnc-area,
.test-write-area .test-cont .tabs-cont .tit-area {
  margin-bottom: 0.8rem;
}

.test-achievecode-add-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.test-achievecode-add-area .top-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}

.folder-list, .folder-block-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.6rem;
  font-size: 1.6rem;
}
.folder-list li, .folder-block-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  height: 16rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2.4rem;
  background-color: var(--color-background-default-primary);
  gap: 1.6rem;
}
.folder-list li:hover .folder-fnc-r, .folder-block-list li:hover .folder-fnc-r {
  display: block;
}
.folder-list.col1, .col1.folder-block-list {
  grid-template-columns: repeat(1, 1fr);
}
.folder-list.col4, .col4.folder-block-list {
  grid-template-columns: repeat(4, 1fr);
}
.folder-list.sm li, .sm.folder-block-list li {
  height: 12rem;
}
.folder-list .num, .folder-block-list .num {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 5.6rem;
  height: 5.6rem;
  background-color: var(--color-background-brand-primary);
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--color-primary50);
  border-radius: 2.4rem;
}
.folder-list p, .folder-block-list p {
  font-weight: 700;
  color: var(--color-font-default-primary);
}
.folder-list .folder-fnc-l, .folder-block-list .folder-fnc-l,
.folder-list .folder-fnc-r,
.folder-block-list .folder-fnc-r {
  position: absolute;
  top: 0.8rem;
  z-index: 1;
}
.folder-list .folder-fnc-l, .folder-block-list .folder-fnc-l {
  left: 0.8rem;
}
.folder-list .folder-fnc-r, .folder-block-list .folder-fnc-r {
  display: block;
  right: 0.8rem;
}
.folder-list .add, .folder-block-list .add {
  border-style: dashed;
  border-width: 0.2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.4rem;
  color: var(--color-font-default-tertiary);
  gap: 0.8rem;
}
.folder-list .add::before, .folder-block-list .add::before {
  content: " ";
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpolygon points='13 3 11 3 11 11 3 11 3 13 11 13 11 21 13 21 13 13 21 13 21 11 13 11 13 3'/%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--color-icon-default-primary);
  background-color: var(--color-font-default-tertiary);
}
.folder-list .etc-fnc-area li, .folder-block-list .etc-fnc-area li {
  padding: initial;
  height: auto;
  border-radius: initial;
  border: initial;
}

.folder-block-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.folder-block-list > li {
  height: 8rem;
}
.folder-block-list .num {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4rem;
  height: 4rem;
  background-color: var(--color-background-brand-primary);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--color-primary50);
  border-radius: 1.2rem;
}
.folder-block-list p {
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.4;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.mark-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.4rem;
}
.mark-area .sticky-cont {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 24rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mark-area .sticky {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: var(--color-background-default-tertiary);
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  padding: 2.4rem 1.6rem;
  height: calc(100vh - (var(--header-height) + 4.8rem));
  gap: 1.6rem;
  top: calc(var(--header-height) + 2.4rem);
}
.mark-area .btn-flex-cont {
  margin: 0;
}

/* .summary */
dl.summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--color-background-default-secondary);
  padding: 1.6rem 2.4rem;
  border-radius: 2.4rem;
  margin-bottom: 1.6rem;
  word-break: keep-all;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
dl.summary dt {
  font-weight: 700;
  margin-right: 1.6rem;
}
dl.summary dd {
  margin-right: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
dl.summary dd:last-child {
  margin-right: 0;
}

.test-add-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
}
.test-add-list > li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1.6rem;
  margin-bottom: 0;
  background-color: #fff;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  padding: 1.6rem;
  border-radius: 1.2rem;
}
.test-add-list > li .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
  background-color: #fff;
  width: 100%;
}
.test-add-list > li .item ~ .item {
  border-top: 0.1rem solid var(--color-stroke-default-tertiary);
  padding-top: 1.6rem;
}
.test-add-list > li .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.8rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.test-add-list > li .editor-cont br {
  display: none !important;
}
.test-add-list > li .box-fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.test-add-list > li:has(.add-fnc) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 8rem;
}
.test-add-list > li:has(.add-fnc) .add-fnc {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  width: 8rem;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.test-add-list > li:has(> .checkradio) {
  padding-left: 40px;
}
.test-add-list > li:has(> .checkradio) > .checkradio {
  position: absolute;
  top: 50%;
  left: 1.2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.test-add-list > li:has(.ico-move) {
  padding-left: 32px;
}
.test-add-list .ico-move {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.test-add-list .ico-sm-close {
  position: absolute;
  right: -0.8rem;
  top: -0.8rem;
}
.test-add-list .txt-none {
  border: none;
  background-color: transparent;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.box-img-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.6rem 0.8rem;
}
.box-img-list li {
  -ms-flex-preferred-size: 240px;
      flex-basis: 240px;
}
.box-img-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.6rem;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  min-height: 28rem;
  padding: 2.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.box-img-list li a:hover {
  border: 2px solid var(--color-primary50);
  -webkit-box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
          box-shadow: 0rem 0.4rem 1.6rem rgba(17, 17, 17, 0.1);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.box-img-list li a:hover cite {
  color: var(--color-primary50);
}
.box-img-list li a cite {
  font-size: 1.8rem;
  font-weight: 500;
}

.reference-list {
  display: grid;
  gap: 0.8rem;
  grid-template-columns: repeat(2, 1fr);
}
.reference-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.2rem;
  background-color: var(--color-background-default-primary);
  border: 1px solid var(--color-stroke-default-quaternary);
  padding: 1.2rem;
  border-radius: 1.2rem;
  min-width: 0;
}
.reference-list li:hover {
  font-weight: var(--size-font-weight-xlg);
  color: var(--color-font-default-secondary);
}
.reference-list li .img-weboffice-area img {
  display: block;
}
.reference-list .img-area {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  background: var(--color-background-default-secondary);
  overflow: hidden;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 16rem;
  aspect-ratio: 16/9;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.reference-list .img-area img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.reference-list .img-weboffice-area {
  width: 7.2rem;
  padding: 0.8rem;
  background-color: var(--color-background-default-primary);
  border: 0.1rem solid var(--color-stroke-default-tertiary);
}
.reference-list .txt-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.reference-list .txt-area .txt {
  margin-top: 0.8rem;
  display: -webkit-box;
  overflow: hidden;
  line-height: 1.4;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.border-list {
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  border-radius: 2.4rem;
  background-color: var(--color-background-default-primary);
}
.border-list > li {
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
  padding: 1.6rem 2.4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.border-list > li:last-of-type {
  border-bottom: none;
}
.border-list > li .num {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.border-list > li .l-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.border-list > li .item-tit {
  font-weight: var(--size-font-weight-md);
}

.survey-q-list > li {
  padding: 2.4rem 0;
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.survey-q-list > li:first-of-type {
  padding-top: 0;
}
.survey-q-list .q-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
  width: 100%;
}
.survey-q-list .a-area {
  width: 100%;
}
.survey-q-list span {
  color: var(--color-font-default-secondary);
  font-size: var(--font-body-md);
  font-weight: var(--size-font-weight-md);
}
.survey-q-list .q-tit {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.survey-q-list .a-legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.8rem;
}
.survey-q-list .a-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.8rem;
  word-break: keep-all;
  text-align: center;
}
.survey-q-list .a-cont:has(.a-des) {
  padding-top: 4.8rem;
}
.survey-q-list .a-cont label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  cursor: pointer;
}
.survey-q-list .a-cont label i {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 100%;
  background-color: var(--color-icon-brand-primary-inverse);
}
.survey-q-list .a-cont label i::before {
  content: " ";
  display: block;
  width: 0;
  aspect-ratio: 1;
  border-radius: 100%;
  background-color: var(--color-icon-brand-primary);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.survey-q-list .a-cont label input:checked ~ i {
  border: 0.1rem solid var(--color-icon-brand-primary);
}
.survey-q-list .a-cont label input:checked ~ i::before {
  width: 60%;
}
.survey-q-list .a-cont .level1 i {
  background-color: var(--color-icon-success-primary-inverse);
}
.survey-q-list .a-cont .level1 input:checked ~ i {
  border-color: var(--color-icon-success-primary);
}
.survey-q-list .a-cont .level1 input:checked ~ i::before {
  background-color: var(--color-icon-success-primary);
}
.survey-q-list .a-cont .level2 i {
  background-color: var(--color-icon-info-primary-inverse);
}
.survey-q-list .a-cont .level2 input:checked ~ i {
  border-color: var(--color-icon-info-primary);
}
.survey-q-list .a-cont .level2 input:checked ~ i::before {
  background-color: var(--color-icon-info-primary);
}
.survey-q-list .a-cont .level3 i {
  background-color: var(--color-icon-danger-primary-inverse);
}
.survey-q-list .a-cont .level3 input:checked ~ i {
  border-color: var(--color-icon-danger-primary);
}
.survey-q-list .a-cont .level3 input:checked ~ i::before {
  background-color: var(--color-icon-danger-primary);
}
.survey-q-list .a-cont .a-des {
  position: absolute;
  -webkit-transform: translateY(calc(-100% - 0.8rem));
          transform: translateY(calc(-100% - 0.8rem));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
  font-size: var(--font-body-xsm);
  font-weight: var(--size-font-weight-md);
  max-width: 24rem;
}
.survey-q-list .a-cont .a-des:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 0.6rem solid transparent;
  border-left: 0.6rem solid transparent;
  border-top: 0.6rem solid var(--color-stroke-default-secondary);
  border-bottom: 0;
  margin: 0 auto;
}

.document-collab {
  display: grid;
  grid-template-rows: 6.4rem 1fr;
  height: 100vh;
}
.document-collab img {
  width: 100%;
}
.document-collab .collab-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 4px 8px 16px 0 rgba(0, 0, 0, 0.04);
  padding-left: 4rem;
  padding-right: 4rem;
  border-bottom: 0.1rem solid var(--color-stroke-default-tertiary);
}
.document-collab .collab-header h1 {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.document-collab .collab-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  overflow-y: auto;
  overflow-x: auto;
  padding: 4rem;
  background: var(--color-background-default-secondary);
  gap: var(--size-gutter-lg);
}
.document-collab .collab-guide {
  background-color: var(--color-background-default-secondary);
}
.document-collab .collab-cont {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--size-gutter-lg);
}
.document-collab .collab-guide {
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-tertiary);
  padding: 1.2rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.document-collab .collab-section {
  display: grid;
  gap: 1.2rem;
  width: 40rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.document-collab .collab-section .section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.document-collab .collab-section .section-header h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.document-collab .collab-section .section-body {
  display: grid;
  gap: 1.2rem;
}
.document-collab .collab-article {
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
}
.document-collab .collab-article .article-header,
.document-collab .collab-article .article-body,
.document-collab .collab-article .reply-fnc-area,
.document-collab .collab-article .write-area,
.document-collab .collab-article .reply-sm-list li {
  padding: 2.4rem;
}
.document-collab .collab-article .article-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 0.1rem solid var(--color-stroke-default-quaternary);
}
.document-collab .collab-article .article-body {
  display: grid;
  gap: 1.6rem;
}
.document-collab .collab-article .article-cont {
  display: grid;
  gap: 1.6rem;
  color: var(--color-font-default-secondary);
}
.document-collab .collab-article .article-cont .img img {
  display: block;
  width: 100%;
  border-radius: 1.2rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
}

.rubric-write-area {
  overflow-x: auto;
}
.rubric-write-area .cont {
  min-width: 108rem;
}
.rubric-write-area .item {
  display: grid;
  grid-template-columns: 6rem 1fr 10.8rem;
}
.rubric-write-area .item .item-fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.rubric-write-area .item .item-fnc > .t-area,
.rubric-write-area .item .item-fnc > .b-area {
  padding: 1.2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4rem;
}
.rubric-write-area .item .item-cont {
  display: grid;
  grid-template-columns: 16rem 1fr;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
}
.rubric-write-area .item .item-tit {
  background-color: var(--color-background-default-secondary);
}
.rubric-write-area .item .item-tit textarea {
  border: none;
  border-radius: inherit;
  background-color: transparent;
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  height: 100%;
}
.rubric-write-area .item .item-col-area {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.rubric-write-area .item .item-col {
  padding: 1.2rem;
  border-left: 0.1rem solid var(--color-stroke-default-tertiary);
}
.rubric-write-area .item .item-col .num-area input {
  width: 4.8rem;
  border: none;
  background-color: var(--color-background-default-secondary);
  padding: 0;
  text-align: center;
  font-size: var(--font-tit-sm);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  color: var(--color-font-default-quaternary);
}
.rubric-write-area .item .item-btn {
  padding: 1.2rem 0 1.2rem 1.2rem;
}
.rubric-write-area .item .item-btn .btn-add {
  height: 100%;
  border-radius: 2.4rem;
  width: 100%;
  min-width: 0;
}
.rubric-write-area .item ~ .item {
  margin-top: -0.1rem;
}
.rubric-write-area .item-total-area {
  display: grid;
  grid-template-columns: 22rem 1fr;
  width: calc(100% - 10.8rem);
}
.rubric-write-area .item-total-area .total-tit {
  padding: 2.4rem 1.6rem 2.4rem 7.6rem;
}
.rubric-write-area .item-total-area .total-col-area {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.rubric-write-area .item-total-area .total-col-area .total-col {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem;
}
.rubric-write-area .item-total-area .total-col-area .total-col strong {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.rubric-write-area .item-total-area .total-col-area .total-col span {
  font-size: var(--font-label-sm);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  color: var(--color-font-default-tertiary);
}
.rubric-write-area .item-btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rubric-write-area .item-btn-area > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.sms-write-area {
  display: grid;
  grid-template-columns: 1fr 40rem;
  gap: var(--size-gutter-lg);
}
.sms-write-area .user-box {
  display: grid;
  gap: 1.6rem;
  padding: 2.4rem;
  border-radius: 2.4rem;
  background: var(--color-background-default-tertiary);
  max-height: 80rem;
  overflow-y: auto;
}
.sms-write-area .user-box section {
  border-radius: inherit;
  overflow: hidden;
  background: var(--color-background-default-primary);
  border: 0.1rem solid var(--color-stroke-default-quaternary);
}
.sms-write-area .user-box section header {
  padding: 1.6rem 2.4rem;
  background-color: var(--color-background-default-secondary);
}
.sms-write-area .user-box section .box-body {
  padding: 0 2.4rem;
}
.sms-write-area .sms-box {
  position: relative;
  display: grid;
  padding: 8rem 4rem 4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.4rem;
  border-radius: 4rem;
  border: 1.6rem solid #F7F7F8;
  background: var(--color-background-default-primary);
  -webkit-box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.1);
}
.sms-write-area .sms-box::before {
  content: "";
  position: absolute;
  width: 8rem;
  height: 1.6rem;
  left: 16rem;
  top: 4rem;
  border-radius: 0.8rem;
  background: #F7F7F8;
}
.sms-write-area .sms-txt-count-area {
  width: 100%;
}
.sms-write-area .sms-txt-count-area textarea {
  border: none;
  border-radius: 0;
  width: 100%;
  height: 40rem;
}
.sms-write-area .sms-txt-count-area .txt-count {
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  color: var(--color-font-default-tertiary);
}
.sms-write-area .sms-txt-count-area .txt-count strong {
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
  color: var(--color-font-default-primary);
}
.img-swiper-area {
  display: grid;
  grid-template-columns: 1fr 20rem;
  gap: 6.4rem;
  margin-bottom: var(--spacing-section-md);
  height: 64rem;
}
.img-swiper-area figure {
  display: block;
}
.img-swiper-area img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: center center;
     object-position: center center;
}
.img-swiper-area .img-area,
.img-swiper-area .img-thumb-area {
  position: relative;
  min-width: 0;
  min-height: 0;
  height: 100%;
}
.img-swiper-area .img-area .swiper {
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
}
.img-swiper-area .img-area .swiper,
.img-swiper-area .img-area figure {
  height: 100%;
}
.img-swiper-area .img-thumb-area .swiper {
  height: 100%;
}
.img-swiper-area .img-thumb-area figure {
  border-radius: 0.8rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  overflow: hidden;
  aspect-ratio: 16/9;
}
.img-swiper-area .img-thumb-area .swiper-fnc {
  opacity: 0;
}
.img-swiper-area .img-thumb-area:hover .swiper-fnc {
  opacity: 1;
}
.img-swiper-area .img-thumb-area .swiper-slide-thumb-active figure {
  border: 0.4rem solid var(--color-stroke-brand-primary);
}

@media (max-width: 767px) {
  .reference-list {
    grid-template-columns: initial;
  }
  .reference-list .img-area {
    max-width: 40%;
    border-radius: 0.8rem;
  }
  .mark-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mark-area .sticky-cont {
    width: 100%;
  }
  .mark-area .sticky {
    height: 48rem;
  }
  .border-list > li {
    padding: 1.2rem 1.6rem;
  }
}
.profile.x2lg {
  gap: 2.4rem;
}
.profile.x2lg .img-area figure {
  width: 12rem;
  height: 12rem;
}
.profile.x2lg .txt-area .profile-tit {
  font-size: var(--font-tit-lg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.profile.x2lg .txt-area strong {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.profile.x2lg .txt-area span {
  font-size: var(--font-label-md);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  color: var(--color-font-default-secondary);
}

.point-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.4rem;
}
.point-status .profile-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3.2rem 4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 2.4rem;
  background: var(--color-background-default-secondary);
}
.point-status .profile-card .img-area {
  position: relative;
}
.point-status .profile-card .badge-icon {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.point-status .profile-card .badge-icon img {
  width: 100%;
  height: auto;
}
.point-status .point-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3.2rem 4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 3.2rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
  position: relative;
}
.point-status .point-card::after {
  content: "";
  position: absolute;
  right: 4rem;
  bottom: 0;
  height: 8rem;
  aspect-ratio: 187/80;
  background: url("../images/custom/common/img-obj.svg") no-repeat right bottom/contain;
}
.point-status .point-card .point-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.point-status .point-card .point-avail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.point-status .point-card .point-avail strong {
  color: var(--color-font-default-tertiary);
}
.point-status .point-card .point-avail span {
  min-width: var(--form-width-sm);
  font-size: var(--font-tit-xlg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  text-align: right;
  font-weight: bold;
}
.point-status .point-card .point-avail::after {
  content: "";
  width: 4rem;
  aspect-ratio: 1/1;
  background: url("../images/common/common/ico-img-point.svg") no-repeat center/contain;
}
.point-status .point-card .point-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 0 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  border-radius: 2.4rem;
  background: var(--color-background-default-tertiary);
  color: var(--color-font-default-secondary);
}
.point-status .point-card .point-total span {
  font-weight: bold;
}

.badge-collection {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  -webkit-column-gap: 2.4rem;
     -moz-column-gap: 2.4rem;
          column-gap: 2.4rem;
  row-gap: 5.6rem;
}
.badge-collection .badge-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
}
.badge-collection .badge-card .badge-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.4rem;
  padding: 2.4rem 1.6rem;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.badge-collection .badge-card .badge-info figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 1/1;
}
.badge-collection .badge-card .badge-info figure img {
  width: 100%;
  height: 100%;
}
.badge-collection .badge-card .badge-info p {
  color: var(--color-font-default-secondary);
}
.badge-collection .badge-card .badge-info strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  gap: 0.4rem;
  color: var(--color-font-default-secondary);
}
.badge-collection .badge-card .badge-info strong::before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  aspect-ratio: 1/1;
  background: url("../images/common/common/ico-img-point.svg") no-repeat center/contain;
}

body:has(.invite) {
  background-color: #f5f5f5;
}
body:has(.invite) .invite-page {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4rem;
}
body:has(.invite) .invite-page .invite-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: var(--size-wrap-sm);
  width: 100%;
  padding: 4.8rem 6.4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.2rem;
  border-radius: 4rem;
  border: 0.1rem solid var(--color-stroke-default-quaternary);
  background: var(--color-background-default-primary);
}
body:has(.invite) .invite-page .invite-cont figure {
  aspect-ratio: 16/9;
  width: 100%;
}
body:has(.invite) .invite-page .invite-cont figure img {
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body:has(.invite) .invite-page .invite-cont h2 {
  font-size: var(--font-tit-lg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  margin-bottom: 1.2rem;
}
body:has(.invite) .invite-page .invite-cont p {
  color: var(--color-font-default-secondary);
  text-align: center;
}
body:has(.invite) .invite-page .app-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
}

.course {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem;
}
.course .course-list {
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  overflow: hidden;
}
.course .course-list .course-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2.4rem;
  background: var(--color-background-brand-primary);
}
.course .course-list .course-tit h3 {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.course .course-list p {
  padding: 3.2rem 2.4rem;
  font-size: var(--font-body-lg);
  font-weight: var(--size-font-weight-md);
}

.bullet-num {
  counter-reset: num;
}
.bullet-num > li {
  position: relative;
  padding-left: 2rem;
  counter-increment: num;
}
.bullet-num > li::before {
  content: counter(num) ".";
  position: absolute;
  left: 0;
  top: 0.1rem;
}
.bullet-num > li + li {
  margin-top: 0.4rem;
}

.mn-row {
  margin-bottom: var(--spacing-section-sm);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 8rem;
}
.mn-row:has(.mn-section:nth-child(3)) {
  gap: 2.4rem;
}

.mn-section {
  margin-bottom: var(--spacing-section-md);
}

.mn-box {
  position: relative;
  border-radius: 3.2rem;
  border: 0.1rem solid var(--color-stroke-default-quaternary);
  background-color: var(--color-background-default-primary);
  padding: 4rem;
}
.mn-box.bg {
  border: none;
  background-color: var(--color-background-default-secondary);
}
.mn-box.bg.primary {
  background-color: var(--color-background-brand-primary);
}
.mn-box .mn-tit {
  margin-bottom: 0;
}
.mn-box:has(.btn-mn-lnk) {
  border-bottom-right-radius: 14rem;
}

.mn-tit {
  font-size: var(--font-tit-xlg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  margin-bottom: 3.2rem;
}
.mn-tit.sm {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
  margin-bottom: 2.4rem;
}

.btn-mn-lnk {
  position: absolute;
  right: 0;
  bottom: 0;
  border-top-left-radius: 4rem;
  background: var(--color-background-default-primary);
  width: 8rem;
  aspect-ratio: 1;
}
.btn-mn-lnk::before, .btn-mn-lnk::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.btn-mn-lnk::before {
  width: 4.8rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #33363D;
}
.btn-mn-lnk::after {
  width: var(--size-icon-md);
  height: var(--size-icon-md);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon-default-primary-inverse);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m14.39,4l-1.41,1.42,5.6,5.59H3.99s0,2,0,2h14.58s-5.6,5.58-5.6,5.58l1.41,1.42,7.31-7.29c.19-.19.29-.44.29-.71s-.11-.52-.29-.71l-7.31-7.29Z'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg fill='%23111'%3E%3Cpath d='m14.39,4l-1.41,1.42,5.6,5.59H3.99s0,2,0,2h14.58s-5.6,5.58-5.6,5.58l1.41,1.42,7.31-7.29c.19-.19.29-.44.29-.71s-.11-.52-.29-.71l-7.31-7.29Z'/%3E%3C/g%3E%3C/svg%3E");
}

.mn-course .mn-cont {
  position: relative;
}
.mn-course .course-tit {
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.mn-course .course-tit-area {
  display: grid;
  gap: 1.6rem;
  padding: 2.4rem;
  background: var(--color-background-brand-primary);
}
.mn-course .info-list {
  padding: 2.4rem;
  margin: 0;
}
.mn-course .course-cont {
  display: grid;
  gap: 1.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mn-course .course-cont > .img-area {
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-quaternary);
}
.mn-course .course-cont > .img-area img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.mn-course .course-cont > .txt-area {
  display: grid;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-quaternary);
  background: var(--color-background-default-primary);
  overflow: hidden;
}
.mn-course .course-cont .fnc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 0.1rem solid var(--color-stroke-default-quaternary);
}
.mn-course .course-cont .fnc > a,
.mn-course .course-cont .fnc > button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: var(--font-label-lg);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: var(--form-height-lg);
  color: var(--color-font-default-secondary);
}
.mn-course .course-cont .fnc > a ~ a, .mn-course .course-cont .fnc > a ~ button,
.mn-course .course-cont .fnc > button ~ a,
.mn-course .course-cont .fnc > button ~ button {
  border-left: 0.1rem solid var(--color-stroke-default-quaternary);
}
.mn-course .course-cont .fnc > a.primary,
.mn-course .course-cont .fnc > button.primary {
  color: var(--color-font-brand-primary);
  font-size: var(--font-label-lg);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-xlg);
}

.mn-notice {
  display: grid;
  grid-template-columns: auto 1fr;
  padding: 4rem 6.4rem;
  gap: 4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
  border-radius: 2.4rem;
  background: var(--color-background-default-secondary);
}
.mn-notice h2 {
  font-size: var(--font-tit-lg);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.mn-notice .swiper-slide {
  min-width: 0;
}
.mn-notice .notice-swiper-area {
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
}
.mn-notice .notice-swiper-area .swiper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mn-notice .txt-area {
  display: grid;
  min-width: 0;
  grid-template-columns: 1fr auto;
  gap: 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mn-notice .txt {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  font-size: var(--font-tit-md);
  font-weight: var(--size-font-weight-xlg);
  line-height: var(--size-font-lineheight-sm);
}
.mn-notice .time {
  color: var(--color-font-brand-primary);
  font-size: var(--font-label-lg);
  font-weight: var(--size-font-weight-md);
  line-height: var(--size-font-lineheight-xsm);
  font-weight: var(--size-font-weight-lg);
}

.summary-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.4rem;
}
.summary-grid .profile-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3.2rem 4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  border-radius: 2.4rem;
  background: var(--color-background-default-secondary);
}
.summary-grid .profile-card img {
  width: 12rem;
  height: 12rem;
  border-radius: 100%;
  border: 0.1rem solid var(--color-stroke-default-secondary);
  background: url(<path-to-image>) lightgray -128.286px -25.307px/318% 212% no-repeat;
}
.summary-grid .profile-card .profile-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 219px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.4rem;
}
.summary-grid .profile-card .profile-info strong {
  font-size: var(--size-font-xlg);
}
.summary-grid .profile-card .profile-info p {
  color: var(--color-font-default-secondary);
}
.summary-grid .point-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3.2rem 4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 3.2rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
  position: relative;
}
.summary-grid .point-card::after {
  content: "";
  position: absolute;
  right: 4rem;
  bottom: 0;
  width: 18.7rem;
  height: 8rem;
  background: url("/resources/front/site/SITE_00000/images/custom/common/img-obj.svg") no-repeat right bottom/contain;
}
.summary-grid .point-card .point-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.summary-grid .point-card .point-avail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.summary-grid .point-card .point-avail dt {
  color: var(--color-font-default-tertiary);
}
.summary-grid .point-card .point-avail dd {
  min-width: var(--form-width-sm);
  font-size: var(--size-font-3xlg);
  text-align: right;
  font-weight: bold;
}
.summary-grid .point-card .point-avail::after {
  content: "";
  width: 4rem;
  height: 4rem;
  background: url("/resources/front/site/SITE_00000/images/custom/common/ico-img-point.svg") no-repeat center/contain;
}
.summary-grid .point-card .point-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 0 1.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
  border-radius: 2.4rem;
  background: var(--color-background-default-tertiary);
  color: var(--color-font-default-secondary);
}
.summary-grid .point-card .point-total dd {
  font-weight: bold;
}

.badge-set {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  -webkit-column-gap: 2.4rem;
     -moz-column-gap: 2.4rem;
          column-gap: 2.4rem;
  row-gap: 5.6rem;
}
.badge-set .badge-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
}
.badge-set .badge-card .badge-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.4rem;
  padding: 2.4rem 1.6rem;
  border-radius: 2.4rem;
  border: 0.1rem solid var(--color-stroke-default-tertiary);
  background: var(--color-background-default-primary);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.badge-set .badge-card .badge-info figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 8rem;
  height: 8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 1/1;
}
.badge-set .badge-card .badge-info figure img {
  width: 100%;
  height: 100%;
}
.badge-set .badge-card .badge-info p {
  color: var(--color-font-default-secondary);
}
.badge-set .badge-card .badge-info strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--size-font-xlg);
  gap: 0.4rem;
  color: var(--color-font-default-secondary);
}
.badge-set .badge-card .badge-info strong::before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/resources/front/site/SITE_00000/images/custom/common/ico-img-point.svg") no-repeat center/contain;
}/*# sourceMappingURL=style2.css.map */